@cascivo/react 0.18.0 → 1.0.0

package/dist/data-table/data-table.js

@@ -9,31 +9,55 @@ import { builtin as d, t as f } from "@cascivo/i18n";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { flushSync as ne } from "react-dom";
 //#region ../components/src/data-table/data-table.tsx
-function h(e, t) {
+var h = /* @__PURE__ */ new Set();
+function g() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+var _ = /* @__PURE__ */ new Set();
+function re(e, t, n) {
+	if (!g()) return;
+	let r = e.scrollWidth - e.clientWidth;
+	if (r <= 1) return;
+	let i = `${n}:${e.clientWidth}`;
+	_.has(i) || (_.add(i), console.warn(`cascivo DataTable: the table overflows its container (scrollWidth ${e.scrollWidth}px > clientWidth ${e.clientWidth}px, by ${r}px), so the last column is cut off. ` + (t.length > 0 ? `Drop a \`width\` from one of the sized columns (${t.join(", ")}), or lower the \`minWidth\` on the free-form one.` : "Lower the `minWidth` on the widest column.")));
+}
+function ie(e, t, n) {
+	g() && (e !== void 0 || t !== void 0 || h.has(n) || (h.add(n), console.warn(`cascivo DataTable: this table has no accessible name (columns: ${n}). Pass \`title\` for a visible caption, or \`ariaLabel\` for a name only screen readers hear.`)));
+}
+function v(e, t) {
 	return e[t];
 }
-function re(e, t) {
+function ae(e, t) {
 	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
 }
-function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortMode: se = "client", onSortChange: ce, searchable: v = !1, pagination: y, selection: b, batchActions: x, renderExpandedRow: S, density: le = "normal", zebra: ue = !1, stickyHeader: de = !1, loading: C = !1, emptyState: fe, title: w, description: T, labels: E, className: pe, virtualized: D = !1, rowHeight: O = 40, windowSize: me = 20, overscan: he = 3 }) {
+function y({ columns: h, rows: g, getRowId: _, sort: y, defaultSort: oe, sortMode: se = "client", onSortChange: ce, searchable: le = !1, pagination: b, selection: x, batchActions: S, renderExpandedRow: C, density: ue = "normal", zebra: de = !1, stickyHeader: fe = !1, loading: w = !1, emptyState: pe, title: T, ariaLabel: me, description: E, labels: D, className: he, virtualized: O = !1, rowHeight: k = 40, windowSize: ge = 20, overscan: _e = 3 }) {
 	te();
-	let k = i(), A = {
-		search: E?.search ?? f(d.dataTable.search),
-		empty: E?.empty ?? f(d.dataTable.empty),
-		selectAll: E?.selectAll ?? f(d.dataTable.selectAll),
-		selectRow: E?.selectRow ?? f(d.dataTable.selectRow),
-		itemsSelected: (e) => E?.itemsSelected?.(e) ?? f(d.dataTable.itemsSelected, { count: e }),
-		expandRow: E?.expandRow ?? f(d.dataTable.expandRow),
-		previousPage: E?.previousPage ?? f(d.dataTable.previousPage),
-		nextPage: E?.nextPage ?? f(d.dataTable.nextPage)
-	}, [ge] = l({ value: ie }), [_e] = l({ value: g }), [j, ve] = l({
-		value: ae,
+	let A = i(), j = {
+		search: D?.search ?? f(d.dataTable.search),
+		empty: D?.empty ?? f(d.dataTable.empty),
+		selectAll: D?.selectAll ?? f(d.dataTable.selectAll),
+		selectRow: D?.selectRow ?? f(d.dataTable.selectRow),
+		itemsSelected: (e) => D?.itemsSelected?.(e) ?? f(d.dataTable.itemsSelected, { count: e }),
+		expandRow: D?.expandRow ?? f(d.dataTable.expandRow),
+		previousPage: D?.previousPage ?? f(d.dataTable.previousPage),
+		nextPage: D?.nextPage ?? f(d.dataTable.nextPage)
+	}, [ve] = l({ value: g }), [ye] = l({ value: h }), [M, be] = l({
+		value: y,
 		defaultValue: oe
-	}), M = u([]), N = b?.selected ?? M.value, P = (e) => {
-		b?.selected === void 0 && (M.value = e), b?.onChange?.(e);
-	}, F = u(""), I = u(1), L = u(y?.pageSize ?? 0), R = u(/* @__PURE__ */ new Set()), z = a(null), B = u(0);
+	}), xe = u([]), N = x?.selected ?? xe.value, P = (e) => {
+		x?.selected === void 0 && (xe.value = e), x?.onChange?.(e);
+	}, F = u(""), I = u(1), L = u(b?.pageSize ?? 0), R = u(/* @__PURE__ */ new Set()), z = a(null), B = u(0);
 	ee(() => {
-		if (!D) return;
+		let e = z.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = h.filter((e) => e.width !== void 0).map((e) => e.key), n = h.map((e) => e.key).join(","), r = 0, i = new ResizeObserver(() => {
+			cancelAnimationFrame(r), r = requestAnimationFrame(() => re(e, t, n));
+		});
+		return i.observe(e), () => {
+			cancelAnimationFrame(r), i.disconnect();
+		};
+	}), ee(() => {
+		if (!O) return;
 		let e = z.current;
 		if (!e) return;
 		let t = () => {
@@ -43,28 +67,28 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	});
-	let V = c(() => ge.value.map((e, t) => ({
+	let Se = c(() => ve.value.map((e, t) => ({
 		row: e,
 		id: _ ? _(e) : String(t)
-	}))), H = c(() => {
+	}))), V = c(() => {
 		let e = F.value.trim().toLowerCase();
-		if (!e) return V.value;
-		let t = _e.value;
-		return V.value.filter((n) => t.some((t) => String(h(n.row, t.key) ?? "").toLowerCase().includes(e)));
-	}), U = c(() => {
-		let e = j.value;
-		if (!e || se === "server") return H.value;
-		let t = H.value.map((e, t) => [e, t]);
+		if (!e) return Se.value;
+		let t = ye.value;
+		return Se.value.filter((n) => t.some((t) => String(v(n.row, t.key) ?? "").toLowerCase().includes(e)));
+	}), H = c(() => {
+		let e = M.value;
+		if (!e || se === "server") return V.value;
+		let t = V.value.map((e, t) => [e, t]);
 		return t.sort((t, n) => {
-			let r = re(h(t[0].row, e.key), h(n[0].row, e.key));
+			let r = ae(v(t[0].row, e.key), v(n[0].row, e.key));
 			return e.direction === "desc" && (r = -r), r === 0 ? t[1] - n[1] : r;
 		}), t.map(([e]) => e);
-	}), ye = c(() => y ? Math.max(1, Math.ceil(H.value.length / L.value)) : 1), W = c(() => Math.min(I.value, ye.value)), G = c(() => {
-		if (!y) return U.value;
+	}), U = c(() => b ? Math.max(1, Math.ceil(V.value.length / L.value)) : 1), W = c(() => Math.min(I.value, U.value)), G = c(() => {
+		if (!b) return H.value;
 		let e = (W.value - 1) * L.value;
-		return U.value.slice(e, e + L.value);
-	}), K = c(() => D ? Math.floor(B.value / O) : 0), be = c(() => D ? Math.min(K.value + me + he * 2, G.value.length) : G.value.length), xe = c(() => D ? G.value.slice(K.value, be.value) : G.value), Se = (e) => {
-		let t = j.value, n;
+		return H.value.slice(e, e + L.value);
+	}), K = c(() => O ? Math.floor(B.value / k) : 0), q = c(() => O ? Math.min(K.value + ge + _e * 2, G.value.length) : G.value.length), Ce = c(() => O ? G.value.slice(K.value, q.value) : G.value), we = (e) => {
+		let t = M.value, n;
 		n = !t || t.key !== e ? {
 			key: e,
 			direction: "asc"
@@ -72,9 +96,9 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 			key: e,
 			direction: "desc"
 		} : void 0, o(() => {
-			ve(n), I.value = 1;
+			be(n), I.value = 1;
 		}), ce?.(n);
-	}, Ce = (e) => {
+	}, Te = (e) => {
 		if (![
 			"ArrowUp",
 			"ArrowDown",
@@ -96,61 +120,63 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 			}
 		}
 		a?.focus();
-	}, we = (e) => {
+	}, Ee = (e) => {
 		let t = N;
-		b?.mode === "single" ? P(t.includes(e) ? [] : [e]) : P(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, Te = (e) => {
+		x?.mode === "single" ? P(t.includes(e) ? [] : [e]) : P(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, De = (e) => {
 		let t = new Set(R.value);
 		t.has(e) ? t.delete(e) : t.add(e), R.value = t;
-	}, q = G.value, Ee = R.value, J = q.length > 0 && q.every((e) => N.includes(e.id)), De = q.some((e) => N.includes(e.id)), Y = xe.value, X = K.value, Oe = be.value, ke = () => {
-		let e = q.map((e) => e.id);
-		P(J ? N.filter((t) => !e.includes(t)) : [...new Set([...N, ...e])]);
-	}, Z = g.length + +!!b + +!!S, Ae = y && !D && Y.length > 0 ? Math.max(0, L.value - Y.length) : 0, je = `${k}-title`, Me = `${k}-description`, Q = H.value.length, $ = Q === 0 ? 0 : (W.value - 1) * L.value + 1, Ne = Q === 0 ? 0 : $ + q.length - 1, Pe = !!x && x.length > 0 && N.length > 0;
+	}, J = G.value, Oe = R.value, Y = J.length > 0 && J.every((e) => N.includes(e.id)), ke = J.some((e) => N.includes(e.id)), X = Ce.value, Z = K.value, Ae = q.value, je = () => {
+		let e = J.map((e) => e.id);
+		P(Y ? N.filter((t) => !e.includes(t)) : [...new Set([...N, ...e])]);
+	}, Q = h.length + +!!x + +!!C, Me = b && !O && X.length > 0 ? Math.max(0, L.value - X.length) : 0;
+	ie(T, me, h.map((e) => e.key).join(","));
+	let Ne = `${A}-title`, Pe = `${A}-description`, $ = V.value.length, Fe = $ === 0 ? 0 : (W.value - 1) * L.value + 1, Ie = $ === 0 ? 0 : Fe + J.length - 1, Le = !!S && S.length > 0 && N.length > 0;
 	return /* @__PURE__ */ m("div", {
-		className: s(n.root, pe),
-		"data-density": le,
-		"data-zebra": ue || void 0,
-		"data-sticky-header": de || void 0,
-		"data-paginated": y ? !0 : void 0,
-		"data-fixed-layout": g.every((e) => e.width !== void 0) || void 0,
+		className: s(n.root, he),
+		"data-density": ue,
+		"data-zebra": de || void 0,
+		"data-sticky-header": fe || void 0,
+		"data-paginated": b ? !0 : void 0,
+		"data-fixed-layout": h.every((e) => e.width !== void 0) || void 0,
 		children: [
 			/* @__PURE__ */ p("span", {
 				"aria-live": "polite",
 				className: n.srOnly,
-				children: N.length > 0 ? A.itemsSelected(N.length) : ""
+				children: N.length > 0 ? j.itemsSelected(N.length) : ""
 			}),
-			(w !== void 0 || T !== void 0 || v) && /* @__PURE__ */ m("div", {
+			(T !== void 0 || E !== void 0 || le) && /* @__PURE__ */ m("div", {
 				className: n.toolbar,
-				children: [(w !== void 0 || T !== void 0) && /* @__PURE__ */ m("div", {
+				children: [(T !== void 0 || E !== void 0) && /* @__PURE__ */ m("div", {
 					className: n.heading,
-					children: [w !== void 0 && /* @__PURE__ */ p("div", {
-						id: je,
+					children: [T !== void 0 && /* @__PURE__ */ p("div", {
+						id: Ne,
 						className: n.title,
-						children: w
-					}), T !== void 0 && /* @__PURE__ */ p("div", {
-						id: Me,
-						className: n.description,
 						children: T
+					}), E !== void 0 && /* @__PURE__ */ p("div", {
+						id: Pe,
+						className: n.description,
+						children: E
 					})]
-				}), v && /* @__PURE__ */ p("input", {
+				}), le && /* @__PURE__ */ p("input", {
 					type: "search",
 					className: n.search,
-					"aria-label": A.search,
-					placeholder: A.search,
+					"aria-label": j.search,
+					placeholder: j.search,
 					value: F.value,
 					onChange: (e) => {
 						F.value = e.target.value, I.value = 1;
 					}
 				})]
 			}),
-			Pe && /* @__PURE__ */ m("div", {
+			Le && /* @__PURE__ */ m("div", {
 				className: n.batchBar,
 				children: [/* @__PURE__ */ p("span", {
 					className: n.batchCount,
-					children: A.itemsSelected(N.length)
+					children: j.itemsSelected(N.length)
 				}), /* @__PURE__ */ p("div", {
 					className: n.batchActions,
-					children: x.map((t, n) => /* @__PURE__ */ p(e, {
+					children: S.map((t, n) => /* @__PURE__ */ p(e, {
 						size: "sm",
 						variant: "secondary",
 						onClick: () => t.onClick(N),
@@ -159,48 +185,49 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 				})]
 			}),
 			/* @__PURE__ */ p("div", {
-				ref: D ? z : void 0,
-				className: s(n.scroller, D && n.scrollerVirtualized),
+				ref: z,
+				className: s(n.scroller, O && n.scrollerVirtualized),
 				children: /* @__PURE__ */ m("table", {
 					className: n.table,
-					"aria-labelledby": w === void 0 ? void 0 : je,
-					"aria-describedby": T === void 0 ? void 0 : Me,
-					"aria-busy": C || void 0,
-					"aria-rowcount": D ? q.length : void 0,
-					onKeyDown: Ce,
+					"aria-labelledby": T === void 0 ? void 0 : Ne,
+					"aria-label": T === void 0 ? me : void 0,
+					"aria-describedby": E === void 0 ? void 0 : Pe,
+					"aria-busy": w || void 0,
+					"aria-rowcount": O ? J.length : void 0,
+					onKeyDown: Te,
 					children: [
 						/* @__PURE__ */ m("colgroup", { children: [
-							S && /* @__PURE__ */ p("col", { className: n.controlCol }),
-							b && /* @__PURE__ */ p("col", { className: n.controlCol }),
-							g.map((e) => /* @__PURE__ */ p("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
+							C && /* @__PURE__ */ p("col", { className: n.controlCol }),
+							x && /* @__PURE__ */ p("col", { className: n.controlCol }),
+							h.map((e) => /* @__PURE__ */ p("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
 								...e.width === void 0 ? {} : { width: e.width },
 								...e.minWidth === void 0 ? {} : { minWidth: e.minWidth }
 							} : void 0 }, e.key))
 						] }),
 						/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
-							S && /* @__PURE__ */ p("th", {
+							C && /* @__PURE__ */ p("th", {
 								scope: "col",
 								className: n.controlCell,
 								children: /* @__PURE__ */ p("span", {
 									className: n.srOnly,
-									children: A.expandRow
+									children: j.expandRow
 								})
 							}),
-							b && /* @__PURE__ */ p("th", {
+							x && /* @__PURE__ */ p("th", {
 								scope: "col",
 								className: n.controlCell,
-								children: b.mode === "multi" ? /* @__PURE__ */ p(t, {
-									"aria-label": A.selectAll,
-									checked: J,
-									indeterminate: De && !J,
-									onChange: ke
+								children: x.mode === "multi" ? /* @__PURE__ */ p(t, {
+									"aria-label": j.selectAll,
+									checked: Y,
+									indeterminate: ke && !Y,
+									onChange: je
 								}) : /* @__PURE__ */ p("span", {
 									className: n.srOnly,
-									children: A.selectRow
+									children: j.selectRow
 								})
 							}),
-							g.map((e) => {
-								let t = j.value?.key === e.key ? j.value.direction : void 0, r = t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
+							h.map((e) => {
+								let t = M.value?.key === e.key ? M.value.direction : void 0, r = t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
 								return /* @__PURE__ */ p("th", {
 									scope: "col",
 									"data-align": e.align ?? "start",
@@ -210,96 +237,96 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 										type: "button",
 										className: n.sortButton,
 										"data-state": r,
-										onClick: () => Se(e.key),
+										onClick: () => we(e.key),
 										children: e.header
 									}) : e.header
 								}, e.key);
 							})
 						] }) }),
 						/* @__PURE__ */ m("tbody", { children: [
-							C && Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ p("tr", {
+							w && Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ p("tr", {
 								className: n.row,
-								children: Array.from({ length: Z }, (e, t) => /* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("span", {
+								children: Array.from({ length: Q }, (e, t) => /* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("span", {
 									className: n.shimmer,
 									"aria-hidden": "true"
 								}) }, t))
 							}, t)),
-							!C && q.length === 0 && /* @__PURE__ */ p("tr", {
+							!w && J.length === 0 && /* @__PURE__ */ p("tr", {
 								"data-empty-row": !0,
 								children: /* @__PURE__ */ p("td", {
-									colSpan: Z,
+									colSpan: Q,
 									className: n.emptyCell,
-									children: fe ?? A.empty
+									children: pe ?? j.empty
 								})
 							}),
-							!C && D && X > 0 && /* @__PURE__ */ p("tr", {
+							!w && O && Z > 0 && /* @__PURE__ */ p("tr", {
 								"aria-hidden": "true",
-								style: { height: X * O }
+								style: { height: Z * k }
 							}),
-							!C && Y.map((e, i) => {
-								let a = D ? X + i : i, o = N.includes(e.id), s = Ee.has(e.id);
+							!w && X.map((e, i) => {
+								let a = O ? Z + i : i, o = N.includes(e.id), s = Oe.has(e.id);
 								return /* @__PURE__ */ m(r, { children: [/* @__PURE__ */ m("tr", {
 									className: n.row,
 									"data-parity": a % 2 == 0 ? "even" : "odd",
 									"data-state": o ? "selected" : void 0,
-									"aria-rowindex": D ? X + i + 1 : void 0,
+									"aria-rowindex": O ? Z + i + 1 : void 0,
 									children: [
-										S && /* @__PURE__ */ p("td", {
+										C && /* @__PURE__ */ p("td", {
 											className: n.controlCell,
 											children: /* @__PURE__ */ p("button", {
 												type: "button",
 												className: n.expandButton,
 												"aria-expanded": s,
-												"aria-label": A.expandRow,
+												"aria-label": j.expandRow,
 												"data-state": s ? "open" : "closed",
-												onClick: () => Te(e.id),
+												onClick: () => De(e.id),
 												children: /* @__PURE__ */ p("span", {
 													className: n.chevron,
 													"aria-hidden": "true"
 												})
 											})
 										}),
-										b && /* @__PURE__ */ p("td", {
+										x && /* @__PURE__ */ p("td", {
 											className: n.controlCell,
 											children: /* @__PURE__ */ p(t, {
-												"aria-label": A.selectRow,
+												"aria-label": j.selectRow,
 												checked: o,
-												onChange: () => we(e.id)
+												onChange: () => Ee(e.id)
 											})
 										}),
-										g.map((t) => /* @__PURE__ */ p("td", {
+										h.map((t) => /* @__PURE__ */ p("td", {
 											"data-align": t.align ?? "start",
 											"data-sized": t.width !== void 0 || void 0,
-											children: t.render ? t.render(e.row) : String(h(e.row, t.key) ?? "")
+											children: t.render ? t.render(e.row) : String(v(e.row, t.key) ?? "")
 										}, t.key))
 									]
-								}), S && /* @__PURE__ */ p("tr", {
+								}), C && /* @__PURE__ */ p("tr", {
 									className: n.expansionRow,
 									"data-state": s ? "open" : "closed",
 									children: /* @__PURE__ */ p("td", {
-										colSpan: Z,
+										colSpan: Q,
 										children: /* @__PURE__ */ p("div", {
 											className: n.expansionGrid,
 											"data-state": s ? "open" : "closed",
 											children: /* @__PURE__ */ p("div", {
 												className: n.expansionInner,
-												children: S(e.row)
+												children: C(e.row)
 											})
 										})
 									})
 								})] }, e.id);
 							}),
-							!C && D && Oe < q.length && /* @__PURE__ */ p("tr", {
+							!w && O && Ae < J.length && /* @__PURE__ */ p("tr", {
 								"aria-hidden": "true",
-								style: { height: (q.length - Oe) * O }
+								style: { height: (J.length - Ae) * k }
 							}),
-							Ae > 0 && /* @__PURE__ */ p("tr", {
+							Me > 0 && /* @__PURE__ */ p("tr", {
 								"aria-hidden": "true",
 								"data-filler-row": !0,
 								children: /* @__PURE__ */ p("td", {
-									colSpan: Z,
+									colSpan: Q,
 									style: {
-										blockSize: `calc(var(--_row-height) * ${Ae})`,
+										blockSize: `calc(var(--_row-height) * ${Me})`,
 										padding: 0
 									}
 								})
@@ -308,17 +335,17 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 					]
 				})
 			}),
-			y && /* @__PURE__ */ m("div", {
+			b && /* @__PURE__ */ m("div", {
 				className: n.footer,
 				children: [
-					y.pageSizeOptions && /* @__PURE__ */ m("label", {
+					b.pageSizeOptions && /* @__PURE__ */ m("label", {
 						className: n.pageSize,
 						children: [/* @__PURE__ */ p("span", { children: "Rows per page" }), /* @__PURE__ */ p("select", {
 							value: L.value,
 							onChange: (e) => {
 								L.value = Number(e.target.value), I.value = 1;
 							},
-							children: y.pageSizeOptions.map((e) => /* @__PURE__ */ p("option", {
+							children: b.pageSizeOptions.map((e) => /* @__PURE__ */ p("option", {
 								value: e,
 								children: e
 							}, e))
@@ -327,11 +354,11 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 					/* @__PURE__ */ m("span", {
 						className: n.range,
 						children: [
-							$,
+							Fe,
 							"–",
-							Ne,
+							Ie,
 							" of ",
-							Q
+							$
 						]
 					}),
 					/* @__PURE__ */ m("div", {
@@ -339,7 +366,7 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 						children: [/* @__PURE__ */ p("button", {
 							type: "button",
 							className: n.pageButton,
-							"aria-label": A.previousPage,
+							"aria-label": j.previousPage,
 							disabled: W.value <= 1,
 							onClick: () => {
 								I.value = W.value - 1;
@@ -351,8 +378,8 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 						}), /* @__PURE__ */ p("button", {
 							type: "button",
 							className: n.pageButton,
-							"aria-label": A.nextPage,
-							disabled: W.value >= ye.value,
+							"aria-label": j.nextPage,
+							disabled: W.value >= U.value,
 							onClick: () => {
 								I.value = W.value + 1;
 							},
@@ -368,4 +395,4 @@ function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortM
 	});
 }
 //#endregion
-export { g as DataTable };
+export { y as DataTable };

package/dist/data-table/data-table.module.js

@@ -1,34 +1,34 @@
 import './data-table.css';
 var e = {
-	root: "_root_bwapn_2",
-	toolbar: "_toolbar_bwapn_26",
-	heading: "_heading_bwapn_35",
-	title: "_title_bwapn_41",
-	description: "_description_bwapn_47",
-	search: "_search_bwapn_52",
-	batchBar: "_batchBar_bwapn_79",
-	batchCount: "_batchCount_bwapn_89",
-	batchActions: "_batchActions_bwapn_95",
-	scroller: "_scroller_bwapn_101",
-	scrollerVirtualized: "_scrollerVirtualized_bwapn_111",
-	table: "_table_bwapn_117",
-	row: "_row_bwapn_199",
-	controlCol: "_controlCol_bwapn_219",
-	controlCell: "_controlCell_bwapn_223",
-	sortButton: "_sortButton_bwapn_229",
-	emptyCell: "_emptyCell_bwapn_277",
-	expansionRow: "_expansionRow_bwapn_284",
-	expansionGrid: "_expansionGrid_bwapn_290",
-	expansionInner: "_expansionInner_bwapn_294",
-	expandButton: "_expandButton_bwapn_299",
-	chevron: "_chevron_bwapn_322",
-	shimmer: "_shimmer_bwapn_337",
-	footer: "_footer_bwapn_364",
-	pageSize: "_pageSize_bwapn_374",
-	range: "_range_bwapn_400",
-	pageButtons: "_pageButtons_bwapn_405",
-	pageButton: "_pageButton_bwapn_405",
-	srOnly: "_srOnly_bwapn_446"
+	root: "_root_1bz3s_2",
+	toolbar: "_toolbar_1bz3s_26",
+	heading: "_heading_1bz3s_35",
+	title: "_title_1bz3s_41",
+	description: "_description_1bz3s_47",
+	search: "_search_1bz3s_52",
+	batchBar: "_batchBar_1bz3s_79",
+	batchCount: "_batchCount_1bz3s_89",
+	batchActions: "_batchActions_1bz3s_95",
+	scroller: "_scroller_1bz3s_101",
+	scrollerVirtualized: "_scrollerVirtualized_1bz3s_137",
+	table: "_table_1bz3s_143",
+	row: "_row_1bz3s_225",
+	controlCol: "_controlCol_1bz3s_245",
+	controlCell: "_controlCell_1bz3s_249",
+	sortButton: "_sortButton_1bz3s_255",
+	emptyCell: "_emptyCell_1bz3s_303",
+	expansionRow: "_expansionRow_1bz3s_310",
+	expansionGrid: "_expansionGrid_1bz3s_316",
+	expansionInner: "_expansionInner_1bz3s_320",
+	expandButton: "_expandButton_1bz3s_325",
+	chevron: "_chevron_1bz3s_348",
+	shimmer: "_shimmer_1bz3s_363",
+	footer: "_footer_1bz3s_390",
+	pageSize: "_pageSize_1bz3s_400",
+	range: "_range_1bz3s_426",
+	pageButtons: "_pageButtons_1bz3s_431",
+	pageButton: "_pageButton_1bz3s_431",
+	srOnly: "_srOnly_1bz3s_472"
 };
 //#endregion
 export { e as default };