@teselagen/ui 0.10.14 → 0.10.16

package/README.md

@@ -21,15 +21,3 @@ yarn add @teselagen/ui react react-dom
 ```
 nx run ui:start
 ```
-
-## Publishing
-
-```
-nx run ui:publish
-```
-
-## Publishing a beta version (for use when linking to a branch in another project)
-
-```
-nx run ui:publish-beta
-```

package/index.cjs.js

@@ -17129,23 +17129,6 @@ const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
   const { allOrderedEntities, selectedEntities } = reactRedux.useSelector(entitySelector);
   return { selectTableEntities, allOrderedEntities, selectedEntities };
 }, "useTableEntities");
-const isEqualIgnoreFunctions = /* @__PURE__ */ __name((o1, o2) => {
-  const isEq = isEqualWith(o1, o2, function(val1, val2) {
-    if (isFunction$1(val1) && isFunction$1(val2)) {
-      return val1 === val2 || val1.toString() === val2.toString();
-    }
-    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
-      return true;
-  });
-  return isEq;
-}, "isEqualIgnoreFunctions");
-const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
-  const ref2 = React.useRef();
-  if (!isEqualIgnoreFunctions(value, ref2.current)) {
-    ref2.current = value;
-  }
-  return ref2.current;
-}, "useDeepEqualMemo");
 function rowClick(e, rowInfo, entities, {
   reduxFormSelectedEntityIdMap,
   isSingleSelect,
@@ -56903,6 +56886,36 @@ if (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === "object") {
     $mobx
   });
 }
+const isEqualIgnoreFunctions = /* @__PURE__ */ __name((o1, o2) => {
+  const isEq = isEqualWith(o1, o2, function(val1, val2) {
+    if (isFunction$1(val1) && isFunction$1(val2)) {
+      return val1 === val2 || val1.toString() === val2.toString();
+    }
+    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
+      return true;
+  });
+  return isEq;
+}, "isEqualIgnoreFunctions");
+const useDeepEqualMemoIgnoreFns = /* @__PURE__ */ __name((value) => {
+  const ref2 = React.useRef();
+  if (!isEqualIgnoreFunctions(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemoIgnoreFns");
+const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
+  const ref2 = React.useRef();
+  if (!isEqual(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemo");
+const useMemoDeepEqual = /* @__PURE__ */ __name((value, depsArray) => {
+  return React.useMemo(value, useDeepEqualMemo(depsArray));
+}, "useMemoDeepEqual");
+const useDeepEqualEffect = /* @__PURE__ */ __name((effect3, deps) => {
+  return React.useEffect(effect3, useDeepEqualMemoIgnoreFns(deps));
+}, "useDeepEqualEffect");
 T();
 const IS_LINUX = window.navigator.platform.toLowerCase().search("linux") > -1;
 const itemSizeEstimators = {
@@ -56989,9 +57002,11 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
       "reduxFormSelectedEntityIdMap"
     );
   }, "dtFormParamsSelector"));
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
-  const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
-  const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
+  const reduxFormQueryParams = useDeepEqualMemoIgnoreFns(_reduxFormQueryParams);
+  const reduxFormSelectedEntityIdMap = useDeepEqualMemoIgnoreFns(
     _reduxFormSelectedEntityIdMap
   );
   let props = ownProps;
@@ -57001,7 +57016,8 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
       entities: normalizedEntities
     });
   }
-  const convertedSchema = React.useMemo(() => convertSchema(_schema), [_schema]);
+  const __schema = useDeepEqualMemo(_schema);
+  const convertedSchema = React.useMemo(() => convertSchema(__schema), [__schema]);
   if (isLocalCall) {
     if (!noForm && (!formName || formName === "tgDataTable")) {
       throw new Error(
@@ -57065,7 +57081,7 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
     const tmp = (urlConnected ? getCurrentParamsFromUrl(history.location) : reduxFormQueryParams) || {};
     return tmp;
   }, [history, reduxFormQueryParams, urlConnected]);
-  const currentParams = useDeepEqualMemo(_currentParams);
+  const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
   const tableParams = React.useMemo(() => {
     if (!isTableParamsConnected) {
       const setNewParams2 = /* @__PURE__ */ __name((newParams) => {
@@ -57246,8 +57262,8 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
     () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
     [_origEntities, reduxFormEntities]
   );
-  const entities = useDeepEqualMemo(_entities);
-  const entitiesAcrossPages = useDeepEqualMemo(_entitiesAcrossPages);
+  const entities = useDeepEqualMemoIgnoreFns(_entities);
+  const entitiesAcrossPages = useDeepEqualMemoIgnoreFns(_entitiesAcrossPages);
   React.useEffect(() => {
     change("allOrderedEntities", entitiesAcrossPages);
     if (entities.length === 0 || isEmpty$1(reduxFormSelectedEntityIdMap)) return;
@@ -61826,7 +61842,7 @@ const SimpleInsertDataDialog = compose(
       return (_b = (_a2 = state.form) == null ? void 0 : _a2[dataTableForm]) == null ? void 0 : _b.values.reduxFormEntities;
     }
   );
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
   React.useEffect(() => {
     return () => dispatch(reduxForm.destroy(dataTableForm));
   }, [dataTableForm, dispatch]);
@@ -61836,7 +61852,9 @@ const SimpleInsertDataDialog = compose(
       return (_b = (_a2 = state.form) == null ? void 0 : _a2[dataTableForm]) == null ? void 0 : _b.values.reduxFormCellValidation;
     }, "_reduxFormCellValidationSelector")
   );
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
   const { entsToUse, validationToUse } = React.useMemo(
     () => removeCleanRows(reduxFormEntities, reduxFormCellValidation),
     [reduxFormEntities, reduxFormCellValidation]
@@ -61921,8 +61939,10 @@ const UploadCsvWizardDialogInner = reduxForm.reduxForm()(({
       "reduxFormCellValidation"
     );
   }, "dtFormNameSelector"));
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
   let inner;
   if (hasSubmitted) {
     inner = /* @__PURE__ */ React.createElement(
@@ -62224,8 +62244,10 @@ const UploadCsvWizardDialog = compose(
       };
     }
   });
-  const reduxFormEntitiesArray = useDeepEqualMemo(_reduxFormEntitiesArray);
-  const finishedFiles = useDeepEqualMemo(_finishedFiles);
+  const reduxFormEntitiesArray = useDeepEqualMemoIgnoreFns(
+    _reduxFormEntitiesArray
+  );
+  const finishedFiles = useDeepEqualMemoIgnoreFns(_finishedFiles);
   const [hasSubmittedOuter, setSubmittedOuter] = React.useState();
   const [steps, setSteps] = React.useState(getInitialSteps(true));
   const [focusedTab, setFocusedTab] = React.useState(0);
@@ -67628,8 +67650,8 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
       );
     }
   }
-  const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
-  const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
+  const reduxFormQueryParams = useDeepEqualMemoIgnoreFns(_reduxFormQueryParams);
+  const reduxFormSelectedEntityIdMap = useDeepEqualMemoIgnoreFns(
     _reduxFormSelectedEntityIdMap
   );
   const _currentParams = React.useMemo(() => {
@@ -67640,7 +67662,7 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
     () => withSelectedEntities2 ? Object.values(reduxFormSelectedEntityIdMap).sort((a2, b2) => a2.rowIndex - b2.rowIndex).map((item) => item.entity) : void 0,
     [reduxFormSelectedEntityIdMap, withSelectedEntities2]
   );
-  const currentParams = useDeepEqualMemo(_currentParams);
+  const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
   const defaultsToUse = React.useMemo(() => {
     const _tableConfig = getTableConfigFromStorage(formName);
     const userSetPageSize = (_tableConfig == null ? void 0 : _tableConfig.userSetPageSize) && parseInt(_tableConfig.userSetPageSize, 10);
@@ -73640,8 +73662,11 @@ exports.tg_modalState = tg_modalState;
 exports.throwFormError = throwFormError;
 exports.tickMenuEnhancer = tickMenuEnhancer;
 exports.tubeIcon = tubeIcon;
+exports.useDeepEqualEffect = useDeepEqualEffect;
 exports.useDeepEqualMemo = useDeepEqualMemo;
+exports.useDeepEqualMemoIgnoreFns = useDeepEqualMemoIgnoreFns;
 exports.useDialog = useDialog;
+exports.useMemoDeepEqual = useMemoDeepEqual;
 exports.useStableReference = useStableReference;
 exports.useTableEntities = useTableEntities;
 exports.useTableParams = useTableParams;

package/index.d.ts

@@ -17,8 +17,8 @@ export * from './utils/commandUtils';
 export * from './utils/commandControls';
 export * from './utils/useTraceUpdate';
 export * from './utils/hooks/useStableReference';
+export * from './utils/hooks/useDeepEqualMemoIgnoreFns';
 export { default as Uploader } from './FormComponents/Uploader';
-export { useDeepEqualMemo } from './utils/hooks';
 export { default as Loading } from './Loading';
 export { throwFormError } from './throwFormError';
 export { default as AdvancedOptions } from './AdvancedOptions';

package/index.es.js

@@ -17111,23 +17111,6 @@ const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
   const { allOrderedEntities, selectedEntities } = useSelector(entitySelector);
   return { selectTableEntities, allOrderedEntities, selectedEntities };
 }, "useTableEntities");
-const isEqualIgnoreFunctions = /* @__PURE__ */ __name((o1, o2) => {
-  const isEq = isEqualWith(o1, o2, function(val1, val2) {
-    if (isFunction$1(val1) && isFunction$1(val2)) {
-      return val1 === val2 || val1.toString() === val2.toString();
-    }
-    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
-      return true;
-  });
-  return isEq;
-}, "isEqualIgnoreFunctions");
-const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
-  const ref2 = useRef();
-  if (!isEqualIgnoreFunctions(value, ref2.current)) {
-    ref2.current = value;
-  }
-  return ref2.current;
-}, "useDeepEqualMemo");
 function rowClick(e, rowInfo, entities, {
   reduxFormSelectedEntityIdMap,
   isSingleSelect,
@@ -56885,6 +56868,36 @@ if (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === "object") {
     $mobx
   });
 }
+const isEqualIgnoreFunctions = /* @__PURE__ */ __name((o1, o2) => {
+  const isEq = isEqualWith(o1, o2, function(val1, val2) {
+    if (isFunction$1(val1) && isFunction$1(val2)) {
+      return val1 === val2 || val1.toString() === val2.toString();
+    }
+    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
+      return true;
+  });
+  return isEq;
+}, "isEqualIgnoreFunctions");
+const useDeepEqualMemoIgnoreFns = /* @__PURE__ */ __name((value) => {
+  const ref2 = useRef();
+  if (!isEqualIgnoreFunctions(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemoIgnoreFns");
+const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
+  const ref2 = useRef();
+  if (!isEqual(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemo");
+const useMemoDeepEqual = /* @__PURE__ */ __name((value, depsArray) => {
+  return useMemo(value, useDeepEqualMemo(depsArray));
+}, "useMemoDeepEqual");
+const useDeepEqualEffect = /* @__PURE__ */ __name((effect3, deps) => {
+  return useEffect(effect3, useDeepEqualMemoIgnoreFns(deps));
+}, "useDeepEqualEffect");
 T();
 const IS_LINUX = window.navigator.platform.toLowerCase().search("linux") > -1;
 const itemSizeEstimators = {
@@ -56971,9 +56984,11 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
       "reduxFormSelectedEntityIdMap"
     );
   }, "dtFormParamsSelector"));
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
-  const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
-  const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
+  const reduxFormQueryParams = useDeepEqualMemoIgnoreFns(_reduxFormQueryParams);
+  const reduxFormSelectedEntityIdMap = useDeepEqualMemoIgnoreFns(
     _reduxFormSelectedEntityIdMap
   );
   let props = ownProps;
@@ -56983,7 +56998,8 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
       entities: normalizedEntities
     });
   }
-  const convertedSchema = useMemo(() => convertSchema(_schema), [_schema]);
+  const __schema = useDeepEqualMemo(_schema);
+  const convertedSchema = useMemo(() => convertSchema(__schema), [__schema]);
   if (isLocalCall) {
     if (!noForm && (!formName || formName === "tgDataTable")) {
       throw new Error(
@@ -57047,7 +57063,7 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
     const tmp = (urlConnected ? getCurrentParamsFromUrl(history.location) : reduxFormQueryParams) || {};
     return tmp;
   }, [history, reduxFormQueryParams, urlConnected]);
-  const currentParams = useDeepEqualMemo(_currentParams);
+  const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
   const tableParams = useMemo(() => {
     if (!isTableParamsConnected) {
       const setNewParams2 = /* @__PURE__ */ __name((newParams) => {
@@ -57228,8 +57244,8 @@ const DataTable = /* @__PURE__ */ __name((_M) => {
     () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
     [_origEntities, reduxFormEntities]
   );
-  const entities = useDeepEqualMemo(_entities);
-  const entitiesAcrossPages = useDeepEqualMemo(_entitiesAcrossPages);
+  const entities = useDeepEqualMemoIgnoreFns(_entities);
+  const entitiesAcrossPages = useDeepEqualMemoIgnoreFns(_entitiesAcrossPages);
   useEffect(() => {
     change$1("allOrderedEntities", entitiesAcrossPages);
     if (entities.length === 0 || isEmpty$1(reduxFormSelectedEntityIdMap)) return;
@@ -61808,7 +61824,7 @@ const SimpleInsertDataDialog = compose(
       return (_b = (_a2 = state.form) == null ? void 0 : _a2[dataTableForm]) == null ? void 0 : _b.values.reduxFormEntities;
     }
   );
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
   useEffect(() => {
     return () => dispatch(destroy(dataTableForm));
   }, [dataTableForm, dispatch]);
@@ -61818,7 +61834,9 @@ const SimpleInsertDataDialog = compose(
       return (_b = (_a2 = state.form) == null ? void 0 : _a2[dataTableForm]) == null ? void 0 : _b.values.reduxFormCellValidation;
     }, "_reduxFormCellValidationSelector")
   );
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
   const { entsToUse, validationToUse } = useMemo(
     () => removeCleanRows(reduxFormEntities, reduxFormCellValidation),
     [reduxFormEntities, reduxFormCellValidation]
@@ -61903,8 +61921,10 @@ const UploadCsvWizardDialogInner = reduxForm()(({
       "reduxFormCellValidation"
     );
   }, "dtFormNameSelector"));
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
   let inner;
   if (hasSubmitted) {
     inner = /* @__PURE__ */ React__default.createElement(
@@ -62206,8 +62226,10 @@ const UploadCsvWizardDialog = compose(
       };
     }
   });
-  const reduxFormEntitiesArray = useDeepEqualMemo(_reduxFormEntitiesArray);
-  const finishedFiles = useDeepEqualMemo(_finishedFiles);
+  const reduxFormEntitiesArray = useDeepEqualMemoIgnoreFns(
+    _reduxFormEntitiesArray
+  );
+  const finishedFiles = useDeepEqualMemoIgnoreFns(_finishedFiles);
   const [hasSubmittedOuter, setSubmittedOuter] = useState();
   const [steps, setSteps] = useState(getInitialSteps(true));
   const [focusedTab, setFocusedTab] = useState(0);
@@ -67610,8 +67632,8 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
       );
     }
   }
-  const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
-  const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
+  const reduxFormQueryParams = useDeepEqualMemoIgnoreFns(_reduxFormQueryParams);
+  const reduxFormSelectedEntityIdMap = useDeepEqualMemoIgnoreFns(
     _reduxFormSelectedEntityIdMap
   );
   const _currentParams = useMemo(() => {
@@ -67622,7 +67644,7 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
     () => withSelectedEntities2 ? Object.values(reduxFormSelectedEntityIdMap).sort((a2, b2) => a2.rowIndex - b2.rowIndex).map((item) => item.entity) : void 0,
     [reduxFormSelectedEntityIdMap, withSelectedEntities2]
   );
-  const currentParams = useDeepEqualMemo(_currentParams);
+  const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
   const defaultsToUse = useMemo(() => {
     const _tableConfig = getTableConfigFromStorage(formName);
     const userSetPageSize = (_tableConfig == null ? void 0 : _tableConfig.userSetPageSize) && parseInt(_tableConfig.userSetPageSize, 10);
@@ -73623,8 +73645,11 @@ export {
   throwFormError,
   tickMenuEnhancer,
   tubeIcon,
+  useDeepEqualEffect,
   useDeepEqualMemo,
+  useDeepEqualMemoIgnoreFns,
   useDialog,
+  useMemoDeepEqual,
   useStableReference,
   useTableEntities,
   useTableParams,

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.10.14",
+  "version": "0.10.16",
   "main": "./src/index.js",
   "type": "module",
+  "repository": "https://github.com/TeselaGen/tg-oss",
   "exports": {
     ".": {
       "import": "./index.es.js",
@@ -56,6 +57,5 @@
     "@dnd-kit/utilities": "3.2.2",
     "@teselagen/file-utils": "0.3.20",
     "@blueprintjs/icons": "3.33.0"
-  },
-  "license": "MIT"
-}
+  }
+}

package/src/DataTable/index.js

@@ -70,7 +70,6 @@ import {
   PRIMARY_SELECTED_VAL,
   removeCleanRows
 } from "./utils";
-import { useDeepEqualMemo } from "../utils/hooks";
 import rowClick, {
   changeSelectedEntities,
   finalizeSelection
@@ -104,6 +103,10 @@ import { throwFormError } from "../throwFormError";
 import { isObservableArray, toJS } from "mobx";
 import { isBeingCalledExcessively } from "../utils/isBeingCalledExcessively";
 import { getCCDisplayName } from "./utils/tableQueryParamsToHasuraClauses";
+import {
+  useDeepEqualMemo,
+  useDeepEqualMemoIgnoreFns
+} from "../utils/hooks/useDeepEqualMemoIgnoreFns";
 
 enablePatches();
 const IS_LINUX = window.navigator.platform.toLowerCase().search("linux") > -1;
@@ -186,9 +189,11 @@ const DataTable = ({
 
   // We want to make sure we don't rerender everything unnecessary
   // with redux-forms we tend to do unnecessary renders
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
-  const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
-  const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
+  const reduxFormQueryParams = useDeepEqualMemoIgnoreFns(_reduxFormQueryParams);
+  const reduxFormSelectedEntityIdMap = useDeepEqualMemoIgnoreFns(
     _reduxFormSelectedEntityIdMap
   );
 
@@ -205,7 +210,8 @@ const DataTable = ({
       entities: normalizedEntities
     };
   }
-  const convertedSchema = useMemo(() => convertSchema(_schema), [_schema]);
+  const __schema = useDeepEqualMemo(_schema, true);
+  const convertedSchema = useMemo(() => convertSchema(__schema), [__schema]);
 
   if (isLocalCall) {
     if (!noForm && (!formName || formName === "tgDataTable")) {
@@ -287,7 +293,7 @@ const DataTable = ({
     return tmp;
   }, [history, reduxFormQueryParams, urlConnected]);
 
-  const currentParams = useDeepEqualMemo(_currentParams);
+  const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
 
   const tableParams = useMemo(() => {
     if (!isTableParamsConnected) {
@@ -485,9 +491,9 @@ const DataTable = ({
     () => (reduxFormEntities?.length ? reduxFormEntities : _origEntities) || [],
     [_origEntities, reduxFormEntities]
   );
-  const entities = useDeepEqualMemo(_entities);
+  const entities = useDeepEqualMemoIgnoreFns(_entities);
 
-  const entitiesAcrossPages = useDeepEqualMemo(_entitiesAcrossPages);
+  const entitiesAcrossPages = useDeepEqualMemoIgnoreFns(_entitiesAcrossPages);
 
   // This is because we need to maintain the reduxFormSelectedEntityIdMap and
   // allOrderedEntities updated

package/src/DataTable/utils/withTableParams.js

@@ -10,7 +10,7 @@ import {
 } from "./queryParams";
 import { withRouter } from "react-router-dom";
 import getTableConfigFromStorage from "./getTableConfigFromStorage";
-import { useDeepEqualMemo } from "../../utils/hooks/useDeepEqualMemo";
+import { useDeepEqualMemoIgnoreFns } from "../../utils/hooks/useDeepEqualMemoIgnoreFns";
 import { branch, compose } from "recompose";
 import { getCCDisplayName } from "./tableQueryParamsToHasuraClauses";
 
@@ -131,8 +131,8 @@ export const useTableParams = props => {
 
   // We want to make sure we don't rerender everything unnecessary
   // with redux-forms we tend to do unnecessary renders
-  const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
-  const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
+  const reduxFormQueryParams = useDeepEqualMemoIgnoreFns(_reduxFormQueryParams);
+  const reduxFormSelectedEntityIdMap = useDeepEqualMemoIgnoreFns(
     _reduxFormSelectedEntityIdMap
   );
 
@@ -155,7 +155,7 @@ export const useTableParams = props => {
     [reduxFormSelectedEntityIdMap, withSelectedEntities]
   );
 
-  const currentParams = useDeepEqualMemo(_currentParams);
+  const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
 
   const defaultsToUse = useMemo(() => {
     const _tableConfig = getTableConfigFromStorage(formName);

package/src/UploadCsvWizard.js

@@ -11,7 +11,6 @@ import { some } from "lodash-es";
 import { times } from "lodash-es";
 import DialogFooter from "./DialogFooter";
 import DataTable from "./DataTable";
-import { useDeepEqualMemo } from "./utils/hooks";
 import { removeCleanRows } from "./DataTable/utils";
 import wrapDialog from "./wrapDialog";
 import { omit } from "lodash-es";
@@ -21,6 +20,7 @@ import { isEmpty } from "lodash-es";
 import { addSpecialPropToAsyncErrs } from "./FormComponents/tryToMatchSchemas";
 import { cloneDeep } from "lodash-es";
 import { InputField } from "./FormComponents";
+import { useDeepEqualMemoIgnoreFns } from "./utils/hooks/useDeepEqualMemoIgnoreFns";
 
 const asyncValidateHelper = async (
   validateAgainstSchema,
@@ -179,7 +179,7 @@ export const SimpleInsertDataDialog = compose(
   const _reduxFormEntities = useSelector(
     state => state.form?.[dataTableForm]?.values.reduxFormEntities
   );
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
   useEffect(() => {
     return () => dispatch(destroy(dataTableForm));
   }, [dataTableForm, dispatch]);
@@ -189,7 +189,9 @@ export const SimpleInsertDataDialog = compose(
       return state.form?.[dataTableForm]?.values.reduxFormCellValidation;
     }
   );
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
 
   const { entsToUse, validationToUse } = useMemo(
     () => removeCleanRows(reduxFormEntities, reduxFormCellValidation),
@@ -282,8 +284,10 @@ const UploadCsvWizardDialogInner = reduxForm()(({
     );
   });
 
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
 
   let inner;
   if (hasSubmitted) {
@@ -660,8 +664,10 @@ const UploadCsvWizardDialog = compose(
       };
     }
   });
-  const reduxFormEntitiesArray = useDeepEqualMemo(_reduxFormEntitiesArray);
-  const finishedFiles = useDeepEqualMemo(_finishedFiles);
+  const reduxFormEntitiesArray = useDeepEqualMemoIgnoreFns(
+    _reduxFormEntitiesArray
+  );
+  const finishedFiles = useDeepEqualMemoIgnoreFns(_finishedFiles);
 
   const [hasSubmittedOuter, setSubmittedOuter] = useState();
   const [steps, setSteps] = useState(getInitialSteps(true));

package/src/index.js

@@ -23,7 +23,6 @@ export {
 } from "./DataTable";
 export { removeCleanRows, useTableEntities } from "./DataTable/utils";
 
-export { useDeepEqualMemo } from "./utils/hooks";
 export { getIdOrCodeOrIndex } from "./DataTable/utils";
 export { default as convertSchema } from "./DataTable/utils/convertSchema";
 export { default as Loading } from "./Loading";
@@ -79,6 +78,7 @@ export * from "./utils/commandUtils";
 export * from "./utils/commandControls";
 export * from "./utils/useTraceUpdate";
 export * from "./utils/hooks/useStableReference";
+export * from "./utils/hooks/useDeepEqualMemoIgnoreFns";
 export { default as AsyncValidateFieldSpinner } from "./AsyncValidateFieldSpinner";
 export { default as showProgressToast } from "./utils/showProgressToast";
 export { default as getTextFromEl } from "./utils/getTextFromEl";

package/src/utils/hooks/useDeepEqualMemoIgnoreFns.js

@@ -0,0 +1,28 @@
+import { useEffect, useRef, useMemo } from "react";
+import { isEqualIgnoreFunctions } from "../isEqualIgnoreFunctions";
+import { isEqual } from "lodash-es";
+
+export const useDeepEqualMemoIgnoreFns = value => {
+  const ref = useRef();
+  if (!isEqualIgnoreFunctions(value, ref.current)) {
+    ref.current = value;
+  }
+  return ref.current;
+};
+
+export const useDeepEqualMemo = value => {
+  const ref = useRef();
+  if (!isEqual(value, ref.current)) {
+    ref.current = value;
+  }
+  return ref.current;
+};
+export const useMemoDeepEqual = (value, depsArray) => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useMemo(value, useDeepEqualMemo(depsArray));
+};
+
+export const useDeepEqualEffect = (effect, deps) => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useEffect(effect, useDeepEqualMemoIgnoreFns(deps));
+};

package/utils/hooks/useDeepEqualMemoIgnoreFns.d.ts

@@ -0,0 +1,4 @@
+export function useDeepEqualMemoIgnoreFns(value: any): undefined;
+export function useDeepEqualMemo(value: any): undefined;
+export function useMemoDeepEqual(value: any, depsArray: any): any;
+export function useDeepEqualEffect(effect: any, deps: any): void;

package/src/utils/hooks/index.js

@@ -1 +0,0 @@
-export { useDeepEqualMemo } from "./useDeepEqualMemo";

package/src/utils/hooks/useDeepEqualMemo.js

@@ -1,15 +0,0 @@
-import { useEffect, useRef } from "react";
-import { isEqualIgnoreFunctions } from "../isEqualIgnoreFunctions";
-
-export const useDeepEqualMemo = value => {
-  const ref = useRef();
-  if (!isEqualIgnoreFunctions(value, ref.current)) {
-    ref.current = value;
-  }
-  return ref.current;
-};
-
-export const useDeepEqualEffect = (effect, deps) => {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  return useEffect(effect, useDeepEqualMemo(deps));
-};

package/utils/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useDeepEqualMemo } from './useDeepEqualMemo';

package/utils/hooks/useDeepEqualMemo.d.ts

@@ -1,2 +0,0 @@
-export function useDeepEqualMemo(value: any): undefined;
-export function useDeepEqualEffect(effect: any, deps: any): void;