@teselagen/ui 0.5.23-beta.1 → 0.5.23-beta.11

package/index.cjs.js

@@ -17180,6 +17180,43 @@ const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
   }
   return ref2.current;
 }, "useDeepEqualMemo");
+const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
+  const dispatch = reactRedux.useDispatch();
+  const selectTableEntities = React$1.useCallback(
+    (entities = []) => {
+      reduxForm.initialize(tableFormName, {}, true, {
+        keepDirty: true,
+        updateUnregisteredFields: true,
+        keepValues: true
+      });
+      const selectedEntityIdMap = {};
+      entities.forEach((entity) => {
+        selectedEntityIdMap[entity.id] = {
+          entity,
+          time: Date.now()
+        };
+      });
+      dispatch(
+        reduxForm.change(
+          tableFormName,
+          "reduxFormSelectedEntityIdMap",
+          selectedEntityIdMap
+        )
+      );
+    },
+    [dispatch, tableFormName]
+  );
+  const { allOrderedEntities = [], selectedEntities = {} } = reactRedux.useSelector(
+    (state) => {
+      var _a, _b, _c, _d, _e, _f;
+      return {
+        allOrderedEntities: (_c = (_b = (_a = state.form) == null ? void 0 : _a[tableFormName]) == null ? void 0 : _b.values) == null ? void 0 : _c.allOrderedEntities,
+        selectedEntities: (_f = (_e = (_d = state.form) == null ? void 0 : _d[tableFormName]) == null ? void 0 : _e.values) == null ? void 0 : _f.reduxFormSelectedEntityIdMap
+      };
+    }
+  );
+  return { selectTableEntities, allOrderedEntities, selectedEntities };
+}, "useTableEntities");
 function rowClick(e2, rowInfo, entities, {
   reduxFormSelectedEntityIdMap,
   isSingleSelect,
@@ -33239,20 +33276,6 @@ const SortableColumns = /* @__PURE__ */ __name(({ className, style, children, mo
     children
   );
 }, "SortableColumns");
-const isEq = /* @__PURE__ */ __name((o1, o2) => {
-  const isEq2 = isEqualWith(o1, o2, function(val1, val2) {
-    if (isFunction$4(val1) && isFunction$4(val2)) {
-      return val1 === val2 || val1.toString() === val2.toString();
-    }
-    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
-      return true;
-  });
-  return isEq2;
-}, "isEq");
-const pure = /* @__PURE__ */ __name((BaseComponent) => {
-  const hoc = shouldUpdate((props, nextProps) => !isEq(props, nextProps));
-  return hoc(BaseComponent);
-}, "pure");
 var warning = /* @__PURE__ */ __name(function() {
 }, "warning");
 var warning_1 = warning;
@@ -34131,9 +34154,6 @@ var withRouter = /* @__PURE__ */ __name(function withRouter2(Component) {
   return hoistStatics(C, Component);
 }, "withRouter");
 const dataTableEnhancer = compose(
-  // Function to make sure we don't rerender unless there are changes
-  // in the params
-  branch((props) => !props.alwaysRerender, pure),
   // form prop is needed for redux-form, but we are giving this prop as
   // formName, so we need to rename it. Previously it was done in the withTableParams, but now
   // it doesn't have it by default.
@@ -34556,18 +34576,14 @@ const viewColumn = {
     return /* @__PURE__ */ React$1.createElement(core.Icon, { className: "dt-eyeIcon", icon: "eye-open" });
   }
 };
-const openColumn = __spreadProps(__spreadValues({}, viewColumn), {
-  render: (val, record, rowInfo, props) => {
+const openColumn = /* @__PURE__ */ __name(({ onDoubleClick, history }) => __spreadProps(__spreadValues({}, viewColumn), {
+  render: (val, record, rowInfo) => {
     return /* @__PURE__ */ React$1.createElement(core.Tooltip, { content: "Open" }, /* @__PURE__ */ React$1.createElement(
       core.Button,
       {
         onClick: (e2) => {
           e2.stopPropagation();
-          props.onDoubleClick && props.onDoubleClick(
-            rowInfo.original,
-            rowInfo.index,
-            props.history
-          );
+          onDoubleClick && onDoubleClick(rowInfo.original, rowInfo.index, history);
         },
         minimal: true,
         small: true,
@@ -34576,7 +34592,7 @@ const openColumn = __spreadProps(__spreadValues({}, viewColumn), {
       }
     ));
   }
-});
+}), "openColumn");
 function convertSchema(schema) {
   let schemaToUse = schema;
   if (!schemaToUse.fields && Array.isArray(schema)) {
@@ -47025,9 +47041,7 @@ const ColumnFilterMenu = /* @__PURE__ */ __name(({
     core.Popover,
     {
       position: "bottom",
-      onClose: () => {
-        setColumnFilterMenuOpen(false);
-      },
+      onClose: () => setColumnFilterMenuOpen(false),
       isOpen: columnFilterMenuOpen,
       modifiers: {
         preventOverflow: { enabled: true },
@@ -47146,11 +47160,10 @@ const EditableCell = /* @__PURE__ */ __name(({
     }, dataTest), {
       autoFocus: true,
       onKeyDown: (e2) => {
+        e2.stopPropagation();
         if (e2.key === "Enter") {
           e2.target.blur();
-          e2.stopPropagation();
         } else if (e2.key === "Escape") {
-          e2.stopPropagation();
           cancelEdit();
         }
       },
@@ -47695,61 +47708,60 @@ const RenderCell = /* @__PURE__ */ __name(({
     }
   ));
 }, "RenderCell");
-const RenderColumns = /* @__PURE__ */ __name((props) => {
-  const {
-    addFilters,
-    cellRenderer,
-    change,
-    columns,
-    currentParams,
-    compact: compact3,
-    editableCellValue,
-    editingCell,
-    editingCellSelectAll,
-    entities,
-    expandedEntityIdMap,
-    extraCompact,
-    filters,
-    getCellHoverText,
-    isCellEditable,
-    isEntityDisabled,
-    isLocalCall,
-    isSimple,
-    isSingleSelect,
-    isSelectionARectangle,
-    noDeselectAll,
-    noSelect,
-    noUserSelect,
-    onDeselect,
-    onMultiRowSelect,
-    onRowClick,
-    onRowSelect,
-    onSingleRowSelect,
-    order: order2,
-    primarySelectedCellId,
-    reduxFormCellValidation,
-    reduxFormSelectedEntityIdMap,
-    refocusTable,
-    removeSingleFilter = noop$3,
-    schema,
-    selectedCells,
-    setEditableCellValue,
-    setEditingCell,
-    setExpandedEntityIdMap,
-    setNewParams,
-    setOrder = noop$3,
-    setSelectedCells,
-    shouldShowSubComponent,
-    startCellEdit,
-    SubComponent,
-    tableRef,
-    updateEntitiesHelper,
-    updateValidation,
-    withCheckboxes,
-    withExpandAndCollapseAllButton,
-    withFilter: _withFilter,
-    withSort = true
-  } = props;
+const RenderColumns = /* @__PURE__ */ __name(({
+  addFilters,
+  cellRenderer,
+  change,
+  columns,
+  currentParams,
+  compact: compact3,
+  editableCellValue,
+  editingCell,
+  editingCellSelectAll,
+  entities,
+  expandedEntityIdMap,
+  extraCompact,
+  filters,
+  getCellHoverText,
+  isCellEditable,
+  isEntityDisabled,
+  isLocalCall,
+  isSimple,
+  isSingleSelect,
+  isSelectionARectangle,
+  noDeselectAll,
+  noSelect,
+  noUserSelect,
+  onDeselect,
+  onMultiRowSelect,
+  onRowClick,
+  onRowSelect,
+  onSingleRowSelect,
+  order: order2,
+  primarySelectedCellId,
+  reduxFormCellValidation,
+  reduxFormSelectedEntityIdMap,
+  refocusTable,
+  removeSingleFilter = noop$3,
+  schema,
+  selectedCells,
+  setEditableCellValue,
+  setEditingCell,
+  setExpandedEntityIdMap,
+  setNewParams,
+  setOrder = noop$3,
+  setSelectedCells,
+  shouldShowSubComponent,
+  startCellEdit,
+  SubComponent,
+  tableRef,
+  updateEntitiesHelper,
+  updateValidation,
+  withCheckboxes,
+  withExpandAndCollapseAllButton,
+  withFilter: _withFilter,
+  withSort = true
+}) => {
   const withFilter = _withFilter === void 0 ? !isSimple : _withFilter;
   const onDragEnd = /* @__PURE__ */ __name((cellsToSelect) => {
     const [primaryRowId, primaryCellPath] = primarySelectedCellId.split(":");
@@ -47921,13 +47933,16 @@ const RenderColumns = /* @__PURE__ */ __name((props) => {
     let text2 = typeof val !== "string" ? row.value : val;
     const record = row.original;
     if (column.getClipboardData) {
-      text2 = column.getClipboardData(row.value, record, row, props);
+      text2 = column.getClipboardData(row.value, record, row);
     } else if (column.getValueToFilterOn) {
-      text2 = column.getValueToFilterOn(record, props);
+      text2 = column.getValueToFilterOn(record);
     } else if (column.render) {
-      text2 = column.render(row.value, record, row, props);
+      text2 = column.render(row.value, record, row, {
+        currentParams,
+        setNewParams
+      });
     } else if (cellRenderer && cellRenderer[column.path]) {
-      text2 = cellRenderer[column.path](row.value, row.original, row, props);
+      text2 = cellRenderer[column.path](row.value, row.original, row);
     } else if (text2) {
       text2 = React$1.isValidElement(text2) ? text2 : String(text2);
     }
@@ -48145,17 +48160,15 @@ const RenderColumns = /* @__PURE__ */ __name((props) => {
     }
     if (cellRenderer && cellRenderer[column.path]) {
       tableColumn.Cell = (row) => {
-        const val = cellRenderer[column.path](
-          row.value,
-          row.original,
-          row,
-          props
-        );
+        const val = cellRenderer[column.path](row.value, row.original, row);
         return val;
       };
     } else if (column.render) {
       tableColumn.Cell = (row) => {
-        const val = column.render(row.value, row.original, row, props);
+        const val = column.render(row.value, row.original, row, {
+          currentParams,
+          setNewParams
+        });
         return val;
       };
     } else if (column.type === "timestamp") {
@@ -48343,12 +48356,13 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
       // }
     ]
   }, props.defaults || {}));
-  let _schema;
-  if (isFunction$4(__schema))
-    _schema = __schema(props);
-  else
-    _schema = __schema;
-  const convertedSchema = convertSchema(_schema);
+  const _schema = React$1.useMemo(() => {
+    if (isFunction$4(__schema))
+      return __schema(props);
+    else
+      return __schema;
+  }, [__schema, props]);
+  const convertedSchema = React$1.useMemo(() => convertSchema(_schema), [_schema]);
   if (isLocalCall) {
     if (!noForm && (!formName || formName === "tgDataTable")) {
       throw new Error(
@@ -48389,12 +48403,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     const tmp = (urlConnected ? getCurrentParamsFromUrl(history.location) : reduxFormQueryParams) || {};
     tmp.searchTerm = reduxFormSearchInput;
     return tmp;
-  }, [
-    history.location,
-    reduxFormQueryParams,
-    reduxFormSearchInput,
-    urlConnected
-  ]);
+  }, [history, reduxFormQueryParams, reduxFormSearchInput, urlConnected]);
   const tableParams = React$1.useMemo(() => {
     if (!isTableParamsConnected) {
       const updateSearch = /* @__PURE__ */ __name((val) => {
@@ -48431,7 +48440,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     _tableParams,
     change,
     currentParams,
-    history.replace,
+    history,
     isTableParamsConnected,
     props,
     selectedEntities,
@@ -48461,6 +48470,9 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     }
     return {};
   }, [
+    props.entities,
+    props.noOrderError,
+    props.isCodeModel,
     convertedSchema,
     currentParams,
     doNotCoercePageSize,
@@ -48495,8 +48507,8 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     doNotShowEmptyRows,
     doNotValidateUntouchedRows,
     editingCellSelectAll,
-    entities: __origEntities = [],
-    entitiesAcrossPages,
+    entities: _origEntities = [],
+    entitiesAcrossPages: _entitiesAcrossPages,
     entityCount,
     errorParsingUrlString,
     expandAllByDefault,
@@ -48576,10 +48588,24 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     withSort,
     withTitle = !isSimple
   } = props;
-  const _origEntities = useDeepEqualMemo(__origEntities);
-  const entities = useDeepEqualMemo(
-    ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || []
+  const _entities = React$1.useMemo(
+    () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
+    [_origEntities, reduxFormEntities]
   );
+  const entities = useDeepEqualMemo(_entities);
+  const entitiesAcrossPages = useDeepEqualMemo(_entitiesAcrossPages);
+  React$1.useEffect(() => {
+    if (change) {
+      change("allOrderedEntities", entitiesAcrossPages);
+      if (entities.length === 0 || isEmpty$1(reduxFormSelectedEntityIdMap))
+        return;
+      changeSelectedEntities({
+        idMap: reduxFormSelectedEntityIdMap,
+        entities,
+        change
+      });
+    }
+  }, [entitiesAcrossPages, reduxFormSelectedEntityIdMap]);
   const [tableConfig, setTableConfig] = React$1.useState({ fieldOptions: [] });
   React$1.useEffect(() => {
     let newTableConfig = {};
@@ -48603,12 +48629,15 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     withDisplayOptions
   ]);
   const schema = React$1.useMemo(() => {
-    const schema2 = convertSchema(_schema);
+    const schema2 = convertedSchema;
     if (isViewable) {
       schema2.fields = [viewColumn, ...schema2.fields];
     }
     if (isOpenable) {
-      schema2.fields = [openColumn, ...schema2.fields];
+      schema2.fields = [
+        openColumn({ onDoubleClick, history }),
+        ...schema2.fields
+      ];
     }
     schema2.fields = schema2.fields.map((field) => {
       if (field.placementPath) {
@@ -48670,13 +48699,15 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     }
     return schema2;
   }, [
-    _schema,
     cellRenderer,
+    convertedSchema,
     entities,
+    history,
     isInfinite,
     isOpenable,
     isSimple,
     isViewable,
+    onDoubleClick,
     showForcedHiddenColumns,
     tableConfig.columnOrderings,
     tableConfig.fieldOptions,
@@ -49036,7 +49067,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
       if (editingCell === cellId)
         return;
       if (pressedKey) {
-        setEditableCellValue(pressedKey);
+        setEditableCellValue("");
       } else {
         const [rowId, path2] = cellId.split(":");
         const entityIdToEntity = getEntityIdToEntity(entities);
@@ -50326,23 +50357,29 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
       acc.push(field.filterKey);
     return acc;
   }, []);
-  const filtersOnNonDisplayedFields = [];
-  if (filters && filters.length) {
-    schema.fields.forEach((field) => {
-      const ccDisplayName = getCCDisplayName(field);
-      if (field.isHidden) {
-        filters.forEach((filter2) => {
-          if (filter2.filterOn === ccDisplayName) {
-            filtersOnNonDisplayedFields.push(__spreadProps(__spreadValues({}, filter2), {
-              displayName: field.displayName
-            }));
-          }
-        });
-      }
-    });
-  }
+  const filtersOnNonDisplayedFields = React$1.useMemo(() => {
+    const _filtersOnNonDisplayedFields = [];
+    if (filters && filters.length) {
+      schema.fields.forEach((field) => {
+        const ccDisplayName = getCCDisplayName(field);
+        if (field.isHidden) {
+          filters.forEach((filter2) => {
+            if (filter2.filterOn === ccDisplayName) {
+              _filtersOnNonDisplayedFields.push(__spreadProps(__spreadValues({}, filter2), {
+                displayName: field.displayName
+              }));
+            }
+          });
+        }
+      });
+    }
+    return _filtersOnNonDisplayedFields;
+  }, [filters, schema.fields]);
   const numRows = isInfinite ? entities.length : pageSize;
-  const idMap = reduxFormSelectedEntityIdMap || {};
+  const idMap = React$1.useMemo(
+    () => reduxFormSelectedEntityIdMap || {},
+    [reduxFormSelectedEntityIdMap]
+  );
   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)
@@ -50352,10 +50389,12 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     acc[index2] = expandedEntityIdMap[rowId];
     return acc;
   }, {});
-  let children = maybeChildren;
-  if (children && typeof children === "function") {
-    children = children(props);
-  }
+  const children = React$1.useMemo(() => {
+    if (maybeChildren && typeof maybeChildren === "function") {
+      return maybeChildren(props);
+    }
+    return maybeChildren;
+  }, [maybeChildren, props]);
   const showHeader = (withTitle || withSearch || children) && !noHeader;
   const toggleFullscreenButton = /* @__PURE__ */ React$1.createElement(
     core.Button,
@@ -50366,111 +50405,134 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
       onClick: () => setFullscreen((prev) => !prev)
     }
   );
-  let showSelectAll = false;
-  let showClearAll = false;
-  if (!isInfinite) {
-    const canShowSelectAll = withSelectAll || entitiesAcrossPages && numRows < entitiesAcrossPages.length;
-    if (canShowSelectAll) {
-      let atLeastOneRowOnCurrentPageSelected = false;
-      const allRowsOnCurrentPageSelected = entities.every((e2) => {
-        const rowId = getIdOrCodeOrIndex(e2);
-        const selected = idMap[rowId] || isEntityDisabled(e2);
-        if (selected)
-          atLeastOneRowOnCurrentPageSelected = true;
-        return selected;
-      });
-      if (atLeastOneRowOnCurrentPageSelected && allRowsOnCurrentPageSelected) {
-        let everyEntitySelected;
-        if (isLocalCall) {
-          everyEntitySelected = entitiesAcrossPages.every((e2) => {
-            const rowId = getIdOrCodeOrIndex(e2);
-            return idMap[rowId] || isEntityDisabled(e2);
-          });
-        } else {
-          everyEntitySelected = entityCount <= selectedRowCount;
-        }
-        if (everyEntitySelected) {
-          showClearAll = selectedRowCount;
+  const { showSelectAll, showClearAll } = React$1.useMemo(() => {
+    let _showSelectAll = false;
+    let _showClearAll = false;
+    if (!isInfinite) {
+      const canShowSelectAll = withSelectAll || entitiesAcrossPages && numRows < entitiesAcrossPages.length;
+      if (canShowSelectAll) {
+        let atLeastOneRowOnCurrentPageSelected = false;
+        const allRowsOnCurrentPageSelected = entities.every((e2) => {
+          const rowId = getIdOrCodeOrIndex(e2);
+          const selected = idMap[rowId] || isEntityDisabled(e2);
+          if (selected)
+            atLeastOneRowOnCurrentPageSelected = true;
+          return selected;
+        });
+        if (atLeastOneRowOnCurrentPageSelected && allRowsOnCurrentPageSelected) {
+          let everyEntitySelected;
+          if (isLocalCall) {
+            everyEntitySelected = entitiesAcrossPages.every((e2) => {
+              const rowId = getIdOrCodeOrIndex(e2);
+              return idMap[rowId] || isEntityDisabled(e2);
+            });
+          } else {
+            everyEntitySelected = entityCount <= selectedRowCount;
+          }
+          if (everyEntitySelected) {
+            _showClearAll = selectedRowCount;
+          }
+          _showSelectAll = !everyEntitySelected;
         }
-        showSelectAll = !everyEntitySelected;
       }
     }
-  }
+    return { showSelectAll: _showSelectAll, showClearAll: _showClearAll };
+  }, [
+    entities,
+    entitiesAcrossPages,
+    entityCount,
+    idMap,
+    isEntityDisabled,
+    isInfinite,
+    isLocalCall,
+    numRows,
+    selectedRowCount,
+    withSelectAll
+  ]);
   const showNumSelected = !noSelect && !isSingleSelect && !hideSelectedCount;
-  let selectedAndTotalMessage = "";
-  if (showNumSelected) {
-    selectedAndTotalMessage += `${selectedRowCount} Selected `;
-  }
-  if (showCount && showNumSelected) {
-    selectedAndTotalMessage += `/ `;
-  }
-  if (showCount) {
-    selectedAndTotalMessage += `${entityCount || 0} Total`;
-  }
-  if (selectedAndTotalMessage) {
-    selectedAndTotalMessage = /* @__PURE__ */ React$1.createElement("div", null, selectedAndTotalMessage);
-  }
+  const selectedAndTotalMessage = React$1.useMemo(() => {
+    let _selectedAndTotalMessage = "";
+    if (showNumSelected) {
+      _selectedAndTotalMessage += `${selectedRowCount} Selected `;
+    }
+    if (showCount && showNumSelected) {
+      _selectedAndTotalMessage += `/ `;
+    }
+    if (showCount) {
+      _selectedAndTotalMessage += `${entityCount || 0} Total`;
+    }
+    if (_selectedAndTotalMessage) {
+      _selectedAndTotalMessage = /* @__PURE__ */ React$1.createElement("div", null, _selectedAndTotalMessage);
+    }
+    return _selectedAndTotalMessage;
+  }, [entityCount, selectedRowCount, showCount, showNumSelected]);
   const shouldShowPaging = !isInfinite && withPaging && (hidePageSizeWhenPossible ? entityCount > pageSize : true);
-  let SubComponentToUse;
-  if (SubComponent) {
-    SubComponentToUse = /* @__PURE__ */ __name((row) => {
-      let shouldShow = true;
-      if (shouldShowSubComponent) {
-        shouldShow = shouldShowSubComponent(row.original);
-      }
-      if (shouldShow) {
-        return SubComponent(row);
-      }
-    }, "SubComponentToUse");
-  }
-  let nonDisplayedFilterComp;
-  if (filtersOnNonDisplayedFields.length) {
-    const content2 = filtersOnNonDisplayedFields.map(
-      ({ displayName, path: path2, selectedFilter, filterValue }) => {
-        let filterValToDisplay = filterValue;
-        if (selectedFilter === "inList") {
-          filterValToDisplay = Array.isArray(filterValToDisplay) ? filterValToDisplay : filterValToDisplay && filterValToDisplay.split(";");
+  const SubComponentToUse = React$1.useMemo(() => {
+    if (SubComponent) {
+      return (row) => {
+        let shouldShow = true;
+        if (shouldShowSubComponent) {
+          shouldShow = shouldShowSubComponent(row.original);
         }
-        if (Array.isArray(filterValToDisplay)) {
-          filterValToDisplay = filterValToDisplay.join(", ");
+        if (shouldShow) {
+          return SubComponent(row);
         }
-        return /* @__PURE__ */ React$1.createElement(
-          "div",
-          {
-            key: displayName || startCase(camelCase(path2)),
-            className: "tg-filter-on-non-displayed-field"
-          },
-          displayName || startCase(camelCase(path2)),
-          " ",
-          lowerCase(selectedFilter),
-          " ",
-          filterValToDisplay
-        );
-      }
-    );
-    nonDisplayedFilterComp = /* @__PURE__ */ React$1.createElement("div", { style: { marginRight: 5, marginLeft: "auto" } }, /* @__PURE__ */ React$1.createElement(
-      core.Tooltip,
-      {
-        content: /* @__PURE__ */ React$1.createElement("div", null, "Active filters on hidden columns:", /* @__PURE__ */ React$1.createElement("br", null), /* @__PURE__ */ React$1.createElement("br", null), content2)
-      },
-      /* @__PURE__ */ React$1.createElement(core.Icon, { icon: "filter-list" })
-    ));
-  }
-  let filteredEnts = entities;
-  if (onlyShowRowsWErrors) {
-    const rowToErrorMap = {};
-    forEach(reduxFormCellValidation, (err, cellId) => {
-      if (err) {
-        const [rowId] = cellId.split(":");
-        rowToErrorMap[rowId] = true;
-      }
-    });
-    filteredEnts = entities.filter((e2) => {
-      return rowToErrorMap[e2.id];
-    });
-  }
+      };
+    }
+    return;
+  }, [SubComponent, shouldShowSubComponent]);
+  const nonDisplayedFilterComp = React$1.useMemo(() => {
+    if (filtersOnNonDisplayedFields.length) {
+      const content2 = filtersOnNonDisplayedFields.map(
+        ({ displayName, path: path2, selectedFilter, filterValue }) => {
+          let filterValToDisplay = filterValue;
+          if (selectedFilter === "inList") {
+            filterValToDisplay = Array.isArray(filterValToDisplay) ? filterValToDisplay : filterValToDisplay && filterValToDisplay.split(";");
+          }
+          if (Array.isArray(filterValToDisplay)) {
+            filterValToDisplay = filterValToDisplay.join(", ");
+          }
+          return /* @__PURE__ */ React$1.createElement(
+            "div",
+            {
+              key: displayName || startCase(camelCase(path2)),
+              className: "tg-filter-on-non-displayed-field"
+            },
+            displayName || startCase(camelCase(path2)),
+            " ",
+            lowerCase(selectedFilter),
+            " ",
+            filterValToDisplay
+          );
+        }
+      );
+      return /* @__PURE__ */ React$1.createElement("div", { style: { marginRight: 5, marginLeft: "auto" } }, /* @__PURE__ */ React$1.createElement(
+        core.Tooltip,
+        {
+          content: /* @__PURE__ */ React$1.createElement("div", null, "Active filters on hidden columns:", /* @__PURE__ */ React$1.createElement("br", null), /* @__PURE__ */ React$1.createElement("br", null), content2)
+        },
+        /* @__PURE__ */ React$1.createElement(core.Icon, { icon: "filter-list" })
+      ));
+    }
+    return null;
+  }, [filtersOnNonDisplayedFields]);
+  const filteredEnts = React$1.useMemo(() => {
+    if (onlyShowRowsWErrors) {
+      const rowToErrorMap = {};
+      forEach(reduxFormCellValidation, (err, cellId) => {
+        if (err) {
+          const [rowId] = cellId.split(":");
+          rowToErrorMap[rowId] = true;
+        }
+      });
+      return entities.filter((e2) => {
+        return rowToErrorMap[e2.id];
+      });
+    }
+    return entities;
+  }, [entities, onlyShowRowsWErrors, reduxFormCellValidation]);
   const renderColumns = React$1.useMemo(
-    () => RenderColumns(__spreadProps(__spreadValues({}, props), {
+    () => RenderColumns({
       addFilters,
       cellRenderer,
       change,
@@ -50523,7 +50585,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
       withExpandAndCollapseAllButton,
       withFilter,
       withSort
-    })),
+    }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       SubComponent,
@@ -63281,86 +63343,89 @@ const Uploader = /* @__PURE__ */ __name(({
   threeDotMenuItems,
   validateAgainstSchema: _validateAgainstSchema
 }) => {
+  var _a, _b;
   const dispatch = reactRedux.useDispatch();
   const [acceptLoading, setAcceptLoading] = React$1.useState();
   const [resolvedAccept, setResolvedAccept] = React$1.useState();
   const [loading, setLoading] = React$1.useState(false);
   const filesToClean = React$1.useRef([]);
-  const onChange = React$1.useCallback(
-    (val) => {
-      require$$2$1.flushSync(() => {
-        if (noRedux) {
-          return _onChange(val);
-        }
-        dispatch(reduxForm.touch(formName, name));
-        dispatch(reduxForm.change(formName, name, val));
-      });
-    },
-    [_onChange, dispatch, formName, name, noRedux]
-  );
-  const handleSecondHalfOfUpload = React$1.useCallback(
-    (_0) => __async(exports, [_0], function* ({ acceptedFiles, cleanedFileList }) {
-      onChange(cleanedFileList);
-      const keepGoing = beforeUpload ? yield beforeUpload(cleanedFileList, onChange) : true;
-      if (!keepGoing)
-        return;
-      if (action) {
-        const responses = [];
-        yield Promise.all(
-          acceptedFiles.map((fileToUpload) => __async(exports, null, function* () {
-            const data = new FormData();
-            data.append("file", fileToUpload);
-            try {
-              const res = yield window.api ? window.api.post(action, data) : fetch(action, {
-                method: "POST",
-                body: data
-              });
-              responses.push(res.data && res.data[0]);
-              onFileSuccess(res.data[0]).then(() => {
-                cleanedFileList = cleanedFileList.map((file) => {
-                  const fileToReturn = __spreadValues(__spreadValues({}, file), res.data[0]);
-                  if (fileToReturn.id === fileToUpload.id) {
-                    fileToReturn.loading = false;
-                  }
-                  return fileToReturn;
-                });
-                onChange(cleanedFileList);
-              });
-            } catch (err) {
-              console.error("Error uploading file:", err);
-              responses.push(__spreadProps(__spreadValues({}, fileToUpload), {
-                error: err && err.msg ? err.msg : err
-              }));
+  const onChange = /* @__PURE__ */ __name((val) => {
+    require$$2$1.flushSync(() => {
+      if (noRedux) {
+        return _onChange(val);
+      }
+      dispatch(reduxForm.touch(formName, name));
+      dispatch(reduxForm.change(formName, name, val));
+    });
+  }, "onChange");
+  const handleSecondHalfOfUpload = /* @__PURE__ */ __name((_0) => __async(exports, [_0], function* ({
+    acceptedFiles,
+    cleanedFileList
+  }) {
+    onChange(cleanedFileList);
+    const keepGoing = beforeUpload ? yield beforeUpload(cleanedFileList, onChange) : true;
+    if (!keepGoing)
+      return;
+    if (action) {
+      const responses = [];
+      yield Promise.all(
+        acceptedFiles.map((fileToUpload) => __async(exports, null, function* () {
+          const data = new FormData();
+          data.append("file", fileToUpload);
+          try {
+            const res = yield window.serverApi ? window.serverApi.post(action, data) : fetch(action, {
+              method: "POST",
+              body: data
+            });
+            responses.push(res.data && res.data[0]);
+            onFileSuccess(res.data[0]).then(() => {
               cleanedFileList = cleanedFileList.map((file) => {
-                const fileToReturn = __spreadValues({}, file);
+                const fileToReturn = __spreadValues(__spreadValues({}, file), res.data[0]);
                 if (fileToReturn.id === fileToUpload.id) {
                   fileToReturn.loading = false;
-                  fileToReturn.error = true;
                 }
                 return fileToReturn;
               });
               onChange(cleanedFileList);
-            }
-          }))
-        );
-        onFieldSubmit(responses);
-      } else {
-        onChange(
-          cleanedFileList.map(function(file) {
-            return __spreadProps(__spreadValues({}, file), {
-              loading: false
             });
-          })
-        );
-      }
-      setLoading(false);
-    }),
-    [action, beforeUpload, onChange, onFieldSubmit, onFileSuccess]
-  );
+          } catch (err) {
+            console.error("Error uploading file:", err);
+            responses.push(__spreadProps(__spreadValues({}, fileToUpload), {
+              error: err && err.msg ? err.msg : err
+            }));
+            cleanedFileList = cleanedFileList.map((file) => {
+              const fileToReturn = __spreadValues({}, file);
+              if (fileToReturn.id === fileToUpload.id) {
+                fileToReturn.loading = false;
+                fileToReturn.error = true;
+              }
+              return fileToReturn;
+            });
+            onChange(cleanedFileList);
+          }
+        }))
+      );
+      onFieldSubmit(responses);
+    } else {
+      onChange(
+        cleanedFileList.map(function(file) {
+          return __spreadProps(__spreadValues({}, file), {
+            loading: false
+          });
+        })
+      );
+    }
+    setLoading(false);
+  }), "handleSecondHalfOfUpload");
   const isAcceptPromise = React$1.useMemo(
     () => (__accept == null ? void 0 : __accept.then) || (Array.isArray(__accept) ? __accept.some((acc) => acc == null ? void 0 : acc.then) : false),
     [__accept]
   );
+  let dropzoneDisabled = _disabled;
+  let _accept = __accept;
+  if (resolvedAccept) {
+    _accept = resolvedAccept;
+  }
   React$1.useEffect(() => {
     if (isAcceptPromise) {
       setAcceptLoading(true);
@@ -63373,234 +63438,208 @@ const Uploader = /* @__PURE__ */ __name(({
       );
     }
   }, [__accept, isAcceptPromise]);
-  const dropzoneDisabled = _disabled || acceptLoading;
-  const { accept, validateAgainstSchema } = React$1.useMemo(() => {
-    var _a, _b;
-    let _accept = __accept;
-    if (resolvedAccept) {
-      _accept = resolvedAccept;
-    }
-    if (isAcceptPromise && !resolvedAccept) {
-      _accept = [];
-    }
-    const newAccept = !_accept ? void 0 : isAcceptPromise && !resolvedAccept ? [] : isPlainObject$3(_accept) ? [_accept] : isArray$j(_accept) ? _accept : _accept.split(",").map((acc) => ({ type: acc }));
-    const validateAgainstSchema2 = setValidateAgainstSchema(
-      _validateAgainstSchema || ((_b = (_a = newAccept == null ? void 0 : newAccept.find) == null ? void 0 : _a.call(newAccept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _b.validateAgainstSchema)
-    );
-    if ((validateAgainstSchema2 || autoUnzip) && newAccept && !newAccept.some((a2) => a2.type === "zip")) {
-      newAccept == null ? void 0 : newAccept.unshift({
-        type: "zip",
-        description: "Any of the following types, just compressed"
-      });
-    }
-    return { accept: newAccept, validateAgainstSchema: validateAgainstSchema2 };
-  }, [
-    __accept,
-    _validateAgainstSchema,
-    autoUnzip,
-    isAcceptPromise,
-    resolvedAccept
-  ]);
-  const callout = React$1.useMemo(
+  if (isAcceptPromise && !resolvedAccept) {
+    _accept = [];
+  }
+  if (acceptLoading)
+    dropzoneDisabled = true;
+  const accept = React$1.useMemo(
+    () => !_accept ? void 0 : isAcceptPromise && !resolvedAccept ? [] : isPlainObject$3(_accept) ? [_accept] : isArray$j(_accept) ? _accept : _accept.split(",").map((acc) => ({ type: acc })),
+    [_accept, isAcceptPromise, resolvedAccept]
+  );
+  const callout = _callout || ((_b = (_a = accept == null ? void 0 : accept.find) == null ? void 0 : _a.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
+  const validateAgainstSchema = React$1.useMemo(
     () => {
-      var _a, _b;
-      return _callout || ((_b = (_a = accept == null ? void 0 : accept.find) == null ? void 0 : _a.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
+      var _a2, _b2;
+      return setValidateAgainstSchema(
+        _validateAgainstSchema || ((_b2 = (_a2 = accept == null ? void 0 : accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _b2.validateAgainstSchema)
+      );
     },
-    [_callout, accept]
+    [_validateAgainstSchema, accept]
   );
+  if ((validateAgainstSchema || autoUnzip) && accept && !accept.some((a2) => a2.type === "zip")) {
+    accept == null ? void 0 : accept.unshift({
+      type: "zip",
+      description: "Any of the following types, just compressed"
+    });
+  }
   const { showDialogPromise: showUploadCsvWizardDialog, Comp } = useDialog({
     ModalComponent: UploadCsvWizardDialog
   });
   const { showDialogPromise: showSimpleInsertDataDialog, Comp: Comp2 } = useDialog({
     ModalComponent: SimpleInsertDataDialog
   });
-  const cleanupFiles = React$1.useCallback(() => {
+  function cleanupFiles() {
     filesToClean.current.forEach((file) => URL.revokeObjectURL(file.preview));
-  }, []);
+  }
+  __name(cleanupFiles, "cleanupFiles");
   React$1.useEffect(() => {
     return () => {
       cleanupFiles();
     };
-  }, [cleanupFiles]);
-  const contentOverride = React$1.useMemo(() => {
-    let _contentOverride = maybeContentOverride;
-    if (_contentOverride && typeof _contentOverride === "function") {
-      _contentOverride = _contentOverride({ loading });
-    }
-    return _contentOverride;
-  }, [loading, maybeContentOverride]);
-  const fileListToUse = React$1.useMemo(() => fileList ? fileList : [], [fileList]);
-  const { simpleAccept, handleManuallyEnterData, advancedAccept } = React$1.useMemo(() => {
-    let simpleAccept2;
-    let handleManuallyEnterData2;
-    let advancedAccept2;
-    if (Array.isArray(accept)) {
-      if (accept.some((acc) => isPlainObject$3(acc))) {
-        advancedAccept2 = accept;
-        simpleAccept2 = flatMap(accept, (acc) => {
-          if (acc.validateAgainstSchema) {
-            if (!acc.type) {
-              acc.type = [".csv", ".xlsx"];
-            }
-            handleManuallyEnterData2 = /* @__PURE__ */ __name((e2) => __async(exports, null, function* () {
-              e2.stopPropagation();
-              const { newEntities, fileName } = yield showSimpleInsertDataDialog(
-                "onSimpleInsertDialogFinish",
-                {
-                  validateAgainstSchema
-                }
-              );
-              if (!newEntities)
-                return;
-              const newFileName = getNewName(fileListToUse, fileName);
-              const { newFile, cleanedEntities } = getNewCsvFile(
-                newEntities,
-                newFileName
-              );
-              const file = __spreadProps(__spreadValues({}, newFile), {
-                parsedData: cleanedEntities,
-                meta: {
-                  fields: validateAgainstSchema.fields.map(({ path: path2 }) => path2)
-                },
-                name: newFileName,
-                originFileObj: newFile,
-                originalFileObj: newFile,
-                id: nanoid(),
-                hasEditClick: true
-              });
-              const cleanedFileList = [file, ...fileListToUse].slice(
-                0,
-                fileLimit ? fileLimit : void 0
-              );
-              handleSecondHalfOfUpload({
-                acceptedFiles: cleanedFileList,
-                cleanedFileList
-              });
-              window.toastr.success(`File Added`);
-            }), "handleManuallyEnterData2");
-            const nameToUse = startCase(
-              removeExt(
-                validateAgainstSchema.fileName || validateAgainstSchema.name
-              )
-            ) || "Example";
-            const handleDownloadXlsxFile = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
-              var _a;
-              const dataDictionarySchema = [
-                {
-                  value: (f2) => f2.displayName || f2.path,
-                  column: `Column Name`
-                },
-                // {
-                //   value: f => f.isUnique ? "Unique" : "",
-                //   column: `Unique?`
-                // },
-                {
-                  value: (f2) => f2.isRequired ? "Required" : "Optional",
-                  column: `Required?`
-                },
-                {
-                  value: (f2) => f2.type === "dropdown" ? "text" : f2.type || "text",
-                  column: `Data Type`
-                },
-                {
-                  value: (f2) => f2.description,
-                  column: `Notes`
-                },
-                {
-                  value: (f2) => f2.example || f2.defaultValue || "",
-                  column: `Example Data`
-                }
-              ];
-              const mainExampleData = {};
-              const fieldsToUse = [
-                ...validateAgainstSchema.fields,
-                ...(_a = validateAgainstSchema.exampleDownloadFields) != null ? _a : []
-              ];
-              const mainSchema = fieldsToUse.map((f2) => {
-                mainExampleData[f2.displayName || f2.path] = f2.example || f2.defaultValue;
-                return {
-                  column: f2.displayName || f2.path,
-                  value: (v2) => {
-                    return v2[f2.displayName || f2.path];
-                  }
-                };
-              });
-              const blobFile = yield writeXlsxFile(
-                [[mainExampleData], fieldsToUse, helperText],
-                {
-                  headerStyle: {
-                    fontWeight: "bold"
-                  },
-                  schema: [mainSchema, dataDictionarySchema, helperSchema],
-                  sheets: [nameToUse, "Column Info", "Upload Instructions"],
-                  filePath: "file.xlsx"
-                }
-              );
-              downloadjs(blobFile, `${nameToUse}.xlsx`, "xlsx");
-            }), "handleDownloadXlsxFile");
-            acc.exampleFiles = [
-              // ...(a.exampleFile ? [a.exampleFile] : []),
+  }, []);
+  let contentOverride = maybeContentOverride;
+  if (contentOverride && typeof contentOverride === "function") {
+    contentOverride = contentOverride({ loading });
+  }
+  let simpleAccept;
+  let handleManuallyEnterData;
+  let advancedAccept;
+  if (Array.isArray(accept)) {
+    if (accept.some((acc) => isPlainObject$3(acc))) {
+      advancedAccept = accept;
+      simpleAccept = flatMap(accept, (acc) => {
+        if (acc.validateAgainstSchema) {
+          if (!acc.type) {
+            acc.type = [".csv", ".xlsx"];
+          }
+          handleManuallyEnterData = /* @__PURE__ */ __name((e2) => __async(exports, null, function* () {
+            e2.stopPropagation();
+            const { newEntities, fileName } = yield showSimpleInsertDataDialog(
+              "onSimpleInsertDialogFinish",
               {
-                description: "Download Example CSV File",
-                exampleFile: () => {
-                  var _a, _b;
-                  const rows = [];
-                  const schemaToUse = [
-                    ...acc.validateAgainstSchema.fields,
-                    ...(_a = acc.validateAgainstSchema.exampleDownloadFields) != null ? _a : []
-                  ];
-                  rows.push(
-                    schemaToUse.map((f2) => {
-                      return `${f2.displayName || f2.path}`;
-                    })
-                  );
-                  rows.push(
-                    schemaToUse.map((f2) => {
-                      return `${f2.example || f2.defaultValue || ""}`;
-                    })
-                  );
-                  const csv = papaparse_minExports.unparse(rows);
-                  const downloadFn = ((_b = window.Cypress) == null ? void 0 : _b.downloadTest) || downloadjs;
-                  downloadFn(csv, `${nameToUse}.csv`, "csv");
-                }
+                validateAgainstSchema
+              }
+            );
+            if (!newEntities)
+              return;
+            const newFileName = getNewName(fileListToUse, fileName);
+            const { newFile, cleanedEntities } = getNewCsvFile(
+              newEntities,
+              newFileName
+            );
+            const file = __spreadProps(__spreadValues({}, newFile), {
+              parsedData: cleanedEntities,
+              meta: {
+                fields: validateAgainstSchema.fields.map(({ path: path2 }) => path2)
               },
+              name: newFileName,
+              originFileObj: newFile,
+              originalFileObj: newFile,
+              id: nanoid(),
+              hasEditClick: true
+            });
+            const cleanedFileList = [file, ...fileListToUse].slice(
+              0,
+              fileLimit ? fileLimit : void 0
+            );
+            handleSecondHalfOfUpload({
+              acceptedFiles: cleanedFileList,
+              cleanedFileList
+            });
+            window.toastr.success(`File Added`);
+          }), "handleManuallyEnterData");
+          const nameToUse = startCase(
+            removeExt(
+              validateAgainstSchema.fileName || validateAgainstSchema.name
+            )
+          ) || "Example";
+          const handleDownloadXlsxFile = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
+            var _a2;
+            const dataDictionarySchema = [
+              { value: (f2) => f2.displayName || f2.path, column: `Column Name` },
+              // {
+              //   value: f => f.isUnique ? "Unique" : "",
+              //   column: `Unique?`
+              // },
               {
-                description: "Download Example XLSX File",
-                subtext: "Includes Upload Instructions and Column Info",
-                exampleFile: handleDownloadXlsxFile
+                value: (f2) => f2.isRequired ? "Required" : "Optional",
+                column: `Required?`
               },
-              ...noBuildCsvOption ? [] : [
-                {
-                  description: manualEnterMessage,
-                  subtext: manualEnterSubMessage,
-                  icon: "manually-entered-data",
-                  exampleFile: handleManuallyEnterData2
-                }
-              ]
+              {
+                value: (f2) => f2.type === "dropdown" ? "text" : f2.type || "text",
+                column: `Data Type`
+              },
+              {
+                value: (f2) => f2.description,
+                column: `Notes`
+              },
+              {
+                value: (f2) => f2.example || f2.defaultValue || "",
+                column: `Example Data`
+              }
             ];
-            delete acc.exampleFile;
-          }
-          if (acc.type)
-            return acc.type;
-          return acc;
-        });
-        simpleAccept2 = simpleAccept2.join(", ");
-      } else {
-        simpleAccept2 = accept.join(", ");
-      }
+            const mainExampleData = {};
+            const fieldsToUse = [
+              ...validateAgainstSchema.fields,
+              ...(_a2 = validateAgainstSchema.exampleDownloadFields) != null ? _a2 : []
+            ];
+            const mainSchema = fieldsToUse.map((f2) => {
+              mainExampleData[f2.displayName || f2.path] = f2.example || f2.defaultValue;
+              return {
+                column: f2.displayName || f2.path,
+                value: (v2) => {
+                  return v2[f2.displayName || f2.path];
+                }
+              };
+            });
+            const blobFile = yield writeXlsxFile(
+              [[mainExampleData], fieldsToUse, helperText],
+              {
+                headerStyle: {
+                  fontWeight: "bold"
+                },
+                schema: [mainSchema, dataDictionarySchema, helperSchema],
+                sheets: [nameToUse, "Column Info", "Upload Instructions"],
+                filePath: "file.xlsx"
+              }
+            );
+            downloadjs(blobFile, `${nameToUse}.xlsx`, "xlsx");
+          }), "handleDownloadXlsxFile");
+          acc.exampleFiles = [
+            // ...(a.exampleFile ? [a.exampleFile] : []),
+            {
+              description: "Download Example CSV File",
+              exampleFile: () => {
+                var _a2, _b2;
+                const rows = [];
+                const schemaToUse = [
+                  ...acc.validateAgainstSchema.fields,
+                  ...(_a2 = acc.validateAgainstSchema.exampleDownloadFields) != null ? _a2 : []
+                ];
+                rows.push(
+                  schemaToUse.map((f2) => {
+                    return `${f2.displayName || f2.path}`;
+                  })
+                );
+                rows.push(
+                  schemaToUse.map((f2) => {
+                    return `${f2.example || f2.defaultValue || ""}`;
+                  })
+                );
+                const csv = papaparse_minExports.unparse(rows);
+                const downloadFn = ((_b2 = window.Cypress) == null ? void 0 : _b2.downloadTest) || downloadjs;
+                downloadFn(csv, `${nameToUse}.csv`, "csv");
+              }
+            },
+            {
+              description: "Download Example XLSX File",
+              subtext: "Includes Upload Instructions and Column Info",
+              exampleFile: handleDownloadXlsxFile
+            },
+            ...noBuildCsvOption ? [] : [
+              {
+                description: manualEnterMessage,
+                subtext: manualEnterSubMessage,
+                icon: "manually-entered-data",
+                exampleFile: handleManuallyEnterData
+              }
+            ]
+          ];
+          delete acc.exampleFile;
+        }
+        if (acc.type)
+          return acc.type;
+        return acc;
+      });
+      simpleAccept = simpleAccept.join(", ");
     } else {
-      simpleAccept2 = accept;
+      simpleAccept = accept.join(", ");
     }
-    return { simpleAccept: simpleAccept2, handleManuallyEnterData: handleManuallyEnterData2, advancedAccept: advancedAccept2 };
-  }, [
-    accept,
-    fileLimit,
-    fileListToUse,
-    handleSecondHalfOfUpload,
-    noBuildCsvOption,
-    showSimpleInsertDataDialog,
-    validateAgainstSchema
-  ]);
+  } else {
+    simpleAccept = accept;
+  }
+  const fileListToUse = fileList ? fileList : [];
   return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, callout && /* @__PURE__ */ React$1.createElement(core.Callout, { style: { marginBottom: 5 }, intent: "primary" }, callout), /* @__PURE__ */ React$1.createElement(
     "div",
     {
@@ -63724,13 +63763,13 @@ const Uploader = /* @__PURE__ */ __name(({
           multiple: fileLimit !== 1,
           accept: simpleAccept ? simpleAccept.split(", ").map((acc) => acc.startsWith(".") ? acc : "." + acc).join(", ") : void 0,
           onDrop: (_acceptedFiles, rejectedFiles) => __async(exports, null, function* () {
-            var _a, _b;
+            var _a2, _b2;
             let acceptedFiles = [];
             for (const file of _acceptedFiles) {
               if ((validateAgainstSchema || autoUnzip) && isZipFile(file)) {
                 const files = yield filterFilesInZip(
                   file,
-                  ((_a = simpleAccept == null ? void 0 : simpleAccept.split(", ")) == null ? void 0 : _a.map((acc) => acc.startsWith(".") ? acc : "." + acc)) || []
+                  ((_a2 = simpleAccept == null ? void 0 : simpleAccept.split(", ")) == null ? void 0 : _a2.map((acc) => acc.startsWith(".") ? acc : "." + acc)) || []
                 );
                 acceptedFiles.push(...files.map((f2) => f2.originFileObj));
               } else {
@@ -63825,7 +63864,7 @@ const Uploader = /* @__PURE__ */ __name(({
                     incomingData: parsedF.data,
                     validateAgainstSchema
                   });
-                  if (((_b = userSchema == null ? void 0 : userSchema.userData) == null ? void 0 : _b.length) === 0) {
+                  if (((_b2 = userSchema == null ? void 0 : userSchema.userData) == null ? void 0 : _b2.length) === 0) {
                     console.error(
                       `userSchema, parsedF.data:`,
                       userSchema,
@@ -64358,6 +64397,20 @@ const withStore = /* @__PURE__ */ __name((Component) => {
     return /* @__PURE__ */ React$1.createElement(Component, __spreadProps(__spreadValues({}, props), { store }));
   };
 }, "withStore");
+const isEq = /* @__PURE__ */ __name((o1, o2) => {
+  const isEq2 = isEqualWith(o1, o2, function(val1, val2) {
+    if (isFunction$4(val1) && isFunction$4(val2)) {
+      return val1 === val2 || val1.toString() === val2.toString();
+    }
+    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
+      return true;
+  });
+  return isEq2;
+}, "isEq");
+const pure = /* @__PURE__ */ __name((BaseComponent) => {
+  const hoc = shouldUpdate((props, nextProps) => !isEq(props, nextProps));
+  return hoc(BaseComponent);
+}, "pure");
 function withTableParams(compOrOpts, pTopLevelOpts) {
   let topLevelOptions;
   let Component;
@@ -70686,6 +70739,7 @@ exports.tickMenuEnhancer = tickMenuEnhancer;
 exports.tubeIcon = tubeIcon;
 exports.useDeepEqualMemo = useDeepEqualMemo;
 exports.useDialog = useDialog;
+exports.useTableEntities = useTableEntities;
 exports.useTraceUpdate = useTraceUpdate;
 exports.withAbstractWrapper = withAbstractWrapper;
 exports.withCommand = withCommand;