@caspeco/casper-ui-library 10.7.3 → 10.9.0

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

@@ -1,51 +1,68 @@
 "use no memo";
-import { useTableContext as e } from "./table-context.js";
-import { TableCell as t } from "./table-cell.js";
-import { memo as n, useCallback as r, useMemo as i } from "react";
-import { Table as a } from "@chakra-ui/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-var c = n(({ row: n, visibleCells: c, onClickRow: l, showRowHoverStyle: u, onRowClickIndication: d }) => {
-	let f = e(), p = r((e) => {
-		l && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l(n.original, e));
-	}, [l, n.original]), m = r((e) => {
-		e.stopPropagation(), n.getToggleSelectedHandler(), l && l(n.original, e), d && f.setRowHighlight({ [e.currentTarget.id]: !0 });
+import { ROW_SORTABLE_TYPE as e } from "./table.constants.js";
+import { useTableContext as t } from "./table-context.js";
+import { closestCenter as n } from "../../node_modules/@dnd-kit/collision/dist/index.js";
+import { SortableKeyboardPlugin as r } from "../../node_modules/@dnd-kit/dom/sortable.js";
+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";
+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,
+		index: o.index,
+		type: e,
+		accept: e,
+		group: e,
+		disabled: !v,
+		collisionDetector: n,
+		plugins: [r]
+	}), C = s((e) => {
+		p && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p(o.original, e));
+	}, [p, o.original]), w = s((e) => {
+		e.stopPropagation(), o.getToggleSelectedHandler(), p && p(o.original, e), h && g.setRowHighlight({ [e.currentTarget.id]: !0 });
 	}, [
-		n,
-		l,
-		d,
-		f
-	]), h = i(() => n.getIsSelected() || f.selectedRowIds?.includes(n.id), [
-		n,
-		f.rowHighlight,
-		f.selectedRowIds
-	]), g = f.getRowActions?.(n.original), _ = (e) => f.disableSelectionCheckbox?.(e) ?? !1;
-	return /* @__PURE__ */ s(a.Row, {
-		id: n.id,
-		tabIndex: l ? 0 : void 0,
-		onClick: m,
-		onKeyDown: p,
-		cursor: l ? "pointer" : void 0,
-		"data-row-selected": h,
-		"data-allow-hovered": u,
-		"data-is-root-level": n.depth === 0,
-		children: [c.map((e, r) => {
-			let i = r === 0;
-			return /* @__PURE__ */ o(t, {
+		o,
+		p,
+		h,
+		g
+	]), T = c(() => o.getIsSelected() || g.selectedRowIds?.includes(o.id), [
+		o,
+		g.rowHighlight,
+		g.selectedRowIds
+	]), E = g.getRowActions?.(o.original), D = (e) => g.disableSelectionCheckbox?.(e) ?? !1;
+	return /* @__PURE__ */ d(l.Row, {
+		ref: v ? y : void 0,
+		id: o.id,
+		tabIndex: p ? 0 : void 0,
+		onClick: w,
+		onKeyDown: C,
+		cursor: p ? "pointer" : void 0,
+		"data-row-selected": T,
+		"data-allow-hovered": m,
+		"data-is-root-level": o.depth === 0,
+		"data-dragging": x || void 0,
+		"data-drop-target": S || void 0,
+		children: [f.map((e, t) => {
+			let n = t === 0;
+			return /* @__PURE__ */ u(a, {
 				cell: e,
-				visibleCells: c,
-				row: n,
-				rowIsExpanded: n.getIsExpanded(),
-				breakingContentState: f.breakingContentState,
-				localeString: f.localeString,
-				actionMenu: i ? g : void 0,
-				canSelectRows: f.canSelectRows && i,
-				isCheckboxDisabled: _(n)
+				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);
-		}), f.enableColumnResizing && /* @__PURE__ */ o(a.Cell, {
+		}), g.enableColumnResizing && /* @__PURE__ */ u(l.Cell, {
 			"aria-hidden": !0,
 			style: { borderBottom: 0 }
 		})]
-	}, n.id);
+	}, o.id);
 });
 //#endregion
-export { c as TableRow };
+export { f as TableRow };

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

@@ -0,0 +1,8 @@
+import { Locales } from './translations.js';
+export declare const TableSortedReorderPrompt: ({ isOpen, localeString, onCancel, onConfirm, }: {
+    isOpen: boolean;
+    localeString: Locales;
+    onCancel: () => void;
+    onConfirm: () => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=table-sorted-reorder-prompt.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,64 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeFontVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
+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";
+//#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, {
+		p: i.Medium,
+		children: /* @__PURE__ */ p(a, {
+			color: t.OnSurfaceHeader,
+			fontFamily: r.SubHeader,
+			fontWeight: "medium",
+			fontSize: n.XLarge,
+			children: x.reorderSortedTitle
+		})
+	}), g[0] = x.reorderSortedTitle, g[1] = S);
+	let C;
+	g[2] === x.reorderSortedBody ? C = g[3] : (C = /* @__PURE__ */ p(l, {
+		px: i.Medium,
+		children: /* @__PURE__ */ p(a, { children: x.reorderSortedBody })
+	}), g[2] = x.reorderSortedBody, g[3] = C);
+	let w;
+	g[4] !== y || g[5] !== x.cancel ? (w = /* @__PURE__ */ p(o, {
+		variant: "secondary",
+		onClick: y,
+		children: x.cancel
+	}), g[4] = y, g[5] = x.cancel, g[6] = w) : w = g[6];
+	let T;
+	g[7] !== b || g[8] !== x.reorderSortedConfirm ? (T = /* @__PURE__ */ p(o, {
+		variant: "primary",
+		onClick: b,
+		children: x.reorderSortedConfirm
+	}), g[7] = b, g[8] = x.reorderSortedConfirm, g[9] = T) : T = g[9];
+	let E;
+	g[10] !== w || g[11] !== T ? (E = /* @__PURE__ */ p(u, {
+		p: i.Medium,
+		children: /* @__PURE__ */ m(s, {
+			gap: i.Small,
+			justify: "flex-end",
+			w: "100%",
+			children: [w, T]
+		})
+	}), g[10] = w, g[11] = T, g[12] = E) : E = g[12];
+	let D;
+	return g[13] !== _ || g[14] !== y || g[15] !== S || g[16] !== C || g[17] !== E ? (D = /* @__PURE__ */ m(c, {
+		isOpen: _,
+		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;
+};
+//#endregion
+export { g as TableSortedReorderPrompt };

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

@@ -15,11 +15,11 @@ 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 { closestCenter as y } from "../../node_modules/@dnd-kit/collision/dist/index.js";
-import { DragDropProvider as b } from "../../node_modules/@dnd-kit/react/index.js";
-import { SortableKeyboardPlugin as x, isSortableOperation as S } from "../../node_modules/@dnd-kit/dom/sortable.js";
-import { useSortable as C } from "../../node_modules/@dnd-kit/react/sortable.js";
-import { translations as w } from "./translations.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";
@@ -30,27 +30,27 @@ var F = (e, t, n, r) => {
 	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 (!S(e)) return null;
+	if (!C(e)) return null;
 	let { source: t, target: n } = e;
 	return t && n ? {
 		source: t,
 		target: n
 	} : null;
 }, L = ({ pageSize: n, onPageSizeChange: i }) => {
-	let y = v(), x = w[y.localeString], S = !!i && Number.isInteger(n), [C, T] = D(null), L = y.table.getAllLeafColumns().filter((e) => e.getCanHide()), R = L.filter((e) => e.getIsVisible()), B = L.filter((e) => !e.getIsVisible()).sort((e, t) => {
+	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, y.localeString, { sensitivity: "base" });
-	}), V = E(() => y.table.getAllColumns().length === Object.keys(y.breakingContentState).length && !Object.values(y.breakingContentState).includes(!1), [y.breakingContentState, y.table]), H = E(({ checked: e }) => {
+		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 }) => {
 		let t = {};
-		y.table.getAllColumns().forEach((n) => {
+		b.table.getAllColumns().forEach((n) => {
 			t[n.id] = e;
-		}), y.setBreakingContentState(t), y.onBreakingContentChange?.(t);
-	}, [y]);
+		}), b.setBreakingContentState(t), b.onBreakingContentChange?.(t);
+	}, [b]);
 	return /* @__PURE__ */ M(k, { children: /* @__PURE__ */ N(s, {
 		closeOnSelect: !1,
 		isLazy: !0,
 		children: [/* @__PURE__ */ M(c, {
-			"aria-label": x.presets,
+			"aria-label": S.presets,
 			variant: "ghost",
 			p: "unset",
 			w: "40px",
@@ -61,12 +61,12 @@ var F = (e, t, n, r) => {
 				color: e.OnSurfaceSubdued,
 				py: r.Small,
 				px: r.Medium,
-				children: x.shownInTable
+				children: S.shownInTable
 			}),
 			/* @__PURE__ */ N(O, {
 				maxHeight: "400px",
 				overflowY: "auto",
-				children: [/* @__PURE__ */ M(b, {
+				children: [/* @__PURE__ */ M(x, {
 					onDragOver: (e) => {
 						let t = I(e.operation);
 						t && T({
@@ -77,14 +77,14 @@ var F = (e, t, n, r) => {
 					onDragEnd: (e) => {
 						let t = I(e.operation);
 						P(() => {
-							T(null), t && y.handleDragEnd(String(t.source.id), String(t.target.id));
+							T(null), t && b.handleDragEnd(String(t.source.id), String(t.target.id));
 						});
 					},
 					children: R.map((e, t) => /* @__PURE__ */ M(z, {
 						column: e,
 						index: t,
 						isDisabled: R.length === 1,
-						translateY: F(e.id, t, R, C)
+						translateY: F(e.id, t, R, w)
 					}, e.id))
 				}), B.length > 0 && /* @__PURE__ */ N(j, { children: [
 					/* @__PURE__ */ M(l, {}),
@@ -92,7 +92,7 @@ var F = (e, t, n, r) => {
 						color: e.OnSurfaceSubdued,
 						py: r.Small,
 						px: r.Medium,
-						children: x.hiddenInTable
+						children: S.hiddenInTable
 					}),
 					B.map((e) => /* @__PURE__ */ N(u, {
 						itemType: "checkbox",
@@ -101,8 +101,8 @@ var F = (e, t, n, r) => {
 							isChecked: e.getIsVisible(),
 							onCheckedChange: ({ checked: t }) => {
 								if (e.toggleVisibility(!!t), t) {
-									let t = y.columnOrder.filter((t) => t !== e.id);
-									t.push(e.id), y.setColumnOrder(t);
+									let t = b.columnOrder.filter((t) => t !== e.id);
+									t.push(e.id), b.setColumnOrder(t);
 								}
 							}
 						})]
@@ -110,12 +110,12 @@ var F = (e, t, n, r) => {
 				] })]
 			}),
 			/* @__PURE__ */ M(l, {}),
-			S && /* @__PURE__ */ N(j, { children: [
+			C && /* @__PURE__ */ N(j, { children: [
 				/* @__PURE__ */ M(o, {
 					color: e.OnSurfaceSubdued,
 					py: r.Small,
 					px: r.Medium,
-					children: x.rowsPerPage
+					children: S.rowsPerPage
 				}),
 				/* @__PURE__ */ M(m, {
 					gap: "unset",
@@ -124,7 +124,7 @@ var F = (e, t, n, r) => {
 					children: g.map((e) => /* @__PURE__ */ N(u, {
 						itemType: "radio",
 						value: String(e),
-						children: [x.numberOfRows.replace("{count}", String(e)), /* @__PURE__ */ M(p, { value: String(e) })]
+						children: [S.numberOfRows.replace("{count}", String(e)), /* @__PURE__ */ M(p, { value: String(e) })]
 					}, e))
 				}),
 				/* @__PURE__ */ M(l, {})
@@ -132,18 +132,18 @@ var F = (e, t, n, r) => {
 			/* @__PURE__ */ N(u, {
 				itemType: "switch",
 				value: "breakingContent",
-				children: [x.breakingContent, /* @__PURE__ */ M(h, {
+				children: [S.breakingContent, /* @__PURE__ */ M(h, {
 					onCheckedChange: H,
 					isChecked: V()
 				})]
 			})
 		] }) })]
 	}) });
-}, R = [x], z = ({ column: a, index: o, isDisabled: s, translateY: c }) => {
-	let { ref: l, handleRef: d, isDragging: p } = C({
+}, R = [S], z = ({ column: a, index: o, isDisabled: s, translateY: c }) => {
+	let { ref: l, handleRef: d, isDragging: p } = w({
 		id: a.id,
 		index: o,
-		collisionDetector: y,
+		collisionDetector: b,
 		plugins: R
 	});
 	return /* @__PURE__ */ M(O, {

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

@@ -17,4 +17,6 @@ export declare const EditableTable: () => import("react").JSX.Element;
 export declare const HeaderTextWrappingTable: () => import("react").JSX.Element;
 export declare const NestedTableWithToolbar: () => import("react").JSX.Element;
 export declare const ResizableTable: () => import("react").JSX.Element;
+export declare const ReorderableTable: () => import("react").JSX.Element;
+export declare const ReorderableTableWithHandlesShown: () => import("react").JSX.Element;
 //# sourceMappingURL=table.composition.d.ts.map

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":"AAYA,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"}
+{"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"}

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

@@ -3,4 +3,19 @@ export declare const RESIZABLE_COLUMN_MIN_SIZE = 80;
 /** How much one arrow-key press changes a column's width, and how much the same press with Shift does. */
 export declare const RESIZABLE_COLUMN_KEYBOARD_STEP = 10;
 export declare const RESIZABLE_COLUMN_KEYBOARD_LARGE_STEP = 50;
+/**
+ * Width of one control slot at the start of a row's first cell. The grip, the row action menu and the
+ * checkbox each take a slot. They float over the cell, so the cell adds this much padding per slot to
+ * keep them off its text.
+ */
+export declare const ROW_SLOT_WIDTH = 24;
+/**
+ * How far a press on the grip has to move before it counts as trying to drag. This is only needed while a
+ * sort blocks dragging: dnd-kit is switched off then, so the table watches the press itself, and a few
+ * pixels of slack stop a plain click from looking like a drag.
+ */
+export declare const BLOCKED_DRAG_THRESHOLD_PX = 4;
+/** Rows and columns share the same `DragDropProvider`, so each sortable identifies its type. */
+export declare const ROW_SORTABLE_TYPE = "table-row";
+export declare const COLUMN_SORTABLE_TYPE = "table-column";
 //# sourceMappingURL=table.constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.constants.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,4BAA6B,CAAC;AAEpE,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,0GAA0G;AAC1G,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,oCAAoC,KAAK,CAAC"}
+{"version":3,"file":"table.constants.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,4BAA6B,CAAC;AAEpE,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,0GAA0G;AAC1G,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,gGAAgG;AAChG,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAC7C,eAAO,MAAM,oBAAoB,iBAAiB,CAAC"}

package/dist/components/table/table.constants.js

@@ -4,6 +4,6 @@ var e = [
 	25,
 	50,
 	100
-];
+], t = "table-row", n = "table-column";
 //#endregion
-export { e as DEFAULT_PAGE_SIZE_OPTIONS };
+export { n as COLUMN_SORTABLE_TYPE, e as DEFAULT_PAGE_SIZE_OPTIONS, t as ROW_SORTABLE_TYPE };

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, children, }: TableProps<TData>): import("react").JSX.Element;
+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;
 //# 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,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,+BAsCnB"}
+{"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"}

package/dist/components/table/table.js

@@ -2,7 +2,7 @@
 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, children: N }) {
+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 }) {
 	return /* @__PURE__ */ t(e, {
 		columns: n,
 		data: r,
@@ -35,7 +35,9 @@ function n({ columns: n, data: r, totalDataCount: i, localeString: a, expandedSt
 		enableColumnResizing: A,
 		initialColumnSizingState: j,
 		onColumnSizingChange: M,
-		children: N
+		enableRowReorder: N,
+		onRowOrderChange: P,
+		children: F
 	});
 }
 //#endregion

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

@@ -34,6 +34,17 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
+        reorderRow: string;
+        cancel: string;
+        reorderSortedTitle: string;
+        reorderSortedBody: string;
+        reorderSortedConfirm: string;
+        reorderInstructions: string;
+        reorderPickedUp: string;
+        reorderMovedTo: string;
+        reorderDropped: string;
+        reorderCancelled: string;
     };
     "en-US": {
         sortUp: string;
@@ -66,6 +77,17 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
+        reorderRow: string;
+        cancel: string;
+        reorderSortedTitle: string;
+        reorderSortedBody: string;
+        reorderSortedConfirm: string;
+        reorderInstructions: string;
+        reorderPickedUp: string;
+        reorderMovedTo: string;
+        reorderDropped: string;
+        reorderCancelled: string;
     };
     "en-GB": {
         sortUp: string;
@@ -98,6 +120,17 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
+        reorderRow: string;
+        cancel: string;
+        reorderSortedTitle: string;
+        reorderSortedBody: string;
+        reorderSortedConfirm: string;
+        reorderInstructions: string;
+        reorderPickedUp: string;
+        reorderMovedTo: string;
+        reorderDropped: string;
+        reorderCancelled: string;
     };
     "nb-NO": {
         sortUp: string;
@@ -130,6 +163,17 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
+        reorderRow: string;
+        cancel: string;
+        reorderSortedTitle: string;
+        reorderSortedBody: string;
+        reorderSortedConfirm: string;
+        reorderInstructions: string;
+        reorderPickedUp: string;
+        reorderMovedTo: string;
+        reorderDropped: string;
+        reorderCancelled: string;
     };
     "da-DK": {
         sortUp: string;
@@ -162,6 +206,17 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
+        reorderRow: string;
+        cancel: string;
+        reorderSortedTitle: string;
+        reorderSortedBody: string;
+        reorderSortedConfirm: string;
+        reorderInstructions: string;
+        reorderPickedUp: string;
+        reorderMovedTo: string;
+        reorderDropped: string;
+        reorderCancelled: string;
     };
     "fr-FR": {
         sortUp: string;
@@ -194,6 +249,17 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
+        reorderRow: string;
+        cancel: string;
+        reorderSortedTitle: string;
+        reorderSortedBody: string;
+        reorderSortedConfirm: string;
+        reorderInstructions: string;
+        reorderPickedUp: string;
+        reorderMovedTo: string;
+        reorderDropped: string;
+        reorderCancelled: string;
     };
     "nl-BE": {
         sortUp: string;
@@ -226,6 +292,17 @@ export declare const translations: {
         deleteSelectedRows: string;
         shownInTable: string;
         hiddenInTable: string;
+        clearSorting: string;
+        reorderRow: string;
+        cancel: string;
+        reorderSortedTitle: string;
+        reorderSortedBody: string;
+        reorderSortedConfirm: string;
+        reorderInstructions: string;
+        reorderPickedUp: string;
+        reorderMovedTo: string;
+        reorderDropped: string;
+        reorderCancelled: 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;AAgDD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOxB,CAAC"}