schummar-table 0.5.0-beta-7 → 0.5.1

package/README.md

@@ -0,0 +1,4 @@
+# schummar-table
+
+[![](https://badgen.net/npm/v/schummar-table)](https://www.npmjs.com/package/schummar-table)
+[![](https://badgen.net/bundlephobia/minzip/schummar-table)](https://bundlephobia.com/package/schummar-table)

package/dist/cjs/index.js

@@ -1739,7 +1739,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,
@@ -1747,16 +1747,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 jsxRuntime.jsxs("div", {
     css: {
@@ -1770,7 +1775,8 @@ function SortComponent({
         textOverflow: "ellipsis"
       }
     },
-    onClick: toggle2,
+    onClick: (e) => toggle2(e),
+    onContextMenu: (e) => toggle2(e, true),
     children: [jsxRuntime.jsx("div", {
       children
     }), jsxRuntime.jsx(Badge, {
@@ -2014,10 +2020,10 @@ const TableInner = react.memo(function TableInner2({
     header: jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx("div", {
         className: classes == null ? void 0 : classes.headerCell,
-        css: [tableTheme.defaultClasses.headerFill, stickyHeader && tableTheme.defaultClasses.sticky]
+        css: [tableTheme.defaultClasses.headerFill, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader]
       }), jsxRuntime.jsxs("div", {
         className: classes == null ? void 0 : classes.headerCell,
-        css: [tableTheme.defaultClasses.headerCell, stickyHeader && tableTheme.defaultClasses.sticky],
+        css: [tableTheme.defaultClasses.headerCell, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader],
         children: [enableSelection && jsxRuntime.jsx(SelectComponent, {}), enableColumnSelection && jsxRuntime.jsx(ColumnSelection, {}), enableExport && jsxRuntime.jsx(Export, {}), jsxRuntime.jsx(ResizeHandleView, {})]
       }), jsxRuntime.jsx(ColumnHeaderContext.Provider, {
         children: activeColumns.map((column) => {
@@ -2026,7 +2032,7 @@ const TableInner = react.memo(function TableInner2({
             value: column.id,
             children: jsxRuntime.jsxs(ColumnHeader, {
               className: cx(classes == null ? void 0 : classes.headerCell, (_a2 = column.classes) == null ? void 0 : _a2.headerCell),
-              css: [tableTheme.defaultClasses.headerCell, columnStyleOverride.get(column.id), stickyHeader && tableTheme.defaultClasses.sticky],
+              css: [tableTheme.defaultClasses.headerCell, columnStyleOverride.get(column.id), stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader],
               children: [jsxRuntime.jsx(SortComponent, {
                 children: column.header
               }), jsxRuntime.jsx("div", {
@@ -2039,7 +2045,7 @@ const TableInner = react.memo(function TableInner2({
         })
       }), jsxRuntime.jsx("div", {
         className: classes == null ? void 0 : classes.headerCell,
-        css: [tableTheme.defaultClasses.headerFill, stickyHeader && tableTheme.defaultClasses.sticky]
+        css: [tableTheme.defaultClasses.headerFill, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader]
       })]
     }),
     children: (itemIds, startIndex) => itemIds.map((itemId, index) => jsxRuntime.jsx(Row, {