@solostylist/ui-kit 2.0.1 → 2.0.2

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

@@ -1,213 +1,2 @@
-import { toSxArray as e } from "../utils/sx.js";
-import { SEmpty as t } from "../s-empty/s-empty.js";
-import { styled as n, useThemeProps as r } from "@mui/material/styles";
-import { buttonBaseClasses as i } from "@mui/material/ButtonBase";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "@mui/material/Checkbox";
-import l from "@mui/material/Box";
-import u from "@mui/icons-material/ArrowDownward";
-import d from "@mui/icons-material/SwapVert";
-import f from "@mui/material/Table";
-import p, { tableBodyClasses as m } from "@mui/material/TableBody";
-import h, { tableCellClasses as g } from "@mui/material/TableCell";
-import _ from "@mui/material/TableHead";
-import v, { tableRowClasses as y } from "@mui/material/TableRow";
-import b, { tableSortLabelClasses as x } from "@mui/material/TableSortLabel";
-//#region lib/s-data-table/s-data-table.tsx
-var S = {
-	width: "40px",
-	minWidth: "40px",
-	maxWidth: "40px",
-	boxSizing: "content-box",
-	p: 2
-}, C = {
-	width: "40px",
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "center"
-}, w = {
-	width: "20px",
-	height: "20px",
-	m: 0,
-	p: 0
-}, T = { height: "48px" };
-function E(e) {
-	return e.sortKey ?? e.field ?? e.name;
-}
-function D(e, t, n) {
-	return e.formatter ? e.formatter(t, n) : e.field ? t[e.field] : null;
-}
-var O = n(f, {
-	name: "SDataTable",
-	slot: "Root"
-})(({ theme: e }) => ({
-	border: "1px solid",
-	borderCollapse: "separate",
-	borderColor: (e.vars ?? e).palette.divider,
-	borderRadius: e.shape.borderRadius,
-	borderSpacing: 0,
-	boxSizing: "border-box",
-	overflow: "hidden",
-	[`& .${m.root} > .${y.root}:last-child > .${g.root}`]: { borderBottom: 0 }
-})), k = Object.assign(a.forwardRef((n, a) => {
-	let f = r({
-		props: n,
-		name: "SDataTable"
-	}), { columns: m, hideHead: g, hover: y, onRowClick: k, onRowKeyDown: A, onDeselectAll: j, onDeselectOne: M, onSelectOne: N, onSelectAll: P, onSort: F, rows: I, selectable: L, selected: R, sortBy: z, sortDirection: B, sx: V, uniqueRowId: H, ...U } = f, W = {
-		...f,
-		hideHead: g,
-		hover: y,
-		selectable: L
-	}, G = /* @__PURE__ */ new Set();
-	I.forEach((e) => {
-		let t = e.id ?? H?.(e);
-		t != null && G.add(t);
-	});
-	let K = Array.from(G).filter((e) => R?.has(e)).length, q = K > 0 && K < G.size, J = G.size > 0 && K === G.size, Y = (e, t) => `${String(e.field ?? e.name ?? "column")}-${t}`, X = (e, t) => {
-		let n = E(t);
-		F?.(e, n, z === n && B === "asc" ? "desc" : "asc");
-	};
-	return /* @__PURE__ */ s(O, {
-		...U,
-		ownerState: W,
-		ref: a,
-		sx: [{ mt: 1 }, ...e(V)],
-		children: [/* @__PURE__ */ o(_, {
-			sx: { ...g && {
-				visibility: "collapse",
-				"--TableCell-borderWidth": 0
-			} },
-			children: /* @__PURE__ */ s(v, {
-				sx: T,
-				children: [L ? /* @__PURE__ */ o(h, {
-					padding: "checkbox",
-					sx: {
-						...S,
-						bgcolor: "action.hover",
-						backgroundClip: "padding-box"
-					},
-					children: /* @__PURE__ */ o(l, {
-						sx: C,
-						children: /* @__PURE__ */ o(c, {
-							checked: J,
-							indeterminate: q,
-							slotProps: { input: { "aria-label": "Select all rows" } },
-							sx: w,
-							onChange: (e) => {
-								J ? j?.(e) : P?.(e);
-							}
-						})
-					})
-				}) : null, m.map((e, t) => {
-					let n = e.sortable && z === E(e), r = n ? B === "asc" ? "ascending" : "descending" : void 0, a = e.hideName ? null : e.name;
-					return /* @__PURE__ */ o(h, {
-						"aria-sort": r,
-						sortDirection: n ? B : !1,
-						sx: {
-							width: e.width,
-							minWidth: e.width,
-							maxWidth: e.width,
-							...e.align && { textAlign: e.align },
-							bgcolor: "action.hover",
-							backgroundClip: "padding-box"
-						},
-						children: e.sortable ? /* @__PURE__ */ o(b, {
-							active: !!n,
-							direction: n ? B : "asc",
-							IconComponent: n ? u : d,
-							"aria-label": e.hideName ? `Sort by ${e.name}` : void 0,
-							onClick: (t) => X(t, e),
-							sx: {
-								display: "flex",
-								justifyContent: "space-between",
-								gap: 1,
-								width: "100%",
-								color: n ? "primary.main" : "inherit",
-								"&.Mui-active": { color: "primary.main" },
-								[`&.${i.focusVisible}`]: {
-									borderRadius: .5,
-									outline: "2px solid",
-									outlineColor: "primary.main",
-									outlineOffset: 2
-								},
-								[`& .${x.icon}`]: {
-									color: "text.disabled",
-									fontSize: "1.25rem",
-									marginLeft: "auto",
-									marginRight: 0,
-									opacity: 1
-								},
-								[`&:hover .${x.icon}`]: {
-									color: "text.secondary",
-									opacity: 1
-								},
-								[`&.${x.active} .${x.icon}`]: {
-									color: "primary.main",
-									opacity: 1
-								},
-								"@media (prefers-reduced-motion: reduce)": { [`& .${x.icon}`]: { transition: "none" } }
-							},
-							children: a
-						}) : a
-					}, Y(e, t));
-				})]
-			})
-		}), /* @__PURE__ */ o(p, { children: I.length ? I.map((e, t) => {
-			let n = e.id ?? H?.(e), r = n != null, i = r ? R?.has(n) : !1;
-			return /* @__PURE__ */ s(v, {
-				hover: y,
-				selected: i,
-				onClick: k ? (t) => {
-					k(t, e);
-				} : void 0,
-				onKeyDown: A || k ? (t) => {
-					A?.(t, e), !(!k || t.defaultPrevented || t.target !== t.currentTarget) && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
-				} : void 0,
-				...k && {
-					"aria-keyshortcuts": "Enter Space",
-					tabIndex: 0
-				},
-				sx: {
-					...T,
-					...k && {
-						cursor: "pointer",
-						"&:focus-visible": {
-							outline: "2px solid",
-							outlineColor: "primary.main",
-							outlineOffset: -2
-						}
-					}
-				},
-				children: [L ? /* @__PURE__ */ o(h, {
-					padding: "checkbox",
-					sx: S,
-					children: /* @__PURE__ */ o(l, {
-						sx: C,
-						children: /* @__PURE__ */ o(c, {
-							checked: r ? i : !1,
-							slotProps: { input: { "aria-label": r ? `Select row ${String(n)}` : "Select row" } },
-							sx: w,
-							onChange: (t) => {
-								i ? M?.(t, e) : N?.(t, e);
-							},
-							onClick: (e) => {
-								k && e.stopPropagation();
-							}
-						})
-					})
-				}) : null, m.map((n, r) => /* @__PURE__ */ o(h, {
-					sx: { ...n.align && { textAlign: n.align } },
-					children: D(n, e, t)
-				}, Y(n, r)))]
-			}, n ?? t);
-		}) : /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(h, {
-			align: "center",
-			colSpan: m.length + +!!L,
-			children: /* @__PURE__ */ o(t, {})
-		}) }) })]
-	});
-}), { displayName: "SDataTable" });
-k.displayName = "SDataTable";
-//#endregion
-export { k as SDataTable, k as default };
+import { t as e } from "../s-data-table-D4V58HFR.js";
+export { e as SDataTable, e as default };