@caspeco/casper-ui-library 11.4.0 → 12.1.0

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 { ThemeColor as t, ThemeIconSize as n, ThemeShadow as r, ThemeSpace 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 };

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAKN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAA8C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,+BAA+B,iBAAiB,GAAG,eAAe,gCAqF5F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoD,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAEjG,OAAO,EAA8C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,+BAA+B,iBAAiB,GAAG,eAAe,gCAqF5F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

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

@@ -1,5 +1,5 @@
 "use no memo";
-import { ThemeColorVariable as e, ThemeFontSizeVariable as t, ThemeFontVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { ThemeColor as e, ThemeFont as t, ThemeFontSize as n, ThemeSpace as r } from "../../theme/theme-types.js";
 import { Text as i } from "../text/text.js";
 import { useTableContext as a } from "./table-context.js";
 import { TableToolbarActions as o } from "./table-toolbar-actions.js";
@@ -7,10 +7,10 @@ import { TableToolbarAddButton as s } from "./table-toolbar-add-button.js";
 import { TableToolbarSearch as c } from "./table-toolbar-search.js";
 import { TableToolbarSettings as l } from "./table-toolbar-settings.js";
 import { Children as u, memo as d, useMemo as f } from "react";
-import { Box as p, Flex as m, useMediaQuery as h } from "@chakra-ui/react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Box as h, Flex as g, useMediaQuery as _ } from "@chakra-ui/react";
 var v = d(({ title: d, children: v, ...y }) => {
-	let b = a(), [x] = h(["(min-width: 48em)"]), S = b.id ? `${b.id}-toolbar` : void 0, C = f(() => {
+	let b = a(), [x] = _(["(min-width: 48em)"]), S = b.id ? `${b.id}-toolbar` : void 0, C = f(() => {
 		let e = null, t = null, n = null, r = null;
 		return u.forEach(v, (i) => {
 			if (!i || typeof i != "object" || !("type" in i)) return;
@@ -22,20 +22,20 @@ var v = d(({ title: d, children: v, ...y }) => {
 			actions: n,
 			addButton: r
 		};
-	}, [v]), w = f(() => d ? /* @__PURE__ */ g(i, {
-		fontSize: t.X2Large,
+	}, [v]), w = f(() => d ? /* @__PURE__ */ p(i, {
+		fontSize: n.X2Large,
 		color: e.OnBackgroundHeader,
 		fontWeight: "bold",
-		fontFamily: n.Header,
+		fontFamily: t.Header,
 		children: d
-	}) : null, [d]), T = f(() => /* @__PURE__ */ g(m, {
+	}) : null, [d]), T = f(() => /* @__PURE__ */ p(g, {
 		direction: "column",
 		gap: r.Medium,
 		mb: r.Medium,
-		children: /* @__PURE__ */ _(m, {
+		children: /* @__PURE__ */ m(g, {
 			justifyContent: "space-between",
 			alignItems: "center",
-			children: [w, /* @__PURE__ */ _(m, {
+			children: [w, /* @__PURE__ */ m(g, {
 				gap: r.Medium,
 				children: [
 					C.search,
@@ -45,14 +45,14 @@ var v = d(({ title: d, children: v, ...y }) => {
 				]
 			})]
 		})
-	}), [w, C]), E = f(() => /* @__PURE__ */ _(m, {
+	}), [w, C]), E = f(() => /* @__PURE__ */ m(g, {
 		direction: "column",
 		gap: r.Medium,
 		mb: r.Medium,
-		children: [/* @__PURE__ */ _(m, {
+		children: [/* @__PURE__ */ m(g, {
 			justifyContent: "space-between",
 			children: [w, C.addButton]
-		}), /* @__PURE__ */ _(m, {
+		}), /* @__PURE__ */ m(g, {
 			justifyContent: "space-between",
 			gap: r.Medium,
 			children: [
@@ -62,7 +62,7 @@ var v = d(({ title: d, children: v, ...y }) => {
 			]
 		})]
 	}), [w, C]);
-	return /* @__PURE__ */ g(p, {
+	return /* @__PURE__ */ p(h, {
 		id: S,
 		...y,
 		children: x ? T : E

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

@@ -1 +1 @@
-{"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AA8GH,eAAO,MAAM,UAAU,mCAoEtB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAyDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,mCAqEzB,CAAC;AAKF,eAAO,MAAM,uBAAuB,mCAyCnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,mCAmElC,CAAC;AAIF,eAAO,MAAM,cAAc,mCA+D1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCA8B5B,CAAC;AAEF,eAAO,MAAM,gCAAgC,mCAI5C,CAAC"}
+{"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AA8GH,eAAO,MAAM,UAAU,mCAoEtB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAwDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,mCAqEzB,CAAC;AAKF,eAAO,MAAM,uBAAuB,mCAwCnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,mCAkElC,CAAC;AAIF,eAAO,MAAM,cAAc,mCA8D1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAuB5B,CAAC;AAEF,eAAO,MAAM,gCAAgC,mCAI5C,CAAC"}

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

@@ -4,5 +4,5 @@ import { TableData, TableProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/table
  */
-export declare function Table<TData extends TableData>({ columns, data, totalDataCount, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, onSelectionChange, initialSelectionState, selectionState, selectionActions, disableSelectionCheckbox, enableColumnReorder, columnOrderState, initialColumnOrder, onColumnOrderChange, enableColumnResizing, initialColumnSizingState, onColumnSizingChange, enableRowReorder, onRowOrderChange, children, }: TableProps<TData>): import('react').JSX.Element;
+export declare function Table<TData extends TableData>({ columns, data, totalDataCount, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, onSelectionChange, initialSelectionState, selectionState, selectionActions, disableSelectionCheckbox, enableColumnReorder, columnOrderState, initialColumnOrder, onColumnOrderChange, enableColumnResizing, initialColumnSizingState, onColumnSizingChange, enableRowReorder, onRowOrderChange, children, }: TableProps<TData>): import('react').JSX.Element;
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,+BAwCnB"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,cAAc,EACd,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,+BAuCnB"}

package/dist/components/table/table.js

@@ -2,42 +2,41 @@
 import { TableProvider as e } from "./table-context-provider.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/components/table/table.tsx
-function n({ columns: n, data: r, totalDataCount: i, localeString: a, expandedState: o, initialExpandedState: s = {}, initialBreakingContentState: c = {}, initialColumnVisibilityState: l, columnVisibilityState: u, onColumnVisibilityChange: d, onExpandedChange: f, onBreakingContentChange: p, getRowId: m, getRowActions: h, id: g, customRowIndication: _, onSortingChange: v, initialSortingState: y, sortingState: b, onSelectionChange: x, initialSelectionState: S, selectionState: C, selectionActions: w, disableSelectionCheckbox: T, enableColumnReorder: E, columnOrderState: D, initialColumnOrder: O, onColumnOrderChange: k, enableColumnResizing: A, initialColumnSizingState: j, onColumnSizingChange: M, enableRowReorder: N, onRowOrderChange: P, children: F }) {
+function n({ columns: n, data: r, totalDataCount: i, expandedState: a, initialExpandedState: o = {}, initialBreakingContentState: s = {}, initialColumnVisibilityState: c, columnVisibilityState: l, onColumnVisibilityChange: u, onExpandedChange: d, onBreakingContentChange: f, getRowId: p, getRowActions: m, id: h, customRowIndication: g, onSortingChange: _, initialSortingState: v, sortingState: y, onSelectionChange: b, initialSelectionState: x, selectionState: S, selectionActions: C, disableSelectionCheckbox: w, enableColumnReorder: T, columnOrderState: E, initialColumnOrder: D, onColumnOrderChange: O, enableColumnResizing: k, initialColumnSizingState: A, onColumnSizingChange: j, enableRowReorder: M, onRowOrderChange: N, children: P }) {
 	return /* @__PURE__ */ t(e, {
 		columns: n,
 		data: r,
 		totalDataCount: i,
-		expandedState: o,
-		initialExpandedState: s,
-		initialBreakingContentState: c,
-		localeString: a,
-		initialColumnVisibilityState: l,
-		columnVisibilityState: u,
-		onColumnVisibilityChange: d,
-		onExpandedChange: f,
-		onBreakingContentChange: p,
-		getRowId: m,
-		getRowActions: h,
-		id: g,
-		customRowIndication: _,
-		onSortingChange: v,
-		initialSortingState: y,
-		sortingState: b,
-		onSelectionChange: x,
-		initialSelectionState: S,
-		selectionState: C,
-		selectionActions: w,
-		disableSelectionCheckbox: T,
-		enableColumnReorder: E,
-		columnOrderState: D,
-		initialColumnOrder: O,
-		onColumnOrderChange: k,
-		enableColumnResizing: A,
-		initialColumnSizingState: j,
-		onColumnSizingChange: M,
-		enableRowReorder: N,
-		onRowOrderChange: P,
-		children: F
+		expandedState: a,
+		initialExpandedState: o,
+		initialBreakingContentState: s,
+		initialColumnVisibilityState: c,
+		columnVisibilityState: l,
+		onColumnVisibilityChange: u,
+		onExpandedChange: d,
+		onBreakingContentChange: f,
+		getRowId: p,
+		getRowActions: m,
+		id: h,
+		customRowIndication: g,
+		onSortingChange: _,
+		initialSortingState: v,
+		sortingState: y,
+		onSelectionChange: b,
+		initialSelectionState: x,
+		selectionState: S,
+		selectionActions: C,
+		disableSelectionCheckbox: w,
+		enableColumnReorder: T,
+		columnOrderState: E,
+		initialColumnOrder: D,
+		onColumnOrderChange: O,
+		enableColumnResizing: k,
+		initialColumnSizingState: A,
+		onColumnSizingChange: j,
+		enableRowReorder: M,
+		onRowOrderChange: N,
+		children: P
 	});
 }
 //#endregion

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

@@ -0,0 +1,45 @@
+export type TableTranslation = {
+    sortUp: string;
+    sortDown: string;
+    filter: string;
+    filterText: string;
+    hideColumn: string;
+    pinUpToColumn: string;
+    stopPinningColumn: string;
+    resizeColumn: (column: string) => string;
+    breakingContent: string;
+    presets: string;
+    new: string;
+    showColumns: string;
+    collapseRow: (row: number) => string;
+    expandRow: (row: number) => string;
+    rowsShowing: string;
+    settings: string;
+    more: string;
+    moreActions: string;
+    toolbarActions: string;
+    filterBoxReset: string;
+    filterReset: string;
+    selected: (count: number) => string;
+    selectedSingular: (count: number) => string;
+    rowsPerPage: string;
+    numberOfRows: (count: number) => string;
+    selectedWithTotal: (count: number, total: number) => string;
+    action: string;
+    deleteSelectedRows: string;
+    shownInTable: string;
+    hiddenInTable: string;
+    clearSorting: string;
+    reorderRow: string;
+    cancel: string;
+    reorderSortedTitle: string;
+    reorderSortedBody: string;
+    reorderSortedConfirm: string;
+    reorderInstructions: string;
+    reorderPickedUp: (position: number, count: number) => string;
+    reorderMovedTo: (position: number, count: number) => string;
+    reorderDropped: (position: number, count: number) => string;
+    reorderCancelled: string;
+};
+export declare const tableTranslations: import('../../theme/translations.js').ComponentTranslations<TableTranslation>;
+//# sourceMappingURL=table.translations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.translations.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5D,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7D,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5D,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5D,gBAAgB,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,wEA6hB5B,CAAC"}