chrone: sperate client and server to different repos.

src/components/DataTableCells/CheckBoxFieldCell.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import classNames from 'classnames';
+import { get } from 'lodash';
+import { Classes, Checkbox, FormGroup, Intent } from '@blueprintjs/core';
+
+const CheckboxEditableCell = ({
+  row: { index, original },
+  column: { id, disabledAccessor, checkboxProps },
+  cell: { value: initialValue },
+  payload,
+}) => {
+  const [value, setValue] = React.useState(initialValue);
+
+  const onChange = (e) => {
+    const newValue = e.target.checked;
+
+    setValue(newValue);
+    payload.updateData(index, id, newValue);
+  };
+
+  React.useEffect(() => {
+    setValue(initialValue);
+  }, [initialValue]);
+
+  const error = payload.errors?.[index]?.[id];
+
+  // Detarmines whether the checkbox is disabled.
+  const disabled = disabledAccessor ? get(original, disabledAccessor) : false;
+
+  return (
+    <FormGroup
+      intent={error ? Intent.DANGER : null}
+      className={classNames(Classes.FILL)}
+    >
+      <Checkbox
+        value={value}
+        onChange={onChange}
+        checked={initialValue}
+        disabled={disabled}
+        minimal={true}
+        className="ml2"
+        {...checkboxProps}
+      />
+    </FormGroup>
+  );
+};
+
+export default CheckboxEditableCell;