@caspeco/casper-ui-library 11.4.0 → 12.0.0

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

@@ -10,40 +10,41 @@ import { Flex as s } from "../flex/flex.js";
 import { MenuItem as c } from "../menu/menu-item.js";
 import { MenuList as l } from "../menu/menu-list.js";
 import { Checkbox as u } from "../checkbox/checkbox.js";
-import { Combobox as d } from "../combobox/combobox.js";
-import { useTableContext as f } from "./table-context.js";
-import { translations as p } from "./translations.js";
-import { memo as m, useCallback as h, useEffect as g, useMemo as _, useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-var x = m(({ initialFilterState: m, onFilterVisibleChange: x, onFilterChange: S }) => {
-	let C = f(), { registerTableFilter: w } = C, T = C.localeString, E = p[T], [D, O] = v(m), k = h((e, t) => {
-		O((n) => {
+import { useComponentTranslations as d } from "../../theme/translations.js";
+import { Combobox as f } from "../combobox/combobox.js";
+import { useTableContext as p } from "./table-context.js";
+import { tableTranslations as m } from "./table.translations.js";
+import { memo as h, useCallback as g, useEffect as _, useMemo as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+var S = h(({ initialFilterState: h, onFilterVisibleChange: S, onFilterChange: C }) => {
+	let { registerTableFilter: w } = p(), T = d(m), [E, D] = y(h), O = g((e, t) => {
+		D((n) => {
 			let r = n.map((n) => n.filterId === e ? {
 				...n,
 				selectedItems: t
 			} : n), i = r.filter((t) => t.isVisible && t.filterId !== e && t.selectedItems && t.selectedItems.length > 0);
 			if (t.length > 0) {
 				let t = r.find((t) => t.filterId === e);
-				t && S?.([...i.map((e) => ({
+				t && C?.([...i.map((e) => ({
 					filterId: e.filterId,
 					selectedItems: e.selectedItems
 				})), {
 					filterId: e,
 					selectedItems: t.selectedItems
 				}]);
-			} else S?.([...i.map((e) => ({
+			} else C?.([...i.map((e) => ({
 				filterId: e.filterId,
 				selectedItems: e.selectedItems
 			}))]);
 			return r;
 		});
-	}, [S, O]), A = h((e, t) => {
-		O((n) => n.map((n) => n.filterId === e ? {
+	}, [C, D]), k = g((e, t) => {
+		D((n) => n.map((n) => n.filterId === e ? {
 			...n,
 			items: t
 		} : n));
-	}, []), j = h((e, t) => {
-		O((n) => {
+	}, []), A = g((e, t) => {
+		D((n) => {
 			let r = n.map((n) => n.filterId === e ? {
 				...n,
 				isVisible: t
@@ -51,7 +52,7 @@ var x = m(({ initialFilterState: m, onFilterVisibleChange: x, onFilterChange: S
 			if (t) {
 				if (i?.selectedItems && i.selectedItems.length > 0) {
 					let t = r.filter((t) => t.isVisible && t.filterId !== e && t.selectedItems && t.selectedItems.length > 0);
-					S?.([...t.map((e) => ({
+					C?.([...t.map((e) => ({
 						filterId: e.filterId,
 						selectedItems: e.selectedItems
 					})), {
@@ -59,112 +60,111 @@ var x = m(({ initialFilterState: m, onFilterVisibleChange: x, onFilterChange: S
 						selectedItems: i.selectedItems
 					}]);
 				}
-			} else S?.(r.filter((t) => t.isVisible && t.filterId !== e && t.selectedItems && t.selectedItems.length > 0).map((e) => ({
+			} else C?.(r.filter((t) => t.isVisible && t.filterId !== e && t.selectedItems && t.selectedItems.length > 0).map((e) => ({
 				filterId: e.filterId,
 				selectedItems: e.selectedItems
 			})));
 			return r;
 		});
-		let n = D.find((t) => t.filterId === e);
-		n && x?.({
+		let n = E.find((t) => t.filterId === e);
+		n && S?.({
 			filterId: e,
 			isVisible: t,
 			items: n.items
 		}, (t) => {
-			A(e, t);
+			k(e, t);
 		});
 	}, [
-		D,
+		E,
+		C,
 		S,
-		x,
-		A
-	]), M = h((e) => {
-		let t = D.find((t) => (t.columnId ?? t.filterId) === e);
-		t && j(t.filterId, !t.isVisible);
-	}, [D, j]);
-	g(() => w({
-		onToggleFilterVisibility: M,
-		canFilterOnColumn: (e) => D.some((t) => (t.columnId ?? t.filterId) === e)
+		k
+	]), j = g((e) => {
+		let t = E.find((t) => (t.columnId ?? t.filterId) === e);
+		t && A(t.filterId, !t.isVisible);
+	}, [E, A]);
+	_(() => w({
+		onToggleFilterVisibility: j,
+		canFilterOnColumn: (e) => E.some((t) => (t.columnId ?? t.filterId) === e)
 	}), [
-		D,
-		M,
+		E,
+		j,
 		w
 	]);
-	let N = h(() => {
-		O((e) => e.map((e) => ({
+	let M = g(() => {
+		D((e) => e.map((e) => ({
 			...e,
 			isVisible: !1,
 			selectedItems: []
-		}))), S?.([]);
-	}, [S, O]), P = _(() => D.some((e) => e.isVisible), [D]), F = h((e) => ({ checked: t }) => {
-		j(e, !!t);
-	}, [j]);
-	return /* @__PURE__ */ b(s, {
+		}))), C?.([]);
+	}, [C, D]), N = v(() => E.some((e) => e.isVisible), [E]), P = g((e) => ({ checked: t }) => {
+		A(e, !!t);
+	}, [A]);
+	return /* @__PURE__ */ x(s, {
 		width: "100%",
 		overflow: "hidden",
-		children: [/* @__PURE__ */ b(s, {
+		children: [/* @__PURE__ */ x(s, {
 			shrink: 1,
 			grow: 0,
 			minWidth: 0,
 			gap: e.Medium,
-			children: [/* @__PURE__ */ y(s, {
+			children: [/* @__PURE__ */ b(s, {
 				maxWidth: "100%",
 				overflowX: "auto",
 				whiteSpace: "nowrap",
 				gap: e.Medium,
-				children: D.filter((e) => e.isVisible).map((e) => /* @__PURE__ */ y(d, {
+				children: E.filter((e) => e.isVisible).map((e) => /* @__PURE__ */ b(f, {
 					collapsed: !0,
 					placeholder: "",
 					id: `${e.filterId}-filter`,
 					maxVisibleItems: 30,
 					label: e.label,
-					locale: T,
 					width: "285px",
 					minWidth: "285px",
 					items: e.items,
 					selectedItems: e.selectedItems,
-					onChange: (t) => k(e.filterId, t),
-					footerContent: /* @__PURE__ */ y(a, {
+					onChange: (t) => O(e.filterId, t),
+					footerContent: /* @__PURE__ */ b(a, {
 						variant: "link",
 						size: "xs",
-						onClick: () => k(e.filterId, []),
-						children: /* @__PURE__ */ y(n, { children: E.filterBoxReset })
+						onClick: () => O(e.filterId, []),
+						children: /* @__PURE__ */ b(n, { children: T.filterBoxReset })
 					})
 				}, e.filterId))
-			}), /* @__PURE__ */ y(s, {
+			}), /* @__PURE__ */ b(s, {
 				shrink: 0,
-				children: /* @__PURE__ */ b(i, {
+				children: /* @__PURE__ */ x(i, {
 					closeOnSelect: !1,
 					offset: [0, 4],
-					children: [/* @__PURE__ */ y(o, {
+					children: [/* @__PURE__ */ b(o, {
 						flexShrink: 0,
 						leftIcon: t,
 						variant: "ghost",
-						children: E.filterText
-					}), /* @__PURE__ */ y(l, {
+						children: T.filterText
+					}), /* @__PURE__ */ b(l, {
 						zIndex: 10,
 						maxHeight: "320px",
 						overflowY: "auto",
-						children: D.map((e) => /* @__PURE__ */ b(c, {
+						children: E.map((e) => /* @__PURE__ */ x(c, {
 							value: e.filterId,
 							itemType: "checkbox",
-							children: [e.label, /* @__PURE__ */ y(u, {
+							children: [e.label, /* @__PURE__ */ b(u, {
 								isChecked: e.isVisible,
-								onCheckedChange: F(e.filterId)
+								onCheckedChange: P(e.filterId)
 							})]
 						}, e.filterId))
 					})]
 				})
 			})]
-		}), P && /* @__PURE__ */ y(r, {
+		}), N && /* @__PURE__ */ b(r, {
 			marginLeft: "auto",
-			children: /* @__PURE__ */ y(a, {
+			children: /* @__PURE__ */ b(a, {
 				variant: "ghost",
-				onClick: N,
-				children: E.filterReset
+				onClick: M,
+				children: T.filterReset
 			})
 		})]
 	});
 });
 //#endregion
-export { x as TableFilter };
+export { S as TableFilter };

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

@@ -1,6 +1,5 @@
 import { Header, HeaderGroup, SortingState } from '@tanstack/react-table';
 import { Ref } from 'react';
-import { Locales } from './translations.js';
 import { TableData, TableRow } from './types.js';
 type TableHeaderDropdownProps<TData extends TableData> = {
     header: Header<TableRow<TData>, unknown>;
@@ -10,7 +9,6 @@ type TableHeaderDropdownProps<TData extends TableData> = {
     headerGroup: HeaderGroup<TableRow<TData>>[];
     sorting: SortingState;
     setSorting: (value: SortingState) => void;
-    localeString: Locales;
     dragRef?: Ref<HTMLButtonElement>;
     portalContainerRef?: React.RefObject<HTMLElement | null>;
 };

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,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"}
+{"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,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInD,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,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;AAkHF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}

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

@@ -13,21 +13,22 @@ 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 { useComponentTranslations as _ } from "../../theme/translations.js";
+import { Switch as v } from "../switch/switch.js";
+import { flexRender as y } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useTableContext as b } from "./table-context.js";
+import { tableTranslations as x } from "./table.translations.js";
+import { memo as S, useCallback as C, useMemo as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Portal as O } from "@chakra-ui/react";
 //#region lib/components/table/table-header-dropdown.tsx
-var O = ({ portalContainerRef: i, dragRef: a, ...o }) => {
-	let { header: l, sorting: u } = o, m = C(() => {
+var k = ({ portalContainerRef: i, dragRef: a, ...o }) => {
+	let { header: l, sorting: u } = o, m = w(() => {
 		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())
+			children: y(l.column.columnDef.header, l.getContext())
 		})] });
 	}, [l, u]);
 	return /* @__PURE__ */ E(f, {
@@ -45,17 +46,17 @@ var O = ({ portalContainerRef: i, dragRef: a, ...o }) => {
 			padding: `0px 0px 0px ${r.Small}`,
 			backgroundColor: n ? e.BackgroundDisabled : "unset",
 			w: "100%",
-			children: v(m, l.getContext())
-		}), /* @__PURE__ */ E(w, {
+			children: y(m, l.getContext())
+		}), /* @__PURE__ */ E(O, {
 			container: i,
 			children: /* @__PURE__ */ E(g, {
 				fontSize: t.Medium,
-				children: /* @__PURE__ */ E(k, { ...o })
+				children: /* @__PURE__ */ E(A, { ...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 }) => {
+}, A = ({ header: e, breakingContentState: t, onBreakingContentChange: n, setBreakingContentState: r, headerGroup: d, sorting: f, setSorting: p }) => {
+	let g = _(x), { getTableFilterMethods: y } = b(), S = C(({ checked: i }) => {
 		let a = {
 			...t,
 			[e.column.id]: i
@@ -66,7 +67,7 @@ var O = ({ portalContainerRef: i, dragRef: a, ...o }) => {
 		e.column.id,
 		n,
 		r
-	]), O = S((e) => {
+	]), O = C((e) => {
 		let t = e.getIndex();
 		d.forEach((n) => {
 			n.headers.forEach((n, r) => {
@@ -74,7 +75,7 @@ var O = ({ portalContainerRef: i, dragRef: a, ...o }) => {
 				e.getIsPinned() ? r >= t && i.pin(!1) : r <= t && i.pin("left");
 			});
 		});
-	}, [d]), k = C(() => x()?.canFilterOnColumn(e.column.id) ?? !1, [e.column.id, x]);
+	}, [d]), k = w(() => y()?.canFilterOnColumn(e.column.id) ?? !1, [e.column.id, y]);
 	return /* @__PURE__ */ D(T, { children: [
 		e.column.getCanSort() && /* @__PURE__ */ D(T, { children: [
 			/* @__PURE__ */ E(h, {
@@ -84,7 +85,7 @@ var O = ({ portalContainerRef: i, dragRef: a, ...o }) => {
 				}]),
 				leftIcon: s,
 				value: "sort-asc",
-				children: /* @__PURE__ */ E(u, { children: v.sortUp })
+				children: /* @__PURE__ */ E(u, { children: g.sortUp })
 			}),
 			/* @__PURE__ */ E(h, {
 				onClick: () => p([{
@@ -93,47 +94,47 @@ var O = ({ portalContainerRef: i, dragRef: a, ...o }) => {
 				}]),
 				leftIcon: c,
 				value: "sort-desc",
-				children: /* @__PURE__ */ E(u, { children: v.sortDown })
+				children: /* @__PURE__ */ E(u, { children: g.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 })
+				children: /* @__PURE__ */ E(u, { children: g.clearSorting })
 			})
 		] }),
 		k && /* @__PURE__ */ E(h, {
 			onClick: () => {
-				let t = x();
+				let t = y();
 				t?.onToggleFilterVisibility && t.onToggleFilterVisibility(e.column.id);
 			},
 			leftIcon: a,
 			value: "filter",
-			children: /* @__PURE__ */ E(u, { children: v.filter })
+			children: /* @__PURE__ */ E(u, { children: g.filter })
 		}),
 		(e.column.getCanSort() || k) && /* @__PURE__ */ E(m, {}),
 		e.column.getCanHide() && /* @__PURE__ */ E(h, {
 			onClick: e.column.getToggleVisibilityHandler(),
 			leftIcon: o,
 			value: "hide",
-			children: /* @__PURE__ */ E(u, { children: v.hideColumn })
+			children: /* @__PURE__ */ E(u, { children: g.hideColumn })
 		}),
 		/* @__PURE__ */ E(h, {
 			onClick: () => O(e.column),
 			leftIcon: l,
 			value: "pin",
-			children: /* @__PURE__ */ E(u, { children: e.column.getIsPinned() ? v.stopPinningColumn : v.pinUpToColumn })
+			children: /* @__PURE__ */ E(u, { children: e.column.getIsPinned() ? g.stopPinningColumn : g.pinUpToColumn })
 		}),
 		/* @__PURE__ */ E(m, {}),
 		/* @__PURE__ */ D(h, {
 			itemType: "switch",
 			value: "breaking-content",
-			children: [v.breakingContent, /* @__PURE__ */ E(_, {
-				onCheckedChange: w,
+			children: [g.breakingContent, /* @__PURE__ */ E(v, {
+				onCheckedChange: S,
 				isChecked: t[e.column.id]
 			})]
 		})
 	] });
-}, A = x(O);
+}, j = S(k);
 //#endregion
-export { A as TableHeaderDropdown };
+export { j as TableHeaderDropdown };

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;AAQ/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;AAMF,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,gCAwD3F,CAAC;AAoQF,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;AAIpE,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;AAMF,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,gCAwD3F,CAAC;AA4PF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}

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

@@ -10,27 +10,28 @@ import { IconButton as u } from "../icon-button/icon-button.js";
 import { MenuItem as d } from "../menu/menu-item.js";
 import { MenuList as f } from "../menu/menu-list.js";
 import { Checkbox as p } from "../checkbox/checkbox.js";
-import { Divider as m } from "../divider/divider.js";
-import { flexRender as h } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { COLUMN_SORTABLE_TYPE as g } from "./table.constants.js";
-import { getColumnWidth as _, getPinnedLeft as v } from "./helper.js";
-import { useTableContext as y } from "./table-context.js";
-import { interpolate as b, translations as x } from "./translations.js";
+import { useComponentTranslations as m } from "../../theme/translations.js";
+import { Divider as h } from "../divider/divider.js";
+import { flexRender as g } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { COLUMN_SORTABLE_TYPE as _ } from "./table.constants.js";
+import { getColumnWidth as v, getPinnedLeft as y } from "./helper.js";
+import { useTableContext as b } from "./table-context.js";
+import { tableTranslations as x } from "./table.translations.js";
 import { closestCenter as S } from "../../node_modules/@dnd-kit/collision/dist/index.js";
 import { SortableKeyboardPlugin as C } from "../../node_modules/@dnd-kit/dom/sortable.js";
 import { useSortable as w } from "../../node_modules/@dnd-kit/react/sortable.js";
 import { ColumnResizeHandle as T } from "./table-column-resize-handle.js";
 import { TableHeaderDropdown as E } from "./table-header-dropdown.js";
 import { memo as D, useCallback as O, useMemo as k } from "react";
-import { Box as A, Portal as j, Table as M, useMediaQuery as N } from "@chakra-ui/react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Box as N, Portal as P, Table as F, useMediaQuery as I } from "@chakra-ui/react";
 //#region lib/components/table/table-header-row.tsx
 function L(e, t) {
 	return (e ? 24 : 0) + (t ? 24 : 0);
 }
 var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r }) => {
-	let i = y(), a = !!i.getRowActions, o = L(a, i.rowReorderMode !== "off"), s = (i.selectedRowIds?.length ?? 0) > 0 && (i.selectionActions?.length ?? 0) > 0, c = +!!i.enableColumnResizing;
-	return /* @__PURE__ */ F(P, { children: /* @__PURE__ */ F(M.Row, { children: s ? /* @__PURE__ */ F(M.ColumnHeader, {
+	let i = b(), a = !!i.getRowActions, o = L(a, i.rowReorderMode !== "off"), s = (i.selectedRowIds?.length ?? 0) > 0 && (i.selectionActions?.length ?? 0) > 0, c = +!!i.enableColumnResizing;
+	return /* @__PURE__ */ j(A, { children: /* @__PURE__ */ j(F.Row, { children: s ? /* @__PURE__ */ j(F.ColumnHeader, {
 		colSpan: t.headers.length + c,
 		cursor: "default",
 		css: {
@@ -41,11 +42,11 @@ var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 		},
 		scope: "col",
 		zIndex: 1,
-		children: /* @__PURE__ */ F(V, {
+		children: /* @__PURE__ */ j(V, {
 			showSelectAll: !0,
-			children: /* @__PURE__ */ F(U, {})
+			children: /* @__PURE__ */ j(U, {})
 		})
-	}) : /* @__PURE__ */ I(P, { children: [t.headers.map((e, t) => /* @__PURE__ */ F(z, {
+	}) : /* @__PURE__ */ M(A, { children: [t.headers.map((e, t) => /* @__PURE__ */ j(z, {
 		header: e,
 		hideTableHeaderDropdown: n,
 		applyActionMenuPadding: a,
@@ -53,32 +54,32 @@ var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 		isFirstColumn: !e.isPlaceholder && t === 0,
 		leadingSlotsWidth: o,
 		enableColumnReorder: i.enableColumnReorder
-	}, e.id)), i.enableColumnResizing && /* @__PURE__ */ F(B, {})] }) }, t.id) });
+	}, e.id)), i.enableColumnResizing && /* @__PURE__ */ j(B, {})] }) }, t.id) });
 }, z = ({ header: t, hideTableHeaderDropdown: n, portalContainerRef: i, isFirstColumn: a = !1, leadingSlotsWidth: o = 0, enableColumnReorder: s = !1 }) => {
-	let c = y(), { column: l } = t, u = c.enableColumnResizing, d = u && l.getCanResize(), f = s && !l.columnDef.meta?.disableColumnReorder, { ref: p, isDragging: m, isDropTarget: b } = w({
+	let c = b(), { column: l } = t, u = c.enableColumnResizing, d = u && l.getCanResize(), f = s && !l.columnDef.meta?.disableColumnReorder, { ref: p, isDragging: m, isDropTarget: h } = w({
 		id: l.id,
 		index: l.getIndex(),
-		type: g,
-		accept: g,
-		group: g,
+		type: _,
+		accept: _,
+		group: _,
 		disabled: !f,
 		collisionDetector: S,
 		plugins: [C]
 	});
-	return /* @__PURE__ */ I(M.ColumnHeader, {
+	return /* @__PURE__ */ M(F.ColumnHeader, {
 		className: "tableHeaderCell",
 		textAlign: l.columnDef.meta?.isNumeric ? "end" : "start",
 		zIndex: l.getIsPinned() ? 2 : 1,
 		cursor: s ? m ? "grabbing" : "pointer" : void 0,
 		opacity: m ? .5 : 1,
-		backgroundColor: b || m ? e.Background : void 0,
+		backgroundColor: h || m ? e.Background : void 0,
 		scope: "col",
 		style: {
 			...((t) => {
-				let n = t.getIsPinned(), r = _(t, u);
+				let n = t.getIsPinned(), r = v(t, u);
 				return {
 					position: n ? "sticky" : "relative",
-					left: n ? v(t, u) : void 0,
+					left: n ? y(t, u) : void 0,
 					backgroundColor: n ? e.Background : void 0,
 					zIndex: +!!n,
 					width: r,
@@ -92,16 +93,15 @@ var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 				WebkitUserSelect: "none"
 			} : {}
 		},
-		children: [/* @__PURE__ */ F(V, {
+		children: [/* @__PURE__ */ j(V, {
 			showSelectAll: c.canSelectRows && a,
-			children: /* @__PURE__ */ F(P, { children: n ? /* @__PURE__ */ F(A, {
+			children: /* @__PURE__ */ j(A, { children: n ? /* @__PURE__ */ j(N, {
 				paddingLeft: r.Small,
-				children: h(t.column.columnDef.header, t.getContext())
-			}) : /* @__PURE__ */ F(E, {
+				children: g(t.column.columnDef.header, t.getContext())
+			}) : /* @__PURE__ */ j(E, {
 				header: t,
 				breakingContentState: c.breakingContentState,
 				headerGroup: c.table.getHeaderGroups(),
-				localeString: c.localeString,
 				setBreakingContentState: c.setBreakingContentState,
 				setSorting: c.setSorting,
 				sorting: c.sorting,
@@ -109,22 +109,22 @@ var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 				portalContainerRef: i,
 				dragRef: f ? p : void 0
 			}) })
-		}), d && /* @__PURE__ */ F(T, { header: t })]
+		}), d && /* @__PURE__ */ j(T, { header: t })]
 	});
-}, B = () => /* @__PURE__ */ F(M.ColumnHeader, {
+}, B = () => /* @__PURE__ */ j(F.ColumnHeader, {
 	"aria-hidden": !0,
 	scope: "col",
 	style: { borderBottom: `1px solid ${e.OnBackgroundBorder}` }
-}), V = ({ showSelectAll: e, children: t }) => e ? /* @__PURE__ */ I(l, {
+}), V = ({ showSelectAll: e, children: t }) => e ? /* @__PURE__ */ M(l, {
 	w: "100%",
 	align: "center",
-	children: [/* @__PURE__ */ F(A, {
+	children: [/* @__PURE__ */ j(N, {
 		justifyContent: "center",
 		alignItems: "center",
-		children: /* @__PURE__ */ F(H, {})
+		children: /* @__PURE__ */ j(H, {})
 	}), t]
-}) : /* @__PURE__ */ F(P, { children: t }), H = () => {
-	let e = y(), t = O(({ checked: t }) => {
+}) : /* @__PURE__ */ j(A, { children: t }), H = () => {
+	let e = b(), t = O(({ checked: t }) => {
 		let n = typeof t == "boolean" && t, r = e.getSelectableRowIds();
 		n ? e.setSelectedRowIds((e) => [.../* @__PURE__ */ new Set([...e, ...r])]) : e.setSelectedRowIds((e) => e.filter((e) => !r.includes(e)));
 	}, [e]), { allIsSelected: n, shouldShowIndeterminateState: r } = k(() => {
@@ -134,22 +134,19 @@ var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 			shouldShowIndeterminateState: t.some((e) => n.has(e.id)) && !i
 		};
 	}, [e]);
-	return /* @__PURE__ */ F(p, {
+	return /* @__PURE__ */ j(p, {
 		isChecked: n,
 		isIndeterminate: r,
 		onCheckedChange: t
 	});
 }, U = () => {
-	let { localeString: i, selectedRowIds: s = [], selectionActions: u = [], totalDataCount: d } = y(), p = x[i], [h] = N(["(min-width: 48em)"]), g = u.length > 3 || !h, _ = s.length, v = d ? b(p.selectedWithTotal, {
-		count: _,
-		total: d
-	}) : s.length === 1 ? b(p.selectedSingular, { count: 1 }) : b(p.selected, { count: _ });
-	return /* @__PURE__ */ I(l, {
+	let { selectedRowIds: i = [], selectionActions: s = [], totalDataCount: u } = b(), d = m(x), [p] = I(["(min-width: 48em)"]), g = s.length > 3 || !p, _ = i.length, v = u ? d.selectedWithTotal(_, u) : i.length === 1 ? d.selectedSingular(1) : d.selected(_);
+	return /* @__PURE__ */ M(l, {
 		gap: r.Medium,
 		align: "center",
 		alignContent: "center",
 		children: [
-			/* @__PURE__ */ F(A, {
+			/* @__PURE__ */ j(N, {
 				pl: r.Small,
 				color: e.OnBackground,
 				fontFamily: n.Body,
@@ -158,22 +155,22 @@ var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 				css: { fontVariantNumeric: "normal" },
 				children: v
 			}),
-			/* @__PURE__ */ F(A, { children: /* @__PURE__ */ F(m, {
+			/* @__PURE__ */ j(N, { children: /* @__PURE__ */ j(h, {
 				orientation: "vertical",
 				height: "20px"
 			}) }),
-			/* @__PURE__ */ F(l, {
+			/* @__PURE__ */ j(l, {
 				gap: r.Small,
 				align: "center",
-				children: g ? /* @__PURE__ */ I(o, { children: [/* @__PURE__ */ F(c, {
+				children: g ? /* @__PURE__ */ M(o, { children: [/* @__PURE__ */ j(c, {
 					variant: "ghost",
 					rightIcon: a,
 					size: "sm",
-					children: p.action
-				}), /* @__PURE__ */ F(j, { children: /* @__PURE__ */ F(f, { children: u.map((e) => /* @__PURE__ */ F(W, {
+					children: d.action
+				}), /* @__PURE__ */ j(P, { children: /* @__PURE__ */ j(f, { children: s.map((e) => /* @__PURE__ */ j(W, {
 					isMenuItem: !0,
 					action: e
-				}, e.name)) }) })] }) : u.map((e) => /* @__PURE__ */ F(W, {
+				}, e.name)) }) })] }) : s.map((e) => /* @__PURE__ */ j(W, {
 					isMenuItem: !1,
 					action: e
 				}, e.name))
@@ -181,25 +178,25 @@ var R = ({ headerGroup: t, hideTableHeaderDropdown: n, portalContainerRef: r })
 		]
 	});
 }, W = ({ isMenuItem: t, action: n }) => {
-	let { selectedRowIds: r, localeString: a } = y(), o = x[a], c = O(() => {
+	let { selectedRowIds: r } = b(), a = m(x), o = O(() => {
 		n.onClick(r || []);
 	}, [n, r]);
-	return t ? /* @__PURE__ */ F(d, {
-		onClick: c,
+	return t ? /* @__PURE__ */ j(d, {
+		onClick: o,
 		value: n.name,
-		children: n.variant === "delete" ? /* @__PURE__ */ F(A, {
+		children: n.variant === "delete" ? /* @__PURE__ */ j(N, {
 			as: "span",
 			color: e.Error,
 			children: n.name
 		}) : n.name
-	}) : n.variant === "delete" ? /* @__PURE__ */ F(u, {
-		onClick: c,
+	}) : n.variant === "delete" ? /* @__PURE__ */ j(u, {
+		onClick: o,
 		icon: i,
-		"aria-label": o.deleteSelectedRows,
+		"aria-label": a.deleteSelectedRows,
 		size: "sm",
 		variant: "ghost"
-	}) : /* @__PURE__ */ F(s, {
-		onClick: c,
+	}) : /* @__PURE__ */ j(s, {
+		onClick: o,
 		size: "sm",
 		variant: "ghost",
 		children: n.name

package/dist/components/table/table-row-drag-handle.d.ts

@@ -1,6 +1,4 @@
-import { Locales } from './translations.js';
-export declare const TableRowDragHandle: import('react').MemoExoticComponent<({ localeString, handleRef, }: {
-    localeString: Locales;
+export declare const TableRowDragHandle: import('react').MemoExoticComponent<({ handleRef }: {
     handleRef?: (element: Element | null) => void;
 }) => import('react').JSX.Element>;
 //# sourceMappingURL=table-row-drag-handle.d.ts.map

package/dist/components/table/table-row-drag-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row-drag-handle.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-drag-handle.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AA0F5D,eAAO,MAAM,kBAAkB,qEA9E5B;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C,iCA2EkE,CAAC"}
+{"version":3,"file":"table-row-drag-handle.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-drag-handle.tsx"],"names":[],"mappings":"AA+FA,eAAO,MAAM,kBAAkB,sDA3EqB;IAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAAE,iCA2ElC,CAAC"}