@caspeco/casper-ui-library 10.8.0 → 10.9.1

package/dist/components/table/table-context-provider.js

@@ -1,75 +1,117 @@
 "use no memo";
 import { getCoreRowModel as e, getExpandedRowModel as t, getFilteredRowModel as n, getSortedRowModel as r } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
 import { useReactTable as i } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { arrayMove as ee, getColumnSizeCssVarName as a, getColumnStartCssVarName as te } from "./helper.js";
-import { TableColumnResizeInfoContext as ne, TableColumnSizeVarsContext as re, TableContext as ie } from "./table-context.js";
-import { useCallback as o, useEffect as ae, useMemo as s, useState as c } from "react";
+import { arrayMove as a, getColumnSizeCssVarName as ee, getColumnStartCssVarName as te, getTopLevelRowIds as ne, isSameSequence as re } from "./helper.js";
+import { TableColumnResizeInfoContext as ie, TableColumnSizeVarsContext as ae, TableContext as oe } from "./table-context.js";
+import { TableSortedReorderPrompt as se } from "./table-sorted-reorder-prompt.js";
+import { useCallback as o, useEffect as ce, useMemo as s, useState as c } from "react";
 import { useControllableState as l } from "@chakra-ui/react";
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as u, jsxs as le } from "react/jsx-runtime";
 //#region lib/components/table/table-context-provider.tsx
-var oe = {}, se = {}, d = ({ data: d, totalDataCount: f, columns: p, children: ce, expandedState: le, localeString: m, initialExpandedState: h = oe, initialBreakingContentState: g = se, initialColumnVisibilityState: ue = {}, columnVisibilityState: de, onColumnVisibilityChange: fe, onExpandedChange: _, getRowId: v, getRowActions: pe, onBreakingContentChange: y, id: b, customRowIndication: x, onSortingChange: S, initialSortingState: me = [], sortingState: C, selectionState: he, initialSelectionState: ge = [], onSelectionChange: w, selectionActions: T, disableSelectionCheckbox: E, enableColumnReorder: D = !1, columnOrderState: _e, initialColumnOrder: O, onColumnOrderChange: ve, enableColumnResizing: k = !1, initialColumnSizingState: ye, onColumnSizingChange: A }) => {
-	let [j, M] = l({
-		value: le,
+var ue = {}, de = {}, fe = [], pe = [];
+function me({ enableRowReorder: e, hasRowId: t, isSorted: n, canClearSorting: r }) {
+	return !e || !t ? "off" : n ? r ? "blockedBySort" : "off" : "enabled";
+}
+var d = ({ data: d, totalDataCount: f, columns: p, children: he, expandedState: ge, localeString: m, initialExpandedState: h = ue, initialBreakingContentState: g = de, initialColumnVisibilityState: _e = {}, columnVisibilityState: ve, onColumnVisibilityChange: ye, onExpandedChange: _, getRowId: v, getRowActions: y, onBreakingContentChange: b, id: x, customRowIndication: S, onSortingChange: C, initialSortingState: be = [], sortingState: w, selectionState: xe, initialSelectionState: Se = [], onSelectionChange: Ce, selectionActions: T, disableSelectionCheckbox: E, enableColumnReorder: D = !1, columnOrderState: we, initialColumnOrder: O, onColumnOrderChange: Te, enableColumnResizing: k = !1, initialColumnSizingState: Ee, onColumnSizingChange: A, enableRowReorder: j, onRowOrderChange: De }) => {
+	let [M, N] = l({
+		value: ge,
 		onChange: _,
 		defaultValue: h
-	}), [N, P] = l({
-		value: de,
-		onChange: fe,
-		defaultValue: ue
-	}), [F, I] = l({
-		value: C,
-		onChange: S,
-		defaultValue: me
-	}), [be, L] = l({
-		value: he,
-		onChange: w,
-		defaultValue: ge
+	}), [P, F] = l({
+		value: ve,
+		onChange: ye,
+		defaultValue: _e
+	}), [I, L] = l({
+		value: w,
+		onChange: C,
+		defaultValue: be
+	}), [Oe, ke] = l({
+		value: xe,
+		onChange: Ce,
+		defaultValue: Se
 	}), [R, z] = l({
-		value: _e,
-		onChange: ve,
+		value: we,
+		onChange: Te,
 		defaultValue: O?.length ? O : p.map((e) => e.id).filter((e) => e !== void 0)
-	}), [B, xe] = c(ye ?? {}), [V, Se] = c({
+	}), B = s(() => j !== void 0 && v ? ne(d, v) : fe, [
+		j,
+		v,
+		d
+	]), [V, H] = c(null), U = s(() => V && re(V.dragTimeDataRowIds, B) ? V.orderedRowIds : B, [V, B]), W = me({
+		enableRowReorder: j,
+		hasRowId: v !== void 0,
+		isSorted: I.length > 0,
+		canClearSorting: w === void 0 || C !== void 0
+	}), G = s(() => {
+		if (U === B) return d;
+		let e = new Map(B.map((e, t) => [e, d[t]]));
+		return e.size === d.length ? U.map((t) => e.get(t)) : d;
+	}, [
+		d,
+		B,
+		U
+	]), K = o((e, t) => {
+		if (e === t) return;
+		let n = U.indexOf(e), r = U.indexOf(t);
+		if (n === -1 || r === -1) return;
+		let i = {
+			dragTimeDataRowIds: B,
+			orderedRowIds: a(U, n, r)
+		};
+		H(i), De?.({
+			rowId: e,
+			orderedRowIds: i.orderedRowIds,
+			afterRowId: i.orderedRowIds[r - 1],
+			beforeRowId: i.orderedRowIds[r + 1],
+			revert: () => H((e) => e === i ? V : e)
+		});
+	}, [
+		B,
+		V,
+		De,
+		U
+	]), [Ae, q] = c(!1), [J, je] = c(Ee ?? {}), [Y, Me] = c({
 		startOffset: null,
 		startSize: null,
 		deltaOffset: null,
 		deltaPercentage: null,
 		isResizingColumn: !1,
 		columnSizingStart: []
-	}), [H, U] = c(g || {}), [W, G] = c({}), [K, q] = c(null), J = o((e) => (q(e), () => {
-		q(null);
-	}), []), Y = o(() => K, [K]);
-	ae(() => {
-		x && G(x);
-	}, [x, G]);
-	let Ce = o((e) => {
+	}), [Ne, Pe] = c(g || {}), [X, Z] = c({}), [Fe, Ie] = c(null), Le = o((e) => (Ie(e), () => {
+		Ie(null);
+	}), []), Re = o(() => Fe, [Fe]);
+	ce(() => {
+		S && Z(S);
+	}, [S, Z]);
+	let ze = o((e) => {
 		let t;
-		t = typeof e == "function" ? e(N) : e, P(t);
-	}, [N, P]), we = o((e) => {
+		t = typeof e == "function" ? e(P) : e, F(t);
+	}, [P, F]), Be = o((e) => {
 		let t;
-		t = typeof e == "function" ? e(j) : e, M(t);
-	}, [j, M]), X = o((e) => {
-		I(e);
-	}, [I]), Te = o((e) => {
+		t = typeof e == "function" ? e(M) : e, N(t);
+	}, [M, N]), Ve = o((e) => {
+		L(e);
+	}, [L]), He = o((e) => {
 		let t = typeof e == "function" ? e(R) : e;
 		z(t);
-	}, [R, z]), Ee = o((e) => {
-		let t = typeof e == "function" ? e(V) : e;
-		Se(t);
-	}, [V]), De = o((e) => {
-		let t = typeof e == "function" ? e(B) : e;
-		xe(t), A?.(t);
-	}, [B, A]), Z = i({
+	}, [R, z]), Ue = o((e) => {
+		let t = typeof e == "function" ? e(Y) : e;
+		Me(t);
+	}, [Y]), We = o((e) => {
+		let t = typeof e == "function" ? e(J) : e;
+		je(t), A?.(t);
+	}, [J, A]), Q = i({
 		columns: p,
-		data: d,
+		data: G,
 		getCoreRowModel: e(),
 		getExpandedRowModel: t(),
 		getSortedRowModel: r(),
 		getFilteredRowModel: n(),
-		onColumnVisibilityChange: Ce,
-		onExpandedChange: we,
-		onColumnOrderChange: Te,
-		onColumnSizingChange: De,
-		onColumnSizingInfoChange: Ee,
+		onColumnVisibilityChange: ze,
+		onExpandedChange: Be,
+		onColumnOrderChange: He,
+		onColumnSizingChange: We,
+		onColumnSizingInfoChange: Ue,
 		enableColumnResizing: k,
 		columnResizeMode: "onEnd",
 		defaultColumn: k ? { minSize: 80 } : void 0,
@@ -79,123 +121,138 @@ var oe = {}, se = {}, d = ({ data: d, totalDataCount: f, columns: p, children: c
 		enableMultiRowSelection: !1,
 		enableRowSelection: !0,
 		state: {
-			sorting: F,
-			columnVisibility: N,
-			expanded: j,
-			rowSelection: W,
+			sorting: I,
+			columnVisibility: P,
+			expanded: M,
+			rowSelection: X,
 			columnOrder: D ? R : void 0,
-			columnSizing: B,
-			columnSizingInfo: V
+			columnSizing: J,
+			columnSizingInfo: Y
 		},
-		manualSorting: C !== void 0
-	}), Q = Z.getState().columnPinning, $ = V.isResizingColumn, Oe = s(() => {
+		manualSorting: w !== void 0
+	}), $ = Q.getState().columnPinning, Ge = Y.isResizingColumn, Ke = s(() => {
 		if (!k) return;
 		let e = {};
-		for (let t of Z.getVisibleLeafColumns()) e[a(t.id)] = `${t.getSize()}px`, t.getIsPinned() === "left" && (e[te(t.id)] = `${t.getStart("left")}px`);
+		for (let t of Q.getVisibleLeafColumns()) e[ee(t.id)] = `${t.getSize()}px`, t.getIsPinned() === "left" && (e[te(t.id)] = `${t.getStart("left")}px`);
 		return e;
 	}, [
 		k,
-		Z,
-		B,
-		Q
-	]), ke = s(() => k ? {
-		isResizingColumn: $,
-		deltaOffset: V.deltaOffset ?? 0
+		Q,
+		J,
+		$
+	]), qe = s(() => k ? {
+		isResizingColumn: Ge,
+		deltaOffset: Y.deltaOffset ?? 0
 	} : void 0, [
 		k,
-		$,
-		V.deltaOffset
-	]), Ae = o((e, t) => {
+		Ge,
+		Y.deltaOffset
+	]), Je = o((e, t) => {
 		if (e === t) return;
-		let n = Z.getColumn(e).getIsPinned(), r = Z.getColumn(t).getIsPinned();
+		let n = Q.getColumn(e).getIsPinned(), r = Q.getColumn(t).getIsPinned();
 		if (n === "left" || r === "left") {
-			let n = Z.getAllLeafColumns().filter((e) => e.getIsVisible()), r = n.map((e) => e.id), i = ee(r, r.indexOf(e), r.indexOf(t)), a = n.filter((e) => e.getIsPinned() === "left").length;
-			Z.setColumnPinning((e) => ({
+			let n = Q.getAllLeafColumns().filter((e) => e.getIsVisible()), r = n.map((e) => e.id), i = a(r, r.indexOf(e), r.indexOf(t)), ee = n.filter((e) => e.getIsPinned() === "left").length;
+			Q.setColumnPinning((e) => ({
 				...e,
-				left: i.slice(0, a)
+				left: i.slice(0, ee)
 			}));
 		}
-		z((n) => ee(n, n.indexOf(e), n.indexOf(t)));
-	}, [z, Z]), je = o(() => Z.getRowModel().flatRows.filter((e) => !E?.(e)).map((e) => e.id), [E, Z]), Me = w !== void 0 || T !== void 0, Ne = s(() => ({
-		data: d,
+		z((n) => a(n, n.indexOf(e), n.indexOf(t)));
+	}, [z, Q]), Ye = o(() => Q.getRowModel().flatRows.filter((e) => !E?.(e)).map((e) => e.id), [E, Q]), Xe = Ce !== void 0 || T !== void 0, Ze = s(() => ({
+		data: G,
 		totalDataCount: f,
-		table: Z,
+		table: Q,
 		initialExpandedState: h,
 		initialBreakingContentState: g,
 		localeString: m,
 		onExpandedChange: _,
-		expanded: j,
-		sorting: F,
-		setSorting: X,
-		setExpanded: M,
+		expanded: M,
+		sorting: I,
+		setSorting: Ve,
+		setExpanded: N,
 		getRowId: v,
-		getRowActions: pe,
-		breakingContentState: H,
-		setBreakingContentState: U,
-		onBreakingContentChange: y,
-		id: b,
-		setRowHighlight: G,
-		rowHighlight: W,
-		columnVisibility: N,
-		onSortingChange: S,
-		registerTableFilter: J,
-		getTableFilterMethods: Y,
-		canSelectRows: Me,
-		setSelectedRowIds: L,
-		selectedRowIds: be,
+		getRowActions: y,
+		breakingContentState: Ne,
+		setBreakingContentState: Pe,
+		onBreakingContentChange: b,
+		id: x,
+		setRowHighlight: Z,
+		rowHighlight: X,
+		columnVisibility: P,
+		onSortingChange: C,
+		registerTableFilter: Le,
+		getTableFilterMethods: Re,
+		canSelectRows: Xe,
+		setSelectedRowIds: ke,
+		selectedRowIds: Oe,
 		selectionActions: T,
 		disableSelectionCheckbox: E,
-		getSelectableRowIds: je,
+		getSelectableRowIds: Ye,
 		enableColumnReorder: D,
 		columnOrder: R,
 		setColumnOrder: z,
-		handleDragEnd: Ae,
+		handleDragEnd: Je,
 		enableColumnResizing: k,
-		columnPinning: Q
+		columnPinning: $,
+		rowReorderMode: W,
+		setIsSortedReorderPromptOpen: q,
+		rowOrder: U,
+		handleRowDragEnd: K
 	}), [
-		d,
+		G,
 		f,
-		Z,
+		Q,
 		h,
 		g,
 		m,
 		_,
-		j,
-		F,
-		X,
 		M,
+		I,
+		Ve,
+		N,
 		v,
-		pe,
-		H,
-		U,
 		y,
+		Ne,
+		Pe,
 		b,
-		G,
-		W,
-		N,
-		S,
-		J,
-		Y,
-		Me,
-		L,
-		be,
+		x,
+		Z,
+		X,
+		P,
+		C,
+		Le,
+		Re,
+		Xe,
+		ke,
+		Oe,
 		T,
 		E,
-		je,
+		Ye,
 		D,
 		R,
 		z,
-		Ae,
+		Je,
 		k,
-		Q
+		$,
+		W,
+		q,
+		U,
+		K
 	]);
-	return /* @__PURE__ */ u(ie.Provider, {
-		value: Ne,
-		children: /* @__PURE__ */ u(re.Provider, {
-			value: Oe,
-			children: /* @__PURE__ */ u(ne.Provider, {
-				value: ke,
-				children: ce
+	return /* @__PURE__ */ u(oe.Provider, {
+		value: Ze,
+		children: /* @__PURE__ */ u(ae.Provider, {
+			value: Ke,
+			children: /* @__PURE__ */ le(ie.Provider, {
+				value: qe,
+				children: [he, /* @__PURE__ */ u(se, {
+					isOpen: Ae,
+					localeString: m,
+					onCancel: () => q(!1),
+					onConfirm: () => {
+						L(pe), q(!1);
+					}
+				})]
 			})
 		})
 	});

package/dist/components/table/table-drag-accessibility.d.ts

@@ -0,0 +1,11 @@
+import { Locales } from './translations.js';
+/**
+ * dnd-kit only provides English announcements and does not support custom messages.
+ * This plugin replaces those default announcements with custom messages.
+ */
+export declare function createDragAccessibility({ localeString, rowCount, columnCount, }: {
+    localeString: Locales;
+    rowCount: number;
+    columnCount: number;
+}): import('@dnd-kit/abstract').PluginDescriptor<any, any, any>;
+//# sourceMappingURL=table-drag-accessibility.d.ts.map

package/dist/components/table/table-drag-accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-drag-accessibility.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-drag-accessibility.ts"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAYzE;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACvC,YAAY,EACZ,QAAQ,EACR,WAAW,GACX,EAAE;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACpB,+DAsBA"}

package/dist/components/table/table-drag-accessibility.js

@@ -0,0 +1,22 @@
+import "./table.constants.js";
+import { interpolate as e, translations as t } from "./translations.js";
+import { Accessibility as n } from "../../node_modules/@dnd-kit/dom/index.js";
+//#region lib/components/table/table-drag-accessibility.ts
+function r({ localeString: r, rowCount: i, columnCount: a }) {
+	let o = t[r], s = (t, n) => {
+		if (typeof n?.index == "number") return e(t, {
+			position: n.index + 1,
+			count: n.type === "table-row" ? i : a
+		});
+	};
+	return n.configure({
+		screenReaderInstructions: { draggable: o.reorderInstructions },
+		announcements: {
+			dragstart: ({ operation: { source: e } }) => s(o.reorderPickedUp, e),
+			dragover: ({ operation: { source: e, target: t } }) => !t || e?.id === t.id ? void 0 : s(o.reorderMovedTo, t),
+			dragend: ({ operation: { source: e, target: t }, canceled: n }) => n ? o.reorderCancelled : s(o.reorderDropped, t ?? e)
+		}
+	});
+}
+//#endregion
+export { r as createDragAccessibility };

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

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