chrone: sperate client and server to different repos.

src/components/DataTableCells/ContactsListFieldCell.js

@@ -0,0 +1,39 @@
+import React, { useCallback } from 'react';
+import { FormGroup, Intent, Classes } from '@blueprintjs/core';
+import classNames from 'classnames';
+import { ContactSelecetList } from 'components';
+import ContactsSuggestField from 'components/ContactsSuggestField';
+
+export default function ContactsListCellRenderer({
+  column: { id },
+  row: { index, original },
+  cell: { value },
+  payload: { contacts, updateData, errors },
+}) {
+  const handleContactSelected = useCallback(
+    (contact) => {
+      updateData(index, 'contact_id', contact.id);
+    },
+    [updateData, index, id],
+  );
+
+  const error = errors?.[index]?.[id];
+
+  return (
+    <FormGroup
+      intent={error ? Intent.DANGER : null}
+      className={classNames(
+        'form-group--select-list',
+        'form-group--contacts-list',
+        Classes.FILL,
+      )}
+    >
+      <ContactsSuggestField
+        contactsList={contacts}
+        onContactSelected={handleContactSelected}
+        selectedContactId={original?.contact_id}
+        selectedContactType={original?.contact_type}
+      />
+    </FormGroup>
+  );
+}