schummar-table 0.5.0-beta-8 → 0.5.2

package/dist/es/index.js

@@ -926,13 +926,15 @@ function calcProps(props) {
 }
 function cleanupState(state) {
   useEffect(() => state.addReaction((state2) => [state2.props.columns, state2.itemsById, state2.activeItemsById, state2.activeColumns], ([columns, itemsById, activeItemsById, activeColumns], draft) => {
-    var _a, _b, _c, _d, _e, _f;
     const columnIds = new Set(columns.map((column) => column.id));
     const activeColumnIds = new Set(activeColumns.map((column) => column.id));
     const newSort = draft.sort.filter((s) => activeColumnIds.has(s.columnId));
     if (newSort.length < draft.sort.length) {
       draft.sort = newSort;
-      (_b = (_a = draft.props).onSortChange) == null ? void 0 : _b.call(_a, newSort);
+      setTimeout(() => {
+        var _a, _b;
+        (_b = (_a = draft.props).onSortChange) == null ? void 0 : _b.call(_a, newSort);
+      });
     }
     for (const id of draft.filters.keys()) {
       if (!activeColumnIds.has(id))
@@ -958,12 +960,18 @@ function cleanupState(state) {
       const newSelection = intersect(draft.selection, activeItemsById);
       if (newSelection.size !== draft.selection.size) {
         draft.selection = newSelection;
-        (_d = (_c = draft.props).onSelectionChange) == null ? void 0 : _d.call(_c, newSelection);
+        setTimeout(() => {
+          var _a, _b;
+          (_b = (_a = draft.props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
+        });
       }
       const newExpanded = intersect(draft.expanded, itemsById);
       if (newExpanded.size < draft.expanded.size) {
         draft.expanded = newExpanded;
-        (_f = (_e = draft.props).onExpandedChange) == null ? void 0 : _f.call(_e, newExpanded);
+        setTimeout(() => {
+          var _a, _b;
+          (_b = (_a = draft.props).onExpandedChange) == null ? void 0 : _b.call(_a, newExpanded);
+        });
       }
     }
   }, { runNow: true }), [state]);
@@ -975,7 +983,6 @@ function filterColumns(state) {
 }
 function syncSelections(state) {
   useEffect(() => state.addReaction((state2) => [state2.props.selectSyncChildren, state2.selection, state2.activeItems], ([selectSyncChildren, selection, activeItems], state2) => {
-    var _a, _b;
     if (!selectSyncChildren)
       return;
     const newSelection = new Set(selection);
@@ -986,7 +993,10 @@ function syncSelections(state) {
     }
     if (newSelection.size !== selection.size) {
       state2.selection = newSelection;
-      (_b = (_a = state2.props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
+      setTimeout(() => {
+        var _a, _b;
+        (_b = (_a = state2.props).onSelectionChange) == null ? void 0 : _b.call(_a, newSelection);
+      });
     }
   }, { runNow: true }), [state]);
 }
@@ -1737,7 +1747,7 @@ function SortComponent({
       index: index2 >= 0 && state.sort.length > 1 ? index2 + 1 : void 0
     };
   });
-  function toggle2(e) {
+  function toggle2(e, off) {
     const {
       props: {
         sort: controlledSort,
@@ -1745,16 +1755,21 @@ function SortComponent({
       }
     } = table.getState();
     const newDirection = direction === "asc" ? "desc" : "asc";
-    const newSort = (e.getModifierState("Control") ? table.getState().sort.filter((s) => s.columnId !== columnId) : []).concat({
-      columnId,
-      direction: newDirection
-    });
+    const newSort = e.getModifierState("Control") || off ? table.getState().sort.filter((s) => s.columnId !== columnId) : [];
+    if (!off) {
+      newSort.push({
+        columnId,
+        direction: newDirection
+      });
+    }
     onSortChange == null ? void 0 : onSortChange(newSort);
     if (!controlledSort) {
       table.update((state) => {
         state.sort = newSort;
       });
     }
+    e.preventDefault();
+    return false;
   }
   return jsxs("div", {
     css: {
@@ -1768,7 +1783,8 @@ function SortComponent({
         textOverflow: "ellipsis"
       }
     },
-    onClick: toggle2,
+    onClick: (e) => toggle2(e),
+    onContextMenu: (e) => toggle2(e, true),
     children: [jsx("div", {
       children
     }), jsx(Badge, {
@@ -2012,10 +2028,10 @@ const TableInner = memo(function TableInner2({
     header: jsxs(Fragment, {
       children: [jsx("div", {
         className: classes == null ? void 0 : classes.headerCell,
-        css: [defaultClasses.headerFill, stickyHeader && defaultClasses.sticky]
+        css: [defaultClasses.headerFill, stickyHeader && defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader]
       }), jsxs("div", {
         className: classes == null ? void 0 : classes.headerCell,
-        css: [defaultClasses.headerCell, stickyHeader && defaultClasses.sticky],
+        css: [defaultClasses.headerCell, stickyHeader && defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader],
         children: [enableSelection && jsx(SelectComponent, {}), enableColumnSelection && jsx(ColumnSelection, {}), enableExport && jsx(Export, {}), jsx(ResizeHandleView, {})]
       }), jsx(ColumnHeaderContext.Provider, {
         children: activeColumns.map((column) => {
@@ -2024,7 +2040,7 @@ const TableInner = memo(function TableInner2({
             value: column.id,
             children: jsxs(ColumnHeader, {
               className: cx(classes == null ? void 0 : classes.headerCell, (_a2 = column.classes) == null ? void 0 : _a2.headerCell),
-              css: [defaultClasses.headerCell, columnStyleOverride.get(column.id), stickyHeader && defaultClasses.sticky],
+              css: [defaultClasses.headerCell, columnStyleOverride.get(column.id), stickyHeader && defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader],
               children: [jsx(SortComponent, {
                 children: column.header
               }), jsx("div", {
@@ -2037,7 +2053,7 @@ const TableInner = memo(function TableInner2({
         })
       }), jsx("div", {
         className: classes == null ? void 0 : classes.headerCell,
-        css: [defaultClasses.headerFill, stickyHeader && defaultClasses.sticky]
+        css: [defaultClasses.headerFill, stickyHeader && defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader]
       })]
     }),
     children: (itemIds, startIndex) => itemIds.map((itemId, index) => jsx(Row, {