schummar-table 0.5.2 → 0.5.5

package/dist/cjs/index.js

@@ -621,6 +621,7 @@ class Queue {
   }
 }
 const KEYS = ["sort", "selection", "expanded", "hiddenColumns", "filterValues", "columnWidths", "columnOrder"];
+const storageName = (id) => `schummar-table_state-v1_${id}`;
 function stringify(value) {
   function prepare(value2) {
     if (value2 instanceof Date) {
@@ -669,8 +670,8 @@ function useTableStateStorage() {
     (async () => {
       var _a, _b;
       try {
-        const { storage, id = "table", include, exclude } = persist;
-        const json = await storage.getItem(`${id}_state`);
+        const { storage, id, include, exclude } = persist;
+        const json = await storage.getItem(storageName(id));
         if (isCanceled || !json)
           return;
         const data = parse(json);
@@ -712,7 +713,7 @@ function useTableStateStorage() {
       var _a, _b;
       if (!state.props.persist)
         return;
-      const { storage, id = "table", include, exclude } = state.props.persist;
+      const { storage, id, include, exclude } = state.props.persist;
       const data = {};
       for (const key of KEYS) {
         if ((!include || include.includes(key)) && !(exclude == null ? void 0 : exclude.includes(key))) {
@@ -736,7 +737,7 @@ function useTableStateStorage() {
       const { storage, id, data } = props;
       (_b = (_a = table.getState().props).debug) == null ? void 0 : _b.call(_a, "save", data, stringify(data));
       q.run(async () => {
-        await storage.setItem(`${id}_state`, stringify(data));
+        await storage.setItem(storageName(id), stringify(data));
       }, true);
     }, { throttle: 1e3 });
   }, [isHydrated]);
@@ -935,7 +936,7 @@ function cleanupState(state) {
       draft.sort = newSort;
       setTimeout(() => {
         var _a, _b;
-        (_b = (_a = draft.props).onSortChange) == null ? void 0 : _b.call(_a, newSort);
+        (_b = (_a = state.getState().props).onSortChange) == null ? void 0 : _b.call(_a, newSort);
       });
     }
     for (const id of draft.filters.keys()) {
@@ -964,7 +965,7 @@ function cleanupState(state) {
         draft.selection = newSelection;
         setTimeout(() => {
           var _a, _b;
-          (_b = (_a = draft.props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
+          (_b = (_a = state.getState().props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
         });
       }
       const newExpanded = intersect(draft.expanded, itemsById);
@@ -972,7 +973,7 @@ function cleanupState(state) {
         draft.expanded = newExpanded;
         setTimeout(() => {
           var _a, _b;
-          (_b = (_a = draft.props).onExpandedChange) == null ? void 0 : _b.call(_a, newExpanded);
+          (_b = (_a = state.getState().props).onExpandedChange) == null ? void 0 : _b.call(_a, newExpanded);
         });
       }
     }
@@ -983,8 +984,8 @@ function filterColumns(state) {
     draft.activeColumns = orderBy(columns.filter((column) => !hiddenColumns.has(column.id)), [(column) => columnOrder.indexOf(column.id)]);
   }, { runNow: true }), [state]);
 }
-function syncSelections(state) {
-  react.useEffect(() => state.addReaction((state2) => [state2.props.selectSyncChildren, state2.selection, state2.activeItems], ([selectSyncChildren, selection, activeItems], state2) => {
+function syncSelections(table) {
+  react.useEffect(() => table.addReaction((state) => [state.props.selectSyncChildren, state.selection, state.activeItems], ([selectSyncChildren, selection, activeItems], state) => {
     if (!selectSyncChildren)
       return;
     const newSelection = new Set(selection);
@@ -994,13 +995,13 @@ function syncSelections(state) {
       }
     }
     if (newSelection.size !== selection.size) {
-      state2.selection = newSelection;
+      state.selection = newSelection;
       setTimeout(() => {
         var _a, _b;
-        (_b = (_a = state2.props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
+        (_b = (_a = table.getState().props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
       });
     }
-  }, { runNow: true }), [state]);
+  }, { runNow: true }), [table]);
 }
 function useTableState(_props) {
   const props = calcProps(_props);
@@ -1925,8 +1926,10 @@ function Virtualized(_e) {
     if (!virtual || !probeRef.current)
       return;
     window.addEventListener("scroll", incCounter, true);
+    window.addEventListener("resize", incCounter, true);
     return () => {
       window.removeEventListener("scroll", incCounter, true);
+      window.removeEventListener("resize", incCounter, true);
     };
   }, [probeRef.current, incCounter]);
   (_d = (_c = table.getState().props).debugRender) == null ? void 0 : _d.call(_c, `Virtualalized render ${from} to ${to}`);
@@ -2193,7 +2196,6 @@ function debounce(fn, ms) {
   });
 }
 function useFilter(impl) {
-  var _a;
   const table = useTableContext();
   const columnId = useColumnContext();
   react.useEffect(() => {
@@ -2215,7 +2217,7 @@ function useFilter(impl) {
         state.filters.delete(columnId);
       });
     };
-  }, [table, columnId, ...(_a = impl.dependencies) != null ? _a : [impl]]);
+  }, [table, columnId, impl]);
   const value = table.useState((state) => state.filterValues.get(columnId));
   const [dirtyValue, setDirtyValue] = react.useState();
   const implRef = react.useRef(impl);
@@ -2314,10 +2316,14 @@ exports.mergeThemes = tableTheme.mergeThemes;
 exports.AutoFocusTextField = AutoFocusTextField;
 exports.ColumnContext = ColumnContext;
 exports.DateFilter = DateFilter;
+exports.DatePicker = DatePicker;
 exports.SelectFilter = SelectFilter;
 exports.Table = Table;
 exports.TableContext = TableContext;
 exports.TextFilter = TextFilter;
+exports.dateIntersect = dateIntersect;
+exports.endOfDay = endOfDay;
+exports.startOfDay = startOfDay;
 exports.termMatch = termMatch;
 exports.textMatch = textMatch;
 exports.useColumnContext = useColumnContext;