@lablup/ui-common 0.2.0-alpha.16 → 0.2.0-alpha.18

package/dist/components/DataGrid/DataGrid2.js

@@ -8,26 +8,26 @@ import { Button as ee } from "@astryxdesign/core/Button";
 import { HStack as te, VStack as s } from "@astryxdesign/core/Stack";
 import { Text as c } from "@astryxdesign/core/Text";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Icon as f } from "@astryxdesign/core/Icon";
-import { ChevronDown as ne, ChevronRight as re, FileDown as ie, Inbox as p, Settings as ae } from "lucide-react";
-import { EmptyState as oe } from "@astryxdesign/core/EmptyState";
-import { IconButton as m } from "@astryxdesign/core/IconButton";
-import { Pagination as se } from "@astryxdesign/core/Pagination";
-import { Table as ce, pixel as h, proportional as le, useTableColumnResize as ue, useTableColumnSettings as de, useTableSelection as fe, useTableSortable as pe, useTableStickyColumns as me } from "@astryxdesign/core/Table";
+import { IconButton as f } from "@astryxdesign/core/IconButton";
+import { Icon as p } from "@astryxdesign/core/Icon";
+import { ChevronDown as ne, ChevronRight as re, FileDown as ie, Inbox as ae, Settings as oe } from "lucide-react";
+import { EmptyState as se } from "@astryxdesign/core/EmptyState";
+import { Pagination as ce } from "@astryxdesign/core/Pagination";
+import { Table as le, pixel as m, proportional as ue, useTableColumnResize as de, useTableColumnSettings as fe, useTableSelection as pe, useTableSortable as me, useTableStickyColumns as he } from "@astryxdesign/core/Table";
 //#region src/components/DataGrid/DataGrid.tsx
-var g = "__uic_expand__", he = "__xds_selection", ge = 52, _e = 56, ve = 40, ye = 60, _ = "__uic_detail_for__", be = 10, xe = [
+var h = "__uic_expand__", ge = "__xds_selection", _e = 52, ve = 56, ye = 40, be = 60, g = "__uic_detail_for__", xe = 10, Se = [
 	10,
 	20,
 	50
-], Se = /* @__PURE__ */ u(f, {
-	icon: p,
+], Ce = /* @__PURE__ */ u(p, {
+	icon: ae,
 	size: "lg",
 	color: "secondary"
-}), Ce = {
+}), we = {
 	width: "auto",
 	maxWidth: "none"
-}, we = { maxWidth: "none" }, Te = { zIndex: 3 }, v = (e) => !!e && typeof e == "object" && _ in e, Ee = (e) => typeof e == "number" ? `${e}px` : e;
-function y(e, t) {
+}, Te = { maxWidth: "none" }, Ee = { zIndex: 3 }, _ = (e) => !!e && typeof e == "object" && g in e, De = (e) => typeof e == "number" ? `${e}px` : e;
+function v(e, t) {
 	return {
 		...e,
 		htmlProps: {
@@ -39,15 +39,15 @@ function y(e, t) {
 		}
 	};
 }
-function De(e, t, n) {
+function Oe(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function b(e) {
+function y(e) {
 	if (e.label) return e.label;
 	let t = r(e.header).trim(), n = r(e.groupHeader).trim();
 	return (n && t ? `${n} / ${t}` : t || n) || e.key;
 }
-function Oe({ columns: e, result: t, defaultOverrides: n = {}, overrides: r, isReorderable: i }) {
+function ke({ columns: e, result: t, defaultOverrides: n = {}, overrides: r, isReorderable: i }) {
 	let a = e.map((e) => e.key), o = i && (t.columnOrder.length !== a.length || t.columnOrder.some((e, t) => e !== a[t]) || e.some((e) => n[e.key]?.order !== void 0)), ee = {};
 	for (let i of e) {
 		let e = n[i.key], a = !!i.isHiddenByDefault, te = e?.hidden ?? a, s = !t.selectedColumnKeys.includes(i.key), c = {};
@@ -60,28 +60,28 @@ function Oe({ columns: e, result: t, defaultOverrides: n = {}, overrides: r, isR
 	}
 	return ee;
 }
-function ke(e, t) {
+function Ae(e, t) {
 	if (e.isAlwaysVisible) return !0;
 	let n = t?.[e.key]?.hidden;
 	return n === void 0 ? !e.isHiddenByDefault : !n;
 }
-function x(e, t) {
+function b(e, t) {
 	let [n, r] = o(t), i = e !== void 0;
 	return [i ? e : n, (e) => {
 		i || r(e);
 	}];
 }
-function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isResizable: Ae = !0, sort: Me, defaultSort: Ne, onSortChange: Pe, selection: S, pagination: Fe, columnSettings: C, csvExport: w, expansion: T, emptyState: E, getRowProps: Ie, scrollWidth: Le, maxHeight: Re, isHeaderHidden: ze = !1, expandRowLabel: Be, invalidPageText: Ve, goToFirstPageLabel: He, paginationLabel: Ue, renderRange: We, settingsLabel: Ge, exportLabel: Ke, density: qe = "compact", dividers: Je = "rows", hasHover: Ye = !0, textOverflow: Xe = "truncate", className: Ze, style: Qe, ...$e }) {
-	let D = e(), O = Le !== void 0, k = Re !== void 0, [et, tt] = o(!1), [nt, rt] = o(!1), [it, at] = o(() => C?.defaultOverrides ?? {}), ot = C?.overrides !== void 0, st = ot ? C?.overrides ?? {} : it, ct = (e) => {
-		ot || at(e), C?.onOverridesChange?.(e);
+function je({ data: r, columns: i = [], idKey: p = "id", isLoading: ae = !1, isResizable: je = !0, sort: Ne, defaultSort: Pe, onSortChange: Fe, selection: x, pagination: Ie, columnSettings: S, csvExport: C, expansion: w, emptyState: T, getRowProps: Le, scrollWidth: Re, maxHeight: ze, isHeaderHidden: Be = !1, expandRowLabel: Ve, invalidPageText: He, goToFirstPageLabel: Ue, paginationLabel: We, renderRange: Ge, settingsLabel: Ke, exportLabel: qe, density: Je = "compact", dividers: Ye = "rows", hasHover: Xe = !0, textOverflow: Ze = "truncate", className: Qe, style: $e, ...et }) {
+	let E = e(), D = Re !== void 0, O = ze !== void 0, [tt, k] = o(!1), [nt, rt] = o(!1), [it, at] = o(() => S?.defaultOverrides ?? {}), ot = S?.overrides !== void 0, st = ot ? S?.overrides ?? {} : it, ct = (e) => {
+		ot || at(e), S?.onOverridesChange?.(e);
 	}, A = {
-		...C?.defaultOverrides ?? {},
+		...S?.defaultOverrides ?? {},
 		...st
-	}, lt = !!C && C.isReorderable !== !1, [ut, dt] = o({}), j = {};
-	if (C) for (let [e, t] of Object.entries(A)) typeof t?.width == "number" && (j[e] = t.width);
+	}, lt = !!S && S.isReorderable !== !1, [ut, dt] = o({}), j = {};
+	if (S) for (let [e, t] of Object.entries(A)) typeof t?.width == "number" && (j[e] = t.width);
 	else Object.assign(j, ut);
 	let ft = (e) => {
-		if (!C) {
+		if (!S) {
 			dt((t) => ({
 				...t,
 				...e
@@ -89,35 +89,35 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 			return;
 		}
 		let t = { ...st };
-		for (let [n, r] of Object.entries(e)) n !== g && (t[n] = {
+		for (let [n, r] of Object.entries(e)) n !== h && (t[n] = {
 			...t[n],
 			width: r
 		});
 		ct(t);
 	}, M = (e) => {
-		if (typeof f == "function") return String(f(e));
-		let t = e, n = t[f];
+		if (typeof p == "function") return String(p(e));
+		let t = e, n = t[p];
 		if (n != null) return String(n);
 		let i = t.key ?? t.id;
 		return i == null ? `__row_${r ? r.indexOf(e) : -1}` : String(i);
-	}, [N, pt] = x(Me, () => Ne ?? null), P = (() => {
+	}, [N, pt] = b(Ne, () => Pe ?? null), P = (() => {
 		let e = r ? [...r] : [];
 		if (!N) return e;
 		let t = i.find((e) => e.sortKey === N.sortKey && e.compare)?.compare;
 		if (!t) return e;
 		let { direction: n } = N;
 		return e.sort((e, r) => n === "descending" ? -t(e, r, n) : t(e, r, n));
-	})(), F = Fe === !1 ? void 0 : Fe ?? {}, [I, L] = x(F?.page, () => F?.defaultPage ?? 1), [R, mt] = x(F?.pageSize, () => F?.defaultPageSize ?? be), z = a(!1), B = F?.totalItems ?? P.length, ht = Math.max(1, Math.ceil(B / R)), V = De(I, 1, ht), gt = !!F && B > 0 && (I < 1 || I > ht), _t = B > P.length, vt = F && !_t && P.length > R ? P.slice((V - 1) * R, V * R) : P, H = gt ? [] : vt, [yt, bt] = o(() => [...T?.defaultExpandedKeys ?? []]), U = T?.expandedKeys ?? yt, W = new Set(U.map(String)), G = !!T, xt = T?.columnWidth ?? (S ? ve : _e), St = (S ? ge : 0) + xt, Ct = (e) => {
+	})(), F = Ie === !1 ? void 0 : Ie ?? {}, [I, L] = b(F?.page, () => F?.defaultPage ?? 1), [R, mt] = b(F?.pageSize, () => F?.defaultPageSize ?? xe), z = a(!1), B = F?.totalItems ?? P.length, ht = Math.max(1, Math.ceil(B / R)), V = Oe(I, 1, ht), gt = !!F && B > 0 && (I < 1 || I > ht), _t = B > P.length, vt = F && !_t && P.length > R ? P.slice((V - 1) * R, V * R) : P, H = gt ? [] : vt, [yt, bt] = o(() => [...w?.defaultExpandedKeys ?? []]), U = w?.expandedKeys ?? yt, W = new Set(U.map(String)), G = !!w, xt = w?.columnWidth ?? (x ? ye : ve), St = (x ? _e : 0) + xt, Ct = (e) => {
 		let t = W.has(e) ? U.filter((t) => String(t) !== e) : [...U, e];
-		T?.expandedKeys || bt(t), T?.onExpandedKeysChange?.(t);
+		w?.expandedKeys || bt(t), w?.onExpandedKeysChange?.(t);
 	}, K = /* @__PURE__ */ new Map();
 	H.forEach((e, t) => K.set(M(e), t));
 	let q = [];
 	for (let e of H) {
 		if (q.push(e), !G) continue;
 		let t = M(e);
-		W.has(t) && (T?.getIsRowExpandable?.(e) ?? !0) && q.push({
-			[_]: t,
+		W.has(t) && (w?.getIsRowExpandable?.(e) ?? !0) && q.push({
+			[g]: t,
 			id: `${t}__detail`
 		});
 	}
@@ -125,17 +125,17 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 	P.forEach((e) => wt.set(M(e), e));
 	let J = [];
 	G && J.push({
-		key: g,
-		header: T?.columnHeader ?? "",
-		width: h(xt),
+		key: h,
+		header: w?.columnHeader ?? "",
+		width: m(xt),
 		resizable: !1,
 		renderCell: (e) => {
-			if (v(e)) return null;
+			if (_(e)) return null;
 			let t = e;
-			if (!(T?.getIsRowExpandable?.(t) ?? !0)) return null;
+			if (!(w?.getIsRowExpandable?.(t) ?? !0)) return null;
 			let n = M(t);
-			return /* @__PURE__ */ u(m, {
-				label: Be ?? D("uic.DataGrid.expandRow"),
+			return /* @__PURE__ */ u(f, {
+				label: Ve ?? E("uic.DataGrid.expandRow"),
 				icon: W.has(n) ? /* @__PURE__ */ u(ne, {}) : /* @__PURE__ */ u(re, {}),
 				variant: "ghost",
 				size: "sm",
@@ -161,29 +161,29 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 			header: n,
 			align: e.align === "start" ? void 0 : e.align,
 			sortable: e.sortKey ? { sortKey: e.sortKey } : !1,
-			resizable: Ae,
-			width: t == null ? O ? void 0 : le(1, typeof e.minWidth == "number" ? { minWidth: e.minWidth } : void 0) : h(t),
+			resizable: je,
+			width: t == null ? D ? void 0 : ue(1, typeof e.minWidth == "number" ? { minWidth: e.minWidth } : void 0) : m(t),
 			renderCell: (t) => {
-				if (v(t)) return null;
-				let n = t, r = e.renderCell ? e.renderCell(n, K.get(M(n)) ?? 0) : je(t[e.key]);
-				return Xe !== "truncate" || r == null ? r : /* @__PURE__ */ u("span", {
+				if (_(t)) return null;
+				let n = t, r = e.renderCell ? e.renderCell(n, K.get(M(n)) ?? 0) : Me(t[e.key]);
+				return Ze !== "truncate" || r == null ? r : /* @__PURE__ */ u("span", {
 					className: "uic-data-grid__clip",
 					children: r
 				});
 			}
 		});
 	}
-	let Tt = C ? i.filter((e) => ke(e, A)) : [...i], Y = lt ? Tt.map((e, t) => ({
+	let Tt = S ? i.filter((e) => Ae(e, A)) : [...i], Y = lt ? Tt.map((e, t) => ({
 		column: e,
 		index: t
-	})).sort((e, t) => (A[e.column.key]?.order ?? 2 ** 53 - 1) - (A[t.column.key]?.order ?? 2 ** 53 - 1) || e.index - t.index).map(({ column: e }) => e) : Tt, Et = [...G ? [g] : [], ...Y.map((e) => e.key)], Dt = de({
+	})).sort((e, t) => (A[e.column.key]?.order ?? 2 ** 53 - 1) - (A[t.column.key]?.order ?? 2 ** 53 - 1) || e.index - t.index).map(({ column: e }) => e) : Tt, Et = [...G ? [h] : [], ...Y.map((e) => e.key)], Dt = fe({
 		columns: [...G ? [{
-			key: g,
+			key: h,
 			label: "",
 			isAlwaysVisible: !0
 		}] : [], ...i.map((e) => ({
 			key: e.key,
-			label: b(e),
+			label: y(e),
 			isAlwaysVisible: !!e.isAlwaysVisible
 		}))],
 		activeColumnKeys: Et,
@@ -196,14 +196,14 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 	else break;
 	let X = {
 		startKeys: Ot.length === 0 ? void 0 : [
-			...S ? [he] : [],
-			...G ? [g] : [],
+			...x ? [ge] : [],
+			...G ? [h] : [],
 			...Ot
 		],
 		endKeys: kt.length === 0 ? void 0 : kt
-	}, At = me(X.startKeys || X.endKeys ? X : {}), jt = new Map(i.map((e) => [e.key, e])), Mt = {
+	}, At = he(X.startKeys || X.endKeys ? X : {}), jt = new Map(i.map((e) => [e.key, e])), Mt = {
 		transformBodyCell: (e, t, n) => {
-			if (v(n)) return e;
+			if (_(n)) return e;
 			let r = n, i = jt.get(t.key)?.getCellProps?.(r, K.get(M(r)) ?? 0);
 			return i ? {
 				...e,
@@ -218,8 +218,8 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 			} : e;
 		},
 		transformBodyRow: (e, t) => {
-			if (!Ie || v(t)) return e;
-			let n = t, r = Ie(n, K.get(M(n)));
+			if (!Le || _(t)) return e;
+			let n = t, r = Le(n, K.get(M(n)));
 			return r ? {
 				...e,
 				htmlProps: {
@@ -233,12 +233,12 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 			} : e;
 		}
 	}, Nt = {
-		transformHeaderCell: (e, t) => t.width == null ? y(e, Ce) : e,
-		transformBodyCell: (e, t) => t.width == null ? y(e, we) : e
-	}, Pt = /* @__PURE__ */ new Set([...X.startKeys ?? [], ...X.endKeys ?? []]), Ft = { transformHeaderCell: (e, t) => Pt.has(t.key) ? y(e, Te) : e }, It = N ? [{
+		transformHeaderCell: (e, t) => t.width == null ? v(e, we) : e,
+		transformBodyCell: (e, t) => t.width == null ? v(e, Te) : e
+	}, Pt = /* @__PURE__ */ new Set([...X.startKeys ?? [], ...X.endKeys ?? []]), Ft = { transformHeaderCell: (e, t) => Pt.has(t.key) ? v(e, Ee) : e }, It = N ? [{
 		sortKey: N.sortKey,
 		direction: N.direction
-	}] : [], Lt = pe({
+	}] : [], Lt = me({
 		sort: It,
 		allowUnsortedState: !0,
 		onSortChange: (e) => {
@@ -246,107 +246,107 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 				sortKey: t.sortKey,
 				direction: t.direction
 			} : null;
-			pt(n), Pe?.(n);
+			pt(n), Fe?.(n);
 		}
-	}), Rt = new Set((S?.selectedKeys ?? []).map(String)), zt = (e) => {
+	}), Rt = new Set((x?.selectedKeys ?? []).map(String)), zt = (e) => {
 		let t = e.map((e) => wt.get(e)).filter((e) => e !== void 0);
-		S?.onChange?.(e, t);
-	}, Z = (e) => Rt.has(M(e)), Bt = (e) => S?.getIsItemEnabled?.(e) ?? !0, Q = H.filter(Bt), Vt = fe({
-		getIsItemSelectable: (e) => !v(e),
-		getIsItemSelected: (e) => !v(e) && Z(e),
-		getIsItemEnabled: (e) => !v(e) && Bt(e),
-		getRowLabel: (e) => v(e) ? "" : S?.getRowLabel?.(e) ?? M(e),
+		x?.onChange?.(e, t);
+	}, Z = (e) => Rt.has(M(e)), Bt = (e) => x?.getIsItemEnabled?.(e) ?? !0, Q = H.filter(Bt), Vt = pe({
+		getIsItemSelectable: (e) => !_(e),
+		getIsItemSelected: (e) => !_(e) && Z(e),
+		getIsItemEnabled: (e) => !_(e) && Bt(e),
+		getRowLabel: (e) => _(e) ? "" : x?.getRowLabel?.(e) ?? M(e),
 		getIsAllSelected: () => Q.length > 0 && Q.every(Z),
 		getIsIndeterminate: () => Q.some(Z) && !Q.every(Z),
 		onSelectItem: ({ item: e, isSelected: t }) => {
-			if (v(e)) return;
+			if (_(e)) return;
 			let n = M(e), r = new Set(Rt);
 			t ? r.add(n) : r.delete(n), zt([...r]);
 		},
 		onSelectAll: ({ isAllSelected: e }) => {
-			let t = new Set(S?.isPreservingOtherPages ? Rt : []);
+			let t = new Set(x?.isPreservingOtherPages ? Rt : []);
 			for (let n of H) {
 				let r = M(n);
 				(Bt(n) ? e : Z(n)) ? t.add(r) : t.delete(r);
 			}
 			zt([...t]);
 		}
-	}), Ht = { transformColumns: (e) => e.map((e) => e.key === he ? {
+	}), Ht = { transformColumns: (e) => e.map((e) => e.key === ge ? {
 		...e,
-		width: h(ge)
-	} : e) }, Ut = ue({
+		width: m(_e)
+	} : e) }, Ut = de({
 		columns: J,
 		columnWidths: j,
-		minWidth: ye,
+		minWidth: be,
 		onColumnResizeEnd: ft
-	}), Wt = Et.length + +!!S, Gt = { transformBodyRow: (e, t) => {
-		if (!v(t)) return e;
-		let n = String(t[_]), r = wt.get(n);
+	}), Wt = Et.length + +!!x, Gt = { transformBodyRow: (e, t) => {
+		if (!_(t)) return e;
+		let n = String(t[g]), r = wt.get(n);
 		return r ? {
 			...e,
 			children: /* @__PURE__ */ u("td", {
 				colSpan: Wt,
 				className: "uic-data-grid__detail",
 				style: { paddingInlineStart: St },
-				children: T?.renderExpandedRow(r, K.get(n) ?? 0)
+				children: w?.renderExpandedRow(r, K.get(n) ?? 0)
 			})
 		} : e;
 	} }, $ = {
 		columnSettings: Dt,
 		sort: Lt
 	};
-	S && ($.selection = Vt, $.selectionWidth = Ht), Ae && ($.resize = Ut), $.sticky = At, O && ($.scrollX = Nt), k && Pt.size > 0 && ($.scrollY = Ft), $.cellRow = Mt, G && ($.expansion = Gt);
-	let { page: Kt, defaultPage: qt, defaultPageSize: Jt, totalItems: Yt, onChange: Xt, hasPageSizeSelector: Zt = !0, isHiddenOnSinglePage: Qt = !1, endContent: $t, pageSizeOptions: en, size: tn = "sm", ...nn } = F ?? {}, rn = B === 0 ? 0 : (V - 1) * R + 1, an = Math.min(V * R, B), on = !!F && !(Qt && B <= R), sn = on || !!C || !!w, cn = gt ? /* @__PURE__ */ u(oe, {
+	x && ($.selection = Vt, $.selectionWidth = Ht), je && ($.resize = Ut), $.sticky = At, D && ($.scrollX = Nt), O && Pt.size > 0 && ($.scrollY = Ft), $.cellRow = Mt, G && ($.expansion = Gt);
+	let { page: Kt, defaultPage: qt, defaultPageSize: Jt, totalItems: Yt, onChange: Xt, hasPageSizeSelector: Zt = !0, isHiddenOnSinglePage: Qt = !1, endContent: $t, pageSizeOptions: en, size: tn = "sm", ...nn } = F ?? {}, rn = B === 0 ? 0 : (V - 1) * R + 1, an = Math.min(V * R, B), on = !!F && !(Qt && B <= R), sn = on || !!S || !!C, cn = gt ? /* @__PURE__ */ u(se, {
 		isCompact: !0,
-		icon: Se,
-		title: Ve ?? D("uic.DataGrid.invalidPage"),
+		icon: Ce,
+		title: He ?? E("uic.DataGrid.invalidPage"),
 		actions: /* @__PURE__ */ u(ee, {
 			variant: "primary",
-			label: He ?? D("uic.DataGrid.goToFirstPage"),
+			label: Ue ?? E("uic.DataGrid.goToFirstPage"),
 			onClick: () => {
 				L(1), F?.onChange?.(1, R);
 			}
 		})
-	}) : E === !1 ? !1 : E == null || typeof E == "string" ? /* @__PURE__ */ u(oe, {
+	}) : T === !1 ? !1 : T == null || typeof T == "string" ? /* @__PURE__ */ u(se, {
 		isCompact: !0,
-		icon: Se,
-		title: E ?? D("uic.DataGrid.noData")
-	}) : E, ln = (e) => {
-		tt(!1), ct(Oe({
+		icon: Ce,
+		title: T ?? E("uic.DataGrid.noData")
+	}) : T, ln = (e) => {
+		k(!1), ct(ke({
 			columns: i,
 			result: e,
-			defaultOverrides: C?.defaultOverrides,
+			defaultOverrides: S?.defaultOverrides,
 			overrides: A,
 			isReorderable: lt
 		}));
 	};
 	return /* @__PURE__ */ d("div", {
-		className: ["uic-data-grid", Ze].filter(Boolean).join(" "),
-		style: Qe,
+		className: ["uic-data-grid", Qe].filter(Boolean).join(" "),
+		style: $e,
 		children: [
 			/* @__PURE__ */ u("div", {
-				"aria-busy": p || void 0,
+				"aria-busy": ae || void 0,
 				className: [
 					"uic-data-grid__body",
-					p && "uic-data-grid__body--loading",
-					ze && "uic-data-grid__body--no-header",
-					Je !== "grid" && "uic-data-grid__body--header-split",
-					O && "uic-data-grid__body--scroll-x",
-					k && "uic-data-grid__body--scroll-y"
+					ae && "uic-data-grid__body--loading",
+					Be && "uic-data-grid__body--no-header",
+					Ye !== "grid" && "uic-data-grid__body--header-split",
+					D && "uic-data-grid__body--scroll-x",
+					O && "uic-data-grid__body--scroll-y"
 				].filter(Boolean).join(" "),
 				style: {
-					...O ? { "--data-grid-scroll-width": Ee(Le) } : null,
-					...k ? { "--data-grid-max-height": Ee(Re) } : null
+					...D ? { "--data-grid-scroll-width": De(Re) } : null,
+					...O ? { "--data-grid-max-height": De(ze) } : null
 				},
-				children: /* @__PURE__ */ u(ce, {
-					...$e,
+				children: /* @__PURE__ */ u(le, {
+					...et,
 					data: q,
 					columns: J,
-					idKey: (e) => v(e) ? `${String(e[_])}__detail` : M(e),
-					density: qe,
-					dividers: Je,
-					hasHover: Ye,
-					textOverflow: Xe,
+					idKey: (e) => _(e) ? `${String(e[g])}__detail` : M(e),
+					density: Je,
+					dividers: Ye,
+					hasHover: Xe,
+					textOverflow: Ze,
 					emptyState: cn,
 					rowCount: B || void 0,
 					rowIndexStart: F ? (V - 1) * R + 1 : void 0,
@@ -362,24 +362,24 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 					on ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(c, {
 						type: "supporting",
 						color: "secondary",
-						children: We ? We({
+						children: Ge ? Ge({
 							start: rn,
 							end: an,
 							total: B
-						}) : D("uic.DataGrid.range", {
+						}) : E("uic.DataGrid.range", {
 							start: rn,
 							end: an,
 							total: B
 						})
-					}), /* @__PURE__ */ u(se, {
+					}), /* @__PURE__ */ u(ce, {
 						variant: "pages",
 						...nn,
 						page: V,
 						pageSize: R,
 						totalItems: B,
-						pageSizeOptions: Zt ? en ?? xe : void 0,
+						pageSizeOptions: Zt ? en ?? Se : void 0,
 						size: tn,
-						label: Ue ?? D("uic.DataGrid.pagination"),
+						label: We ?? E("uic.DataGrid.pagination"),
 						onChange: (e) => {
 							z.current || (L(e), F?.onChange?.(e, R));
 						},
@@ -389,15 +389,15 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 							}), L(1), mt(e), F?.onChange?.(1, e);
 						}
 					})] }) : null,
-					C ? /* @__PURE__ */ u(m, {
-						label: Ge ?? D("uic.DataGrid.settings"),
-						icon: /* @__PURE__ */ u(ae, {}),
+					S ? /* @__PURE__ */ u(f, {
+						label: Ke ?? E("uic.DataGrid.settings"),
+						icon: /* @__PURE__ */ u(oe, {}),
 						variant: "ghost",
 						size: "sm",
-						onClick: () => tt(!0)
+						onClick: () => k(!0)
 					}) : null,
-					w ? /* @__PURE__ */ u(m, {
-						label: Ke ?? D("uic.DataGrid.exportCsv"),
+					C ? /* @__PURE__ */ u(f, {
+						label: qe ?? E("uic.DataGrid.exportCsv"),
 						icon: /* @__PURE__ */ u(ie, {}),
 						variant: "ghost",
 						size: "sm",
@@ -406,42 +406,42 @@ function Ae({ data: r, columns: i = [], idKey: f = "id", isLoading: p = !1, isRe
 					F ? $t : null
 				]
 			}) : null,
-			C ? /* @__PURE__ */ u(n, {
-				...C.modalProps,
-				isOpen: et,
-				onOpenChange: tt,
+			S ? /* @__PURE__ */ u(n, {
+				...S.modalProps,
+				isOpen: tt,
+				onOpenChange: k,
 				columns: i.map((e) => ({
 					key: e.key,
-					label: b(e),
+					label: y(e),
 					isAlwaysVisible: !!e.isAlwaysVisible
 				})),
 				visibleColumnKeys: Y.map((e) => e.key),
 				isReorderable: lt,
 				onApply: ln
 			}) : null,
-			w ? /* @__PURE__ */ u(t, {
-				...w.modalProps,
+			C ? /* @__PURE__ */ u(t, {
+				...C.modalProps,
 				isOpen: nt,
 				onOpenChange: rt,
 				columns: i.map((e) => ({
 					key: e.key,
-					label: b(e),
+					label: y(e),
 					exportKeys: e.exportKeys ?? []
 				})),
-				supportedKeys: w.supportedKeys,
-				notice: w.notice,
+				supportedKeys: C.supportedKeys,
+				notice: C.notice,
 				onExport: async (e) => {
-					await w.onExport(e), rt(!1);
+					await C.onExport(e), rt(!1);
 				}
 			}) : null
 		]
 	});
 }
-function je(e) {
+function Me(e) {
 	return e == null || e === "" ? null : i(e) ? e : String(e);
 }
 //#endregion
-export { Ae as DataGrid, b as dataGridColumnLabel, Oe as dataGridSettingsToOverrides, ke as isDataGridColumnVisible };
+export { je as DataGrid, y as dataGridColumnLabel, ke as dataGridSettingsToOverrides, Ae as isDataGridColumnVisible };
 
 //# sourceMappingURL=DataGrid2.js.map
 import "../../assets/components/DataGrid/DataGrid.css";