@caspeco/casper-ui-library 11.4.0 → 12.0.0

package/dist/components/table/table-row-drag-handle.js

@@ -1,13 +1,14 @@
 "use no memo";
 import { ThemeColorVariable as e, ThemeIconSizeVariable as t } from "../../theme/theme-types.js";
 import { GripMoreIcon as n } from "../icon/icons/grip-more-icon.js";
-import { useTableContext as r } from "./table-context.js";
-import { translations as i } from "./translations.js";
-import { memo as a, useRef as o } from "react";
-import { Box as s } from "@chakra-ui/react";
+import { useComponentTranslations as r } from "../../theme/translations.js";
+import { useTableContext as i } from "./table-context.js";
+import { tableTranslations as a } from "./table.translations.js";
+import { memo as o, useRef as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
-var l = a(({ localeString: a, handleRef: l }) => {
-	let u = i[a], { rowReorderMode: d, setIsSortedReorderPromptOpen: f } = r(), p = d === "blockedBySort", m = o(null), h = (e) => {
+import { Box as l } from "@chakra-ui/react";
+var u = o(({ handleRef: o }) => {
+	let u = r(a), { rowReorderMode: d, setIsSortedReorderPromptOpen: f } = i(), p = d === "blockedBySort", m = s(null), h = (e) => {
 		p && (m.current = {
 			x: e.clientX,
 			y: e.clientY
@@ -18,8 +19,8 @@ var l = a(({ localeString: a, handleRef: l }) => {
 	}, _ = () => {
 		m.current = null;
 	};
-	return /* @__PURE__ */ c(s, {
-		ref: l,
+	return /* @__PURE__ */ c(l, {
+		ref: o,
 		onPointerDown: h,
 		onPointerMove: g,
 		onPointerUp: _,
@@ -50,4 +51,4 @@ var l = a(({ localeString: a, handleRef: l }) => {
 	});
 });
 //#endregion
-export { l as TableRowDragHandle };
+export { u as TableRowDragHandle };

package/dist/components/table/table-row-expand-toggle-button.d.ts

@@ -1,12 +1,10 @@
 import { Row } from '@tanstack/react-table';
-import { Locales } from './translations.js';
 import { TableRow } from './types.js';
 interface TableRowExpandToggleButtonProps {
     row: Row<TableRow>;
-    localeString: Locales;
     rowIsExpanded: boolean;
     hidden?: boolean;
 }
-export declare const TableRowExpandToggleButton: import('react').MemoExoticComponent<({ row, localeString, rowIsExpanded, hidden }: TableRowExpandToggleButtonProps) => import('react').JSX.Element>;
+export declare const TableRowExpandToggleButton: import('react').MemoExoticComponent<({ row, rowIsExpanded, hidden }: TableRowExpandToggleButtonProps) => import('react').JSX.Element>;
 export {};
 //# sourceMappingURL=table-row-expand-toggle-button.d.ts.map

package/dist/components/table/table-row-expand-toggle-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,+BAA+B;IACxC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,qFACS,+BAA+B,iCAkC9E,CAAC"}
+{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,UAAU,+BAA+B;IACxC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,uEACL,+BAA+B,iCAkChE,CAAC"}

package/dist/components/table/table-row-expand-toggle-button.js

@@ -3,17 +3,18 @@ import { ThemeSpaceVariable as e } from "../../theme/theme-types.js";
 import { TreeViewCollapseIcon as t } from "../icon/icons/tree-view-collapse-icon.js";
 import { TreeViewExpandIcon as n } from "../icon/icons/tree-view-expand-icon.js";
 import { IconButton as r } from "../icon-button/icon-button.js";
-import { translations as i } from "./translations.js";
-import { memo as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { useComponentTranslations as i } from "../../theme/translations.js";
+import { tableTranslations as a } from "./table.translations.js";
+import { memo as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region lib/components/table/table-row-expand-toggle-button.tsx
-var s = a(({ row: a, localeString: s, rowIsExpanded: c, hidden: l }) => {
-	let u = i[s], d = a.getToggleExpandedHandler();
-	return /* @__PURE__ */ o(r, {
+var c = o(({ row: o, rowIsExpanded: c, hidden: l }) => {
+	let u = i(a), d = o.getToggleExpandedHandler();
+	return /* @__PURE__ */ s(r, {
 		size: "xs",
 		mr: e.XSmall,
 		variant: "ghost",
-		"aria-label": c ? `${u.collapseRow} ${a.index + 1}` : `${u.expandRow} ${a.index + 1}`,
+		"aria-label": c ? u.collapseRow(o.index + 1) : u.expandRow(o.index + 1),
 		icon: c ? t : n,
 		onClick: (e) => {
 			e.stopPropagation(), d();
@@ -26,4 +27,4 @@ var s = a(({ row: a, localeString: s, rowIsExpanded: c, hidden: l }) => {
 	});
 });
 //#endregion
-export { s as TableRowExpandToggleButton };
+export { c as TableRowExpandToggleButton };

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

@@ -1 +1 @@
-{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAKvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI;IAC7C,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IACnD,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,KAAK,SAAS,SAAS,EAAE,6EAM7C,aAAa,CAAC,KAAK,CAAC,gCAiGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAKvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI;IAC7C,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IACnD,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,KAAK,SAAS,SAAS,EAAE,6EAM7C,aAAa,CAAC,KAAK,CAAC,gCAgGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}

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

@@ -6,8 +6,8 @@ import { SortableKeyboardPlugin as r } from "../../node_modules/@dnd-kit/dom/sor
 import { useSortable as i } from "../../node_modules/@dnd-kit/react/sortable.js";
 import { TableCell as a } from "./table-cell.js";
 import { memo as o, useCallback as s, useMemo as c } from "react";
-import { Table as l } from "@chakra-ui/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Table as d } from "@chakra-ui/react";
 var f = o(({ row: o, visibleCells: f, onClickRow: p, showRowHoverStyle: m, onRowClickIndication: h }) => {
 	let g = t(), _ = o.depth === 0, v = g.rowReorderMode === "enabled" && _, { ref: y, handleRef: b, isDragging: x, isDropTarget: S } = i({
 		id: o.id,
@@ -32,7 +32,7 @@ var f = o(({ row: o, visibleCells: f, onClickRow: p, showRowHoverStyle: m, onRow
 		g.rowHighlight,
 		g.selectedRowIds
 	]), E = g.getRowActions?.(o.original), D = (e) => g.disableSelectionCheckbox?.(e) ?? !1;
-	return /* @__PURE__ */ d(l.Row, {
+	return /* @__PURE__ */ u(d.Row, {
 		ref: v ? y : void 0,
 		id: o.id,
 		tabIndex: p ? 0 : void 0,
@@ -46,19 +46,18 @@ var f = o(({ row: o, visibleCells: f, onClickRow: p, showRowHoverStyle: m, onRow
 		"data-drop-target": S || void 0,
 		children: [f.map((e, t) => {
 			let n = t === 0;
-			return /* @__PURE__ */ u(a, {
+			return /* @__PURE__ */ l(a, {
 				cell: e,
 				visibleCells: f,
 				row: o,
 				rowIsExpanded: o.getIsExpanded(),
 				breakingContentState: g.breakingContentState,
-				localeString: g.localeString,
 				actionMenu: n ? E : void 0,
 				canSelectRows: g.canSelectRows && n,
 				isCheckboxDisabled: D(o),
 				dragHandleRef: n && v ? b : void 0
 			}, e.id);
-		}), g.enableColumnResizing && /* @__PURE__ */ u(l.Cell, {
+		}), g.enableColumnResizing && /* @__PURE__ */ l(d.Cell, {
 			"aria-hidden": !0,
 			style: { borderBottom: 0 }
 		})]

package/dist/components/table/table-sorted-reorder-prompt.d.ts

@@ -1,7 +1,5 @@
-import { Locales } from './translations.js';
-export declare const TableSortedReorderPrompt: ({ isOpen, localeString, onCancel, onConfirm, }: {
+export declare const TableSortedReorderPrompt: ({ isOpen, onCancel, onConfirm, }: {
     isOpen: boolean;
-    localeString: Locales;
     onCancel: () => void;
     onConfirm: () => void;
 }) => import('react').JSX.Element;

package/dist/components/table/table-sorted-reorder-prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-sorted-reorder-prompt.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-sorted-reorder-prompt.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE5D,eAAO,MAAM,wBAAwB,GAAI,gDAKtC;IACF,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB,gCA8BA,CAAC"}
+{"version":3,"file":"table-sorted-reorder-prompt.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-sorted-reorder-prompt.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,wBAAwB,GAAI,kCAItC;IACF,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB,gCA8BA,CAAC"}

package/dist/components/table/table-sorted-reorder-prompt.js

@@ -3,62 +3,63 @@ import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeFontVariable
 import { Text as a } from "../text/text.js";
 import { Button as o } from "../button/button.js";
 import { Flex as s } from "../flex/flex.js";
-import { Modal as c } from "../modal/modal.js";
-import { ModalBody as l } from "../modal/modal-body.js";
-import { ModalFooter as u } from "../modal/modal-footer.js";
-import { ModalHeader as d } from "../modal/modal-header.js";
-import { translations as f } from "./translations.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useComponentTranslations as c } from "../../theme/translations.js";
+import { Modal as l } from "../modal/modal.js";
+import { ModalBody as u } from "../modal/modal-body.js";
+import { ModalFooter as d } from "../modal/modal-footer.js";
+import { ModalHeader as f } from "../modal/modal-header.js";
+import { tableTranslations as p } from "./table.translations.js";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region lib/components/table/table-sorted-reorder-prompt.tsx
-var h = e(), g = (e) => {
-	let g = (0, h.c)(19), { isOpen: _, localeString: v, onCancel: y, onConfirm: b } = e, x = f[v], S;
-	g[0] === x.reorderSortedTitle ? S = g[1] : (S = /* @__PURE__ */ p(d, {
+var g = e(), _ = (e) => {
+	let _ = (0, g.c)(19), { isOpen: v, onCancel: y, onConfirm: b } = e, x = c(p), S;
+	_[0] === x.reorderSortedTitle ? S = _[1] : (S = /* @__PURE__ */ m(f, {
 		p: i.Medium,
-		children: /* @__PURE__ */ p(a, {
+		children: /* @__PURE__ */ m(a, {
 			color: t.OnSurfaceHeader,
 			fontFamily: r.SubHeader,
 			fontWeight: "medium",
 			fontSize: n.XLarge,
 			children: x.reorderSortedTitle
 		})
-	}), g[0] = x.reorderSortedTitle, g[1] = S);
+	}), _[0] = x.reorderSortedTitle, _[1] = S);
 	let C;
-	g[2] === x.reorderSortedBody ? C = g[3] : (C = /* @__PURE__ */ p(l, {
+	_[2] === x.reorderSortedBody ? C = _[3] : (C = /* @__PURE__ */ m(u, {
 		px: i.Medium,
-		children: /* @__PURE__ */ p(a, { children: x.reorderSortedBody })
-	}), g[2] = x.reorderSortedBody, g[3] = C);
+		children: /* @__PURE__ */ m(a, { children: x.reorderSortedBody })
+	}), _[2] = x.reorderSortedBody, _[3] = C);
 	let w;
-	g[4] !== y || g[5] !== x.cancel ? (w = /* @__PURE__ */ p(o, {
+	_[4] !== y || _[5] !== x.cancel ? (w = /* @__PURE__ */ m(o, {
 		variant: "secondary",
 		onClick: y,
 		children: x.cancel
-	}), g[4] = y, g[5] = x.cancel, g[6] = w) : w = g[6];
+	}), _[4] = y, _[5] = x.cancel, _[6] = w) : w = _[6];
 	let T;
-	g[7] !== b || g[8] !== x.reorderSortedConfirm ? (T = /* @__PURE__ */ p(o, {
+	_[7] !== b || _[8] !== x.reorderSortedConfirm ? (T = /* @__PURE__ */ m(o, {
 		variant: "primary",
 		onClick: b,
 		children: x.reorderSortedConfirm
-	}), g[7] = b, g[8] = x.reorderSortedConfirm, g[9] = T) : T = g[9];
+	}), _[7] = b, _[8] = x.reorderSortedConfirm, _[9] = T) : T = _[9];
 	let E;
-	g[10] !== w || g[11] !== T ? (E = /* @__PURE__ */ p(u, {
+	_[10] !== w || _[11] !== T ? (E = /* @__PURE__ */ m(d, {
 		p: i.Medium,
-		children: /* @__PURE__ */ m(s, {
+		children: /* @__PURE__ */ h(s, {
 			gap: i.Small,
 			justify: "flex-end",
 			w: "100%",
 			children: [w, T]
 		})
-	}), g[10] = w, g[11] = T, g[12] = E) : E = g[12];
+	}), _[10] = w, _[11] = T, _[12] = E) : E = _[12];
 	let D;
-	return g[13] !== _ || g[14] !== y || g[15] !== S || g[16] !== C || g[17] !== E ? (D = /* @__PURE__ */ m(c, {
-		isOpen: _,
+	return _[13] !== v || _[14] !== y || _[15] !== S || _[16] !== C || _[17] !== E ? (D = /* @__PURE__ */ h(l, {
+		isOpen: v,
 		onClose: y,
 		children: [
 			S,
 			C,
 			E
 		]
-	}), g[13] = _, g[14] = y, g[15] = S, g[16] = C, g[17] = E, g[18] = D) : D = g[18], D;
+	}), _[13] = v, _[14] = y, _[15] = S, _[16] = C, _[17] = E, _[18] = D) : D = _[18], D;
 };
 //#endregion
-export { g as TableSortedReorderPrompt };
+export { _ as TableSortedReorderPrompt };

package/dist/components/table/table-toolbar-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-actions.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-actions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAwB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,QAAQ,CAAC,CAAC;CACzE,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,cAAc,wBAAwB,gCAevE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAqC,OAAO,wBAAwB,CAAC"}
+{"version":3,"file":"table-toolbar-actions.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-actions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAwB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,QAAQ,CAAC,CAAC;CACzE,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,cAAc,wBAAwB,gCAcvE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAqC,OAAO,wBAAwB,CAAC"}

package/dist/components/table/table-toolbar-actions.js

@@ -2,17 +2,17 @@
 import { MoreVerticalIcon as e } from "../icon/icons/more-vertical-icon.js";
 import { Menu as t } from "../menu/menu.js";
 import { MenuIconButton as n } from "../menu/menu-icon-button.js";
-import { useTableContext as r } from "./table-context.js";
-import { translations as i } from "./translations.js";
+import { useComponentTranslations as r } from "../../theme/translations.js";
+import { tableTranslations as i } from "./table.translations.js";
 import { memo as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 var c = a(({ children: a }) => {
-	let c = r(), l = i[c.localeString];
+	let c = r(i);
 	return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, {
 		icon: e,
 		variant: "ghost",
 		size: "md",
-		"aria-label": l.toolbarActions
+		"aria-label": c.toolbarActions
 	}), a] });
 });
 //#endregion

package/dist/components/table/table-toolbar-add-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-add-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-add-button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAK5E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,OAAO,0BAA0B,gCAMpE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAuC,OAAO,0BAA0B,CAAC"}
+{"version":3,"file":"table-toolbar-add-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-add-button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAK5E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,OAAO,0BAA0B,gCAKpE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAuC,OAAO,0BAA0B,CAAC"}

package/dist/components/table/table-toolbar-add-button.js

@@ -1,14 +1,14 @@
 "use no memo";
 import { IncreaseIcon as e } from "../icon/icons/increase-icon.js";
 import { IconButton as t } from "../icon-button/icon-button.js";
-import { useTableContext as n } from "./table-context.js";
-import { translations as r } from "./translations.js";
+import { useComponentTranslations as n } from "../../theme/translations.js";
+import { tableTranslations as r } from "./table.translations.js";
 import { memo as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 var o = i((i) => {
-	let o = n(), s = r[o.localeString], c = i["aria-label"] ?? s.new;
+	let o = n(r), s = i["aria-label"] ?? o.new;
 	return /* @__PURE__ */ a(t, {
-		"aria-label": c,
+		"aria-label": s,
 		icon: e,
 		variant: "secondary",
 		...i

package/dist/components/table/table-toolbar-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-settings.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-settings.tsx"],"names":[],"mappings":"AAyBA,KAAK,yBAAyB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AA6OF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uEAxNkC,yBAAyB,iCAwNzB,CAAC"}
+{"version":3,"file":"table-toolbar-settings.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar-settings.tsx"],"names":[],"mappings":"AAgCA,KAAK,yBAAyB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AA8OF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uEAzNkC,yBAAyB,iCAyNzB,CAAC"}

package/dist/components/table/table-toolbar-settings.js

@@ -1,180 +1,182 @@
 "use no memo";
-import { ThemeColorVariable as e, ThemeIconSizeVariable as t, ThemeShadowVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
-import { GripMoreIcon as i } from "../icon/icons/grip-more-icon.js";
-import { SlidersIcon as a } from "../icon/icons/sliders-icon.js";
-import { Text as o } from "../text/text.js";
-import { Menu as s } from "../menu/menu.js";
-import { MenuButton as c } from "../menu/menu-button.js";
-import { MenuDivider as l } from "../menu/menu-divider.js";
-import { MenuItem as u } from "../menu/menu-item.js";
-import { MenuList as d } from "../menu/menu-list.js";
-import { Checkbox as f } from "../checkbox/checkbox.js";
-import { Radio as p } from "../radio/radio.js";
-import { RadioGroup as m } from "../radio/radio-group.js";
-import { Switch as h } from "../switch/switch.js";
-import { DEFAULT_PAGE_SIZE_OPTIONS as g } from "./table.constants.js";
-import { getColumnLabel as _ } from "./helper.js";
-import { useTableContext as v } from "./table-context.js";
-import { translations as y } from "./translations.js";
-import { closestCenter as b } from "../../node_modules/@dnd-kit/collision/dist/index.js";
-import { DragDropProvider as x } from "../../node_modules/@dnd-kit/react/index.js";
-import { SortableKeyboardPlugin as S, isSortableOperation as C } from "../../node_modules/@dnd-kit/dom/sortable.js";
-import { useSortable as w } from "../../node_modules/@dnd-kit/react/sortable.js";
-import { memo as T, useCallback as E, useState as D } from "react";
-import { Box as O, Flex as k, Portal as A } from "@chakra-ui/react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { flushSync as P } from "react-dom";
+import { useLocale as e } from "../../theme/theme-locale.js";
+import { ThemeColorVariable as t, ThemeIconSizeVariable as n, ThemeShadowVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+import { GripMoreIcon as a } from "../icon/icons/grip-more-icon.js";
+import { SlidersIcon as o } from "../icon/icons/sliders-icon.js";
+import { Text as s } from "../text/text.js";
+import { Menu as c } from "../menu/menu.js";
+import { MenuButton as l } from "../menu/menu-button.js";
+import { MenuDivider as u } from "../menu/menu-divider.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 { useComponentTranslations as m } from "../../theme/translations.js";
+import { Radio as h } from "../radio/radio.js";
+import { RadioGroup as g } from "../radio/radio-group.js";
+import { Switch as _ } from "../switch/switch.js";
+import { DEFAULT_PAGE_SIZE_OPTIONS as v } from "./table.constants.js";
+import { getColumnLabel 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 { DragDropProvider as C } from "../../node_modules/@dnd-kit/react/index.js";
+import { SortableKeyboardPlugin as w, isSortableOperation as T } from "../../node_modules/@dnd-kit/dom/sortable.js";
+import { useSortable as E } from "../../node_modules/@dnd-kit/react/sortable.js";
+import { memo as D, useCallback as O, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Box as N, Flex as P, Portal as F } from "@chakra-ui/react";
+import { flushSync as I } from "react-dom";
 //#region lib/components/table/table-toolbar-settings.tsx
-var F = (e, t, n, r) => {
+var L = (e, t, n, r) => {
 	if (!r || r.sourceId === e) return "none";
 	let i = n.findIndex((e) => e.id === r.sourceId), a = n.findIndex((e) => e.id === r.targetId);
 	return i < 0 || a < 0 || i === a ? "none" : i < a && t > i && t <= a ? "translateY(-100%)" : i > a && t >= a && t < i ? "translateY(100%)" : "none";
-}, I = (e) => {
-	if (!C(e)) return null;
+}, R = (e) => {
+	if (!T(e)) return null;
 	let { source: t, target: n } = e;
 	return t && n ? {
 		source: t,
 		target: n
 	} : null;
-}, L = ({ pageSize: n, onPageSizeChange: i }) => {
-	let b = v(), S = y[b.localeString], C = !!i && Number.isInteger(n), [w, T] = D(null), L = b.table.getAllLeafColumns().filter((e) => e.getCanHide()), R = L.filter((e) => e.getIsVisible()), B = L.filter((e) => !e.getIsVisible()).sort((e, t) => {
-		let n = _(e.columnDef.header, e.id), r = _(t.columnDef.header, t.id);
-		return n.localeCompare(r, b.localeString, { sensitivity: "base" });
-	}), V = E(() => b.table.getAllColumns().length === Object.keys(b.breakingContentState).length && !Object.values(b.breakingContentState).includes(!1), [b.breakingContentState, b.table]), H = E(({ checked: e }) => {
+}, z = ({ pageSize: r, onPageSizeChange: a }) => {
+	let S = b(), w = e(), T = m(x), E = !!a && Number.isInteger(r), [D, z] = k(null), B = S.table.getAllLeafColumns().filter((e) => e.getCanHide()), H = B.filter((e) => e.getIsVisible()), U = B.filter((e) => !e.getIsVisible()).sort((e, t) => {
+		let n = y(e.columnDef.header, e.id), r = y(t.columnDef.header, t.id);
+		return n.localeCompare(r, w, { sensitivity: "base" });
+	}), W = O(() => S.table.getAllColumns().length === Object.keys(S.breakingContentState).length && !Object.values(S.breakingContentState).includes(!1), [S.breakingContentState, S.table]), G = O(({ checked: e }) => {
 		let t = {};
-		b.table.getAllColumns().forEach((n) => {
+		S.table.getAllColumns().forEach((n) => {
 			t[n.id] = e;
-		}), b.setBreakingContentState(t), b.onBreakingContentChange?.(t);
-	}, [b]);
-	return /* @__PURE__ */ M(k, { children: /* @__PURE__ */ N(s, {
+		}), S.setBreakingContentState(t), S.onBreakingContentChange?.(t);
+	}, [S]);
+	return /* @__PURE__ */ j(P, { children: /* @__PURE__ */ M(c, {
 		closeOnSelect: !1,
 		isLazy: !0,
-		children: [/* @__PURE__ */ M(c, {
-			"aria-label": S.presets,
+		children: [/* @__PURE__ */ j(l, {
+			"aria-label": T.presets,
 			variant: "ghost",
 			p: "unset",
 			w: "40px",
 			h: "40px",
-			children: /* @__PURE__ */ M(a, { size: t.Medium })
-		}), /* @__PURE__ */ M(A, { children: /* @__PURE__ */ N(d, { children: [
-			/* @__PURE__ */ M(o, {
-				color: e.OnSurfaceSubdued,
-				py: r.Small,
-				px: r.Medium,
-				children: S.shownInTable
+			children: /* @__PURE__ */ j(o, { size: n.Medium })
+		}), /* @__PURE__ */ j(F, { children: /* @__PURE__ */ M(f, { children: [
+			/* @__PURE__ */ j(s, {
+				color: t.OnSurfaceSubdued,
+				py: i.Small,
+				px: i.Medium,
+				children: T.shownInTable
 			}),
-			/* @__PURE__ */ N(O, {
+			/* @__PURE__ */ M(N, {
 				maxHeight: "400px",
 				overflowY: "auto",
-				children: [/* @__PURE__ */ M(x, {
+				children: [/* @__PURE__ */ j(C, {
 					onDragOver: (e) => {
-						let t = I(e.operation);
-						t && T({
+						let t = R(e.operation);
+						t && z({
 							sourceId: String(t.source.id),
 							targetId: String(t.target.id)
 						});
 					},
 					onDragEnd: (e) => {
-						let t = I(e.operation);
-						P(() => {
-							T(null), t && b.handleDragEnd(String(t.source.id), String(t.target.id));
+						let t = R(e.operation);
+						I(() => {
+							z(null), t && S.handleDragEnd(String(t.source.id), String(t.target.id));
 						});
 					},
-					children: R.map((e, t) => /* @__PURE__ */ M(z, {
+					children: H.map((e, t) => /* @__PURE__ */ j(V, {
 						column: e,
 						index: t,
-						isDisabled: R.length === 1,
-						translateY: F(e.id, t, R, w)
+						isDisabled: H.length === 1,
+						translateY: L(e.id, t, H, D)
 					}, e.id))
-				}), B.length > 0 && /* @__PURE__ */ N(j, { children: [
-					/* @__PURE__ */ M(l, {}),
-					/* @__PURE__ */ M(o, {
-						color: e.OnSurfaceSubdued,
-						py: r.Small,
-						px: r.Medium,
-						children: S.hiddenInTable
+				}), U.length > 0 && /* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j(u, {}),
+					/* @__PURE__ */ j(s, {
+						color: t.OnSurfaceSubdued,
+						py: i.Small,
+						px: i.Medium,
+						children: T.hiddenInTable
 					}),
-					B.map((e) => /* @__PURE__ */ N(u, {
+					U.map((e) => /* @__PURE__ */ M(d, {
 						itemType: "checkbox",
 						value: e.id,
-						children: [/* @__PURE__ */ M(j, { children: e.columnDef.header }), /* @__PURE__ */ M(f, {
+						children: [/* @__PURE__ */ j(A, { children: e.columnDef.header }), /* @__PURE__ */ j(p, {
 							isChecked: e.getIsVisible(),
 							onCheckedChange: ({ checked: t }) => {
 								if (e.toggleVisibility(!!t), t) {
-									let t = b.columnOrder.filter((t) => t !== e.id);
-									t.push(e.id), b.setColumnOrder(t);
+									let t = S.columnOrder.filter((t) => t !== e.id);
+									t.push(e.id), S.setColumnOrder(t);
 								}
 							}
 						})]
 					}, e.id))
 				] })]
 			}),
-			/* @__PURE__ */ M(l, {}),
-			C && /* @__PURE__ */ N(j, { children: [
-				/* @__PURE__ */ M(o, {
-					color: e.OnSurfaceSubdued,
-					py: r.Small,
-					px: r.Medium,
-					children: S.rowsPerPage
+			/* @__PURE__ */ j(u, {}),
+			E && /* @__PURE__ */ M(A, { children: [
+				/* @__PURE__ */ j(s, {
+					color: t.OnSurfaceSubdued,
+					py: i.Small,
+					px: i.Medium,
+					children: T.rowsPerPage
 				}),
-				/* @__PURE__ */ M(m, {
+				/* @__PURE__ */ j(g, {
 					gap: "unset",
-					value: String(n),
-					onValueChange: (e) => i?.(Number(e.value)),
-					children: g.map((e) => /* @__PURE__ */ N(u, {
+					value: String(r),
+					onValueChange: (e) => a?.(Number(e.value)),
+					children: v.map((e) => /* @__PURE__ */ M(d, {
 						itemType: "radio",
 						value: String(e),
-						children: [S.numberOfRows.replace("{count}", String(e)), /* @__PURE__ */ M(p, { value: String(e) })]
+						children: [T.numberOfRows(e), /* @__PURE__ */ j(h, { value: String(e) })]
 					}, e))
 				}),
-				/* @__PURE__ */ M(l, {})
+				/* @__PURE__ */ j(u, {})
 			] }),
-			/* @__PURE__ */ N(u, {
+			/* @__PURE__ */ M(d, {
 				itemType: "switch",
 				value: "breakingContent",
-				children: [S.breakingContent, /* @__PURE__ */ M(h, {
-					onCheckedChange: H,
-					isChecked: V()
+				children: [T.breakingContent, /* @__PURE__ */ j(_, {
+					onCheckedChange: G,
+					isChecked: W()
 				})]
 			})
 		] }) })]
 	}) });
-}, R = [S], z = ({ column: a, index: o, isDisabled: s, translateY: c }) => {
-	let { ref: l, handleRef: d, isDragging: p } = w({
-		id: a.id,
+}, B = [w], V = ({ column: e, index: o, isDisabled: s, translateY: c }) => {
+	let { ref: l, handleRef: u, isDragging: f } = E({
+		id: e.id,
 		index: o,
-		collisionDetector: b,
-		plugins: R
+		collisionDetector: S,
+		plugins: B
 	});
-	return /* @__PURE__ */ M(O, {
+	return /* @__PURE__ */ j(N, {
 		ref: l,
 		role: "none",
-		opacity: p ? .95 : 1,
-		backgroundColor: e.Background,
+		opacity: f ? .95 : 1,
+		backgroundColor: t.Background,
 		transform: c,
-		transition: p ? void 0 : "transform 200ms ease",
-		boxShadow: p ? n.Medium : void 0,
-		children: /* @__PURE__ */ N(u, {
+		transition: f ? void 0 : "transform 200ms ease",
+		boxShadow: f ? r.Medium : void 0,
+		children: /* @__PURE__ */ M(d, {
 			itemType: "checkbox",
-			value: a.id,
-			children: [/* @__PURE__ */ N(k, {
+			value: e.id,
+			children: [/* @__PURE__ */ M(P, {
 				alignItems: "center",
-				gap: r.XSmall,
-				children: [/* @__PURE__ */ M(O, {
-					ref: d,
-					cursor: p ? "grabbing" : "grab",
+				gap: i.XSmall,
+				children: [/* @__PURE__ */ j(N, {
+					ref: u,
+					cursor: f ? "grabbing" : "grab",
 					display: "inline-flex",
 					alignItems: "center",
 					flexShrink: 0,
-					children: /* @__PURE__ */ M(i, { size: t.Medium })
-				}), /* @__PURE__ */ M(j, { children: a.columnDef.header })]
-			}), !p && /* @__PURE__ */ M(f, {
+					children: /* @__PURE__ */ j(a, { size: n.Medium })
+				}), /* @__PURE__ */ j(A, { children: e.columnDef.header })]
+			}), !f && /* @__PURE__ */ j(p, {
 				isDisabled: s,
-				isChecked: a.getIsVisible(),
-				onCheckedChange: ({ checked: e }) => a.toggleVisibility(!!e)
+				isChecked: e.getIsVisible(),
+				onCheckedChange: ({ checked: t }) => e.toggleVisibility(!!t)
 			})]
 		})
 	});
-}, B = T(L);
+}, H = D(z);
 //#endregion
-export { B as TableToolbarSettings };
+export { H as TableToolbarSettings };