@noxickon/onyx 5.0.1 → 6.0.0

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,707 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { OxButton as n } from "../Button/Button.js";
+import { OxDropdown as r } from "../Dropdown/index.js";
+import { OxCheckbox as i } from "../Checkbox/Checkbox.js";
+import { CSS as a } from "../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { DndContext as o, KeyboardSensor as s, PointerSensor as c, closestCenter as l, useSensor as u, useSensors as d } from "../../node_modules/@dnd-kit/core/dist/core.esm.js";
+import { SortableContext as f, sortableKeyboardCoordinates as p, useSortable as m, verticalListSortingStrategy as h } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
+import { pick as g } from "../../node_modules/es-toolkit/dist/object/pick.js";
+import { OxPopover as _ } from "../Popover/index.js";
+import { OxSkeleton as v } from "../Skeleton/Skeleton2.js";
+import { useControllableState as y } from "../../internal/hooks/useControllableState/useControllableState.js";
+import { OxTable as b } from "../Table/index.js";
+import { dataTableVariants as x } from "./DataTable.styles.js";
+import { orderColumnIds as S, reorderColumns as C } from "./DataTable.utils.js";
+import { Children as w, isValidElement as T, useId as E, useRef as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { ArrowDown as M, ArrowUp as N, ArrowUpDown as P, ChevronLeft as F, ChevronRight as I, EllipsisVertical as L, EyeOff as R, GripVertical as z, Lock as ee, Settings2 as B, Snowflake as V } from "lucide-react";
+//#region src/components/DataTable/DataTable.tsx
+var H = e(), U = "__ox-expand", te = "__ox-select", ne = [
+	"w-3/5",
+	"w-2/5",
+	"w-4/5"
+], { Provider: re, useRequiredContext: W } = t("OxDataTable"), G = (...e) => e.filter(Boolean).join(" ") || void 0, ie = (e) => {
+	if (typeof e == "number") return e;
+	if (typeof e == "string" && e.endsWith("px")) return Number.parseFloat(e);
+}, ae = (e) => e == null ? null : typeof e == "string" || typeof e == "number" ? e : typeof e == "boolean" ? e ? "Yes" : "No" : null, K = (e) => T(e) && e.type === _e;
+function q(e) {
+	let t = (0, H.c)(61), { caption: n, children: r, className: i, columnOrder: a, columnVisibility: o, columns: s, data: c, defaultColumnOrder: l, defaultColumnVisibility: u, defaultExpandedRows: d, defaultFrozenColumns: f, defaultPage: p, defaultSelectedRows: m, defaultSort: h, density: g, emptyState: _, endReachedThreshold: C, frozenColumns: T, getRowCanExpand: O, getRowId: k, hover: M, loading: N, maxHeight: P, onColumnOrderChange: F, onColumnVisibilityChange: I, onEndReached: L, onFrozenColumnsChange: R, onPageChange: z, onSelectionChange: ee, onSortChange: B, page: V, pageSize: W, paginationMode: ae, renderExpandedRow: K, rowCount: q, selectable: me, selectedRows: he, sort: J, stickyHeader: Y } = e, X = h === void 0 ? null : h, ge = g === void 0 ? "comfortable" : g, _e = _ === void 0 ? "No results." : _, ve = C === void 0 ? 320 : C, ye = M === void 0 ? !0 : M, be = N === void 0 ? !1 : N, xe = W === void 0 ? 10 : W, Se = ae === void 0 ? "pages" : ae, Ce = me === void 0 ? !1 : me, we = Y === void 0 ? !0 : Y, Te = E(), Z = x({ density: ge }), Ee = new Map(s.map(fe)), De = de, Oe;
+	t[0] !== s || t[1] !== l ? (Oe = l ?? s.map(ue), t[0] = s, t[1] = l, t[2] = Oe) : Oe = t[2];
+	let ke;
+	t[3] !== a || t[4] !== F || t[5] !== Oe ? (ke = {
+		prop: a,
+		defaultProp: Oe,
+		onChange: F
+	}, t[3] = a, t[4] = F, t[5] = Oe, t[6] = ke) : ke = t[6];
+	let [Ae, je] = y(ke), Me;
+	t[7] === u ? Me = t[8] : (Me = u ?? {}, t[7] = u, t[8] = Me);
+	let Ne;
+	t[9] !== o || t[10] !== I || t[11] !== Me ? (Ne = {
+		prop: o,
+		defaultProp: Me,
+		onChange: I
+	}, t[9] = o, t[10] = I, t[11] = Me, t[12] = Ne) : Ne = t[12];
+	let [Pe, Fe] = y(Ne), Ie;
+	t[13] === f ? Ie = t[14] : (Ie = f ?? [], t[13] = f, t[14] = Ie);
+	let Le;
+	t[15] !== T || t[16] !== R || t[17] !== Ie ? (Le = {
+		prop: T,
+		defaultProp: Ie,
+		onChange: R
+	}, t[15] = T, t[16] = R, t[17] = Ie, t[18] = Le) : Le = t[18];
+	let [Re, ze] = y(Le), Be;
+	t[19] !== X || t[20] !== J ? (Be = {
+		prop: J,
+		defaultProp: X
+	}, t[19] = X, t[20] = J, t[21] = Be) : Be = t[21];
+	let [Ve, He] = y(Be), Ue;
+	t[22] === m ? Ue = t[23] : (Ue = m ?? /* @__PURE__ */ new Set(), t[22] = m, t[23] = Ue);
+	let We;
+	t[24] !== ee || t[25] !== he || t[26] !== Ue ? (We = {
+		prop: he,
+		defaultProp: Ue,
+		onChange: ee
+	}, t[24] = ee, t[25] = he, t[26] = Ue, t[27] = We) : We = t[27];
+	let [Ge, Ke] = y(We), qe = p ?? 1, Je;
+	t[28] !== z || t[29] !== V || t[30] !== qe ? (Je = {
+		prop: V,
+		defaultProp: qe,
+		onChange: z
+	}, t[28] = z, t[29] = V, t[30] = qe, t[31] = Je) : Je = t[31];
+	let [Ye, Xe] = y(Je), Ze = S(s, Ae), Qe;
+	t[32] === Pe ? Qe = t[33] : (Qe = (e) => Pe[e] !== !1, t[32] = Pe, t[33] = Qe);
+	let $e = Qe, et = Ze.map((e) => Ee.get(e)).filter(le), tt;
+	t[34] === $e ? tt = t[35] : (tt = (e) => $e(e.id), t[34] = $e, t[35] = tt);
+	let nt = et.filter(tt), rt = new Set(Re), it = nt.filter((e) => rt.has(e.id)), at = [...it, ...nt.filter((e) => !rt.has(e.id))], ot = rt.size > 0, st = [];
+	K && st.push({
+		key: U,
+		width: 44
+	}), Ce && st.push({
+		key: te,
+		width: 48
+	});
+	for (let e of it) st.push({
+		key: e.id,
+		width: ie(e.width) ?? ie(e.minWidth) ?? 200
+	});
+	let ct = /* @__PURE__ */ new Map(), lt = 0;
+	for (let e of st) ct.set(e.key, lt), lt += e.width;
+	let ut = st.at(-1)?.key, dt = (e, t, n) => {
+		let r = {};
+		t != null && (r.width = t), n != null && (r.minWidth = n);
+		let i, a, o;
+		if (ct.has(e)) if (ot) i = "left", r.left = ct.get(e), e !== ut && (a = "shadow-none", o = "shadow-none");
+		else {
+			Object.assign(r, { "--ox-frozen-left": `${ct.get(e)}px` });
+			let t = e === ut ? Z.frozenEdge() : void 0;
+			a = G(Z.frozenHead(), t), o = G(Z.frozenCell(), t);
+		}
+		return {
+			sticky: i,
+			headClass: a,
+			cellClass: o,
+			style: Object.keys(r).length > 0 ? r : void 0
+		};
+	}, ft;
+	t[36] !== B || t[37] !== He || t[38] !== Ve ? (ft = (e, t) => {
+		let n;
+		n = t === void 0 ? !Ve || Ve.columnId !== e ? {
+			columnId: e,
+			direction: "asc"
+		} : Ve.direction === "asc" ? {
+			columnId: e,
+			direction: "desc"
+		} : null : t === null ? null : {
+			columnId: e,
+			direction: t
+		}, He(n), B?.(e, n?.direction ?? null);
+	}, t[36] = B, t[37] = He, t[38] = Ve, t[39] = ft) : ft = t[39];
+	let pt = ft, mt;
+	t[40] === ze ? mt = t[41] : (mt = (e) => {
+		ze((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, t[40] = ze, t[41] = mt);
+	let ht = mt, gt;
+	t[42] === Fe ? gt = t[43] : (gt = (e) => {
+		Fe((t) => ({
+			...t,
+			[e]: !1
+		}));
+	}, t[42] = Fe, t[43] = gt);
+	let _t = gt, vt;
+	t[44] === Ke ? vt = t[45] : (vt = () => Ke(/* @__PURE__ */ new Set()), t[44] = Ke, t[45] = vt);
+	let yt = vt, bt;
+	t[46] !== k || t[47] !== Ge ? (bt = (e) => Ge.has(k(e)), t[46] = k, t[47] = Ge, t[48] = bt) : bt = t[48];
+	let xt = c.filter(bt), St = q == null ? void 0 : Math.max(1, Math.ceil(q / xe)), Ct;
+	t[49] === Symbol.for("react.memo_cache_sentinel") ? (Ct = (e) => ({
+		header: e.header,
+		hideable: De(e),
+		id: e.id,
+		locked: e.locked ?? !1
+	}), t[49] = Ct) : Ct = t[49];
+	let wt = {
+		baseId: Te,
+		clearSelection: yt,
+		columnVisibility: Pe,
+		density: ge,
+		frozenColumns: rt,
+		hideColumn: _t,
+		orderedColumns: et.map(Ct),
+		page: Ye,
+		pageCount: St,
+		pageSize: xe,
+		paginationMode: Se,
+		requestSort: pt,
+		rowCount: q,
+		selectable: Ce,
+		selectedCount: xt.length,
+		selectedRows: xt,
+		setColumnOrder: je,
+		setColumnVisibility: Fe,
+		setPage: Xe,
+		sort: Ve,
+		toggleFrozen: ht
+	}, Tt = D(!1), Et;
+	t[50] !== ve || t[51] !== L || t[52] !== Se ? (Et = (e) => {
+		if (Se !== "infinite" || !L) return;
+		let t = e.currentTarget;
+		t.scrollHeight - t.scrollTop - t.clientHeight <= ve ? Tt.current || (Tt.current = !0, L()) : Tt.current = !1;
+	}, t[50] = ve, t[51] = L, t[52] = Se, t[53] = Et) : Et = t[53];
+	let Dt = Et, Ot, kt;
+	if (t[54] !== r) {
+		let e = w.toArray(r);
+		kt = e.filter(ce), Ot = e.filter(se), t[54] = r, t[55] = Ot, t[56] = kt;
+	} else Ot = t[55], kt = t[56];
+	let At = Ot, jt = at.length + +!!Ce + +!!K, Q = dt(U), $ = dt(te), Mt = ot ? void 0 : Z.selectCol(), Nt = oe, Pt = () => be && Se === "pages" ? Array.from({ length: Math.min(xe, 8) }, (e, t) => /* @__PURE__ */ j(b.Row, { children: [
+		K != null && /* @__PURE__ */ A(b.Cell, {
+			className: G("w-11", Q.cellClass),
+			sticky: Q.sticky,
+			style: Q.style
+		}),
+		Ce && /* @__PURE__ */ A(b.Cell, {
+			className: G(Mt, $.cellClass),
+			sticky: $.sticky,
+			style: $.style
+		}),
+		at.map((e, n) => {
+			let r = dt(e.id, e.width, e.minWidth);
+			return /* @__PURE__ */ A(b.Cell, {
+				align: e.align,
+				className: r.cellClass,
+				sticky: r.sticky,
+				style: r.style,
+				children: /* @__PURE__ */ A(v, { className: G("h-2.5", ne[(t + n) % ne.length]) })
+			}, e.id);
+		})
+	] }, `__ox-skeleton-${t}`)) : c.length === 0 ? /* @__PURE__ */ A(b.Row, { children: /* @__PURE__ */ A(b.Cell, {
+		className: Z.empty(),
+		colSpan: jt || 1,
+		children: _e
+	}) }, "__ox-empty") : c.flatMap((e) => {
+		let t = k(e), n = K != null && (O?.(e) ?? !0), r = [/* @__PURE__ */ j(b.Row, {
+			rowId: t,
+			children: [
+				K != null && /* @__PURE__ */ A(b.Cell, {
+					align: "center",
+					className: G("w-11", Q.cellClass),
+					sticky: Q.sticky,
+					style: Q.style,
+					children: n && /* @__PURE__ */ A(b.ExpandTrigger, {})
+				}),
+				Ce && /* @__PURE__ */ A(b.SelectCell, {
+					className: G(Mt, $.cellClass),
+					sticky: $.sticky,
+					style: $.style
+				}),
+				at.map((t) => {
+					let n = dt(t.id, t.width, t.minWidth);
+					return /* @__PURE__ */ A(b.Cell, {
+						align: t.align,
+						className: n.cellClass,
+						sticky: n.sticky,
+						style: n.style,
+						children: Nt(t, e)
+					}, t.id);
+				})
+			]
+		}, t)];
+		return n && r.push(/* @__PURE__ */ A(b.ExpandedRow, {
+			rowId: t,
+			children: K(e)
+		}, `${t}__detail`)), r;
+	}), Ft;
+	t[57] === P ? Ft = t[58] : (Ft = P == null ? void 0 : { maxHeight: P }, t[57] = P, t[58] = Ft);
+	let It;
+	return t[59] === n ? It = t[60] : (It = n != null && /* @__PURE__ */ A(b.Caption, { children: n }), t[59] = n, t[60] = It), /* @__PURE__ */ A(re, {
+		value: wt,
+		children: /* @__PURE__ */ j("div", {
+			className: Z.root({ class: i }),
+			"data-ox-slot": "data-table",
+			children: [
+				kt,
+				/* @__PURE__ */ j("div", {
+					"aria-busy": be || void 0,
+					className: Z.scroll(),
+					"data-ox-slot": "data-table-scroll",
+					style: Ft,
+					onScroll: Dt,
+					children: [/* @__PURE__ */ j(b, {
+						defaultExpandedRows: d,
+						density: ge,
+						hover: ye,
+						selectable: Ce,
+						selectedRows: Ge,
+						stickyHeader: we,
+						unwrapped: !0,
+						onSelectedChange: Ke,
+						children: [
+							It,
+							/* @__PURE__ */ A(b.Header, { children: /* @__PURE__ */ j(b.Row, { children: [
+								K != null && /* @__PURE__ */ A(b.Head, {
+									className: G("w-11", Q.headClass),
+									sticky: Q.sticky,
+									style: Q.style
+								}),
+								Ce && /* @__PURE__ */ A(b.SelectAllCell, {
+									className: G(Mt, $.headClass),
+									sticky: $.sticky,
+									style: $.style
+								}),
+								at.map((e) => {
+									let t = dt(e.id, e.width, e.minWidth);
+									return /* @__PURE__ */ A(pe, {
+										id: e.id,
+										align: e.align,
+										className: t.headClass,
+										freezable: e.freezable,
+										header: e.header,
+										hideable: De(e),
+										locked: e.locked,
+										sortable: e.sortable,
+										sticky: t.sticky,
+										style: t.style
+									}, e.id);
+								})
+							] }) }),
+							/* @__PURE__ */ A(b.Body, { children: Pt() })
+						]
+					}), Se === "infinite" && be && /* @__PURE__ */ j("div", {
+						className: Z.footer(),
+						"data-ox-slot": "data-table-loading",
+						children: [/* @__PURE__ */ A("span", {
+							"aria-hidden": "true",
+							className: Z.spinner()
+						}), "Loading more…"]
+					})]
+				}),
+				At
+			]
+		})
+	});
+}
+function oe(e, t) {
+	return e.cell ? e.cell(t) : ae(typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor]);
+}
+function se(e) {
+	return K(e);
+}
+function ce(e) {
+	return !K(e);
+}
+function le(e) {
+	return e != null;
+}
+function ue(e) {
+	return e.id;
+}
+function de(e) {
+	return e.hideable ?? !e.locked;
+}
+function fe(e) {
+	return [e.id, e];
+}
+function pe(e) {
+	let t = (0, H.c)(43), { align: n, className: i, freezable: a, header: o, hideable: s, id: c, locked: l, sortable: u, sticky: d, style: f } = e, { density: p, frozenColumns: m, hideColumn: h, requestSort: g, sort: _, toggleFrozen: v } = W(), y;
+	t[0] !== m || t[1] !== c ? (y = m.has(c), t[0] = m, t[1] = c, t[2] = y) : y = t[2];
+	let S = y, C = _?.columnId === c, w, T, E, D, O, F, I, z, B;
+	if (t[3] !== n || t[4] !== i || t[5] !== p || t[6] !== a || t[7] !== o || t[8] !== h || t[9] !== s || t[10] !== c || t[11] !== C || t[12] !== S || t[13] !== l || t[14] !== g || t[15] !== _?.direction || t[16] !== u || t[17] !== d || t[18] !== f || t[19] !== v) {
+		let e = x({
+			density: p,
+			sortActive: C
+		}), m = !!(u || a || s), y = /* @__PURE__ */ A(P, {
+			"aria-hidden": "true",
+			className: e.headSortIcon()
+		});
+		C && (y = _?.direction === "desc" ? /* @__PURE__ */ A(M, {
+			"aria-hidden": "true",
+			className: e.headSortIcon()
+		}) : /* @__PURE__ */ A(N, {
+			"aria-hidden": "true",
+			className: e.headSortIcon()
+		})), w = b.Head, F = n, t[29] === i ? I = t[30] : (I = G("group/head", i), t[29] = i, t[30] = I), z = d, B = f, T = e.headCell(), E = l && /* @__PURE__ */ A(ee, {
+			"aria-hidden": "true",
+			className: e.lockIcon()
+		}), D = u ? /* @__PURE__ */ j("button", {
+			"aria-label": `Sort by ${typeof o == "string" ? o : c}`,
+			className: e.headSort(),
+			type: "button",
+			onClick: () => g(c),
+			children: [o, y]
+		}) : /* @__PURE__ */ A("span", { children: o }), O = m && /* @__PURE__ */ j(r, { children: [/* @__PURE__ */ A(r.Trigger, { children: /* @__PURE__ */ A("button", {
+			"aria-label": "Column options",
+			className: e.headMenuTrigger(),
+			type: "button",
+			children: /* @__PURE__ */ A(L, { className: "size-4" })
+		}) }), /* @__PURE__ */ j(r.Content, {
+			align: "end",
+			children: [
+				u && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(r.Item, {
+					onClick: () => g(c, "asc"),
+					children: [/* @__PURE__ */ A(N, {}), "Sort ascending"]
+				}), /* @__PURE__ */ j(r.Item, {
+					onClick: () => g(c, "desc"),
+					children: [/* @__PURE__ */ A(M, {}), "Sort descending"]
+				})] }),
+				u && (a || s) && /* @__PURE__ */ A(r.Separator, {}),
+				a && /* @__PURE__ */ j(r.Item, {
+					onClick: () => v(c),
+					children: [/* @__PURE__ */ A(V, {}), S ? "Unfreeze column" : "Freeze column"]
+				}),
+				s && /* @__PURE__ */ j(r.Item, {
+					onClick: () => h(c),
+					children: [/* @__PURE__ */ A(R, {}), "Hide column"]
+				})
+			]
+		})] }), t[3] = n, t[4] = i, t[5] = p, t[6] = a, t[7] = o, t[8] = h, t[9] = s, t[10] = c, t[11] = C, t[12] = S, t[13] = l, t[14] = g, t[15] = _?.direction, t[16] = u, t[17] = d, t[18] = f, t[19] = v, t[20] = w, t[21] = T, t[22] = E, t[23] = D, t[24] = O, t[25] = F, t[26] = I, t[27] = z, t[28] = B;
+	} else w = t[20], T = t[21], E = t[22], D = t[23], O = t[24], F = t[25], I = t[26], z = t[27], B = t[28];
+	let U;
+	t[31] !== T || t[32] !== E || t[33] !== D || t[34] !== O ? (U = /* @__PURE__ */ j("span", {
+		className: T,
+		children: [
+			E,
+			D,
+			O
+		]
+	}), t[31] = T, t[32] = E, t[33] = D, t[34] = O, t[35] = U) : U = t[35];
+	let te;
+	return t[36] !== w || t[37] !== U || t[38] !== F || t[39] !== I || t[40] !== z || t[41] !== B ? (te = /* @__PURE__ */ A(w, {
+		align: F,
+		className: I,
+		sticky: z,
+		style: B,
+		children: U
+	}), t[36] = w, t[37] = U, t[38] = F, t[39] = I, t[40] = z, t[41] = B, t[42] = te) : te = t[42], te;
+}
+function me(e) {
+	let t = (0, H.c)(6), { children: n, className: r } = e, { density: i } = W(), a;
+	t[0] !== r || t[1] !== i ? (a = x({ density: i }).toolbar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
+	let o;
+	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ A("div", {
+		className: a,
+		"data-ox-slot": "toolbar",
+		children: n
+	}), t[3] = n, t[4] = a, t[5] = o) : o = t[5], o;
+}
+function he(e) {
+	let t = (0, H.c)(5), { children: n, className: r } = e, i;
+	t[0] === r ? i = t[1] : (i = x({}).toolbarGroup({ class: r }), t[0] = r, t[1] = i);
+	let a;
+	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ A("div", {
+		className: i,
+		"data-ox-slot": "toolbar-group",
+		children: n
+	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
+}
+function J() {
+	let e = (0, H.c)(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ A("span", {
+		"aria-hidden": "true",
+		className: x({}).divider(),
+		"data-ox-slot": "toolbar-divider"
+	}), e[0] = t) : t = e[0], t;
+}
+function Y(e) {
+	let t = (0, H.c)(5), { children: n, className: r } = e, i;
+	t[0] === r ? i = t[1] : (i = x({}).filterChips({ class: r }), t[0] = r, t[1] = i);
+	let a;
+	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ A("div", {
+		className: i,
+		"data-ox-slot": "filter-chips",
+		children: n
+	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
+}
+function X(e) {
+	let t = (0, H.c)(11), { children: n, fallback: r } = e, { clearSelection: i, selectedCount: a, selectedRows: o } = W();
+	if (a === 0) {
+		let e;
+		return t[0] === r ? e = t[1] : (e = r == null ? null : /* @__PURE__ */ A(k, { children: r }), t[0] = r, t[1] = e), e;
+	}
+	let s;
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (s = x({}).selectionActions(), t[2] = s) : s = t[2];
+	let c = o, l;
+	t[3] !== n || t[4] !== i || t[5] !== a || t[6] !== c ? (l = n({
+		clearSelection: i,
+		selectedCount: a,
+		selectedRows: c
+	}), t[3] = n, t[4] = i, t[5] = a, t[6] = c, t[7] = l) : l = t[7];
+	let u;
+	return t[8] !== s || t[9] !== l ? (u = /* @__PURE__ */ A("div", {
+		className: s,
+		"data-ox-slot": "selection-actions",
+		children: l
+	}), t[8] = s, t[9] = l, t[10] = u) : u = t[10], u;
+}
+function ge(e) {
+	let t = (0, H.c)(46), { className: r, layout: i, nextLabel: a, previousLabel: o } = e, s = i === void 0 ? "end" : i, c = a === void 0 ? "Next page" : a, l = o === void 0 ? "Previous page" : o, { page: u, pageCount: d, pageSize: f, rowCount: p, setPage: m } = W(), h, g, _, v, y, b;
+	if (t[0] !== r || t[1] !== s || t[2] !== c || t[3] !== u || t[4] !== d || t[5] !== f || t[6] !== l || t[7] !== p || t[8] !== m) {
+		let e = x({ paginationLayout: s }), i = u > 1, a = d == null ? !0 : u < d, o = p === 0 ? 0 : (u - 1) * f + 1, S = p == null ? u * f : Math.min(u * f, p), C;
+		t[15] !== S || t[16] !== o ? (C = /* @__PURE__ */ j("span", {
+			className: "font-medium text-fg",
+			children: [
+				o,
+				"–",
+				S
+			]
+		}), t[15] = S, t[16] = o, t[17] = C) : C = t[17];
+		let w = /* @__PURE__ */ j("span", {
+			className: e.pagerSummary({ class: s === "split" ? "justify-self-center" : "" }),
+			children: [C, p == null ? null : ` of ${p}`]
+		}), T = !i, E;
+		t[18] !== u || t[19] !== m ? (E = () => m(u - 1), t[18] = u, t[19] = m, t[20] = E) : E = t[20];
+		let D;
+		t[21] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ A(F, {}), t[21] = D) : D = t[21];
+		let O;
+		t[22] !== l || t[23] !== T || t[24] !== E ? (O = /* @__PURE__ */ A(n, {
+			"aria-label": l,
+			disabled: T,
+			isIconOnly: !0,
+			variant: "ghost",
+			onClick: E,
+			children: D
+		}), t[22] = l, t[23] = T, t[24] = E, t[25] = O) : O = t[25];
+		let M = O, N = !a, P;
+		t[26] !== u || t[27] !== m ? (P = () => m(u + 1), t[26] = u, t[27] = m, t[28] = P) : P = t[28];
+		let L;
+		t[29] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ A(I, {}), t[29] = L) : L = t[29];
+		let R;
+		t[30] !== c || t[31] !== N || t[32] !== P ? (R = /* @__PURE__ */ A(n, {
+			"aria-label": c,
+			disabled: N,
+			isIconOnly: !0,
+			variant: "ghost",
+			onClick: P,
+			children: L
+		}), t[30] = c, t[31] = N, t[32] = P, t[33] = R) : R = t[33];
+		let z = R;
+		h = e.pager({ class: r }), g = s, _ = "pagination", v = s === "end" && /* @__PURE__ */ j(k, { children: [w, /* @__PURE__ */ j("span", {
+			className: e.pagerNav(),
+			children: [M, z]
+		})] }), t[34] !== s || t[35] !== z || t[36] !== M || t[37] !== w ? (y = s === "center" && /* @__PURE__ */ j(k, { children: [
+			M,
+			w,
+			z
+		] }), t[34] = s, t[35] = z, t[36] = M, t[37] = w, t[38] = y) : y = t[38], b = s === "split" && /* @__PURE__ */ j(k, { children: [
+			/* @__PURE__ */ A("span", {
+				className: e.pagerNav({ class: "justify-self-start" }),
+				children: M
+			}),
+			w,
+			/* @__PURE__ */ A("span", {
+				className: e.pagerNav({ class: "justify-self-end" }),
+				children: z
+			})
+		] }), t[0] = r, t[1] = s, t[2] = c, t[3] = u, t[4] = d, t[5] = f, t[6] = l, t[7] = p, t[8] = m, t[9] = h, t[10] = g, t[11] = _, t[12] = v, t[13] = y, t[14] = b;
+	} else h = t[9], g = t[10], _ = t[11], v = t[12], y = t[13], b = t[14];
+	let S;
+	return t[39] !== h || t[40] !== g || t[41] !== _ || t[42] !== v || t[43] !== y || t[44] !== b ? (S = /* @__PURE__ */ j("div", {
+		className: h,
+		"data-layout": g,
+		"data-ox-slot": _,
+		children: [
+			v,
+			y,
+			b
+		]
+	}), t[39] = h, t[40] = g, t[41] = _, t[42] = v, t[43] = y, t[44] = b, t[45] = S) : S = t[45], S;
+}
+function _e(e) {
+	let t = (0, H.c)(6), { children: n, className: r } = e, { density: i } = W(), a;
+	t[0] !== r || t[1] !== i ? (a = x({ density: i }).footerBar({ class: r }), t[0] = r, t[1] = i, t[2] = a) : a = t[2];
+	let o;
+	return t[3] !== n || t[4] !== a ? (o = /* @__PURE__ */ A("div", {
+		className: a,
+		"data-ox-slot": "data-table-footer",
+		children: n
+	}), t[3] = n, t[4] = a, t[5] = o) : o = t[5], o;
+}
+function ve(e) {
+	let t = (0, H.c)(27), { column: n, draftVisible: r, onToggleVisible: o } = e, s = x({}), c;
+	t[0] !== n.id || t[1] !== n.locked ? (c = {
+		id: n.id,
+		disabled: n.locked
+	}, t[0] = n.id, t[1] = n.locked, t[2] = c) : c = t[2];
+	let { attributes: l, isDragging: u, listeners: d, setNodeRef: f, transform: p, transition: h } = m(c), g;
+	t[3] === p ? g = t[4] : (g = a.Transform.toString(p), t[3] = p, t[4] = g);
+	let _ = u ? .6 : void 0, v;
+	t[5] !== g || t[6] !== _ || t[7] !== h ? (v = {
+		transform: g,
+		transition: h,
+		opacity: _
+	}, t[5] = g, t[6] = _, t[7] = h, t[8] = v) : v = t[8];
+	let y = v, b = s.configItem(), S = n.locked ? /* @__PURE__ */ A("span", {
+		"aria-hidden": "true",
+		className: s.configHandleLocked(),
+		children: /* @__PURE__ */ A(z, { className: "size-4" })
+	}) : /* @__PURE__ */ A("button", {
+		"aria-label": "Drag to reorder",
+		className: s.configHandle(),
+		type: "button",
+		...l,
+		...d,
+		children: /* @__PURE__ */ A(z, { className: "size-4" })
+	}), C = `Toggle ${typeof n.header == "string" ? n.header : n.id}`, w = n.locked ? !0 : r, T = n.locked || !n.hideable, E;
+	t[9] !== n.id || t[10] !== o ? (E = () => o(n.id), t[9] = n.id, t[10] = o, t[11] = E) : E = t[11];
+	let D;
+	t[12] !== E || t[13] !== C || t[14] !== w || t[15] !== T ? (D = /* @__PURE__ */ A(i, {
+		"aria-label": C,
+		checked: w,
+		disabled: T,
+		onCheckedChange: E
+	}), t[12] = E, t[13] = C, t[14] = w, t[15] = T, t[16] = D) : D = t[16];
+	let O = s.configLabel(), k;
+	t[17] !== n.header || t[18] !== O ? (k = /* @__PURE__ */ A("span", {
+		className: O,
+		children: n.header
+	}), t[17] = n.header, t[18] = O, t[19] = k) : k = t[19];
+	let M;
+	return t[20] !== f || t[21] !== y || t[22] !== D || t[23] !== k || t[24] !== b || t[25] !== S ? (M = /* @__PURE__ */ j("div", {
+		className: b,
+		ref: f,
+		style: y,
+		children: [
+			S,
+			D,
+			k
+		]
+	}), t[20] = f, t[21] = y, t[22] = D, t[23] = k, t[24] = b, t[25] = S, t[26] = M) : M = t[26], M;
+}
+function ye(e) {
+	let t = (0, H.c)(46), { applyLabel: r, cancelLabel: i, className: a, title: m, trigger: v } = e, y = r === void 0 ? "Apply" : r, b = i === void 0 ? "Cancel" : i, S = m === void 0 ? "Configure table" : m, { columnVisibility: w, orderedColumns: T, setColumnOrder: E, setColumnVisibility: D } = W(), k = x({}), [M, N] = O(!1), P;
+	t[0] === T ? P = t[1] : (P = () => T.map(Ce), t[0] = T, t[1] = P);
+	let [F, I] = O(P), L;
+	t[2] === w ? L = t[3] : (L = () => w, t[2] = w, t[3] = L);
+	let [R, z] = O(L), ee;
+	t[4] === T ? ee = t[5] : (ee = new Map(T.map(Se)), t[4] = T, t[5] = ee);
+	let V = ee, U;
+	t[6] !== w || t[7] !== T || t[8] !== N ? (U = (e) => {
+		e && (I(T.map(xe)), z(w)), N(e);
+	}, t[6] = w, t[7] = T, t[8] = N, t[9] = U) : U = t[9];
+	let te = U, ne;
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (ne = { activationConstraint: { distance: 4 } }, t[10] = ne) : ne = t[10];
+	let re;
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (re = { coordinateGetter: p }, t[11] = re) : re = t[11];
+	let ie = d(u(c, ne), u(s, re)), ae;
+	t[12] === Symbol.for("react.memo_cache_sentinel") ? (ae = (e) => {
+		let { active: t, over: n } = e;
+		I((e) => C(e, String(t.id), n == null ? null : String(n.id)));
+	}, t[12] = ae) : ae = t[12];
+	let K = ae, q;
+	t[13] === Symbol.for("react.memo_cache_sentinel") ? (q = (e) => {
+		z((t) => ({
+			...t,
+			[e]: t[e] === !1
+		}));
+	}, t[13] = q) : q = t[13];
+	let oe = q, se;
+	t[14] !== F || t[15] !== R || t[16] !== T || t[17] !== E || t[18] !== D || t[19] !== N ? (se = () => {
+		let e = T.map(be), t = new Set(e);
+		E(F.filter((e) => t.has(e))), D(g(R, e)), N(!1);
+	}, t[14] = F, t[15] = R, t[16] = T, t[17] = E, t[18] = D, t[19] = N, t[20] = se) : se = t[20];
+	let ce = se, le;
+	t[21] === v ? le = t[22] : (le = v ?? /* @__PURE__ */ A(n, {
+		"aria-label": "Configure table",
+		isIconOnly: !0,
+		variant: "ghost",
+		children: /* @__PURE__ */ A(B, {})
+	}), t[21] = v, t[22] = le);
+	let ue;
+	t[23] === le ? ue = t[24] : (ue = /* @__PURE__ */ A(_.Trigger, { children: le }), t[23] = le, t[24] = ue);
+	let de;
+	t[25] === a ? de = t[26] : (de = G("p-1.5", a), t[25] = a, t[26] = de);
+	let fe = k.configPanel(), pe = k.configList(), me;
+	if (t[27] !== F || t[28] !== R || t[29] !== V) {
+		let e;
+		t[31] !== R || t[32] !== V ? (e = (e) => {
+			let t = V.get(e);
+			return t == null ? null : /* @__PURE__ */ A(ve, {
+				column: t,
+				draftVisible: R[e] !== !1,
+				onToggleVisible: oe
+			}, e);
+		}, t[31] = R, t[32] = V, t[33] = e) : e = t[33], me = F.map(e), t[27] = F, t[28] = R, t[29] = V, t[30] = me;
+	} else me = t[30];
+	let he = k.configActions(), J;
+	t[34] === N ? J = t[35] : (J = () => N(!1), t[34] = N, t[35] = J);
+	let Y;
+	t[36] !== b || t[37] !== J ? (Y = /* @__PURE__ */ A(n, {
+		variant: "outline",
+		onClick: J,
+		children: b
+	}), t[36] = b, t[37] = J, t[38] = Y) : Y = t[38];
+	let X;
+	t[39] !== ce || t[40] !== y ? (X = /* @__PURE__ */ A(n, {
+		onClick: ce,
+		children: y
+	}), t[39] = ce, t[40] = y, t[41] = X) : X = t[41];
+	let ge;
+	return t[42] !== he || t[43] !== Y || t[44] !== X ? (ge = /* @__PURE__ */ j("div", {
+		className: he,
+		children: [Y, X]
+	}), t[42] = he, t[43] = Y, t[44] = X, t[45] = ge) : ge = t[45], /* @__PURE__ */ j(_, {
+		open: M,
+		onOpenChange: te,
+		children: [ue, /* @__PURE__ */ A(_.Content, {
+			align: "start",
+			className: de,
+			children: /* @__PURE__ */ j("div", {
+				className: fe,
+				children: [
+					/* @__PURE__ */ A("div", {
+						className: k.configTitle(),
+						children: S
+					}),
+					/* @__PURE__ */ A("div", { className: k.configSeparator() }),
+					/* @__PURE__ */ A(o, {
+						collisionDetection: l,
+						sensors: ie,
+						onDragEnd: K,
+						children: /* @__PURE__ */ A(f, {
+							items: F,
+							strategy: h,
+							children: /* @__PURE__ */ A("div", {
+								className: pe,
+								children: me
+							})
+						})
+					}),
+					/* @__PURE__ */ A("div", { className: k.configSeparator() }),
+					ge
+				]
+			})
+		})]
+	});
+}
+function be(e) {
+	return e.id;
+}
+function xe(e) {
+	return e.id;
+}
+function Se(e) {
+	return [e.id, e];
+}
+function Ce(e) {
+	return e.id;
+}
+//#endregion
+export { ye as OxDataTableColumnConfig, J as OxDataTableDivider, Y as OxDataTableFilterChips, _e as OxDataTableFooter, ge as OxDataTablePagination, q as OxDataTableRoot, X as OxDataTableSelectionActions, me as OxDataTableToolbar, he as OxDataTableToolbarGroup };