@lablup/ui-common 0.1.0-alpha.8 → 0.2.0-alpha.15

package/dist/components/DataGrid/DataGrid.messages.js

@@ -0,0 +1,76 @@
+import { defineMessages as e } from "../../i18n/catalog.js";
+//#region src/components/DataGrid/DataGrid.messages.ts
+var t = e({
+	"uic.DataGrid.noData": {
+		defaultMessage: "No data to display",
+		description: "Shown in place of a data grid's rows when there are none"
+	},
+	"uic.DataGrid.invalidPage": {
+		defaultMessage: "Invalid page number",
+		description: "Shown in place of a data grid's rows when the current page lies past the last page"
+	},
+	"uic.DataGrid.goToFirstPage": {
+		defaultMessage: "Go to first page",
+		description: "Button under the invalid page message that returns to page 1"
+	},
+	"uic.DataGrid.expandRow": {
+		defaultMessage: "Expand row",
+		description: "Accessible name of the button that shows or hides a row's details"
+	},
+	"uic.DataGrid.pagination": {
+		defaultMessage: "Pagination",
+		description: "Accessible name of a data grid's page navigation"
+	},
+	"uic.DataGrid.range": {
+		defaultMessage: "{start} - {end} of {total} items",
+		description: "Beside a data grid's page navigation: the rows on screen out of the total. {start} and {end} are 1-based row numbers"
+	},
+	"uic.DataGrid.settings": {
+		defaultMessage: "Table Settings",
+		description: "Button under a data grid that opens its column settings, and the title of that dialog"
+	},
+	"uic.DataGrid.exportCsv": {
+		defaultMessage: "Export CSV",
+		description: "Button under a data grid that opens the CSV export dialog, and the title of that dialog"
+	},
+	"uic.DataGrid.selectColumns": {
+		defaultMessage: "Select columns to display",
+		description: "Subtitle of a data grid's column settings and CSV export dialogs"
+	},
+	"uic.DataGrid.searchColumns": {
+		defaultMessage: "Search table columns",
+		description: "Placeholder of the column search field in a data grid's dialogs, also shown when no column matches"
+	},
+	"uic.DataGrid.reorderColumn": {
+		defaultMessage: "Reorder {column}",
+		description: "Accessible name of the drag handle beside a column in a data grid's column settings dialog. {column} is the column's label"
+	},
+	"uic.DataGrid.reorderInstructions": {
+		defaultMessage: "Press Space to pick up the column, use the arrow keys to move it, then press Space again to drop it or Escape to cancel.",
+		description: "Screen reader instructions for a drag handle in a data grid's column settings dialog"
+	},
+	"uic.DataGrid.reorderPickedUp": {
+		defaultMessage: "Picked up {column}. It is at position {position} of {total}.",
+		description: "Screen reader announcement when a column is picked up for reordering in the column settings dialog. {position} is 1-based"
+	},
+	"uic.DataGrid.reorderMoved": {
+		defaultMessage: "{column} moved to position {position} of {total}.",
+		description: "Screen reader announcement while a picked-up column moves in the column settings dialog. {position} is 1-based"
+	},
+	"uic.DataGrid.reorderDropped": {
+		defaultMessage: "{column} dropped at position {position} of {total}.",
+		description: "Screen reader announcement when a column is dropped in the column settings dialog. {position} is 1-based"
+	},
+	"uic.DataGrid.reorderCancelled": {
+		defaultMessage: "Reordering cancelled. {column} is back at position {position} of {total}.",
+		description: "Screen reader announcement when reordering a column is cancelled in the column settings dialog. {position} is 1-based"
+	},
+	"uic.DataGrid.export": {
+		defaultMessage: "Export",
+		description: "Primary button of a data grid's CSV export dialog"
+	}
+});
+//#endregion
+export { t as dataGridMessages };
+
+//# sourceMappingURL=DataGrid.messages.js.map

package/dist/components/DataGrid/DataGrid.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.messages.js","names":[],"sources":["../../../src/components/DataGrid/DataGrid.messages.ts"],"sourcesContent":["import { defineMessages } from \"../../i18n/catalog\";\n\nexport const dataGridMessages = defineMessages({\n  \"uic.DataGrid.noData\": {\n    defaultMessage: \"No data to display\",\n    description: \"Shown in place of a data grid's rows when there are none\",\n  },\n  \"uic.DataGrid.invalidPage\": {\n    defaultMessage: \"Invalid page number\",\n    description:\n      \"Shown in place of a data grid's rows when the current page lies past the last page\",\n  },\n  \"uic.DataGrid.goToFirstPage\": {\n    defaultMessage: \"Go to first page\",\n    description: \"Button under the invalid page message that returns to page 1\",\n  },\n  \"uic.DataGrid.expandRow\": {\n    defaultMessage: \"Expand row\",\n    description: \"Accessible name of the button that shows or hides a row's details\",\n  },\n  \"uic.DataGrid.pagination\": {\n    defaultMessage: \"Pagination\",\n    description: \"Accessible name of a data grid's page navigation\",\n  },\n  \"uic.DataGrid.range\": {\n    defaultMessage: \"{start} - {end} of {total} items\",\n    description:\n      \"Beside a data grid's page navigation: the rows on screen out of the total. {start} and {end} are 1-based row numbers\",\n  },\n  \"uic.DataGrid.settings\": {\n    defaultMessage: \"Table Settings\",\n    description:\n      \"Button under a data grid that opens its column settings, and the title of that dialog\",\n  },\n  \"uic.DataGrid.exportCsv\": {\n    defaultMessage: \"Export CSV\",\n    description:\n      \"Button under a data grid that opens the CSV export dialog, and the title of that dialog\",\n  },\n  \"uic.DataGrid.selectColumns\": {\n    defaultMessage: \"Select columns to display\",\n    description: \"Subtitle of a data grid's column settings and CSV export dialogs\",\n  },\n  \"uic.DataGrid.searchColumns\": {\n    defaultMessage: \"Search table columns\",\n    description:\n      \"Placeholder of the column search field in a data grid's dialogs, also shown when no column matches\",\n  },\n  \"uic.DataGrid.reorderColumn\": {\n    defaultMessage: \"Reorder {column}\",\n    description:\n      \"Accessible name of the drag handle beside a column in a data grid's column settings dialog. {column} is the column's label\",\n  },\n  \"uic.DataGrid.reorderInstructions\": {\n    defaultMessage:\n      \"Press Space to pick up the column, use the arrow keys to move it, then press Space again to drop it or Escape to cancel.\",\n    description:\n      \"Screen reader instructions for a drag handle in a data grid's column settings dialog\",\n  },\n  \"uic.DataGrid.reorderPickedUp\": {\n    defaultMessage: \"Picked up {column}. It is at position {position} of {total}.\",\n    description:\n      \"Screen reader announcement when a column is picked up for reordering in the column settings dialog. {position} is 1-based\",\n  },\n  \"uic.DataGrid.reorderMoved\": {\n    defaultMessage: \"{column} moved to position {position} of {total}.\",\n    description:\n      \"Screen reader announcement while a picked-up column moves in the column settings dialog. {position} is 1-based\",\n  },\n  \"uic.DataGrid.reorderDropped\": {\n    defaultMessage: \"{column} dropped at position {position} of {total}.\",\n    description:\n      \"Screen reader announcement when a column is dropped in the column settings dialog. {position} is 1-based\",\n  },\n  \"uic.DataGrid.reorderCancelled\": {\n    defaultMessage:\n      \"Reordering cancelled. {column} is back at position {position} of {total}.\",\n    description:\n      \"Screen reader announcement when reordering a column is cancelled in the column settings dialog. {position} is 1-based\",\n  },\n  \"uic.DataGrid.export\": {\n    defaultMessage: \"Export\",\n    description: \"Primary button of a data grid's CSV export dialog\",\n  },\n});\n"],"mappings":";;AAEA,IAAa,IAAmB,EAAe;CAC7C,uBAAuB;EACrB,gBAAgB;EAChB,aAAa;CACf;CACA,4BAA4B;EAC1B,gBAAgB;EAChB,aACE;CACJ;CACA,8BAA8B;EAC5B,gBAAgB;EAChB,aAAa;CACf;CACA,0BAA0B;EACxB,gBAAgB;EAChB,aAAa;CACf;CACA,2BAA2B;EACzB,gBAAgB;EAChB,aAAa;CACf;CACA,sBAAsB;EACpB,gBAAgB;EAChB,aACE;CACJ;CACA,yBAAyB;EACvB,gBAAgB;EAChB,aACE;CACJ;CACA,0BAA0B;EACxB,gBAAgB;EAChB,aACE;CACJ;CACA,8BAA8B;EAC5B,gBAAgB;EAChB,aAAa;CACf;CACA,8BAA8B;EAC5B,gBAAgB;EAChB,aACE;CACJ;CACA,8BAA8B;EAC5B,gBAAgB;EAChB,aACE;CACJ;CACA,oCAAoC;EAClC,gBACE;EACF,aACE;CACJ;CACA,gCAAgC;EAC9B,gBAAgB;EAChB,aACE;CACJ;CACA,6BAA6B;EAC3B,gBAAgB;EAChB,aACE;CACJ;CACA,+BAA+B;EAC7B,gBAAgB;EAChB,aACE;CACJ;CACA,iCAAiC;EAC/B,gBACE;EACF,aACE;CACJ;CACA,uBAAuB;EACrB,gBAAgB;EAChB,aAAa;CACf;AACF,CAAC"}

package/dist/components/DataGrid/DataGrid2.js

@@ -0,0 +1,447 @@
+import { useUicTranslator as e } from "../../i18n/useUicTranslator.js";
+/* empty css         */
+import { DataGridExportModal as t } from "./DataGridExportModal.js";
+import { DataGridSettingsModal as n } from "./DataGridSettingsModal.js";
+import { nodeToPlainText as r } from "./nodeToPlainText.js";
+import { isValidElement as i, useRef as a, useState as o } from "react";
+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";
+//#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 = [
+	10,
+	20,
+	50
+], Se = /* @__PURE__ */ u(f, {
+	icon: p,
+	size: "lg",
+	color: "secondary"
+}), Ce = {
+	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) {
+	return {
+		...e,
+		htmlProps: {
+			...e.htmlProps,
+			style: e.htmlProps.style ? {
+				...e.htmlProps.style,
+				...t
+			} : t
+		}
+	};
+}
+function De(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function b(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 }) {
+	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 = {};
+		if ((s !== a || s !== te) && (c.hidden = s), o) {
+			let e = t.columnOrder.indexOf(i.key);
+			e !== -1 && (c.order = e);
+		}
+		let l = r[i.key]?.width;
+		typeof l == "number" && (c.width = l), (s !== te || c.order !== e?.order || c.width !== e?.width) && Object.keys(c).length > 0 && (ee[i.key] = c);
+	}
+	return ee;
+}
+function ke(e, t) {
+	if (e.isAlwaysVisible) return !0;
+	let n = t?.[e.key]?.hidden;
+	return n === void 0 ? !e.isHiddenByDefault : !n;
+}
+function x(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);
+	}, A = {
+		...C?.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);
+	else Object.assign(j, ut);
+	let ft = (e) => {
+		if (!C) {
+			dt((t) => ({
+				...t,
+				...e
+			}));
+			return;
+		}
+		let t = { ...st };
+		for (let [n, r] of Object.entries(e)) n !== g && (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 (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 = (() => {
+		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) => {
+		let t = W.has(e) ? U.filter((t) => String(t) !== e) : [...U, e];
+		T?.expandedKeys || bt(t), T?.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,
+			id: `${t}__detail`
+		});
+	}
+	let wt = /* @__PURE__ */ new Map();
+	P.forEach((e) => wt.set(M(e), e));
+	let J = [];
+	G && J.push({
+		key: g,
+		header: T?.columnHeader ?? "",
+		width: h(xt),
+		resizable: !1,
+		renderCell: (e) => {
+			if (v(e)) return null;
+			let t = e;
+			if (!(T?.getIsRowExpandable?.(t) ?? !0)) return null;
+			let n = M(t);
+			return /* @__PURE__ */ u(m, {
+				label: Be ?? D("uic.DataGrid.expandRow"),
+				icon: W.has(n) ? /* @__PURE__ */ u(ne, {}) : /* @__PURE__ */ u(re, {}),
+				variant: "ghost",
+				size: "sm",
+				onClick: () => Ct(n)
+			});
+		}
+	});
+	for (let e of i) {
+		let t = j[e.key] ?? e.width, n = /* @__PURE__ */ u("span", {
+			className: "uic-data-grid__clip",
+			children: e.groupHeader == null ? e.header : /* @__PURE__ */ d(s, {
+				gap: 0,
+				align: "start",
+				children: [/* @__PURE__ */ u(c, {
+					type: "supporting",
+					color: "secondary",
+					children: e.groupHeader
+				}), /* @__PURE__ */ u("span", { children: e.header })]
+			})
+		});
+		J.push({
+			key: e.key,
+			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),
+			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", {
+					className: "uic-data-grid__clip",
+					children: r
+				});
+			}
+		});
+	}
+	let Tt = C ? i.filter((e) => ke(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({
+		columns: [...G ? [{
+			key: g,
+			label: "",
+			isAlwaysVisible: !0
+		}] : [], ...i.map((e) => ({
+			key: e.key,
+			label: b(e),
+			isAlwaysVisible: !!e.isAlwaysVisible
+		}))],
+		activeColumnKeys: Et,
+		onChangeActiveColumnKeys: () => {}
+	}), Ot = [];
+	for (let e of Y) if (e.pin === "start") Ot.push(e.key);
+	else break;
+	let kt = [];
+	for (let e of [...Y].reverse()) if (e.pin === "end") kt.unshift(e.key);
+	else break;
+	let X = {
+		startKeys: Ot.length === 0 ? void 0 : [
+			...S ? [he] : [],
+			...G ? [g] : [],
+			...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 = {
+		transformBodyCell: (e, t, n) => {
+			if (v(n)) return e;
+			let r = n, i = jt.get(t.key)?.getCellProps?.(r, K.get(M(r)) ?? 0);
+			return i ? {
+				...e,
+				htmlProps: {
+					...e.htmlProps,
+					...i,
+					style: {
+						...e.htmlProps.style,
+						...i.style
+					}
+				}
+			} : e;
+		},
+		transformBodyRow: (e, t) => {
+			if (!Ie || v(t)) return e;
+			let n = t, r = Ie(n, K.get(M(n)));
+			return r ? {
+				...e,
+				htmlProps: {
+					...e.htmlProps,
+					...r,
+					style: {
+						...e.htmlProps.style,
+						...r.style
+					}
+				}
+			} : 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 ? [{
+		sortKey: N.sortKey,
+		direction: N.direction
+	}] : [], Lt = pe({
+		sort: It,
+		allowUnsortedState: !0,
+		onSortChange: (e) => {
+			let t = e[0], n = t ? {
+				sortKey: t.sortKey,
+				direction: t.direction
+			} : null;
+			pt(n), Pe?.(n);
+		}
+	}), Rt = new Set((S?.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),
+		getIsAllSelected: () => Q.length > 0 && Q.every(Z),
+		getIsIndeterminate: () => Q.some(Z) && !Q.every(Z),
+		onSelectItem: ({ item: e, isSelected: t }) => {
+			if (v(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 : []);
+			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 ? {
+		...e,
+		width: h(ge)
+	} : e) }, Ut = ue({
+		columns: J,
+		columnWidths: j,
+		minWidth: ye,
+		onColumnResizeEnd: ft
+	}), Wt = Et.length + +!!S, Gt = { transformBodyRow: (e, t) => {
+		if (!v(t)) return e;
+		let n = String(t[_]), 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)
+			})
+		} : 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, {
+		isCompact: !0,
+		icon: Se,
+		title: Ve ?? D("uic.DataGrid.invalidPage"),
+		actions: /* @__PURE__ */ u(ee, {
+			variant: "primary",
+			label: He ?? D("uic.DataGrid.goToFirstPage"),
+			onClick: () => {
+				L(1), F?.onChange?.(1, R);
+			}
+		})
+	}) : E === !1 ? !1 : E == null || typeof E == "string" ? /* @__PURE__ */ u(oe, {
+		isCompact: !0,
+		icon: Se,
+		title: E ?? D("uic.DataGrid.noData")
+	}) : E, ln = (e) => {
+		tt(!1), ct(Oe({
+			columns: i,
+			result: e,
+			defaultOverrides: C?.defaultOverrides,
+			overrides: A,
+			isReorderable: lt
+		}));
+	};
+	return /* @__PURE__ */ d("div", {
+		className: ["uic-data-grid", Ze].filter(Boolean).join(" "),
+		style: Qe,
+		children: [
+			/* @__PURE__ */ u("div", {
+				"aria-busy": p || 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"
+				].filter(Boolean).join(" "),
+				style: {
+					...O ? { "--data-grid-scroll-width": Ee(Le) } : null,
+					...k ? { "--data-grid-max-height": Ee(Re) } : null
+				},
+				children: /* @__PURE__ */ u(ce, {
+					...$e,
+					data: q,
+					columns: J,
+					idKey: (e) => v(e) ? `${String(e[_])}__detail` : M(e),
+					density: qe,
+					dividers: Je,
+					hasHover: Ye,
+					textOverflow: Xe,
+					emptyState: cn,
+					rowCount: B || void 0,
+					rowIndexStart: F ? (V - 1) * R + 1 : void 0,
+					plugins: $
+				})
+			}),
+			sn ? /* @__PURE__ */ d(te, {
+				justify: "end",
+				align: "center",
+				gap: 2,
+				className: "uic-data-grid__footer",
+				children: [
+					on ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(c, {
+						type: "supporting",
+						color: "secondary",
+						children: We ? We({
+							start: rn,
+							end: an,
+							total: B
+						}) : D("uic.DataGrid.range", {
+							start: rn,
+							end: an,
+							total: B
+						})
+					}), /* @__PURE__ */ u(se, {
+						variant: "pages",
+						...nn,
+						page: V,
+						pageSize: R,
+						totalItems: B,
+						pageSizeOptions: Zt ? en ?? xe : void 0,
+						size: tn,
+						label: Ue ?? D("uic.DataGrid.pagination"),
+						onChange: (e) => {
+							z.current || (L(e), F?.onChange?.(e, R));
+						},
+						onPageSizeChange: (e) => {
+							z.current = !0, queueMicrotask(() => {
+								z.current = !1;
+							}), L(1), mt(e), F?.onChange?.(1, e);
+						}
+					})] }) : null,
+					C ? /* @__PURE__ */ u(m, {
+						label: Ge ?? D("uic.DataGrid.settings"),
+						icon: /* @__PURE__ */ u(ae, {}),
+						variant: "ghost",
+						size: "sm",
+						onClick: () => tt(!0)
+					}) : null,
+					w ? /* @__PURE__ */ u(m, {
+						label: Ke ?? D("uic.DataGrid.exportCsv"),
+						icon: /* @__PURE__ */ u(ie, {}),
+						variant: "ghost",
+						size: "sm",
+						onClick: () => rt(!0)
+					}) : null,
+					F ? $t : null
+				]
+			}) : null,
+			C ? /* @__PURE__ */ u(n, {
+				...C.modalProps,
+				isOpen: et,
+				onOpenChange: tt,
+				columns: i.map((e) => ({
+					key: e.key,
+					label: b(e),
+					isAlwaysVisible: !!e.isAlwaysVisible
+				})),
+				visibleColumnKeys: Y.map((e) => e.key),
+				isReorderable: lt,
+				onApply: ln
+			}) : null,
+			w ? /* @__PURE__ */ u(t, {
+				...w.modalProps,
+				isOpen: nt,
+				onOpenChange: rt,
+				columns: i.map((e) => ({
+					key: e.key,
+					label: b(e),
+					exportKeys: e.exportKeys ?? []
+				})),
+				supportedKeys: w.supportedKeys,
+				notice: w.notice,
+				onExport: async (e) => {
+					await w.onExport(e), rt(!1);
+				}
+			}) : null
+		]
+	});
+}
+function je(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 };
+
+//# sourceMappingURL=DataGrid2.js.map
+import "../../assets/components/DataGrid/DataGrid.css";