@declarion/react 0.81.0 → 0.83.0

package/dist-lib/components/pages/list/DataCell.js

@@ -1,27 +1,27 @@
-import { colSizeVar as e, sizeFromVar as t } from "./column-sizing.js";
-import { jsx as n } from "react/jsx-runtime";
+import { colSizeVar as e, pinnedColumnStyle as t, sizeFromVar as n } from "./column-sizing.js";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/pages/list/DataCell.tsx
-function r({ cell: r }) {
-	let i = r.column.id === "_select", a = r.column.id === "_actions", o = r.column.columnDef.cell, s = typeof o == "function" ? o(r.getContext()) : o;
-	return /* @__PURE__ */ n("td", {
-		title: typeof s == "string" ? s : void 0,
+function i({ cell: i }) {
+	let a = i.column.id === "_select", o = i.column.id === "_actions", s = i.column.columnDef.cell, c = typeof s == "function" ? s(i.getContext()) : s;
+	return /* @__PURE__ */ r("td", {
+		title: typeof c == "string" ? c : void 0,
 		style: {
-			padding: i ? "0 6px 0 12px" : a ? "0 6px" : "0 10px",
+			padding: a ? "0 6px 0 12px" : o ? "0 6px" : "0 10px",
 			verticalAlign: "middle",
 			borderBottom: "1px solid var(--divider)",
-			width: t(e(r.column.id)),
+			width: n(e(i.column.id)),
 			whiteSpace: "nowrap",
 			overflow: "hidden",
 			textOverflow: "ellipsis",
-			maxWidth: t(e(r.column.id)),
+			maxWidth: n(e(i.column.id)),
 			color: "var(--text)",
-			position: i ? "sticky" : "static",
-			left: i ? 0 : "auto",
-			zIndex: +!!i
+			position: "static",
+			...t(i.column.id),
+			zIndex: a || o ? 1 : 0
 		},
-		onClick: i || a ? (e) => e.stopPropagation() : void 0,
-		children: s
+		onClick: a || o ? (e) => e.stopPropagation() : void 0,
+		children: c
 	});
 }
 //#endregion
-export { r as DataCell };
+export { i as DataCell };

package/dist-lib/components/pages/list/ListFloatbar.js

@@ -6,46 +6,48 @@ import { applyRowState as a, defaultFlatForSlot as o, filterLayoutForSlot as s }
 import { useActionRunner as c } from "../../actions/ActionRunner.js";
 import { dispatchAction as l } from "../../../lib/action-dispatch.js";
 import { ResponsiveActionBar as u } from "../../actions/ResponsiveActionBar.js";
-import { commonVariantActionCodes as d, effectiveScreenForRecord as f, resolveScreenVariantCode as p } from "../../../lib/variants.js";
-import { useMemo as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useRowTenant as d } from "../../../hooks/useRowTenant.js";
+import { commonVariantActionCodes as f, effectiveScreenForRecord as p, resolveScreenVariantCode as m } from "../../../lib/variants.js";
+import { useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/pages/list/ListFloatbar.tsx
-var _ = "@keyframes floatbarIn{from{transform:translateX(-50%) translateY(8px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}";
-function v({ selectedIds: v, floatbarActions: y, screenActionLayout: b, entityActionLayout: x, data: S, rowKey: C, entityCode: w, entity: T, screen: E, onClear: D, onActionSuccess: O, widgetContext: k }) {
-	let A = n(), j = n("errors"), { run: M } = c(), N = m(() => {
+var v = "@keyframes floatbarIn{from{transform:translateX(-50%) translateY(8px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}";
+function y({ selectedIds: y, floatbarActions: b, screenActionLayout: x, entityActionLayout: S, data: C, rowKey: w, entityCode: T, entity: E, screen: D, onClear: O, onActionSuccess: k, widgetContext: A }) {
+	let j = n(), M = d(E), N = n("errors"), { run: P } = c(), F = h(() => {
 		let e = {};
-		for (let { code: t, action: n } of y) e[t] = n;
+		for (let { code: t, action: n } of b) e[t] = n;
 		return e;
-	}, [y]), P = m(() => {
-		if (v.length === 0) return [];
+	}, [b]), I = h(() => {
+		if (y.length === 0) return [];
 		let e = /* @__PURE__ */ new Map();
-		for (let t of S) e.set(C(t), t);
-		return v.map((t) => e.get(t)).filter((e) => e !== void 0);
+		for (let t of C) e.set(w(t), t);
+		return y.map((t) => e.get(t)).filter((e) => e !== void 0);
 	}, [
-		v,
-		S,
-		C
-	]), F = m(() => {
-		if (!T || !E || P.length === 0) return b;
-		let e = P.map((e) => p(T, E, e));
-		return e.some((t) => t !== e[0]) ? b : f(T, E, P[0])?.action_layout;
+		y,
+		C,
+		w
+	]), L = h(() => {
+		if (!E || !D || I.length === 0) return x;
+		let e = I.map((e) => m(E, D, e));
+		return e.some((t) => t !== e[0]) ? x : p(E, D, I[0])?.action_layout;
 	}, [
-		T,
 		E,
-		P,
-		b
-	]), I = m(() => s((F ?? x) || o(N, "list_floatbar"), N, void 0, "list_floatbar"), [
+		D,
+		I,
+		x
+	]), R = h(() => s((L ?? S) || o(F, "list_floatbar"), F, void 0, "list_floatbar"), [
+		L,
+		S,
+		F
+	]), z = h(() => a(j, R, F, void 0, {}, I, M, f(E, I)), [
+		j,
+		R,
 		F,
-		x,
-		N
-	]), L = m(() => a(A, I, N, void 0, {}, P, d(T, P)), [
-		A,
 		I,
-		N,
-		P,
-		T
+		E,
+		M
 	]);
-	return L.length === 0 ? null : /* @__PURE__ */ g("div", {
+	return z.length === 0 ? null : /* @__PURE__ */ _("div", {
 		style: {
 			position: "fixed",
 			left: "50%",
@@ -66,13 +68,13 @@ function v({ selectedIds: v, floatbarActions: y, screenActionLayout: b, entityAc
 			animation: "floatbarIn .15s ease-out"
 		},
 		children: [
-			/* @__PURE__ */ h("style", { children: _ }),
-			/* @__PURE__ */ g("span", {
+			/* @__PURE__ */ g("style", { children: v }),
+			/* @__PURE__ */ _("span", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 600
 				},
-				children: [/* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ g("span", {
 					style: {
 						padding: "1px 7px",
 						borderRadius: "var(--radius-sm)",
@@ -81,36 +83,36 @@ function v({ selectedIds: v, floatbarActions: y, screenActionLayout: b, entityAc
 						marginRight: 6,
 						fontSize: 11.5
 					},
-					children: v.length
-				}), e(A, "list.selection.selected", v.length, {
+					children: y.length
+				}), e(j, "list.selection.selected", y.length, {
 					one: "selected",
 					other: "selected"
 				})]
 			}),
-			/* @__PURE__ */ h(u, {
-				layout: L,
+			/* @__PURE__ */ g(u, {
+				layout: z,
 				kind: "toolbar",
-				entityActions: N,
-				rowSelection: P,
+				entityActions: F,
+				rowSelection: I,
 				onRun: (e, t) => {
-					let n = l(j, e, t, {}, w);
-					if (n !== null) return M({
+					let n = l(N, e, t, {}, T);
+					if (n !== null) return P({
 						action: t,
-						title: A(t.display?.name) || e,
-						bulkSelection: P,
-						entity: w,
+						title: j(t.display?.name) || e,
+						bulkSelection: I,
+						entity: T,
 						execute: async (e) => {
-							let t = await i(n, r(e, v));
-							return O(), t;
+							let t = await i(n, r(e, y));
+							return k(), t;
 						}
 					});
 				},
-				widgetContext: k,
-				ariaLabel: A("list.selection.floatbar", "Floating action bar"),
+				widgetContext: A,
+				ariaLabel: j("list.selection.floatbar", "Floating action bar"),
 				constrain: !1
 			}),
-			/* @__PURE__ */ h("button", {
-				onClick: D,
+			/* @__PURE__ */ g("button", {
+				onClick: O,
 				style: {
 					background: "none",
 					border: "none",
@@ -120,11 +122,11 @@ function v({ selectedIds: v, floatbarActions: y, screenActionLayout: b, entityAc
 					padding: "4px 6px",
 					borderRadius: "var(--radius-md)"
 				},
-				title: A("list.selection.clear", "Clear selection"),
-				children: /* @__PURE__ */ h(t.x, { size: 14 })
+				title: j("list.selection.clear", "Clear selection"),
+				children: /* @__PURE__ */ g(t.x, { size: 14 })
 			})
 		]
 	});
 }
 //#endregion
-export { v as ListFloatbar };
+export { y as ListFloatbar };

package/dist-lib/components/pages/list/ListHeader.js

@@ -11,81 +11,83 @@ import { useBrandingChrome as m } from "../../../hooks/useBrandingChrome.js";
 import { useScreenBack as h } from "../../../hooks/useScreenBack.js";
 import { dispatchAction as g } from "../../../lib/action-dispatch.js";
 import { ResponsiveActionBar as _ } from "../../actions/ResponsiveActionBar.js";
-import { useMemo as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useRowTenant as v } from "../../../hooks/useRowTenant.js";
+import { useMemo as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/pages/list/ListHeader.tsx
-function x({ title: x, description: S, toolbarActions: C, screenActionLayout: w, entityActionLayout: T, selectedIds: E, data: D, rowKey: O, onActionSuccess: k, widgetContext: A }) {
-	let j = r(), M = r("errors"), { run: N } = p(), { isPhone: P } = i(), F = m("list"), I = F.isVisible("show_title"), L = F.isVisible("show_actions"), R = h(), z = v(() => {
+function S({ title: S, description: C, toolbarActions: w, screenActionLayout: T, entityActionLayout: E, selectedIds: D, data: O, rowKey: k, onActionSuccess: A, widgetContext: j }) {
+	let M = r(), N = v(j.entity), P = r("errors"), { run: F } = p(), { isPhone: I } = i(), L = m("list"), R = L.isVisible("show_title"), z = L.isVisible("show_actions"), B = h(), V = y(() => {
 		let e = {};
-		for (let { code: t, action: n } of C) e[t] = n;
+		for (let { code: t, action: n } of w) e[t] = n;
 		return e;
-	}, [C]), B = v(() => f((w ?? T) || u(z, "list_toolbar"), z, void 0, "list_toolbar"), [
-		w,
+	}, [w]), H = y(() => f((T ?? E) || u(V, "list_toolbar"), V, void 0, "list_toolbar"), [
 		T,
-		z
-	]), V = v(() => d(B, z, void 0, c, j("list.toolbar.select_rows_first", "Select one or more rows first")), [
-		j,
-		B,
-		z
-	]), H = v(() => {
-		if (E.length === 0) return [];
+		E,
+		V
+	]), U = y(() => d(H, V, void 0, c, M("list.toolbar.select_rows_first", "Select one or more rows first")), [
+		M,
+		H,
+		V
+	]), W = y(() => {
+		if (D.length === 0) return [];
 		let e = /* @__PURE__ */ new Map();
-		for (let t of D) e.set(O(t), t);
-		return E.map((t) => e.get(t)).filter((e) => e !== void 0);
+		for (let t of O) e.set(k(t), t);
+		return D.map((t) => e.get(t)).filter((e) => e !== void 0);
 	}, [
-		E,
 		D,
-		O
-	]), U = v(() => l(j, B, z, void 0, {}, H), [
-		j,
-		B,
-		z,
-		H
-	]), W = E.length > 0 ? U : V, G = (e, t) => {
-		let n = g(M, e, t, {});
+		O,
+		k
+	]), G = y(() => l(M, H, V, void 0, {}, W, N), [
+		M,
+		H,
+		V,
+		W,
+		N
+	]), K = D.length > 0 ? G : U, q = (e, t) => {
+		let n = g(P, e, t, {});
 		if (n === null) return;
-		let r = j(t.display?.name) || e;
-		return N({
+		let r = M(t.display?.name) || e;
+		return F({
 			action: t,
 			title: r,
-			bulkSelection: H.length > 0 ? H : void 0,
+			bulkSelection: W.length > 0 ? W : void 0,
 			execute: async (e) => {
-				let t = E.length > 0 ? E : void 0, r = await o(n, a(e, t));
-				return t && t.length > 0 && k(), r;
+				let t = D.length > 0 ? D : void 0, r = await o(n, a(e, t));
+				return t && t.length > 0 && A(), r;
 			}
 		});
 	};
-	return !I && !L ? null : /* @__PURE__ */ b("div", {
+	return !R && !z ? null : /* @__PURE__ */ x("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			gap: 8,
-			flexWrap: P ? "wrap" : "nowrap",
-			paddingTop: P ? 12 : 16,
+			flexWrap: I ? "wrap" : "nowrap",
+			paddingTop: I ? 12 : 16,
 			paddingBottom: 10,
-			...P ? s(12) : {
+			...I ? s(12) : {
 				paddingLeft: 20,
 				paddingRight: 20
 			}
 		},
 		children: [
-			I && R.hasOriginBack && /* @__PURE__ */ y(t, {
-				icon: /* @__PURE__ */ y(e.back, { size: 14 }),
-				title: j("list.header.back", "Back"),
-				onClick: R.goBack
+			R && B.hasOriginBack && /* @__PURE__ */ b(t, {
+				icon: /* @__PURE__ */ b(e.back, { size: 14 }),
+				title: M("list.header.back", "Back"),
+				onClick: B.goBack
 			}),
-			I && /* @__PURE__ */ y("div", {
+			R && /* @__PURE__ */ b("div", {
 				style: {
-					flex: P ? "1 1 100%" : "1 1 auto",
+					flex: I ? "1 1 100%" : "1 1 auto",
 					minWidth: 0
 				},
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ x("div", {
 					style: {
 						display: "flex",
 						alignItems: "baseline",
 						gap: 10
 					},
-					children: [/* @__PURE__ */ y("h1", {
+					children: [/* @__PURE__ */ b("h1", {
 						style: {
 							margin: 0,
 							minWidth: 0,
@@ -98,23 +100,23 @@ function x({ title: x, description: S, toolbarActions: C, screenActionLayout: w,
 							letterSpacing: "-0.012em",
 							color: "var(--text)"
 						},
-						children: x
-					}), S && /* @__PURE__ */ y(n, {
-						label: S,
+						children: S
+					}), C && /* @__PURE__ */ b(n, {
+						label: C,
 						"data-testid": "list-description-info"
 					})]
 				})
 			}),
-			L && W.length > 0 && /* @__PURE__ */ y(_, {
-				layout: W,
+			z && K.length > 0 && /* @__PURE__ */ b(_, {
+				layout: K,
 				kind: "toolbar",
-				entityActions: z,
-				onRun: G,
-				widgetContext: A,
-				ariaLabel: j("list.toolbar.actions", "List toolbar actions")
+				entityActions: V,
+				onRun: q,
+				widgetContext: j,
+				ariaLabel: M("list.toolbar.actions", "List toolbar actions")
 			})
 		]
 	});
 }
 //#endregion
-export { x as ListHeader };
+export { S as ListHeader };

package/dist-lib/components/pages/list/ListTable.js

@@ -1,101 +1,101 @@
 import { Icon as e } from "../../primitives/Icons.js";
 import { useText as t } from "../../../hooks/useText.js";
-import { headerSizeVar as n, sizeFromVar as r } from "./column-sizing.js";
-import { isHeaderSortable as i } from "./sortable-header.js";
-import { Suspense as a, lazy as o, memo as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { flexRender as u } from "@tanstack/react-table";
+import { headerSizeVar as n, pinnedColumnStyle as r, sizeFromVar as i } from "./column-sizing.js";
+import { isHeaderSortable as a } from "./sortable-header.js";
+import { Suspense as o, lazy as s, memo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { flexRender as d } from "@tanstack/react-table";
 //#region src/components/pages/list/ListTable.tsx
-var d = o(() => import("./SortHeaderMenu.js").then((e) => ({ default: e.SortHeaderMenu }))), f = s(function({ virtualItems: e, topPad: t, bottomPad: n, colSpan: r, rows: i, renderRow: a, showsPreviousRows: o }) {
-	return /* @__PURE__ */ l("tbody", {
+var f = s(() => import("./SortHeaderMenu.js").then((e) => ({ default: e.SortHeaderMenu }))), p = c(function({ virtualItems: e, topPad: t, bottomPad: n, colSpan: r, rows: i, renderRow: a, showsPreviousRows: o }) {
+	return /* @__PURE__ */ u("tbody", {
 		style: o ? {
 			opacity: .45,
 			transition: "opacity 120ms"
 		} : void 0,
 		children: [
-			e.length > 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+			e.length > 0 && /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
 				style: { height: t },
 				colSpan: r
 			}) }),
 			e.map((e) => a(i[e.index], e.index)),
-			e.length > 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+			e.length > 0 && /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
 				style: { height: n },
 				colSpan: r
 			}) })
 		]
 	});
 }, (e, t) => t.isResizing);
-function p({ table: o, columns: s, rows: p, entity: m, columnSizeVars: h, totalColumnsWidth: g, theadRef: _, virtualizer: v, visibleCols: y, headerReorder: b, sortCols: x, sortNullsMap: S, shiftClickColumn: C, applyColumnSort: w, appendColumnSort: T, clearColumnSort: E, clearAllSorts: D, renderRow: O, isResizingColumn: k, showsPreviousRows: A }) {
-	let j = t();
-	return /* @__PURE__ */ l("table", {
+function m({ table: s, columns: c, rows: m, entity: h, columnSizeVars: g, totalColumnsWidth: _, theadRef: v, virtualizer: y, visibleCols: b, headerReorder: x, sortCols: S, sortNullsMap: C, shiftClickColumn: w, applyColumnSort: T, appendColumnSort: E, clearColumnSort: D, clearAllSorts: O, renderRow: k, isResizingColumn: A, showsPreviousRows: j }) {
+	let M = t();
+	return /* @__PURE__ */ u("table", {
 		"data-virtual-rows": "true",
-		"aria-busy": A || void 0,
+		"aria-busy": j || void 0,
 		style: {
-			...h,
+			...g,
 			tableLayout: "fixed",
 			width: "100%",
-			minWidth: g,
+			minWidth: _,
 			borderCollapse: "separate",
 			borderSpacing: 0,
 			fontSize: 12.5,
 			color: "var(--text)"
 		},
-		children: [/* @__PURE__ */ c("thead", {
-			ref: _,
-			children: o.getHeaderGroups().map((t) => /* @__PURE__ */ l("tr", {
+		children: [/* @__PURE__ */ l("thead", {
+			ref: v,
+			children: s.getHeaderGroups().map((t) => /* @__PURE__ */ u("tr", {
 				style: {
 					height: 32,
 					background: "var(--surface-2)"
 				},
 				children: [t.headers.map((t) => {
-					let o = i(t.id, m), s = t.column.getIsSorted(), f = t.id === "_select", p = t.id === "_actions", h = s ? x.findIndex((e) => e.field === t.id) + 1 : 0, g = x.length > 1 && h > 0, _ = h > 0, v = x.length < 5, O = o ? t.column.getToggleSortingHandler() : void 0, k = o ? (e) => {
-						e.shiftKey ? (e.preventDefault(), C(t.id)) : O?.(e);
-					} : void 0, A = !f && !p, M = A ? y.indexOf(t.id) : -1, N = b.dragColId === t.id, P = b.isDragging && M !== -1 && b.dropIndex === M, F = b.isDragging && M !== -1 && M === y.length - 1 && b.dropIndex === y.length;
-					return /* @__PURE__ */ l("th", {
-						"data-col-id": A ? t.id : void 0,
-						onMouseDown: A ? (e) => b.onHeaderMouseDown(t.id, e) : void 0,
+					let s = a(t.id, h), c = t.column.getIsSorted(), p = t.id === "_select", m = t.id === "_actions", g = c ? S.findIndex((e) => e.field === t.id) + 1 : 0, _ = S.length > 1 && g > 0, v = g > 0, y = S.length < 5, k = s ? t.column.getToggleSortingHandler() : void 0, A = s ? (e) => {
+						e.shiftKey ? (e.preventDefault(), w(t.id)) : k?.(e);
+					} : void 0, j = !p && !m, N = j ? b.indexOf(t.id) : -1, P = x.dragColId === t.id, F = x.isDragging && N !== -1 && x.dropIndex === N, I = x.isDragging && N !== -1 && N === b.length - 1 && x.dropIndex === b.length;
+					return /* @__PURE__ */ u("th", {
+						"data-col-id": j ? t.id : void 0,
+						onMouseDown: j ? (e) => x.onHeaderMouseDown(t.id, e) : void 0,
 						onClick: (e) => {
-							b.consumeDragSuppression() || k?.(e);
+							x.consumeDragSuppression() || A?.(e);
 						},
 						style: {
-							padding: f ? "0 6px 0 12px" : p ? "0 6px" : "0 10px",
+							padding: p ? "0 6px 0 12px" : m ? "0 6px" : "0 10px",
 							textAlign: "left",
 							fontWeight: 600,
 							fontSize: 11,
 							letterSpacing: "0.01em",
 							color: "var(--text-3)",
 							whiteSpace: "nowrap",
-							cursor: o ? "pointer" : "default",
-							opacity: N ? .4 : 1,
-							boxShadow: P ? "inset 2px 0 0 0 var(--accent)" : F ? "inset -2px 0 0 0 var(--accent)" : void 0,
-							width: r(n(t.id)),
-							minWidth: r(n(t.id)),
+							cursor: s ? "pointer" : "default",
+							opacity: P ? .4 : 1,
+							boxShadow: F ? "inset 2px 0 0 0 var(--accent)" : I ? "inset -2px 0 0 0 var(--accent)" : void 0,
+							width: i(n(t.id)),
+							minWidth: i(n(t.id)),
 							borderBottom: "1px solid var(--border)",
 							background: "var(--surface-2)",
+							...r(t.id),
 							position: "sticky",
 							top: 0,
-							left: f ? 0 : "auto",
-							zIndex: f ? 3 : 2
+							zIndex: p || m ? 3 : 2
 						},
-						children: [t.isPlaceholder ? null : o ? /* @__PURE__ */ l("span", {
+						children: [t.isPlaceholder ? null : s ? /* @__PURE__ */ u("span", {
 							style: {
 								display: "inline-flex",
 								alignItems: "center",
 								gap: 4
 							},
 							children: [
-								u(t.column.columnDef.header, t.getContext()),
-								/* @__PURE__ */ l("span", {
+								d(t.column.columnDef.header, t.getContext()),
+								/* @__PURE__ */ u("span", {
 									style: {
 										display: "inline-flex",
 										flexDirection: "column",
 										alignItems: "center",
 										lineHeight: 0
 									},
-									children: [s === "asc" ? /* @__PURE__ */ c(e.arrowUp, { size: 11 }) : s === "desc" ? /* @__PURE__ */ c(e.arrowDown, { size: 11 }) : /* @__PURE__ */ c(e.sort, {
+									children: [c === "asc" ? /* @__PURE__ */ l(e.arrowUp, { size: 11 }) : c === "desc" ? /* @__PURE__ */ l(e.arrowDown, { size: 11 }) : /* @__PURE__ */ l(e.sort, {
 										size: 11,
 										style: { opacity: .35 }
-									}), s && S.get(t.id) === "first" ? /* @__PURE__ */ c("span", {
+									}), c && C.get(t.id) === "first" ? /* @__PURE__ */ l("span", {
 										"aria-hidden": "true",
 										style: {
 											width: 4,
@@ -106,8 +106,8 @@ function p({ table: o, columns: s, rows: p, entity: m, columnSizeVars: h, totalC
 										}
 									}) : null]
 								}),
-								g ? /* @__PURE__ */ c("span", {
-									"aria-label": j("list.sort.rank", "Sort rank {rank}", { rank: h }),
+								_ ? /* @__PURE__ */ l("span", {
+									"aria-label": M("list.sort.rank", "Sort rank {rank}", { rank: g }),
 									style: {
 										fontSize: 10,
 										lineHeight: 1,
@@ -115,24 +115,24 @@ function p({ table: o, columns: s, rows: p, entity: m, columnSizeVars: h, totalC
 										verticalAlign: "super",
 										fontVariantNumeric: "tabular-nums"
 									},
-									children: h
+									children: g
 								}) : null,
-								/* @__PURE__ */ c(a, {
+								/* @__PURE__ */ l(o, {
 									fallback: null,
-									children: /* @__PURE__ */ c(d, {
+									children: /* @__PURE__ */ l(f, {
 										field: t.id,
-										activeDir: s,
-										activeNulls: S.get(t.id),
-										inMultiSort: _,
-										canAppend: v,
-										onApply: (e, n) => w(t.id, e, n),
-										onAppend: (e, n) => T(t.id, e, n),
-										onClearColumn: () => E(t.id),
-										onClearAll: D
+										activeDir: c,
+										activeNulls: C.get(t.id),
+										inMultiSort: v,
+										canAppend: y,
+										onApply: (e, n) => T(t.id, e, n),
+										onAppend: (e, n) => E(t.id, e, n),
+										onClearColumn: () => D(t.id),
+										onClearAll: O
 									})
 								})
 							]
-						}) : u(t.column.columnDef.header, t.getContext()), t.column.getCanResize() && /* @__PURE__ */ c("div", {
+						}) : d(t.column.columnDef.header, t.getContext()), t.column.getCanResize() && /* @__PURE__ */ l("div", {
 							"data-testid": "col-resize-handle",
 							"aria-hidden": "true",
 							onMouseDown: (e) => {
@@ -155,7 +155,7 @@ function p({ table: o, columns: s, rows: p, entity: m, columnSizeVars: h, totalC
 								userSelect: "none",
 								zIndex: 3
 							},
-							children: /* @__PURE__ */ c("span", { style: {
+							children: /* @__PURE__ */ l("span", { style: {
 								width: 2,
 								height: "60%",
 								alignSelf: "center",
@@ -164,7 +164,7 @@ function p({ table: o, columns: s, rows: p, entity: m, columnSizeVars: h, totalC
 							} })
 						})]
 					}, t.id);
-				}), /* @__PURE__ */ c("th", {
+				}), /* @__PURE__ */ l("th", {
 					"aria-hidden": "true",
 					style: {
 						borderBottom: "1px solid var(--border)",
@@ -175,17 +175,17 @@ function p({ table: o, columns: s, rows: p, entity: m, columnSizeVars: h, totalC
 					}
 				})]
 			}, t.id))
-		}), /* @__PURE__ */ c(f, {
-			virtualItems: v.getVirtualItems(),
-			topPad: v.getVirtualItems()[0]?.start ?? 0,
-			bottomPad: v.getTotalSize() - (v.getVirtualItems().at(-1)?.end ?? 0),
-			colSpan: s.length + 1,
-			rows: p,
-			renderRow: O,
-			isResizing: !!k,
-			showsPreviousRows: A
+		}), /* @__PURE__ */ l(p, {
+			virtualItems: y.getVirtualItems(),
+			topPad: y.getVirtualItems()[0]?.start ?? 0,
+			bottomPad: y.getTotalSize() - (y.getVirtualItems().at(-1)?.end ?? 0),
+			colSpan: c.length + 1,
+			rows: m,
+			renderRow: k,
+			isResizing: !!A,
+			showsPreviousRows: j
 		})]
 	});
 }
 //#endregion
-export { p as ListTable };
+export { m as ListTable };