schummar-table 0.10.0 → 0.10.3

package/dist/cjs/index.js

@@ -629,7 +629,7 @@ function ClearFiltersButton() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     css: tableTheme.defaultClasses.clearFiltersButton,
     children: /* @__PURE__ */ jsxRuntime.jsx(Button2, {
-      variant: "text",
+      variant: "outlined",
       onClick: () => {
         table.update((state) => {
           state.activeColumns.forEach((column) => {
@@ -1268,17 +1268,18 @@ function ExpandControl({
       activeItemsById
     } = table.getState();
     const newExpanded = new Set(expanded);
-    if (expandOnlyOne)
+    if (expandOnlyOne) {
       newExpanded.clear();
-    if (isExpanded)
-      newExpanded.delete(itemId);
-    else {
-      newExpanded.add(itemId);
       const item = activeItemsById.get(itemId);
       for (const ancestor of item ? getAncestors(activeItemsById, item) : []) {
         newExpanded.add(ancestor);
       }
     }
+    if (isExpanded) {
+      newExpanded.delete(itemId);
+    } else {
+      newExpanded.add(itemId);
+    }
     onExpandedChange == null ? void 0 : onExpandedChange(newExpanded);
     if (!controlledExpanded) {
       table.update((state) => {
@@ -1700,7 +1701,11 @@ const TableInner = react.memo(function TableInner2({
       }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
         className: classes == null ? void 0 : classes.headerCell,
         css: [tableTheme.defaultClasses.headerCell, stickyHeader && tableTheme.defaultClasses.sticky, stickyHeader instanceof Object && stickyHeader],
-        children: [enableSelection && /* @__PURE__ */ jsxRuntime.jsx(SelectComponent, {}), enableColumnSelection && /* @__PURE__ */ jsxRuntime.jsx(ColumnSelection, {}), enableExport && /* @__PURE__ */ jsxRuntime.jsx(Export$1, {}), /* @__PURE__ */ jsxRuntime.jsx(ResizeHandleView, {})]
+        children: [enableSelection && /* @__PURE__ */ jsxRuntime.jsx(SelectComponent, {}), enableColumnSelection && /* @__PURE__ */ jsxRuntime.jsx(ColumnSelection, {}), enableExport && /* @__PURE__ */ jsxRuntime.jsx(Export$1, {}), /* @__PURE__ */ jsxRuntime.jsx("div", {
+          css: {
+            flex: 1
+          }
+        }), /* @__PURE__ */ jsxRuntime.jsx(ResizeHandleView, {})]
       }), /* @__PURE__ */ jsxRuntime.jsx(ColumnHeaderContext.Provider, {
         children: activeColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(ColumnContext.Provider, {
           value: column.id,
@@ -2735,28 +2740,28 @@ function SelectFilter(_m) {
       css: {
         marginBottom: "var(--spacing)"
       }
-    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    }), /* @__PURE__ */ jsxRuntime.jsx(Button2, {
+      disabled: !(value.size > 0),
+      onClick: () => onChange(/* @__PURE__ */ new Set()),
+      variant: "outlined",
+      css: {
+        justifyContent: "center",
+        width: "100%",
+        marginBottom: "var(--spacing)"
+      },
+      children: deselectAll
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
       css: {
         maxHeight: "20em",
         overflowY: "auto"
       },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Button2, {
-        disabled: value.size === 0,
-        onClick: () => onChange(/* @__PURE__ */ new Set()),
-        variant: "outlined",
-        css: {
-          justifyContent: "center",
-          width: "calc(100% - 5px)",
-          marginRight: "5px"
-        },
-        children: deselectAll
-      }), filtered.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(FormControlLabel, {
+      children: filtered.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(FormControlLabel, {
         control: /* @__PURE__ */ jsxRuntime.jsx(Checkbox2, {
           checked: value.has(option),
           onChange: () => onChange(toggle(value, option, singleSelect))
         }),
         label: render(option)
-      }, index))]
+      }, index))
     }), filtered.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", {
       css: {
         textAlign: "center"