@caspeco/casper-ui-library 10.7.2 → 10.8.0

package/README.md

@@ -28,6 +28,7 @@ All commands are run from the root of the project, from a terminal.
 | `npm run lint` | Run linting with [@caspeco/eslint-config](https://github.com/Caspeco/eslint-config). If you use the recommended [ESLint VSCode extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) you can see your eslint errors directly in your editor without having to run this. |
 | `npm run prettier:fix` | Reformat all files with [@caspeco/prettier-config](https://github.com/Caspeco/prettier-config). If you use the recommended [Prettier VSCode extension](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) you can have your files automatically formatted on file save. |
 | `npm run chakra:types` | Generate Chakra UI type definitions for the theme. You run this if you modify component variants and want to get rid of TS errors, for example. Happens automatically on `npm install`. |
+| `npm run test:all` | Run every check the CI lint job runs, in sequence: `prettier`, `lint`, `tsc`, `knip` and `test`. Stops at the first failure. Requires Playwright browsers (`npm exec -- playwright install chromium`) for the unit tests. |
 
 ### Preview locally in another project
 

package/dist/components/rich-text-editor/boolean-control.js

@@ -1,5 +1,5 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { useEditorState as t } from "../../node_modules/@tiptap/react/dist/index.js";
+import { useEditorState as t } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { useRichTextEditorContext as n } from "./rich-text-editor-context.js";
 import { Tooltip as r } from "../tooltip/tooltip.js";
 import { ToggleButton as i } from "../toggle-button/toggle-button.js";

package/dist/components/rich-text-editor/rich-text-editor-control.js

@@ -10,7 +10,7 @@ import { MenuList as te } from "../menu/menu-list.js";
 import { FormControl as l } from "../form-control/form-control.js";
 import { FormLabel as u } from "../form-control/form-label.js";
 import { Input as d } from "../input/input.js";
-import { useEditorState as f } from "../../node_modules/@tiptap/react/dist/index.js";
+import { useEditorState as f } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { useRichTextEditorContext as p } from "./rich-text-editor-context.js";
 import { Tooltip as ne } from "../tooltip/tooltip.js";
 import { find as m } from "../../node_modules/linkifyjs/dist/linkify.js";

package/dist/components/rich-text-editor/rich-text-editor.js

@@ -1,6 +1,6 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import { ThemeColorVariable as t, ThemeSpaceVariable as n } from "../../theme/theme-types.js";
-import { EditorContent as r } from "../../node_modules/@tiptap/react/dist/index.js";
+import { EditorContent as r } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { RichTextEditorContext as i, useRichTextEditorContext as a } from "./rich-text-editor-context.js";
 import { proseMirrorContainerCss as o, proseMirrorContentCss as s, toolbarCss as c } from "./rich-text-editor-recipe.js";
 import "react";

package/dist/components/rich-text-editor/use-rich-text-editor.js

@@ -1,5 +1,5 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { useEditor as t } from "../../node_modules/@tiptap/react/dist/index.js";
+import { useEditor as t } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { richTextExtensions as n } from "./extensions.js";
 //#region lib/components/rich-text-editor/use-rich-text-editor.ts
 var r = e();

package/dist/components/table/table-header-dropdown.d.ts

@@ -1,4 +1,4 @@
-import { Header, HeaderGroup, SortingState, VisibilityState } from '@tanstack/react-table';
+import { Header, HeaderGroup, SortingState } from '@tanstack/react-table';
 import { Ref } from 'react';
 import { Locales } from './translations.js';
 import { TableData, TableRow } from './types.js';
@@ -10,13 +10,11 @@ type TableHeaderDropdownProps<TData extends TableData> = {
     headerGroup: HeaderGroup<TableRow<TData>>[];
     sorting: SortingState;
     setSorting: (value: SortingState) => void;
-    columnVisibility: VisibilityState;
     localeString: Locales;
     dragRef?: Ref<HTMLButtonElement>;
-};
-declare const TableHeaderDropdownComponent: <TData extends TableData>({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, localeString, portalContainerRef, dragRef, }: TableHeaderDropdownProps<TData> & {
     portalContainerRef?: React.RefObject<HTMLElement | null>;
-}) => import("react").JSX.Element;
+};
+declare const TableHeaderDropdownComponent: <TData extends TableData>({ portalContainerRef, dragRef, ...contentProps }: TableHeaderDropdownProps<TData>) => import("react").JSX.Element;
 export declare const TableHeaderDropdown: typeof TableHeaderDropdownComponent;
 export {};
 //# sourceMappingURL=table-header-dropdown.d.ts.map

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,kKAW5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,gCAsJhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACzD,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,kDAI5D,wBAAwB,CAAC,KAAK,CAAC,gCAkDjC,CAAC;AAmHF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}

package/dist/components/table/table-header-dropdown.js

@@ -1,131 +1,139 @@
 "use no memo";
 import { ThemeColorVariable as e, ThemeFontSizeVariable as t, ThemeIconSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
-import { FilterIcon as i } from "../icon/icons/filter-icon.js";
-import { HideIcon as a } from "../icon/icons/hide-icon.js";
-import { SortAscIcon as o } from "../icon/icons/sort-asc-icon.js";
-import { SortDescIcon as s } from "../icon/icons/sort-desc-icon.js";
-import { ThumbtackIcon as c } from "../icon/icons/thumbtack-icon.js";
-import { Text as l } from "../text/text.js";
-import { Box as u } from "../box/box.js";
-import { Menu as d } from "../menu/menu.js";
-import { MenuBoxButton as f } from "../menu/menu-box-button.js";
-import { MenuDivider as p } from "../menu/menu-divider.js";
-import { MenuItem as m } from "../menu/menu-item.js";
-import { MenuList as h } from "../menu/menu-list.js";
-import { Switch as g } from "../switch/switch.js";
-import { flexRender as _ } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useTableContext as v } from "./table-context.js";
-import { translations as y } from "./translations.js";
-import { memo as b, useCallback as x, useMemo as S } from "react";
-import { Portal as C } from "@chakra-ui/react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-var D = b(({ header: b, breakingContentState: D, onBreakingContentChange: O, setBreakingContentState: k, headerGroup: A, sorting: j, setSorting: M, localeString: N, portalContainerRef: P, dragRef: F }) => {
-	let I = y[N], { getTableFilterMethods: L } = v(), R = x(({ checked: e }) => {
-		let t = {
-			...D,
-			[b.column.id]: e
+import { CloseIcon as i } from "../icon/icons/close-icon.js";
+import { FilterIcon as a } from "../icon/icons/filter-icon.js";
+import { HideIcon as o } from "../icon/icons/hide-icon.js";
+import { SortAscIcon as s } from "../icon/icons/sort-asc-icon.js";
+import { SortDescIcon as c } from "../icon/icons/sort-desc-icon.js";
+import { ThumbtackIcon as l } from "../icon/icons/thumbtack-icon.js";
+import { Text as u } from "../text/text.js";
+import { Box as d } from "../box/box.js";
+import { Menu as f } from "../menu/menu.js";
+import { MenuBoxButton as p } from "../menu/menu-box-button.js";
+import { MenuDivider as m } from "../menu/menu-divider.js";
+import { MenuItem as h } from "../menu/menu-item.js";
+import { MenuList as g } from "../menu/menu-list.js";
+import { Switch as _ } from "../switch/switch.js";
+import { flexRender as v } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useTableContext as y } from "./table-context.js";
+import { translations as b } from "./translations.js";
+import { memo as x, useCallback as S, useMemo as C } from "react";
+import { Portal as w } from "@chakra-ui/react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region lib/components/table/table-header-dropdown.tsx
+var O = ({ portalContainerRef: i, dragRef: a, ...o }) => {
+	let { header: l, sorting: u } = o, m = C(() => {
+		let e = u.find((e) => e.id === l.column.id);
+		return /* @__PURE__ */ D(T, { children: [e && (e.desc ? /* @__PURE__ */ E(c, { size: n.XSmall }) : /* @__PURE__ */ E(s, { size: n.XSmall })), /* @__PURE__ */ E(d, {
+			minW: 0,
+			overflowWrap: "break-word",
+			children: v(l.column.columnDef.header, l.getContext())
+		})] });
+	}, [l, u]);
+	return /* @__PURE__ */ E(f, {
+		isLazy: !0,
+		children: ({ isOpen: n }) => /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(p, {
+			ref: a,
+			color: e.OnBackgroundSubdued,
+			textTransform: "none",
+			fontSize: t.Small,
+			h: "40px",
+			display: "flex",
+			textAlign: "inherit",
+			alignItems: "center",
+			lineHeight: "1.2",
+			padding: `0px 0px 0px ${r.Small}`,
+			backgroundColor: n ? e.BackgroundDisabled : "unset",
+			w: "100%",
+			children: v(m, l.getContext())
+		}), /* @__PURE__ */ E(w, {
+			container: i,
+			children: /* @__PURE__ */ E(g, {
+				fontSize: t.Medium,
+				children: /* @__PURE__ */ E(k, { ...o })
+			})
+		})] })
+	});
+}, k = ({ header: e, breakingContentState: t, onBreakingContentChange: n, setBreakingContentState: r, headerGroup: d, sorting: f, setSorting: p, localeString: g }) => {
+	let v = b[g], { getTableFilterMethods: x } = y(), w = S(({ checked: i }) => {
+		let a = {
+			...t,
+			[e.column.id]: i
 		};
-		k(t), O?.(t);
+		r(a), n?.(a);
 	}, [
-		D,
-		b.column.id,
-		O,
-		k
-	]), z = x((e) => {
+		t,
+		e.column.id,
+		n,
+		r
+	]), O = S((e) => {
 		let t = e.getIndex();
-		A.forEach((n) => {
+		d.forEach((n) => {
 			n.headers.forEach((n, r) => {
 				let { column: i } = n;
 				e.getIsPinned() ? r >= t && i.pin(!1) : r <= t && i.pin("left");
 			});
 		});
-	}, [A]), B = S(() => /* @__PURE__ */ E(w, { children: [j.find((e) => e.id === b.column.id) && (j.find((e) => e.desc) ? /* @__PURE__ */ T(s, { size: n.XSmall }) : /* @__PURE__ */ T(o, { size: n.XSmall })), /* @__PURE__ */ T(u, {
-		minW: 0,
-		overflowWrap: "break-word",
-		children: _(b.column.columnDef.header, b.getContext())
-	})] }), [b, j]), V = S(() => L()?.canFilterOnColumn(b.column.id) ?? !1, [b.column.id, L]), H = S(() => /* @__PURE__ */ E(w, { children: [
-		b.column.getCanSort() && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(m, {
-			onClick: () => M([{
-				desc: !1,
-				id: b.column.id
-			}]),
-			leftIcon: o,
-			value: "sort-asc",
-			children: /* @__PURE__ */ T(l, { children: I.sortUp })
-		}), /* @__PURE__ */ T(m, {
-			onClick: () => M([{
-				desc: !0,
-				id: b.column.id
-			}]),
-			leftIcon: s,
-			value: "sort-desc",
-			children: /* @__PURE__ */ T(l, { children: I.sortDown })
-		})] }),
-		V && /* @__PURE__ */ T(m, {
+	}, [d]), k = C(() => x()?.canFilterOnColumn(e.column.id) ?? !1, [e.column.id, x]);
+	return /* @__PURE__ */ D(T, { children: [
+		e.column.getCanSort() && /* @__PURE__ */ D(T, { children: [
+			/* @__PURE__ */ E(h, {
+				onClick: () => p([{
+					desc: !1,
+					id: e.column.id
+				}]),
+				leftIcon: s,
+				value: "sort-asc",
+				children: /* @__PURE__ */ E(u, { children: v.sortUp })
+			}),
+			/* @__PURE__ */ E(h, {
+				onClick: () => p([{
+					desc: !0,
+					id: e.column.id
+				}]),
+				leftIcon: c,
+				value: "sort-desc",
+				children: /* @__PURE__ */ E(u, { children: v.sortDown })
+			}),
+			f.some((t) => t.id === e.column.id) && /* @__PURE__ */ E(h, {
+				onClick: () => p(f.filter((t) => t.id !== e.column.id)),
+				leftIcon: i,
+				value: "clear-sorting",
+				children: /* @__PURE__ */ E(u, { children: v.clearSorting })
+			})
+		] }),
+		k && /* @__PURE__ */ E(h, {
 			onClick: () => {
-				let e = L();
-				e?.onToggleFilterVisibility && e.onToggleFilterVisibility(b.column.id);
+				let t = x();
+				t?.onToggleFilterVisibility && t.onToggleFilterVisibility(e.column.id);
 			},
-			leftIcon: i,
+			leftIcon: a,
 			value: "filter",
-			children: /* @__PURE__ */ T(l, { children: I.filter })
+			children: /* @__PURE__ */ E(u, { children: v.filter })
 		}),
-		(b.column.getCanSort() || V) && /* @__PURE__ */ T(p, {}),
-		b.column.getCanHide() && /* @__PURE__ */ T(m, {
-			onClick: b.column.getToggleVisibilityHandler(),
-			leftIcon: a,
+		(e.column.getCanSort() || k) && /* @__PURE__ */ E(m, {}),
+		e.column.getCanHide() && /* @__PURE__ */ E(h, {
+			onClick: e.column.getToggleVisibilityHandler(),
+			leftIcon: o,
 			value: "hide",
-			children: /* @__PURE__ */ T(l, { children: I.hideColumn })
+			children: /* @__PURE__ */ E(u, { children: v.hideColumn })
 		}),
-		/* @__PURE__ */ T(m, {
-			onClick: () => z(b.column),
-			leftIcon: c,
+		/* @__PURE__ */ E(h, {
+			onClick: () => O(e.column),
+			leftIcon: l,
 			value: "pin",
-			children: /* @__PURE__ */ T(l, { children: b.column.getIsPinned() ? I.stopPinningColumn : I.pinUpToColumn })
+			children: /* @__PURE__ */ E(u, { children: e.column.getIsPinned() ? v.stopPinningColumn : v.pinUpToColumn })
 		}),
-		/* @__PURE__ */ T(p, {}),
-		/* @__PURE__ */ E(m, {
+		/* @__PURE__ */ E(m, {}),
+		/* @__PURE__ */ D(h, {
 			itemType: "switch",
 			value: "breaking-content",
-			children: [I.breakingContent, /* @__PURE__ */ T(g, {
-				onCheckedChange: R,
-				isChecked: D[b.column.id]
+			children: [v.breakingContent, /* @__PURE__ */ E(_, {
+				onCheckedChange: w,
+				isChecked: t[e.column.id]
 			})]
 		})
-	] }), [
-		D,
-		V,
-		L,
-		z,
-		b.column,
-		R,
-		M,
-		I
-	]);
-	return /* @__PURE__ */ T(d, {
-		isLazy: !0,
-		children: ({ isOpen: n }) => /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(f, {
-			ref: F,
-			color: e.OnBackgroundSubdued,
-			textTransform: "none",
-			fontSize: t.Small,
-			h: "40px",
-			display: "flex",
-			textAlign: "inherit",
-			alignItems: "center",
-			lineHeight: "1.2",
-			padding: `0px 0px 0px ${r.Small}`,
-			backgroundColor: n ? e.BackgroundDisabled : "unset",
-			w: "100%",
-			children: _(B, b.getContext())
-		}), /* @__PURE__ */ T(C, {
-			container: P,
-			children: /* @__PURE__ */ T(h, {
-				fontSize: t.Medium,
-				children: H
-			})
-		})] })
-	});
-});
+	] });
+}, A = x(O);
 //#endregion
-export { D as TableHeaderDropdown };
+export { A as TableHeaderDropdown };

package/dist/components/table/table-header-dropdown.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=table-header-dropdown.spec.d.ts.map

package/dist/components/table/table-header-dropdown.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-dropdown.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.spec.tsx"],"names":[],"mappings":""}

package/dist/components/table/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAO/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,gCAmD3F,CAAC;AAiQF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAO/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,gCAmD3F,CAAC;AAgQF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}

package/dist/components/table/table-header-row.js

@@ -92,7 +92,6 @@ var I = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 			}) : /* @__PURE__ */ P(T, {
 				header: t,
 				breakingContentState: c.breakingContentState,
-				columnVisibility: c.columnVisibility,
 				headerGroup: c.table.getHeaderGroups(),
 				localeString: c.localeString,
 				setBreakingContentState: c.setBreakingContentState,

package/dist/components/table/table-recipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-recipe.ts"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,oBAAoB,EAIzB,MAAM,kBAAkB,CAAC;AAiG1B,eAAO,MAAM,WAAW,EAAE,oBAUxB,CAAC"}
+{"version":3,"file":"table-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-recipe.ts"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,oBAAoB,EAIzB,MAAM,kBAAkB,CAAC;AAgG1B,eAAO,MAAM,WAAW,EAAE,oBAUxB,CAAC"}

package/dist/components/table/table-recipe.js

@@ -4,7 +4,6 @@ import { defineSlotRecipe as i, defineStyle as a } from "@chakra-ui/react";
 //#region lib/components/table/table-recipe.ts
 var o = {
 	position: "relative",
-	isolation: "isolate",
 	borderCollapse: "separate",
 	borderSpacing: 0,
 	borderBottom: `1px solid ${t.OnBackgroundBorder}`,

package/dist/components/table/translations.d.ts

@@ -34,6 +34,7 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
     };
     "en-US": {
         sortUp: string;
@@ -66,6 +67,7 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
     };
     "en-GB": {
         sortUp: string;
@@ -98,6 +100,7 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
     };
     "nb-NO": {
         sortUp: string;
@@ -130,6 +133,7 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
     };
     "da-DK": {
         sortUp: string;
@@ -162,6 +166,7 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
     };
     "fr-FR": {
         sortUp: string;
@@ -194,6 +199,7 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
     };
     "nl-BE": {
         sortUp: string;
@@ -226,6 +232,7 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
     };
 };
 //# sourceMappingURL=translations.d.ts.map

package/dist/components/table/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1F,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,UAE1F;AAmCD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKxB,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1F,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,UAE1F;AAoCD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKxB,CAAC"}

package/dist/components/table/translations.js

@@ -32,7 +32,8 @@ var t = {
 	action: "Action",
 	deleteSelectedRows: "Delete selected rows",
 	shownInTable: "Shown in table",
-	hiddenInTable: "Hidden in table"
+	hiddenInTable: "Hidden in table",
+	clearSorting: "Clear sorting"
 }, n = {
 	"sv-SE": {
 		sortUp: "Sortera stigande",
@@ -64,7 +65,8 @@ var t = {
 		action: "Åtgärd",
 		deleteSelectedRows: "Ta bort valda rader",
 		shownInTable: "Visas i tabellen",
-		hiddenInTable: "Dold i tabellen"
+		hiddenInTable: "Dold i tabellen",
+		clearSorting: "Rensa sortering"
 	},
 	"en-US": t,
 	"en-GB": t,
@@ -98,7 +100,8 @@ var t = {
 		action: "Handling",
 		deleteSelectedRows: "Fjern valgte rader",
 		shownInTable: "Vises i tabellen",
-		hiddenInTable: "Dold i tabellen"
+		hiddenInTable: "Dold i tabellen",
+		clearSorting: "Fjern sortering"
 	},
 	"da-DK": {
 		sortUp: "Sorter stigende",
@@ -130,7 +133,8 @@ var t = {
 		action: "Handling",
 		deleteSelectedRows: "Fjern valgte rækker",
 		shownInTable: "Vises i tabellen",
-		hiddenInTable: "Dold i tabellen"
+		hiddenInTable: "Dold i tabellen",
+		clearSorting: "Fjern sortering"
 	},
 	"fr-FR": {
 		sortUp: "Trier par ordre croissant",
@@ -162,7 +166,8 @@ var t = {
 		action: "Action",
 		deleteSelectedRows: "Supprimer les lignes sélectionnées",
 		shownInTable: "Affiché dans le tableau",
-		hiddenInTable: "Masqué dans le tableau"
+		hiddenInTable: "Masqué dans le tableau",
+		clearSorting: "Effacer le tri"
 	},
 	"nl-BE": {
 		sortUp: "Oplopend sorteren",
@@ -194,7 +199,8 @@ var t = {
 		action: "Actie",
 		deleteSelectedRows: "Verwijder geselecteerde rijen",
 		shownInTable: "Getoond in tabel",
-		hiddenInTable: "Verborgen in tabel"
+		hiddenInTable: "Verborgen in tabel",
+		clearSorting: "Sortering wissen"
 	}
 };
 //#endregion