@teselagen/ui 0.3.6 → 0.3.7

package/index.umd.js

@@ -54930,17 +54930,17 @@
     throw TypeError("Can't convert object to primitive value");
   };
 
-  var anObject$5 = _anObject;
+  var anObject$3 = _anObject;
   var IE8_DOM_DEFINE$1 = _ie8DomDefine;
   var toPrimitive$2 = _toPrimitive;
-  var dP$3 = Object.defineProperty;
+  var dP$2 = Object.defineProperty;
 
   _objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-    anObject$5(O);
+    anObject$3(O);
     P = toPrimitive$2(P, true);
-    anObject$5(Attributes);
+    anObject$3(Attributes);
     if (IE8_DOM_DEFINE$1) try {
-      return dP$3(O, P, Attributes);
+      return dP$2(O, P, Attributes);
     } catch (e) { /* empty */ }
     if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
     if ('value' in Attributes) O[P] = Attributes.value;
@@ -54956,10 +54956,10 @@
     };
   };
 
-  var dP$2 = _objectDp;
+  var dP$1 = _objectDp;
   var createDesc$3 = _propertyDesc;
   var _hide = _descriptors ? function (object, key, value) {
-    return dP$2.f(object, key, createDesc$3(1, value));
+    return dP$1.f(object, key, createDesc$3(1, value));
   } : function (object, key, value) {
     object[key] = value;
     return object;
@@ -54975,7 +54975,7 @@
   var ctx$1 = _ctx;
   var hide$2 = _hide;
   var has$b = _has;
-  var PROTOTYPE$2 = 'prototype';
+  var PROTOTYPE$1 = 'prototype';
 
   var $export$8 = function (type, name, source) {
     var IS_FORCED = type & $export$8.F;
@@ -54985,8 +54985,8 @@
     var IS_BIND = type & $export$8.B;
     var IS_WRAP = type & $export$8.W;
     var exports = IS_GLOBAL ? core$3 : core$3[name] || (core$3[name] = {});
-    var expProto = exports[PROTOTYPE$2];
-    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$2];
+    var expProto = exports[PROTOTYPE$1];
+    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$1];
     var key, own, out;
     if (IS_GLOBAL) source = name;
     for (key in source) {
@@ -55010,7 +55010,7 @@
             } return new C(a, b, c);
           } return C.apply(this, arguments);
         };
-        F[PROTOTYPE$2] = C[PROTOTYPE$2];
+        F[PROTOTYPE$1] = C[PROTOTYPE$1];
         return F;
       // make static versions for prototype methods
       })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -55147,14 +55147,14 @@
   var has$a = _has;
   var toIObject$4 = _toIobject;
   var arrayIndexOf = _arrayIncludes(false);
-  var IE_PROTO$2 = _sharedKey('IE_PROTO');
+  var IE_PROTO$1 = _sharedKey('IE_PROTO');
 
   var _objectKeysInternal = function (object, names) {
     var O = toIObject$4(object);
     var i = 0;
     var result = [];
     var key;
-    for (key in O) if (key != IE_PROTO$2) has$a(O, key) && result.push(key);
+    for (key in O) if (key != IE_PROTO$1) has$a(O, key) && result.push(key);
     // Don't enum bug & hidden keys
     while (names.length > i) if (has$a(O, key = names[i++])) {
       ~arrayIndexOf(result, key) || result.push(key);
@@ -55169,10 +55169,10 @@
 
   // 19.1.2.14 / 15.2.3.14 Object.keys(O)
   var $keys$3 = _objectKeysInternal;
-  var enumBugKeys$1 = _enumBugKeys;
+  var enumBugKeys = _enumBugKeys;
 
   var _objectKeys = Object.keys || function keys(O) {
-    return $keys$3(O, enumBugKeys$1);
+    return $keys$3(O, enumBugKeys);
   };
 
   var _objectGops = {};
@@ -55279,19 +55279,27 @@
 
   var _redefine = _hide;
 
-  var dP$1 = _objectDp;
-  var anObject$4 = _anObject;
-  var getKeys$1 = _objectKeys;
+  var _objectDps;
+  var hasRequired_objectDps;
 
-  var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
-    anObject$4(O);
-    var keys = getKeys$1(Properties);
-    var length = keys.length;
-    var i = 0;
-    var P;
-    while (length > i) dP$1.f(O, P = keys[i++], Properties[P]);
-    return O;
-  };
+  function require_objectDps () {
+  	if (hasRequired_objectDps) return _objectDps;
+  	hasRequired_objectDps = 1;
+  	var dP = _objectDp;
+  	var anObject = _anObject;
+  	var getKeys = _objectKeys;
+
+  	_objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
+  	  anObject(O);
+  	  var keys = getKeys(Properties);
+  	  var length = keys.length;
+  	  var i = 0;
+  	  var P;
+  	  while (length > i) dP.f(O, P = keys[i++], Properties[P]);
+  	  return O;
+  	};
+  	return _objectDps;
+  }
 
   var _html;
   var hasRequired_html;
@@ -55304,47 +55312,55 @@
   	return _html;
   }
 
-  // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-  var anObject$3 = _anObject;
-  var dPs = _objectDps;
-  var enumBugKeys = _enumBugKeys;
-  var IE_PROTO$1 = _sharedKey('IE_PROTO');
-  var Empty = function () { /* empty */ };
-  var PROTOTYPE$1 = 'prototype';
+  var _objectCreate;
+  var hasRequired_objectCreate;
 
-  // Create object with fake `null` prototype: use iframe Object with cleared prototype
-  var createDict = function () {
-    // Thrash, waste and sodomy: IE GC bug
-    var iframe = require_domCreate()('iframe');
-    var i = enumBugKeys.length;
-    var lt = '<';
-    var gt = '>';
-    var iframeDocument;
-    iframe.style.display = 'none';
-    require_html().appendChild(iframe);
-    iframe.src = 'javascript:'; // eslint-disable-line no-script-url
-    // createDict = iframe.contentWindow.Object;
-    // html.removeChild(iframe);
-    iframeDocument = iframe.contentWindow.document;
-    iframeDocument.open();
-    iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
-    iframeDocument.close();
-    createDict = iframeDocument.F;
-    while (i--) delete createDict[PROTOTYPE$1][enumBugKeys[i]];
-    return createDict();
-  };
-
-  var _objectCreate = Object.create || function create(O, Properties) {
-    var result;
-    if (O !== null) {
-      Empty[PROTOTYPE$1] = anObject$3(O);
-      result = new Empty();
-      Empty[PROTOTYPE$1] = null;
-      // add "__proto__" for Object.getPrototypeOf polyfill
-      result[IE_PROTO$1] = O;
-    } else result = createDict();
-    return Properties === undefined ? result : dPs(result, Properties);
-  };
+  function require_objectCreate () {
+  	if (hasRequired_objectCreate) return _objectCreate;
+  	hasRequired_objectCreate = 1;
+  	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+  	var anObject = _anObject;
+  	var dPs = require_objectDps();
+  	var enumBugKeys = _enumBugKeys;
+  	var IE_PROTO = _sharedKey('IE_PROTO');
+  	var Empty = function () { /* empty */ };
+  	var PROTOTYPE = 'prototype';
+
+  	// Create object with fake `null` prototype: use iframe Object with cleared prototype
+  	var createDict = function () {
+  	  // Thrash, waste and sodomy: IE GC bug
+  	  var iframe = require_domCreate()('iframe');
+  	  var i = enumBugKeys.length;
+  	  var lt = '<';
+  	  var gt = '>';
+  	  var iframeDocument;
+  	  iframe.style.display = 'none';
+  	  require_html().appendChild(iframe);
+  	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+  	  // createDict = iframe.contentWindow.Object;
+  	  // html.removeChild(iframe);
+  	  iframeDocument = iframe.contentWindow.document;
+  	  iframeDocument.open();
+  	  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+  	  iframeDocument.close();
+  	  createDict = iframeDocument.F;
+  	  while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
+  	  return createDict();
+  	};
+
+  	_objectCreate = Object.create || function create(O, Properties) {
+  	  var result;
+  	  if (O !== null) {
+  	    Empty[PROTOTYPE] = anObject(O);
+  	    result = new Empty();
+  	    Empty[PROTOTYPE] = null;
+  	    // add "__proto__" for Object.getPrototypeOf polyfill
+  	    result[IE_PROTO] = O;
+  	  } else result = createDict();
+  	  return Properties === undefined ? result : dPs(result, Properties);
+  	};
+  	return _objectCreate;
+  }
 
   var _wks = {exports: {}};
 
@@ -55370,7 +55386,7 @@
     if (it && !has$9(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
   };
 
-  var create$3 = _objectCreate;
+  var create$3 = require_objectCreate();
   var descriptor = _propertyDesc;
   var setToStringTag$2 = _setToStringTag;
   var IteratorPrototype = {};
@@ -56013,7 +56029,7 @@
   var toIObject = _toIobject;
   var toPrimitive = _toPrimitive;
   var createDesc = _propertyDesc;
-  var _create$1 = _objectCreate;
+  var _create$1 = require_objectCreate();
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
@@ -56323,7 +56339,7 @@
 
   var $export = _export;
   // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-  $export($export.S, 'Object', { create: _objectCreate });
+  $export($export.S, 'Object', { create: require_objectCreate() });
 
   var $Object = _coreExports.Object;
   var create$2 = function create(P, D) {
@@ -112700,9 +112716,7 @@
           entities,
           reduxFormEntitiesUndoRedoStack[reduxFormEntitiesUndoRedoStack.currentVersion].inversePatches
         );
-        const { newEnts, validationErrors } = this.formatAndValidateEntities(
-          nextState
-        );
+        const { newEnts, validationErrors } = this.formatAndValidateEntities(nextState);
         change("reduxFormEntities", newEnts);
         this.updateValidation(newEnts, validationErrors);
         change("reduxFormEntitiesUndoRedoStack", {
@@ -112724,9 +112738,7 @@
           entities,
           reduxFormEntitiesUndoRedoStack[nextV].patches
         );
-        const { newEnts, validationErrors } = this.formatAndValidateEntities(
-          nextState
-        );
+        const { newEnts, validationErrors } = this.formatAndValidateEntities(nextState);
         change("reduxFormEntities", newEnts);
         this.updateValidation(newEnts, validationErrors);
         change("reduxFormEntitiesUndoRedoStack", {
@@ -113228,10 +113240,7 @@
       this.handleCopyHelper(textToCopy, "Column copied");
     };
     updateEntitiesHelper = (ents, fn) => {
-      const {
-        change,
-        reduxFormEntitiesUndoRedoStack = { currentVersion: 0 }
-      } = this.props;
+      const { change, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } = this.props;
       const [nextState, patches, inversePatches] = cn(ents, fn);
       if (!inversePatches.length)
         return;
@@ -113293,9 +113302,11 @@
       }
     };
     handleCopySelectedCells = (e) => {
-      const { entities = [], reduxFormSelectedCells, schema } = computePresets(
-        this.props
-      );
+      const {
+        entities = [],
+        reduxFormSelectedCells,
+        schema
+      } = computePresets(this.props);
       if (lodashExports.isEmpty(reduxFormSelectedCells))
         return;
       const pathToIndex = getFieldPathToIndex(schema);
@@ -113581,7 +113592,9 @@
       }
       const numRows = isInfinite ? entities.length : pageSize;
       const idMap = reduxFormSelectedEntityIdMap || {};
-      const selectedRowCount = Object.keys(idMap).filter((key) => idMap[key]).length;
+      const selectedRowCount = Object.keys(idMap).filter(
+        (key) => idMap[key]
+      ).length;
       let rowsToShow = doNotShowEmptyRows ? Math.min(numRows, entities.length) : numRows;
       if (entities.length === 0 && rowsToShow < 3)
         rowsToShow = 3;
@@ -115077,9 +115090,7 @@
           return getIdOrCodeOrIndex(e, i) === rowId;
         });
         const insertIndex = above ? indexToInsert : indexToInsert + 1;
-        let { newEnts, validationErrors } = this.formatAndValidateEntities(
-          newEntities
-        );
+        let { newEnts, validationErrors } = this.formatAndValidateEntities(newEntities);
         newEnts = newEnts.map((e) => ({
           ...e,
           _isClean: true

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "main": "./src/index.js",
   "dependencies": {
-    "@teselagen/file-utils": "0.3.6",
-    "@teselagen/bounce-loader": "0.3.6",
+    "@teselagen/file-utils": "0.3.7",
+    "@teselagen/bounce-loader": "0.3.7",
     "@blueprintjs/core": "3.52.0",
     "@blueprintjs/datetime": "3.23.19",
     "@blueprintjs/icons": "3.33.0",

package/src/DataTable/index.js

@@ -178,7 +178,7 @@ class DataTable extends React.Component {
       fullscreen: !this.state.fullscreen
     });
   };
-  handleEnterStartCellEdit = e => {
+  handleEnterStartCellEdit = (e) => {
     e.stopPropagation();
     this.startCellEdit(this.getPrimarySelectedCellId());
   };
@@ -208,9 +208,8 @@ class DataTable extends React.Component {
           reduxFormEntitiesUndoRedoStack.currentVersion
         ].inversePatches
       );
-      const { newEnts, validationErrors } = this.formatAndValidateEntities(
-        nextState
-      );
+      const { newEnts, validationErrors } =
+        this.formatAndValidateEntities(nextState);
       change("reduxFormEntities", newEnts);
       this.updateValidation(newEnts, validationErrors);
       change("reduxFormEntitiesUndoRedoStack", {
@@ -233,9 +232,8 @@ class DataTable extends React.Component {
         entities,
         reduxFormEntitiesUndoRedoStack[nextV].patches
       );
-      const { newEnts, validationErrors } = this.formatAndValidateEntities(
-        nextState
-      );
+      const { newEnts, validationErrors } =
+        this.formatAndValidateEntities(nextState);
       change("reduxFormEntities", newEnts);
       this.updateValidation(newEnts, validationErrors);
       change("reduxFormEntitiesUndoRedoStack", {
@@ -266,7 +264,7 @@ class DataTable extends React.Component {
     if (!isEqual(newProps.schema, oldProps.schema)) {
       const { schema = {} } = newProps;
       const columns = schema.fields
-        ? schema.fields.reduce(function(columns, field, i) {
+        ? schema.fields.reduce(function (columns, field, i) {
             if (field.isHidden) {
               return columns;
             }
@@ -355,7 +353,8 @@ class DataTable extends React.Component {
         ? selectedIdsToUse
         : [selectedIdsToUse];
       const selectedEntities = entities.filter(
-        e => idArray.indexOf(getIdOrCodeOrIndex(e)) > -1 && !isEntityDisabled(e)
+        (e) =>
+          idArray.indexOf(getIdOrCodeOrIndex(e)) > -1 && !isEntityDisabled(e)
       );
       newIdMap =
         newIdMap ||
@@ -368,14 +367,13 @@ class DataTable extends React.Component {
       const idToScrollTo = idArray[0];
       if (!idToScrollTo && idToScrollTo !== 0) return;
       const entityIndexToScrollTo = entities.findIndex(
-        e => e.id === idToScrollTo || e.code === idToScrollTo
+        (e) => e.id === idToScrollTo || e.code === idToScrollTo
       );
       if (entityIndexToScrollTo === -1 || !table) return;
       const tableBody = table.querySelector(".rt-tbody");
       if (!tableBody) return;
-      const rowEl = tableBody.getElementsByClassName("rt-tr-group")[
-        entityIndexToScrollTo
-      ];
+      const rowEl =
+        tableBody.getElementsByClassName("rt-tr-group")[entityIndexToScrollTo];
       if (!rowEl) return;
       setTimeout(() => {
         //we need to delay for a teeny bit to make sure the table has drawn
@@ -387,14 +385,14 @@ class DataTable extends React.Component {
       }, 0);
     }
   };
-  formatAndValidateEntities = entities => {
+  formatAndValidateEntities = (entities) => {
     const { schema } = this.props;
-    const editableFields = schema.fields.filter(f => !f.isNotEditable);
+    const editableFields = schema.fields.filter((f) => !f.isNotEditable);
     const validationErrors = {};
 
-    const newEnts = immer(entities, entities => {
+    const newEnts = immer(entities, (entities) => {
       entities.forEach((e, index) => {
-        editableFields.forEach(columnSchema => {
+        editableFields.forEach((columnSchema) => {
           //mutative
           const { error } = editCellHelper({
             entity: e,
@@ -487,7 +485,7 @@ class DataTable extends React.Component {
     document.removeEventListener("paste", this.handlePaste);
   }
 
-  handleRowMove = (type, shiftHeld) => e => {
+  handleRowMove = (type, shiftHeld) => (e) => {
     e.preventDefault();
     e.stopPropagation();
     const props = computePresets(this.props);
@@ -504,16 +502,16 @@ class DataTable extends React.Component {
     if (noSelect) return;
     if (lastSelectedEnt) {
       let lastSelectedIndex = entities.findIndex(
-        ent => ent === lastSelectedEnt
+        (ent) => ent === lastSelectedEnt
       );
       if (lastSelectedIndex === -1) {
         if (lastSelectedEnt.id !== undefined) {
           lastSelectedIndex = entities.findIndex(
-            ent => ent.id === lastSelectedEnt.id
+            (ent) => ent.id === lastSelectedEnt.id
           );
         } else if (lastSelectedEnt.code !== undefined) {
           lastSelectedIndex = entities.findIndex(
-            ent => ent.code === lastSelectedEnt.code
+            (ent) => ent.code === lastSelectedEnt.code
           );
         }
       }
@@ -559,7 +557,7 @@ class DataTable extends React.Component {
       props
     });
   };
-  handleCopyHotkey = e => {
+  handleCopyHotkey = (e) => {
     const { isCellEditable, reduxFormSelectedEntityIdMap } = computePresets(
       this.props
     );
@@ -583,7 +581,7 @@ class DataTable extends React.Component {
     }
   };
 
-  handlePaste = e => {
+  handlePaste = (e) => {
     const {
       isCellEditable,
       reduxFormSelectedCells,
@@ -627,9 +625,9 @@ class DataTable extends React.Component {
           };
           // single paste value, fill all cells with value
           const newVal = pasteData[0][0];
-          this.updateEntitiesHelper(entities, entities => {
+          this.updateEntitiesHelper(entities, (entities) => {
             const entityIdToEntity = getEntityIdToEntity(entities);
-            Object.keys(reduxFormSelectedCells).forEach(cellId => {
+            Object.keys(reduxFormSelectedCells).forEach((cellId) => {
               const [rowId, path] = cellId.split(":");
               const entity = entityIdToEntity[rowId].e;
               delete entity._isClean;
@@ -656,7 +654,7 @@ class DataTable extends React.Component {
             };
 
             const newSelectedCells = { ...reduxFormSelectedCells };
-            this.updateEntitiesHelper(entities, entities => {
+            this.updateEntitiesHelper(entities, (entities) => {
               const entityIdToEntity = getEntityIdToEntity(entities);
               const [rowId, primaryCellPath] = primarySelectedCell.split(":");
               const primaryEntityInfo = entityIdToEntity[rowId];
@@ -710,7 +708,7 @@ class DataTable extends React.Component {
       }
     }
   };
-  handleSelectAllRows = e => {
+  handleSelectAllRows = (e) => {
     const {
       change,
       isEntityDisabled,
@@ -723,12 +721,12 @@ class DataTable extends React.Component {
     e.preventDefault();
 
     if (isCellEditable) {
-      const schemaPaths = schema.fields.map(f => f.path);
+      const schemaPaths = schema.fields.map((f) => f.path);
       const newSelectedCells = {};
       entities.forEach((entity, i) => {
         if (isEntityDisabled(entity)) return;
         const entityId = getIdOrCodeOrIndex(entity, i);
-        schemaPaths.forEach(p => {
+        schemaPaths.forEach((p) => {
           newSelectedCells[`${entityId}:${p}`] = true;
         });
       });
@@ -768,9 +766,9 @@ class DataTable extends React.Component {
     };
     if (isEmpty(reduxFormSelectedCells)) return;
     const rowIds = [];
-    this.updateEntitiesHelper(entities, entities => {
+    this.updateEntitiesHelper(entities, (entities) => {
       const entityIdToEntity = getEntityIdToEntity(entities);
-      Object.keys(reduxFormSelectedCells).forEach(cellId => {
+      Object.keys(reduxFormSelectedCells).forEach((cellId) => {
         const [rowId, path] = cellId.split(":");
         rowIds.push(rowId);
         const entity = entityIdToEntity[rowId].e;
@@ -791,19 +789,19 @@ class DataTable extends React.Component {
     });
   };
 
-  handleCut = e => {
+  handleCut = (e) => {
     this.handleDeleteCell();
     this.handleCopyHotkey(e);
   };
 
-  getCellCopyText = cellWrapper => {
+  getCellCopyText = (cellWrapper) => {
     const text = cellWrapper && cellWrapper.getAttribute("data-copy-text");
 
     const toRet = text || cellWrapper.textContent || "";
     return toRet;
   };
 
-  handleCopyRow = rowEl => {
+  handleCopyRow = (rowEl) => {
     //takes in a row element
     const text = this.getRowCopyText(rowEl);
     if (!text) return window.toastr.warning("No text to copy");
@@ -813,20 +811,18 @@ class DataTable extends React.Component {
     const cellType = cellWrapper.getAttribute("data-test");
     const allRowEls = getAllRows(e);
     if (!allRowEls) return;
-    const textToCopy = map(allRowEls, rowEl =>
+    const textToCopy = map(allRowEls, (rowEl) =>
       this.getRowCopyText(rowEl, { cellType })
     )
-      .filter(text => text)
+      .filter((text) => text)
       .join("\n");
     if (!textToCopy) return window.toastr.warning("No text to copy");
 
     this.handleCopyHelper(textToCopy, "Column copied");
   };
   updateEntitiesHelper = (ents, fn) => {
-    const {
-      change,
-      reduxFormEntitiesUndoRedoStack = { currentVersion: 0 }
-    } = this.props;
+    const { change, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } =
+      this.props;
     const [nextState, patches, inversePatches] = produceWithPatches(ents, fn);
     if (!inversePatches.length) return;
     const thatNewNew = [...nextState];
@@ -847,7 +843,7 @@ class DataTable extends React.Component {
   getRowCopyText = (rowEl, { cellType } = {}) => {
     //takes in a row element
     if (!rowEl) return;
-    return flatMap(rowEl.children, cellEl => {
+    return flatMap(rowEl.children, (cellEl) => {
       const cellChild = cellEl.querySelector(`[data-copy-text]`);
       if (!cellChild) {
         if (cellType) return []; //strip it
@@ -861,7 +857,7 @@ class DataTable extends React.Component {
   };
 
   handleCopyHelper = (stringToCopy, message) => {
-    const copyHandler = e => {
+    const copyHandler = (e) => {
       e.preventDefault();
       e.clipboardData.setData("text/plain", stringToCopy);
     };
@@ -875,13 +871,13 @@ class DataTable extends React.Component {
     window.toastr.success(message);
   };
 
-  handleCopyTable = e => {
+  handleCopyTable = (e) => {
     try {
       const allRowEls = getAllRows(e);
       if (!allRowEls) return;
       //get row elements and call this.handleCopyRow for each
-      const textToCopy = map(allRowEls, rowEl => this.getRowCopyText(rowEl))
-        .filter(text => text)
+      const textToCopy = map(allRowEls, (rowEl) => this.getRowCopyText(rowEl))
+        .filter((text) => text)
         .join("\n");
       if (!textToCopy) return window.toastr.warning("No text to copy");
 
@@ -891,10 +887,12 @@ class DataTable extends React.Component {
       window.toastr.error("Error copying rows.");
     }
   };
-  handleCopySelectedCells = e => {
-    const { entities = [], reduxFormSelectedCells, schema } = computePresets(
-      this.props
-    );
+  handleCopySelectedCells = (e) => {
+    const {
+      entities = [],
+      reduxFormSelectedCells,
+      schema
+    } = computePresets(this.props);
     // if the current selection is consecutive cells then copy with
     // tabs between. if not then just select primary selected cell
     if (isEmpty(reduxFormSelectedCells)) return;
@@ -903,7 +901,7 @@ class DataTable extends React.Component {
     const selectionGrid = [];
     let firstRowIndex;
     let firstCellIndex;
-    Object.keys(reduxFormSelectedCells).forEach(key => {
+    Object.keys(reduxFormSelectedCells).forEach((key) => {
       const [rowId, path] = key.split(":");
       const eInfo = entityIdToEntity[rowId];
       if (eInfo) {
@@ -923,7 +921,7 @@ class DataTable extends React.Component {
     if (firstRowIndex === undefined) return;
     const allRows = getAllRows(e);
     let fullCellText = "";
-    times(selectionGrid.length, i => {
+    times(selectionGrid.length, (i) => {
       const row = selectionGrid[i];
       if (fullCellText) {
         fullCellText += "\n";
@@ -933,7 +931,7 @@ class DataTable extends React.Component {
       } else {
         // ignore header
         const rowCopyText = this.getRowCopyText(allRows[i + 1]).split("\t");
-        times(row.length, i => {
+        times(row.length, (i) => {
           const cell = row[i];
           if (cell) {
             fullCellText += rowCopyText[i];
@@ -957,7 +955,7 @@ class DataTable extends React.Component {
     //index 0 of the table is the column titles
     //must add 1 to rowNum
     const rowNumbersToCopy = selectedRecords
-      .map(rec => idToIndex[rec.id || rec.code] + 1)
+      .map((rec) => idToIndex[rec.id || rec.code] + 1)
       .sort();
 
     if (!rowNumbersToCopy.length) return;
@@ -965,11 +963,11 @@ class DataTable extends React.Component {
     try {
       const allRowEls = getAllRows(e);
       if (!allRowEls) return;
-      const rowEls = rowNumbersToCopy.map(i => allRowEls[i]);
+      const rowEls = rowNumbersToCopy.map((i) => allRowEls[i]);
 
       //get row elements and call this.handleCopyRow for each const rowEls = this.getRowEls(rowNumbersToCopy)
-      const textToCopy = map(rowEls, rowEl => this.getRowCopyText(rowEl))
-        .filter(text => text)
+      const textToCopy = map(rowEls, (rowEl) => this.getRowCopyText(rowEl))
+        .filter((text) => text)
         .join("\n");
       if (!textToCopy) return window.toastr.warning("No text to copy");
 
@@ -1005,7 +1003,7 @@ class DataTable extends React.Component {
     });
   };
 
-  getTheadComponent = props => {
+  getTheadComponent = (props) => {
     const {
       withDisplayOptions,
       moveColumnPersist,
@@ -1029,7 +1027,7 @@ class DataTable extends React.Component {
     );
   };
   getThComponent = compose(
-    withProps(props => {
+    withProps((props) => {
       const { columnindex } = props;
       return {
         index: columnindex || 0
@@ -1039,7 +1037,7 @@ class DataTable extends React.Component {
   )(({ toggleSort, className, children, ...rest }) => (
     <div
       className={classNames("rt-th", className)}
-      onClick={e => toggleSort && toggleSort(e)}
+      onClick={(e) => toggleSort && toggleSort(e)}
       role="columnheader"
       tabIndex="-1" // Resolves eslint issues without implementing keyboard navigation incorrectly
       {...rest}
@@ -1048,7 +1046,7 @@ class DataTable extends React.Component {
     </div>
   ));
 
-  addEntitiesToSelection = entities => {
+  addEntitiesToSelection = (entities) => {
     const propPresets = computePresets(this.props);
     const { isEntityDisabled, reduxFormSelectedEntityIdMap } = propPresets;
     const idMap = reduxFormSelectedEntityIdMap || {};
@@ -1156,10 +1154,12 @@ class DataTable extends React.Component {
     if (withDisplayOptions && !syncDisplayOptionsToDb) {
       //little hack to make localstorage changes get reflected in UI (we force an update to get the enhancers to run again :)
 
-      const wrapUpdate = fn => (...args) => {
-        fn(...args);
-        change("localStorageForceUpdate", Math.random());
-      };
+      const wrapUpdate =
+        (fn) =>
+        (...args) => {
+          fn(...args);
+          change("localStorageForceUpdate", Math.random());
+        };
       updateColumnVisibilityToUse = wrapUpdate(updateColumnVisibility);
       updateTableDisplayDensityToUse = wrapUpdate(updateTableDisplayDensity);
       resetDefaultVisibilityToUse = wrapUpdate(resetDefaultVisibility);
@@ -1179,7 +1179,7 @@ class DataTable extends React.Component {
       filters.length ||
       searchTerm ||
       schema.fields.some(
-        field => field.filterIsActive && field.filterIsActive(currentParams)
+        (field) => field.filterIsActive && field.filterIsActive(currentParams)
       );
     const additionalFilterKeys = schema.fields.reduce((acc, field) => {
       if (field.filterKey) acc.push(field.filterKey);
@@ -1190,7 +1190,7 @@ class DataTable extends React.Component {
       schema.fields.forEach(({ isHidden, displayName, path }) => {
         const ccDisplayName = camelCase(displayName || path);
         if (isHidden) {
-          filters.forEach(filter => {
+          filters.forEach((filter) => {
             if (filter.filterOn === ccDisplayName) {
               filtersOnNonDisplayedFields.push({
                 ...filter,
@@ -1203,8 +1203,9 @@ class DataTable extends React.Component {
     }
     const numRows = isInfinite ? entities.length : pageSize;
     const idMap = reduxFormSelectedEntityIdMap || {};
-    const selectedRowCount = Object.keys(idMap).filter(key => idMap[key])
-      .length;
+    const selectedRowCount = Object.keys(idMap).filter(
+      (key) => idMap[key]
+    ).length;
 
     let rowsToShow = doNotShowEmptyRows
       ? Math.min(numRows, entities.length)
@@ -1242,7 +1243,7 @@ class DataTable extends React.Component {
       if (canShowSelectAll) {
         // could all be disabled
         let atLeastOneRowOnCurrentPageSelected = false;
-        const allRowsOnCurrentPageSelected = entities.every(e => {
+        const allRowsOnCurrentPageSelected = entities.every((e) => {
           const rowId = getIdOrCodeOrIndex(e);
           const selected = idMap[rowId] || isEntityDisabled(e);
           if (selected) atLeastOneRowOnCurrentPageSelected = true;
@@ -1254,7 +1255,7 @@ class DataTable extends React.Component {
         ) {
           let everyEntitySelected;
           if (isLocalCall) {
-            everyEntitySelected = entitiesAcrossPages.every(e => {
+            everyEntitySelected = entitiesAcrossPages.every((e) => {
               const rowId = getIdOrCodeOrIndex(e);
               return idMap[rowId] || isEntityDisabled(e);
             });
@@ -1292,7 +1293,7 @@ class DataTable extends React.Component {
 
     let SubComponentToUse;
     if (SubComponent) {
-      SubComponentToUse = row => {
+      SubComponentToUse = (row) => {
         let shouldShow = true;
         if (shouldShowSubComponent) {
           shouldShow = shouldShowSubComponent(row.original);
@@ -1353,7 +1354,7 @@ class DataTable extends React.Component {
           rowToErrorMap[rowId] = true;
         }
       });
-      filteredEnts = entities.filter(e => {
+      filteredEnts = entities.filter((e) => {
         return rowToErrorMap[e.id];
       });
     }
@@ -1381,7 +1382,7 @@ class DataTable extends React.Component {
             className="data-table-container-inner"
             {...(isCellEditable && {
               tabIndex: -1,
-              onKeyDown: e => {
+              onKeyDown: (e) => {
                 const isArrowKey =
                   (e.keyCode >= 37 && e.keyCode <= 40) || e.keyCode === 9;
                 if (isArrowKey) {
@@ -1567,8 +1568,9 @@ class DataTable extends React.Component {
                   small
                   minimal
                   intent="primary"
-                  text={`Select all ${entityCount ||
-                    entitiesAcrossPages.length} items`}
+                  text={`Select all ${
+                    entityCount || entitiesAcrossPages.length
+                  } items`}
                   loading={this.state.selectingAll}
                   onClick={async () => {
                     if (withSelectAll) {
@@ -1626,7 +1628,7 @@ class DataTable extends React.Component {
             )}
             <ReactTable
               data={filteredEnts}
-              ref={n => {
+              ref={(n) => {
                 if (n) this.table = n;
               }}
               additionalBodyEl={
@@ -1667,7 +1669,7 @@ class DataTable extends React.Component {
               loading={isLoading || disabled}
               defaultResized={resized}
               onResizedChange={(newResized = []) => {
-                const resizedToUse = newResized.map(column => {
+                const resizedToUse = newResized.map((column) => {
                   // have a min width of 50 so that columns don't disappear
                   if (column.value < 50) {
                     return {
@@ -1691,7 +1693,7 @@ class DataTable extends React.Component {
                   </div>
                 )
               }
-              LoadingComponent={props => (
+              LoadingComponent={(props) => (
                 <DisabledLoadingComponent {...{ ...props, disabled }} />
               )}
               style={{
@@ -1774,7 +1776,7 @@ class DataTable extends React.Component {
     const rowDisabled = isEntityDisabled(entity);
     const dataId = entity.id || entity.code;
     return {
-      onClick: e => {
+      onClick: (e) => {
         if (isCellEditable) return;
         // if checkboxes are activated or row expander is clicked don't select row
         if (e.target.matches(".tg-expander, .tg-expander *")) {
@@ -1796,7 +1798,7 @@ class DataTable extends React.Component {
         rowClick(e, rowInfo, entities, computePresets(this.props));
       },
       //row right click
-      onContextMenu: e => {
+      onContextMenu: (e) => {
         e.preventDefault();
         if (rowId === undefined || rowDisabled || isCellEditable) return;
         const oldIdMap = cloneDeep(reduxFormSelectedEntityIdMap) || {};
@@ -1835,7 +1837,7 @@ class DataTable extends React.Component {
       ),
       "data-test-id": dataId === undefined ? rowInfo.index : dataId,
       "data-index": rowInfo.index,
-      onDoubleClick: e => {
+      onDoubleClick: (e) => {
         if (rowDisabled) return;
         this.dblClickTriggered = true;
         onDoubleClick &&
@@ -1935,7 +1937,7 @@ class DataTable extends React.Component {
       ...(err && {
         "data-tip": err?.message || err
       }),
-      onContextMenu: e => {
+      onContextMenu: (e) => {
         if (!isPrimarySelected) {
           const primaryCellId = this.getPrimarySelectedCellId();
           const newSelectedCells = { ...reduxFormSelectedCells };
@@ -1950,7 +1952,7 @@ class DataTable extends React.Component {
           this.showContextMenu(e);
         }, 0);
       },
-      onClick: event => {
+      onClick: (event) => {
         this.handleCellClick({
           event,
           cellId,
@@ -2032,9 +2034,9 @@ class DataTable extends React.Component {
             newSelectedCells = {
               [primarySelectedCellId]: PRIMARY_SELECTED_VAL
             };
-            entitiesBetweenRows.forEach(e => {
+            entitiesBetweenRows.forEach((e) => {
               const rowId = getIdOrCodeOrIndex(e, entities.indexOf(e));
-              fieldsBetweenCols.forEach(f => {
+              fieldsBetweenCols.forEach((f) => {
                 const cellId = `${rowId}:${f.path}`;
                 if (!newSelectedCells[cellId]) newSelectedCells[cellId] = true;
               });
@@ -2111,7 +2113,7 @@ class DataTable extends React.Component {
     ) : null;
   };
 
-  renderCheckboxCell = row => {
+  renderCheckboxCell = (row) => {
     const rowIndex = row.index;
     const {
       reduxFormSelectedEntityIdMap,
@@ -2125,7 +2127,7 @@ class DataTable extends React.Component {
       reduxFormSelectedEntityIdMap
     );
 
-    const isSelected = checkedRows.some(rowNum => {
+    const isSelected = checkedRows.some((rowNum) => {
       return rowNum === rowIndex;
     });
     if (rowIndex >= entities.length) {
@@ -2135,7 +2137,7 @@ class DataTable extends React.Component {
     return (
       <Checkbox
         disabled={noSelect || noUserSelect || isEntityDisabled(entity)}
-        onClick={e => {
+        onClick={(e) => {
           rowClick(e, row, entities, computePresets(this.props));
         }}
         checked={isSelected}
@@ -2152,7 +2154,7 @@ class DataTable extends React.Component {
     } = computePresets(this.props);
     const [rowId, path] = cellId.split(":");
     !doNotStopEditing && change("reduxFormEditingCell", null);
-    this.updateEntitiesHelper(entities, entities => {
+    this.updateEntitiesHelper(entities, (entities) => {
       const entity = entities.find((e, i) => {
         return getIdOrCodeOrIndex(e, i) === rowId;
       });
@@ -2202,7 +2204,7 @@ class DataTable extends React.Component {
       let lastRowIndex;
       let firstRowIndex;
       const selectedPaths = [];
-      Object.keys(reduxFormSelectedCells).forEach(key => {
+      Object.keys(reduxFormSelectedCells).forEach((key) => {
         // if (reduxFormSelectedCells[key] === PRIMARY_SELECTED_VAL) {
         //   primaryCellId = key;
         // }
@@ -2290,7 +2292,7 @@ class DataTable extends React.Component {
         ...(withExpandAndCollapseAllButton && {
           Header: () => {
             const showCollapseAll =
-              Object.values(reduxFormExpandedEntityIdMap).filter(i => i)
+              Object.values(reduxFormExpandedEntityIdMap).filter((i) => i)
                 .length === entities.length;
             return (
               <InfoHelper
@@ -2363,7 +2365,7 @@ class DataTable extends React.Component {
       });
     }
 
-    columns.forEach(column => {
+    columns.forEach((column) => {
       const tableColumn = {
         ...column,
         Header: this.renderColumnHeader(column),
@@ -2380,7 +2382,7 @@ class DataTable extends React.Component {
         tableColumn.width = column.width;
       }
       if (cellRenderer && cellRenderer[column.path]) {
-        tableColumn.Cell = row => {
+        tableColumn.Cell = (row) => {
           const val = cellRenderer[column.path](
             row.value,
             row.original,
@@ -2390,16 +2392,16 @@ class DataTable extends React.Component {
           return val;
         };
       } else if (column.render) {
-        tableColumn.Cell = row => {
+        tableColumn.Cell = (row) => {
           const val = column.render(row.value, row.original, row, this.props);
           return val;
         };
       } else if (column.type === "timestamp") {
-        tableColumn.Cell = props => {
+        tableColumn.Cell = (props) => {
           return props.value ? dayjs(props.value).format("lll") : "";
         };
       } else if (column.type === "color") {
-        tableColumn.Cell = props => {
+        tableColumn.Cell = (props) => {
           return props.value ? (
             <div
               style={{
@@ -2416,9 +2418,9 @@ class DataTable extends React.Component {
         };
       } else if (column.type === "boolean") {
         if (isCellEditable) {
-          tableColumn.Cell = props => (props.value ? "True" : "False");
+          tableColumn.Cell = (props) => (props.value ? "True" : "False");
         } else {
-          tableColumn.Cell = props => (
+          tableColumn.Cell = (props) => (
             <Icon
               className={classNames({
                 [Classes.TEXT_MUTED]: !props.value
@@ -2428,13 +2430,13 @@ class DataTable extends React.Component {
           );
         }
       } else if (column.type === "markdown") {
-        tableColumn.Cell = props => (
+        tableColumn.Cell = (props) => (
           <ReactMarkdown remarkPlugins={[remarkGfm]}>
             {props.value}
           </ReactMarkdown>
         );
       } else {
-        tableColumn.Cell = props => props.value;
+        tableColumn.Cell = (props) => props.value;
       }
       const oldFunc = tableColumn.Cell;
 
@@ -2452,7 +2454,7 @@ class DataTable extends React.Component {
               disabled={isEntityDisabled(row.original)}
               className="tg-cell-edit-boolean-checkbox"
               checked={oldVal === "True"}
-              onChange={e => {
+              onChange={(e) => {
                 const checked = e.target.checked;
                 this.finishCellEdit(cellId, checked);
               }}
@@ -2483,7 +2485,7 @@ class DataTable extends React.Component {
                   cancelEdit={this.cancelCellEdit}
                   isNumeric={column.type === "number"}
                   initialValue={text}
-                  finishEdit={newVal => {
+                  finishEdit={(newVal) => {
                     this.finishCellEdit(cellId, newVal);
                   }}
                 ></EditableCell>
@@ -2580,7 +2582,7 @@ class DataTable extends React.Component {
     entityMap,
     pathToIndex
   }) => {
-    selectionGrid.forEach(row => {
+    selectionGrid.forEach((row) => {
       // remove undefineds from start of row
       while (row[0] === undefined && row.length) row.shift();
     });
@@ -2593,7 +2595,7 @@ class DataTable extends React.Component {
     return isBottomRight;
   };
 
-  onDragEnd = cellsToSelect => {
+  onDragEnd = (cellsToSelect) => {
     const {
       entities,
       schema,
@@ -2610,7 +2612,7 @@ class DataTable extends React.Component {
       allSelectedPaths = [primaryCellPath];
     }
 
-    this.updateEntitiesHelper(entities, entities => {
+    this.updateEntitiesHelper(entities, (entities) => {
       let newReduxFormSelectedCells;
       if (selectedPaths) {
         newReduxFormSelectedCells = {
@@ -2631,7 +2633,7 @@ class DataTable extends React.Component {
         entityMap[cellsToSelect[0]?.split(":")[0]]?.i;
       const pathToIndex = getFieldPathToIndex(schema);
 
-      allSelectedPaths.forEach(selectedPath => {
+      allSelectedPaths.forEach((selectedPath) => {
         const column = pathToField[selectedPath];
 
         const selectedCellVal = getCellVal(selectedEnt, selectedPath, column);
@@ -2680,7 +2682,7 @@ class DataTable extends React.Component {
                 let prefix;
                 let maybePad;
                 // determine if all the cells in this column of the selectionGrid are incrementing
-                const allAreIncrementing = selectionGrid.every(row => {
+                const allAreIncrementing = selectionGrid.every((row) => {
                   // see if cell is selected
                   const cellInfo = row[cellIndexOfSelectedPath];
                   if (!cellInfo) return false;
@@ -2727,7 +2729,7 @@ class DataTable extends React.Component {
 
         let firstSelectedCellRowIndex;
         if (selectionGrid) {
-          selectionGrid[0].some(cell => {
+          selectionGrid[0].some((cell) => {
             if (cell) {
               firstSelectedCellRowIndex = cell.rowIndex;
               return true;
@@ -2736,7 +2738,7 @@ class DataTable extends React.Component {
           });
         }
 
-        cellsToSelect.forEach(cellId => {
+        cellsToSelect.forEach((cellId) => {
           const [rowId, cellPath] = cellId.split(":");
           if (cellPath !== selectedPath) return;
           newReduxFormSelectedCells[cellId] = true;
@@ -2759,14 +2761,14 @@ class DataTable extends React.Component {
                   const { cellId } = selectionGrid[
                     (rowIndex - firstSelectedCellRowIndex) %
                       selectionGrid.length
-                  ].find(g => g && g.cellIndex === cellIndex);
+                  ].find((g) => g && g.cellIndex === cellIndex);
                   cellIdToCopy = cellId;
                 } else {
                   const lastIndexInGrid =
                     selectionGrid[selectionGrid.length - 1][0].rowIndex;
                   const { cellId } = selectionGrid[
                     (rowIndex + lastIndexInGrid + 1) % selectionGrid.length
-                  ].find(g => g.cellIndex === cellIndex);
+                  ].find((g) => g.cellIndex === cellIndex);
                   cellIdToCopy = cellId;
                 }
 
@@ -2818,7 +2820,7 @@ class DataTable extends React.Component {
     } else if (text) {
       text = React.isValidElement(text) ? text : String(text);
     }
-    const getTextFromElementOrLink = text => {
+    const getTextFromElementOrLink = (text) => {
       if (React.isValidElement(text)) {
         if (text.props?.to) {
           // this will convert Link elements to url strings
@@ -2855,17 +2857,16 @@ class DataTable extends React.Component {
 
     const primaryCellId = this.getPrimarySelectedCellId();
     const [rowId] = primaryCellId?.split(":") || [];
-    this.updateEntitiesHelper(entities, entities => {
+    this.updateEntitiesHelper(entities, (entities) => {
       const newEntities = times(numRows).map(() => ({ id: nanoid() }));
 
       const indexToInsert = entities.findIndex((e, i) => {
         return getIdOrCodeOrIndex(e, i) === rowId;
       });
       const insertIndex = above ? indexToInsert : indexToInsert + 1;
-      let { newEnts, validationErrors } = this.formatAndValidateEntities(
-        newEntities
-      );
-      newEnts = newEnts.map(e => ({
+      let { newEnts, validationErrors } =
+        this.formatAndValidateEntities(newEntities);
+      newEnts = newEnts.map((e) => ({
         ...e,
         _isClean: true
       }));
@@ -2895,11 +2896,11 @@ class DataTable extends React.Component {
     let selectedRecords;
     if (isCellEditable) {
       const rowIds = {};
-      Object.keys(reduxFormSelectedCells).forEach(cellKey => {
+      Object.keys(reduxFormSelectedCells).forEach((cellKey) => {
         const [rowId] = cellKey.split(":");
         rowIds[rowId] = true;
       });
-      selectedRecords = entities.filter(e => rowIds[getIdOrCodeOrIndex(e)]);
+      selectedRecords = entities.filter((e) => rowIds[getIdOrCodeOrIndex(e)]);
     } else {
       selectedRecords = getRecordsFromIdMap(idMap);
     }
@@ -2980,7 +2981,7 @@ class DataTable extends React.Component {
         />
       );
     }
-    const selectedRowIds = Object.keys(reduxFormSelectedCells).map(cellId => {
+    const selectedRowIds = Object.keys(reduxFormSelectedCells).map((cellId) => {
       const [rowId] = cellId.split(":");
       return rowId;
     });
@@ -3022,12 +3023,12 @@ class DataTable extends React.Component {
                   reduxFormSelectedCells = {}
                 } = computePresets(this.props);
                 const selectedRowIds = Object.keys(reduxFormSelectedCells).map(
-                  cellId => {
+                  (cellId) => {
                     const [rowId] = cellId.split(":");
                     return rowId;
                   }
                 );
-                this.updateEntitiesHelper(entities, entities => {
+                this.updateEntitiesHelper(entities, (entities) => {
                   const ents = entities.filter(
                     (e, i) => !selectedRowIds.includes(getIdOrCodeOrIndex(e, i))
                   );
@@ -3049,7 +3050,7 @@ class DataTable extends React.Component {
     ContextMenu.show(menu, { left: e.clientX, top: e.clientY });
   };
 
-  renderColumnHeader = column => {
+  renderColumnHeader = (column) => {
     const {
       addFilters,
       setOrder,
@@ -3106,7 +3107,7 @@ class DataTable extends React.Component {
       !!currentFilter || filterIsActive(currentParams);
     let ordering;
     if (order && order.length) {
-      order.forEach(order => {
+      order.forEach((order) => {
         const orderField = order.replace("-", "");
         if (orderField === ccDisplayName) {
           if (orderField === order) {
@@ -3131,7 +3132,7 @@ class DataTable extends React.Component {
             })}
             color={sortUp ? "#106ba3" : undefined}
             iconSize={extraCompact ? 10 : 12}
-            onClick={e => {
+            onClick={(e) => {
               setOrder("-" + ccDisplayName, sortUp, e.shiftKey);
             }}
           />
@@ -3143,7 +3144,7 @@ class DataTable extends React.Component {
             })}
             color={sortDown ? "#106ba3" : undefined}
             iconSize={extraCompact ? 10 : 12}
-            onClick={e => {
+            onClick={(e) => {
               setOrder(ccDisplayName, sortDown, e.shiftKey);
             }}
           />
@@ -3174,7 +3175,7 @@ class DataTable extends React.Component {
       let isChecked = !!entities.length;
       let hasFalse;
       let hasTrue;
-      entities.some(e => {
+      entities.some((e) => {
         if (!get(e, path)) {
           isChecked = false;
           hasFalse = true;
@@ -3191,8 +3192,8 @@ class DataTable extends React.Component {
         <Checkbox
           style={{ marginBottom: 0, marginLeft: 3 }}
           onChange={() => {
-            this.updateEntitiesHelper(entities, ents => {
-              ents.forEach(e => {
+            this.updateEntitiesHelper(entities, (ents) => {
+              ents.forEach((e) => {
                 delete e._isClean;
                 set(e, path, isIndeterminate ? true : !isChecked);
               });
@@ -3408,7 +3409,7 @@ function EditableCell({
         fontSize: 12,
         background: "none"
       }}
-      ref={r => {
+      ref={(r) => {
         if (shouldSelectAll && r) {
           r?.select();
           stopSelectAll();
@@ -3417,7 +3418,7 @@ function EditableCell({
       type={isNumeric ? "number" : undefined}
       value={v}
       autoFocus
-      onKeyDown={e => {
+      onKeyDown={(e) => {
         if (e.key === "Enter") {
           finishEdit(v);
           e.stopPropagation();
@@ -3429,7 +3430,7 @@ function EditableCell({
       onBlur={() => {
         finishEdit(v);
       }}
-      onChange={e => {
+      onChange={(e) => {
         setV(e.target.value);
       }}
     ></input>
@@ -3445,7 +3446,7 @@ function DropdownCell({
 }) {
   const [v, setV] = useState(
     isMulti
-      ? initialValue.split(",").map(v => ({ value: v, label: v }))
+      ? initialValue.split(",").map((v) => ({ value: v, label: v }))
       : initialValue
   );
   return (
@@ -3459,7 +3460,7 @@ function DropdownCell({
         multi={isMulti}
         autoOpen
         value={v}
-        onChange={val => {
+        onChange={(val) => {
           if (isMulti) {
             setV(val);
             return;
@@ -3467,7 +3468,7 @@ function DropdownCell({
           finishEdit(val ? val.value : null);
         }}
         popoverProps={{
-          onClose: e => {
+          onClose: (e) => {
             if (isMulti) {
               if (e && e.key === "Escape") {
                 cancelEdit();
@@ -3475,8 +3476,8 @@ function DropdownCell({
                 finishEdit(
                   v && v.map
                     ? v
-                        .map(v => v.value)
-                        .filter(v => v)
+                        .map((v) => v.value)
+                        .filter((v) => v)
                         .join(",")
                     : v
                 );
@@ -3486,7 +3487,7 @@ function DropdownCell({
             }
           }
         }}
-        options={options.map(value => ({ label: value, value }))}
+        options={options.map((value) => ({ label: value, value }))}
       ></TgSelect>
     </div>
   );
@@ -3502,14 +3503,14 @@ function getFieldPathToIndex(schema) {
 
 function getFieldPathToField(schema) {
   const fieldPathToField = {};
-  schema.fields.forEach(f => {
+  schema.fields.forEach((f) => {
     fieldPathToField[f.path] = f;
   });
   return fieldPathToField;
 }
 
-const defaultParsePaste = str => {
-  return str.split(/\r\n|\n|\r/).map(row => row.split("\t"));
+const defaultParsePaste = (str) => {
+  return str.split(/\r\n|\n|\r/).map((row) => row.split("\t"));
 };
 
 function getEntityIdToEntity(entities) {