@devalok/shilp-sutra 0.33.2 → 0.34.1

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

@@ -1,219 +1,122 @@
 "use client";
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import D, { useCallback as w, useState as S, useRef as T, useEffect as I } from "react";
-import { flexRender as _ } from "@tanstack/react-table";
-import { TableBody as p, TableRow as h, TableCell as b } from "./table.js";
-import { Skeleton as E } from "./skeleton.js";
-import { cn as m } from "./lib/utils.js";
-import { useDataTableContext as x, INTERACTIVE_SELECTOR as $, getPinnedCellStyle as V, isColumnEditable as P, getColumnMetaClasses as A } from "./data-table-context.js";
-function B({
-  initialValue: t,
-  onSave: a,
-  onCancel: c
-}) {
-  const [s, o] = S(t), r = T(null);
-  I(() => {
-    r.current?.focus(), r.current?.select();
-  }, []);
-  const u = w(() => {
-    a(s);
-  }, [a, s]);
-  return /* @__PURE__ */ e(
-    "input",
-    {
-      ref: r,
-      type: "text",
-      value: s,
-      onChange: (l) => o(l.target.value),
-      onBlur: u,
-      onKeyDown: (l) => {
-        l.key === "Enter" ? (l.preventDefault(), u()) : l.key === "Escape" && (l.preventDefault(), c());
-      },
-      className: m(
-        "h-ds-xs-plus w-full rounded-ds-md",
-        "border border-accent-7 bg-surface-raised-hover",
-        "px-ds-02 text-ds-sm",
-        "text-surface-fg placeholder:text-surface-fg-subtle",
-        "outline-none focus:border-accent-7"
-      ),
-      "aria-label": "Edit cell value"
-    }
-  );
+import { cn as e } from "./lib/utils.js";
+import { TableBody as t, TableCell as n, TableRow as r } from "./table.js";
+import { Skeleton as i } from "./skeleton.js";
+import { getColumnMetaClasses as a, getPinnedCellStyle as o, isColumnEditable as s, useDataTableContext as c } from "./data-table-context.js";
+import l, { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { flexRender as g } from "@tanstack/react-table";
+//#region src/ui/data-table-body.tsx
+function _({ initialValue: t, onSave: n, onCancel: r }) {
+	let [i, a] = p(t), o = f(null);
+	d(() => {
+		o.current?.focus(), o.current?.select();
+	}, []);
+	let s = u(() => {
+		n(i);
+	}, [n, i]);
+	return /* @__PURE__ */ m("input", {
+		ref: o,
+		type: "text",
+		value: i,
+		onChange: (e) => a(e.target.value),
+		onBlur: s,
+		onKeyDown: (e) => {
+			e.key === "Enter" ? (e.preventDefault(), s()) : e.key === "Escape" && (e.preventDefault(), r());
+		},
+		className: e("h-ds-xs-plus w-full rounded-ds-md", "border border-accent-7 bg-surface-raised-hover", "px-ds-02 text-ds-sm", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden focus:border-accent-7"),
+		"aria-label": "Edit cell value"
+	});
 }
-function v({
-  row: t,
-  style: a
-}) {
-  const {
-    table: c,
-    cellPadding: s,
-    columnPinningState: o,
-    editable: r,
-    editingCell: u,
-    setEditingCell: l,
-    onCellEdit: d,
-    virtualRows: f,
-    onRowClick: n
-  } = x(), g = w(
-    (i) => {
-      !n || i.target.closest($) || n(t.original);
-    },
-    [n, t.original]
-  ), R = t.getVisibleCells();
-  return /* @__PURE__ */ e(
-    h,
-    {
-      "data-state": t.getIsSelected() && "selected",
-      style: a,
-      className: m(
-        f ? "absolute w-full flex" : void 0,
-        n && "cursor-pointer"
-      ),
-      onClick: n ? g : void 0,
-      children: R.map((i) => {
-        const C = V(i.column.id, o), k = u?.rowIndex === t.index && u?.columnId === i.column.id;
-        return /* @__PURE__ */ e(
-          b,
-          {
-            className: m(
-              s,
-              C.className,
-              f && "flex-1",
-              A(
-                i.column.columnDef.meta
-              )
-            ),
-            style: C.style,
-            onDoubleClick: () => {
-              P(i.column.id, r, c) && l({
-                rowIndex: t.index,
-                columnId: i.column.id
-              });
-            },
-            children: k ? /* @__PURE__ */ e(
-              B,
-              {
-                initialValue: String(i.getValue() ?? ""),
-                onSave: (y) => {
-                  d?.(t.index, i.column.id, y), l(null);
-                },
-                onCancel: () => l(null)
-              }
-            ) : _(i.column.columnDef.cell, i.getContext())
-          },
-          i.id
-        );
-      })
-    }
-  );
+function v({ row: t, style: i }) {
+	let { table: l, cellPadding: d, columnPinningState: f, editable: p, editingCell: h, setEditingCell: v, onCellEdit: y, virtualRows: b, onRowClick: x } = c(), S = u((e) => {
+		x && (e.target.closest("button, a, input, select, textarea, [role=\"checkbox\"]") || x(t.original));
+	}, [x, t.original]), C = t.getVisibleCells();
+	return /* @__PURE__ */ m(r, {
+		"data-state": t.getIsSelected() && "selected",
+		style: i,
+		className: e(b ? "absolute w-full flex" : void 0, x && "cursor-pointer"),
+		onClick: x ? S : void 0,
+		children: C.map((r) => {
+			let i = o(r.column.id, f), c = h?.rowIndex === t.index && h?.columnId === r.column.id;
+			return /* @__PURE__ */ m(n, {
+				className: e(d, i.className, b && "flex-1", a(r.column.columnDef.meta)),
+				style: i.style,
+				onDoubleClick: () => {
+					s(r.column.id, p, l) && v({
+						rowIndex: t.index,
+						columnId: r.column.id
+					});
+				},
+				children: c ? /* @__PURE__ */ m(_, {
+					initialValue: String(r.getValue() ?? ""),
+					onSave: (e) => {
+						y?.(t.index, r.column.id, e), v(null);
+					},
+					onCancel: () => v(null)
+				}) : g(r.column.columnDef.cell, r.getContext())
+			}, r.id);
+		})
+	});
 }
-function j({
-  row: t,
-  style: a
-}) {
-  const { allColumns: c, expandable: s, renderExpanded: o, virtualRows: r } = x();
-  return !s || !t.getIsExpanded() || !o ? null : /* @__PURE__ */ e(
-    h,
-    {
-      style: a,
-      className: r ? "absolute w-full flex" : void 0,
-      children: /* @__PURE__ */ e(
-        b,
-        {
-          colSpan: c.length,
-          className: m(
-            "bg-surface-raised p-ds-05",
-            r && "flex-1"
-          ),
-          children: o(t.original)
-        }
-      )
-    }
-  );
+function y({ row: t, style: i }) {
+	let { allColumns: a, expandable: o, renderExpanded: s, virtualRows: l } = c();
+	return !o || !t.getIsExpanded() || !s ? null : /* @__PURE__ */ m(r, {
+		style: i,
+		className: l ? "absolute w-full flex" : void 0,
+		children: /* @__PURE__ */ m(n, {
+			colSpan: a.length,
+			className: e("bg-surface-raised p-ds-05", l && "flex-1"),
+			children: s(t.original)
+		})
+	});
 }
-function M({
-  rowCount: t
-}) {
-  const { allColumns: a, cellPadding: c } = x(), s = a.length, o = ["w-3/4", "w-1/2", "w-2/3", "w-full"];
-  return /* @__PURE__ */ e(p, { children: Array.from({ length: t }, (r, u) => /* @__PURE__ */ e(h, { children: Array.from({ length: s }, (l, d) => {
-    const n = (a[d]?.id ?? a[d]?.header) === "_select";
-    return /* @__PURE__ */ e(
-      b,
-      {
-        className: c,
-        children: n ? /* @__PURE__ */ e(
-          E,
-          {
-            variant: "text",
-            className: "h-4 w-4",
-            animation: "pulse"
-          }
-        ) : /* @__PURE__ */ e(
-          E,
-          {
-            variant: "text",
-            className: m(
-              "h-4",
-              o[d % o.length]
-            ),
-            animation: "pulse"
-          }
-        )
-      },
-      `skeleton-${u}-${d}`
-    );
-  }) }, `skeleton-${u}`)) });
+function b({ rowCount: a }) {
+	let { allColumns: o, cellPadding: s } = c(), l = o.length, u = [
+		"w-3/4",
+		"w-1/2",
+		"w-2/3",
+		"w-full"
+	];
+	return /* @__PURE__ */ m(t, { children: Array.from({ length: a }, (t, a) => /* @__PURE__ */ m(r, { children: Array.from({ length: l }, (t, r) => /* @__PURE__ */ m(n, {
+		className: s,
+		children: (o[r]?.id ?? o[r]?.header) === "_select" ? /* @__PURE__ */ m(i, {
+			variant: "text",
+			className: "h-4 w-4",
+			animation: "pulse"
+		}) : /* @__PURE__ */ m(i, {
+			variant: "text",
+			className: e("h-4", u[r % u.length]),
+			animation: "pulse"
+		})
+	}, `skeleton-${a}-${r}`)) }, `skeleton-${a}`)) });
 }
-function q({
-  loading: t,
-  skeletonRowCount: a,
-  noResultsText: c,
-  emptyState: s,
-  virtualItems: o,
-  totalVirtualSize: r
-}) {
-  const { table: u, allColumns: l, virtualRows: d } = x(), f = u.getRowModel().rows;
-  return t ? /* @__PURE__ */ e(M, { rowCount: a }) : f.length ? d && o ? /* @__PURE__ */ e(
-    p,
-    {
-      style: {
-        height: `${r}px`,
-        position: "relative"
-      },
-      children: o.map((n) => {
-        const g = f[n.index];
-        return /* @__PURE__ */ e(
-          v,
-          {
-            row: g,
-            style: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: `${n.size}px`,
-              transform: `translateY(${n.start}px)`
-            }
-          },
-          g.id
-        );
-      })
-    }
-  ) : /* @__PURE__ */ e(p, { children: f.map((n) => /* @__PURE__ */ N(D.Fragment, { children: [
-    /* @__PURE__ */ e(v, { row: n }),
-    /* @__PURE__ */ e(j, { row: n })
-  ] }, n.id)) }) : /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
-    b,
-    {
-      colSpan: l.length,
-      className: m(
-        "h-24 text-center",
-        !s && "text-surface-fg-subtle"
-      ),
-      children: s || c || "No results."
-    }
-  ) }) });
+function x({ loading: i, skeletonRowCount: a, noResultsText: o, emptyState: s, virtualItems: u, totalVirtualSize: d }) {
+	let { table: f, allColumns: p, virtualRows: g } = c(), _ = f.getRowModel().rows;
+	return i ? /* @__PURE__ */ m(b, { rowCount: a }) : _.length ? g && u ? /* @__PURE__ */ m(t, {
+		style: {
+			height: `${d}px`,
+			position: "relative"
+		},
+		children: u.map((e) => {
+			let t = _[e.index];
+			return /* @__PURE__ */ m(v, {
+				row: t,
+				style: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					height: `${e.size}px`,
+					transform: `translateY(${e.start}px)`
+				}
+			}, t.id);
+		})
+	}) : /* @__PURE__ */ m(t, { children: _.map((e) => /* @__PURE__ */ h(l.Fragment, { children: [/* @__PURE__ */ m(v, { row: e }), /* @__PURE__ */ m(y, { row: e })] }, e.id)) }) : /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(n, {
+		colSpan: p.length,
+		className: e("h-24 text-center", !s && "text-surface-fg-subtle"),
+		children: s || o || "No results."
+	}) }) });
 }
-export {
-  q as DataTableBody
-};
+//#endregion
+export { x as DataTableBody };

package/dist/ui/data-table-bulk-actions.js

@@ -1,61 +1,45 @@
 "use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { IconX as i } from "@tabler/icons-react";
-import { Icon as n } from "./icon.js";
-import { Button as d } from "./button.js";
-import { cn as s } from "./lib/utils.js";
-function p({
-  table: a,
-  selectedRows: o,
-  bulkActions: l
-}) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: s(
-        "fixed bottom-6 left-1/2 -translate-x-1/2 z-50",
-        "flex items-center gap-ds-04 px-ds-05 py-ds-03",
-        "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
-        "animate-in slide-in-from-bottom-2"
-      ),
-      role: "toolbar",
-      "aria-label": "Bulk actions",
-      children: [
-        /* @__PURE__ */ t("span", { className: "text-ds-sm font-medium text-surface-fg whitespace-nowrap", children: [
-          o.length,
-          " selected"
-        ] }),
-        /* @__PURE__ */ r("div", { className: "h-5 w-px bg-surface-border", "aria-hidden": "true" }),
-        l.map((e) => /* @__PURE__ */ r(
-          d,
-          {
-            size: "sm",
-            variant: e.color === "error" ? "solid" : "outline",
-            color: e.color === "error" ? "error" : void 0,
-            disabled: e.disabled,
-            onClick: () => e.onClick(o),
-            children: e.label
-          },
-          e.label
-        )),
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: () => a.resetRowSelection(),
-            "aria-label": "Clear selection",
-            className: s(
-              "flex items-center justify-center p-ds-01",
-              "rounded-ds-sm hover:bg-surface-raised transition-colors",
-              "text-surface-fg-muted hover:text-surface-fg"
-            ),
-            children: /* @__PURE__ */ r(n, { icon: i, size: "sm" })
-          }
-        )
-      ]
-    }
-  );
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import { Button as n } from "./button.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { IconX as a } from "@tabler/icons-react";
+//#region src/ui/data-table-bulk-actions.tsx
+function o({ table: o, selectedRows: s, bulkActions: c }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("fixed bottom-6 left-1/2 -translate-x-1/2 z-50", "flex items-center gap-ds-04 px-ds-05 py-ds-03", "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating", "animate-in slide-in-from-bottom-2"),
+		role: "toolbar",
+		"aria-label": "Bulk actions",
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: "text-ds-sm font-medium text-surface-fg whitespace-nowrap",
+				children: [s.length, " selected"]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "h-5 w-px bg-surface-border",
+				"aria-hidden": "true"
+			}),
+			c.map((e) => /* @__PURE__ */ r(n, {
+				size: "sm",
+				variant: e.color === "error" ? "solid" : "outline",
+				color: e.color === "error" ? "error" : void 0,
+				disabled: e.disabled,
+				onClick: () => e.onClick(s),
+				children: e.label
+			}, e.label)),
+			/* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: () => o.resetRowSelection(),
+				"aria-label": "Clear selection",
+				className: e("flex items-center justify-center p-ds-01", "rounded-ds-sm hover:bg-surface-raised transition-colors", "text-surface-fg-muted hover:text-surface-fg"),
+				children: /* @__PURE__ */ r(t, {
+					icon: a,
+					size: "sm"
+				})
+			})
+		]
+	});
 }
-export {
-  p as DataTableBulkActions
-};
+//#endregion
+export { o as DataTableBulkActions };

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

@@ -1,73 +1,86 @@
 "use client";
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
-import { flexRender as u } from "@tanstack/react-table";
-import { Checkbox as C } from "./checkbox.js";
-import { Skeleton as a } from "./skeleton.js";
-import { cn as g } from "./lib/utils.js";
-import { useDataTableContext as w } from "./data-table-context.js";
-function B({
-  loading: h,
-  skeletonRowCount: x,
-  noResultsText: p,
-  emptyState: n
-}) {
-  const { table: b, selectable: N } = w(), c = b.getRowModel().rows;
-  return h ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03", children: Array.from({ length: x }, (t, d) => /* @__PURE__ */ l(
-    "div",
-    {
-      className: "rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04",
-      children: [
-        /* @__PURE__ */ s(a, { variant: "text", className: "mb-ds-03 h-5 w-2/3", animation: "pulse" }),
-        /* @__PURE__ */ l("div", { className: "flex flex-col gap-ds-02", children: [
-          /* @__PURE__ */ s(a, { variant: "text", className: "h-4 w-full", animation: "pulse" }),
-          /* @__PURE__ */ s(a, { variant: "text", className: "h-4 w-3/4", animation: "pulse" }),
-          /* @__PURE__ */ s(a, { variant: "text", className: "h-4 w-1/2", animation: "pulse" })
-        ] })
-      ]
-    },
-    `card-skeleton-${d}`
-  )) }) : c.length ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03", role: "list", children: c.map((t) => {
-    const i = t.getVisibleCells().filter(
-      (e) => e.column.id !== "_select" && e.column.id !== "_expand"
-    ), r = i[0], o = i.slice(1), m = t.getIsSelected();
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        role: "listitem",
-        className: g(
-          "rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04",
-          m && "ring-2 ring-accent-9"
-        ),
-        children: [
-          /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-ds-03 mb-ds-02", children: [
-            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 font-medium text-surface-fg", children: r && u(r.column.columnDef.cell, r.getContext()) }),
-            N && /* @__PURE__ */ s(
-              C,
-              {
-                size: "sm",
-                checked: m,
-                disabled: !t.getCanSelect(),
-                onCheckedChange: (e) => t.toggleSelected(!!e),
-                "aria-label": "Select row",
-                className: "shrink-0"
-              }
-            )
-          ] }),
-          o.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-01 border-t border-surface-border pt-ds-02", children: o.map((e) => {
-            const f = e.column.columnDef.meta;
-            f?.hideBelow === "md" || f?.hideBelow;
-            const v = typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id;
-            return /* @__PURE__ */ l("div", { className: "flex justify-between gap-ds-03 text-ds-sm", children: [
-              /* @__PURE__ */ s("span", { className: "shrink-0 text-surface-fg-muted", children: v }),
-              /* @__PURE__ */ s("span", { className: "min-w-0 text-right text-surface-fg", children: u(e.column.columnDef.cell, e.getContext()) })
-            ] }, e.id);
-          }) })
-        ]
-      },
-      t.id
-    );
-  }) }) : /* @__PURE__ */ s("div", { className: g("py-ds-07 text-center", !n && "text-surface-fg-subtle"), children: n || p || "No results." });
+import { cn as e } from "./lib/utils.js";
+import { Checkbox as t } from "./checkbox.js";
+import { Skeleton as n } from "./skeleton.js";
+import { useDataTableContext as r } from "./data-table-context.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { flexRender as o } from "@tanstack/react-table";
+//#region src/ui/data-table-card.tsx
+function s({ loading: s, skeletonRowCount: c, noResultsText: l, emptyState: u }) {
+	let { table: d, selectable: f } = r(), p = d.getRowModel().rows;
+	return s ? /* @__PURE__ */ i("div", {
+		className: "flex flex-col gap-ds-03",
+		children: Array.from({ length: c }, (e, t) => /* @__PURE__ */ a("div", {
+			className: "rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04",
+			children: [/* @__PURE__ */ i(n, {
+				variant: "text",
+				className: "mb-ds-03 h-5 w-2/3",
+				animation: "pulse"
+			}), /* @__PURE__ */ a("div", {
+				className: "flex flex-col gap-ds-02",
+				children: [
+					/* @__PURE__ */ i(n, {
+						variant: "text",
+						className: "h-4 w-full",
+						animation: "pulse"
+					}),
+					/* @__PURE__ */ i(n, {
+						variant: "text",
+						className: "h-4 w-3/4",
+						animation: "pulse"
+					}),
+					/* @__PURE__ */ i(n, {
+						variant: "text",
+						className: "h-4 w-1/2",
+						animation: "pulse"
+					})
+				]
+			})]
+		}, `card-skeleton-${t}`))
+	}) : p.length ? /* @__PURE__ */ i("div", {
+		className: "flex flex-col gap-ds-03",
+		role: "list",
+		children: p.map((n) => {
+			let r = n.getVisibleCells().filter((e) => e.column.id !== "_select" && e.column.id !== "_expand"), s = r[0], c = r.slice(1), l = n.getIsSelected();
+			return /* @__PURE__ */ a("div", {
+				role: "listitem",
+				className: e("rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04", l && "ring-2 ring-accent-9"),
+				children: [/* @__PURE__ */ a("div", {
+					className: "flex items-start justify-between gap-ds-03 mb-ds-02",
+					children: [/* @__PURE__ */ i("div", {
+						className: "min-w-0 flex-1 font-medium text-surface-fg",
+						children: s && o(s.column.columnDef.cell, s.getContext())
+					}), f && /* @__PURE__ */ i(t, {
+						size: "sm",
+						checked: l,
+						disabled: !n.getCanSelect(),
+						onCheckedChange: (e) => n.toggleSelected(!!e),
+						"aria-label": "Select row",
+						className: "shrink-0"
+					})]
+				}), c.length > 0 && /* @__PURE__ */ i("div", {
+					className: "flex flex-col gap-ds-01 border-t border-surface-border pt-ds-02",
+					children: c.map((e) => {
+						let t = e.column.columnDef.meta;
+						return t?.hideBelow === "md" || t?.hideBelow, /* @__PURE__ */ a("div", {
+							className: "flex justify-between gap-ds-03 text-ds-sm",
+							children: [/* @__PURE__ */ i("span", {
+								className: "shrink-0 text-surface-fg-muted",
+								children: typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id
+							}), /* @__PURE__ */ i("span", {
+								className: "min-w-0 text-right text-surface-fg",
+								children: o(e.column.columnDef.cell, e.getContext())
+							})]
+						}, e.id);
+					})
+				})]
+			}, n.id);
+		})
+	}) : /* @__PURE__ */ i("div", {
+		className: e("py-ds-07 text-center", !u && "text-surface-fg-subtle"),
+		children: u || l || "No results."
+	});
 }
-export {
-  B as DataTableCards
-};
+//#endregion
+export { s as DataTableCards };