@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/data-table.js

@@ -1,356 +1,283 @@
 "use client";
-import { jsx as l, jsxs as G } from "react/jsx-runtime";
-import { useState as a, useEffect as m, useRef as b, useCallback as K, useMemo as ue } from "react";
-import { useReactTable as Je, getExpandedRowModel as Qe, getPaginationRowModel as Ue, getFilteredRowModel as We, getSortedRowModel as Xe, getCoreRowModel as Ze } from "@tanstack/react-table";
-import { useVirtualizer as ve } from "@tanstack/react-virtual";
-import { IconSearch as et, IconChevronRight as tt } from "@tabler/icons-react";
-import { Icon as me } from "./icon.js";
-import { Table as nt } from "./table.js";
-import { Checkbox as he } from "./checkbox.js";
-import { cn as L } from "./lib/utils.js";
-import { DataTableToolbar as ot } from "./data-table-toolbar.js";
-import { densityPaddingMap as lt, DataTableProvider as at } from "./data-table-context.js";
-import { DataTableHeader as st } from "./data-table-header.js";
-import { DataTableBody as ct } from "./data-table-body.js";
-import { DataTableCards as it } from "./data-table-card.js";
-import { DataTablePagination as rt } from "./data-table-pagination.js";
-import { DataTableBulkActions as dt } from "./data-table-bulk-actions.js";
-function gt({
-  columns: Ce,
-  data: i,
-  className: pe,
-  noResultsText: q,
-  sortable: h = !1,
-  filterable: w = !1,
-  globalFilter: y = !1,
-  paginated: Se = !1,
-  pageSize: P,
-  pageSizeOptions: xe,
-  selectable: s = !1,
-  onSelectionChange: z,
-  toolbar: Y = !1,
-  density: be = "standard",
-  columnPinning: $,
-  editable: A = !1,
-  onCellEdit: J,
-  expandable: C = !1,
-  renderExpanded: Q,
-  virtualRows: f = !1,
-  virtualRowHeight: we = 48,
-  maxHeight: ye = 600,
-  onSort: p,
-  emptyState: U,
-  loading: W = !1,
-  selectedIds: M,
-  selectableFilter: X,
-  getRowId: c,
-  pagination: o,
-  singleExpand: I = !1,
-  stickyHeader: Re = !1,
-  onRowClick: Z,
-  bulkActions: R,
-  mobileView: T = "table"
-}) {
-  const [ze, v] = a(!1);
-  m(() => {
-    const e = window.matchMedia("(max-width: 639px)"), t = () => v(e.matches);
-    return e.addEventListener("change", t), v(e.matches), () => e.removeEventListener("change", t);
-  }, []);
-  const Me = T === "card" && ze, [Ie, ee] = a([]), [Te, De] = a([]), [D, E] = a(""), [Ee, F] = a({
-    pageIndex: o ? o.page - 1 : 0,
-    pageSize: o?.pageSize ?? P ?? 10
-  }), [r, te] = a({}), [Fe, je] = a({}), [j, ke] = a({
-    left: $?.left ?? [],
-    right: $?.right ?? []
-  }), [ne, Ne] = a(be), [oe, Ve] = a(null), [He, le] = a({}), ae = b(null), k = b(!1);
-  m(() => {
-    if (M) {
-      k.current = !0;
-      const e = {};
-      M.forEach((t) => {
-        e[t] = !0;
-      }), te(e);
-    }
-  }, [M]), m(() => {
-    o && F((e) => ({
-      ...e,
-      pageIndex: o.page - 1,
-      pageSize: o.pageSize
-    }));
-  }, [o?.page, o?.pageSize]);
-  const Be = K(
-    (e) => {
-      ee((t) => {
-        const n = typeof e == "function" ? e(t) : e;
-        return p && (n.length === 0 && t.length > 0 ? p(t[0].id, !1) : n.length > 0 && p(n[0].id, n[0].desc ? "desc" : "asc")), n;
-      });
-    },
-    [p]
-  ), Oe = K(
-    (e) => {
-      le((t) => {
-        const n = typeof e == "function" ? e(t) : e;
-        if (!I || n === !0 || typeof n != "object") return n;
-        const u = typeof t == "object" ? Object.keys(t).filter((x) => t[x]) : [], _ = Object.keys(n).filter((x) => n[x]).filter((x) => !u.includes(x));
-        return _.length > 0 ? { [_[_.length - 1]]: !0 } : n;
-      });
-    },
-    [I]
-  ), N = b(o?.onPageChange);
-  m(() => {
-    N.current = o?.onPageChange;
-  }, [o?.onPageChange]);
-  const _e = K(
-    (e) => {
-      F((t) => {
-        const n = typeof e == "function" ? e(t) : e;
-        return N.current && n.pageIndex !== t.pageIndex && N.current(n.pageIndex + 1), n;
-      });
-    },
-    []
-  ), Ge = {
-    id: "_select",
-    header: ({ table: e }) => /* @__PURE__ */ l(
-      he,
-      {
-        size: "sm",
-        checked: e.getIsAllPageRowsSelected(),
-        indeterminate: e.getIsSomePageRowsSelected(),
-        onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
-        "aria-label": "Select all rows"
-      }
-    ),
-    cell: ({ row: e }) => /* @__PURE__ */ l(
-      he,
-      {
-        size: "sm",
-        checked: e.getIsSelected(),
-        disabled: !e.getCanSelect(),
-        onCheckedChange: (t) => e.toggleSelected(!!t),
-        "aria-label": "Select row"
-      }
-    ),
-    enableSorting: !1,
-    enableColumnFilter: !1,
-    enableHiding: !1
-  }, Ke = {
-    id: "_expand",
-    header: () => null,
-    cell: ({ row: e }) => /* @__PURE__ */ l(
-      "button",
-      {
-        type: "button",
-        onClick: () => e.toggleExpanded(),
-        "aria-label": e.getIsExpanded() ? "Collapse row" : "Expand row",
-        className: "flex items-center justify-center p-ds-01 rounded-ds-sm hover:bg-surface-raised transition-colors",
-        children: /* @__PURE__ */ l(
-          me,
-          {
-            icon: tt,
-            size: "sm",
-            className: L(
-              "transition-transform duration-moderate-02",
-              e.getIsExpanded() && "rotate-90"
-            )
-          }
-        )
-      }
-    ),
-    enableSorting: !1,
-    enableColumnFilter: !1,
-    enableHiding: !1
-  }, V = [
-    ...s ? [Ge] : [],
-    ...C ? [Ke] : [],
-    ...Ce
-  ], S = !!o, H = Se || S, d = {
-    columnVisibility: Fe,
-    columnPinning: j
-  };
-  h && (d.sorting = Ie), (w || y) && (d.columnFilters = Te, d.globalFilter = D), H && (d.pagination = Ee), s && (d.rowSelection = r), C && (d.expanded = He);
-  const se = h && !!p, g = Je({
-    data: i,
-    columns: V,
-    state: d,
-    onColumnVisibilityChange: je,
-    onColumnPinningChange: ke,
-    getCoreRowModel: Ze(),
-    ...h && {
-      onSortingChange: se ? Be : ee,
-      ...se ? { manualSorting: !0 } : { getSortedRowModel: Xe() }
-    },
-    ...(w || y) && {
-      onColumnFiltersChange: De,
-      onGlobalFilterChange: E,
-      getFilteredRowModel: We()
-    },
-    ...H && {
-      onPaginationChange: S ? _e : F,
-      ...S ? {
-        manualPagination: !0,
-        pageCount: Math.ceil(
-          o.total / o.pageSize
-        )
-      } : { getPaginationRowModel: Ue() }
-    },
-    ...s && {
-      onRowSelectionChange: te,
-      enableRowSelection: X ? (e) => X(e.original) : !0
-    },
-    ...C && {
-      onExpandedChange: I ? Oe : le,
-      getExpandedRowModel: Qe()
-    },
-    ...c && {
-      getRowId: (e) => c(e)
-    }
-  }), B = b(z), O = b(c);
-  m(() => {
-    B.current = z, O.current = c;
-  }, [z, c]), m(() => {
-    if (k.current) {
-      k.current = !1;
-      return;
-    }
-    if (!B.current) return;
-    const e = Object.keys(r).filter((n) => r[n]), t = i.filter((n, u) => {
-      const fe = O.current ? O.current(i[u]) : String(u);
-      return e.includes(fe);
-    });
-    B.current(t);
-  }, [r, i]);
-  const ce = lt[ne], Le = g.getRowModel().rows, ie = ve({
-    count: f ? Le.length : 0,
-    getScrollElement: () => ae.current,
-    estimateSize: () => we,
-    overscan: 10
-  }), re = o?.pageSize ?? P ?? 5, de = ue(() => {
-    if (!R || !s) return [];
-    const e = Object.keys(r).filter((t) => r[t]);
-    return i.filter((t, n) => {
-      const u = c ? c(i[n]) : String(n);
-      return e.includes(u);
-    });
-  }, [R, s, r, i, c]), qe = de.length > 0, Pe = S ? o.total : g.getFilteredRowModel().rows.length, Ye = ue(
-    () => ({
-      table: g,
-      allColumns: V.map((e) => ({
-        id: e.id,
-        header: e.header
-      })),
-      cellPadding: ce,
-      columnPinningState: j,
-      sortable: h,
-      filterable: w,
-      editable: A,
-      expandable: C,
-      virtualRows: f,
-      selectable: s,
-      mobileView: T,
-      editingCell: oe,
-      setEditingCell: Ve,
-      onCellEdit: J,
-      renderExpanded: Q,
-      onRowClick: Z
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      g,
-      V.length,
-      ce,
-      j,
-      h,
-      w,
-      A,
-      C,
-      f,
-      s,
-      T,
-      oe,
-      J,
-      Q,
-      Z
-    ]
-  ), $e = f ? ie.getVirtualItems() : void 0, Ae = f ? ie.getTotalSize() : void 0, ge = /* @__PURE__ */ G(nt, { children: [
-    /* @__PURE__ */ l(st, { stickyHeader: Re }),
-    /* @__PURE__ */ l(
-      ct,
-      {
-        loading: W,
-        skeletonRowCount: re,
-        noResultsText: q,
-        emptyState: U,
-        virtualItems: $e,
-        totalVirtualSize: Ae
-      }
-    )
-  ] });
-  return /* @__PURE__ */ l(at, { value: Ye, children: /* @__PURE__ */ G("div", { className: L(pe), children: [
-    Y && /* @__PURE__ */ l(
-      ot,
-      {
-        table: g,
-        globalFilter: y,
-        globalFilterValue: D,
-        onGlobalFilterChange: E,
-        density: ne,
-        onDensityChange: Ne
-      }
-    ),
-    y && !Y && /* @__PURE__ */ G("div", { className: "flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04", children: [
-      /* @__PURE__ */ l(me, { icon: et, size: "sm", className: "text-surface-fg-subtle" }),
-      /* @__PURE__ */ l(
-        "input",
-        {
-          type: "text",
-          value: D,
-          onChange: (e) => E(e.target.value),
-          placeholder: "Search all columns...",
-          "aria-label": "Search all columns",
-          className: L(
-            "flex-1 bg-transparent text-ds-md",
-            "text-surface-fg placeholder:text-surface-fg-subtle",
-            "outline-hidden"
-          )
-        }
-      )
-    ] }),
-    Me ? /* @__PURE__ */ l(
-      it,
-      {
-        loading: W,
-        skeletonRowCount: re,
-        noResultsText: q,
-        emptyState: U
-      }
-    ) : f ? /* @__PURE__ */ l(
-      "div",
-      {
-        ref: ae,
-        style: { maxHeight: `${ye}px`, overflowY: "auto" },
-        children: ge
-      }
-    ) : ge,
-    H && /* @__PURE__ */ l(
-      rt,
-      {
-        table: g,
-        totalRowCount: Pe,
-        useServerPagination: S,
-        pageSizeOptions: xe
-      }
-    ),
-    R && s && qe && /* @__PURE__ */ l(
-      dt,
-      {
-        table: g,
-        selectedRows: de,
-        bulkActions: R
-      }
-    )
-  ] }) });
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import { Checkbox as n } from "./checkbox.js";
+import { Table as r } from "./table.js";
+import { DataTableProvider as i, densityPaddingMap as ee } from "./data-table-context.js";
+import { DataTableBody as te } from "./data-table-body.js";
+import { DataTableBulkActions as ne } from "./data-table-bulk-actions.js";
+import { DataTableCards as re } from "./data-table-card.js";
+import { DataTableHeader as ie } from "./data-table-header.js";
+import { DataTablePagination as ae } from "./data-table-pagination.js";
+import { DataTableToolbar as oe } from "./data-table-toolbar.js";
+import { useCallback as a, useEffect as o, useMemo as se, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconChevronRight as ce, IconSearch as le } from "@tabler/icons-react";
+import { getCoreRowModel as ue, getExpandedRowModel as de, getFilteredRowModel as fe, getPaginationRowModel as pe, getSortedRowModel as me, useReactTable as he } from "@tanstack/react-table";
+import { useVirtualizer as ge } from "@tanstack/react-virtual";
+//#region src/ui/data-table.tsx
+function d({ columns: d, data: f, className: _e, noResultsText: p, sortable: m = !1, filterable: h = !1, globalFilter: g = !1, paginated: ve = !1, pageSize: _, pageSizeOptions: ye, selectable: v = !1, onSelectionChange: y, toolbar: b = !1, density: be = "standard", columnPinning: xe, editable: Se = !1, onCellEdit: Ce, expandable: x = !1, renderExpanded: we, virtualRows: S = !1, virtualRowHeight: Te = 48, maxHeight: Ee = 600, onSort: C, emptyState: w, loading: T = !1, selectedIds: E, selectableFilter: De, getRowId: D, pagination: O, singleExpand: k = !1, stickyHeader: Oe = !1, onRowClick: A, bulkActions: j, mobileView: M = "table" }) {
+	let [ke, N] = c(!1);
+	o(() => {
+		let e = window.matchMedia("(max-width: 639px)"), t = () => N(e.matches);
+		return e.addEventListener("change", t), N(e.matches), () => e.removeEventListener("change", t);
+	}, []);
+	let Ae = M === "card" && ke, [je, P] = c([]), [Me, Ne] = c([]), [F, I] = c(""), [Pe, L] = c({
+		pageIndex: O ? O.page - 1 : 0,
+		pageSize: O?.pageSize ?? _ ?? 10
+	}), [R, z] = c({}), [Fe, Ie] = c({}), [B, Le] = c({
+		left: xe?.left ?? [],
+		right: xe?.right ?? []
+	}), [V, Re] = c(be), [H, ze] = c(null), [Be, U] = c({}), W = s(null), G = s(!1);
+	o(() => {
+		if (E) {
+			G.current = !0;
+			let e = {};
+			E.forEach((t) => {
+				e[t] = !0;
+			}), z(e);
+		}
+	}, [E]), o(() => {
+		O && L((e) => ({
+			...e,
+			pageIndex: O.page - 1,
+			pageSize: O.pageSize
+		}));
+	}, [O?.page, O?.pageSize]);
+	let Ve = a((e) => {
+		P((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			return C && (n.length === 0 && t.length > 0 ? C(t[0].id, !1) : n.length > 0 && C(n[0].id, n[0].desc ? "desc" : "asc")), n;
+		});
+	}, [C]), He = a((e) => {
+		U((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			if (!k || n === !0 || typeof n != "object") return n;
+			let r = typeof t == "object" ? Object.keys(t).filter((e) => t[e]) : [], i = Object.keys(n).filter((e) => n[e]).filter((e) => !r.includes(e));
+			return i.length > 0 ? { [i[i.length - 1]]: !0 } : n;
+		});
+	}, [k]), K = s(O?.onPageChange);
+	o(() => {
+		K.current = O?.onPageChange;
+	}, [O?.onPageChange]);
+	let Ue = a((e) => {
+		L((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			return K.current && n.pageIndex !== t.pageIndex && K.current(n.pageIndex + 1), n;
+		});
+	}, []), We = {
+		id: "_select",
+		header: ({ table: e }) => /* @__PURE__ */ l(n, {
+			size: "sm",
+			checked: e.getIsAllPageRowsSelected(),
+			indeterminate: e.getIsSomePageRowsSelected(),
+			onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
+			"aria-label": "Select all rows"
+		}),
+		cell: ({ row: e }) => /* @__PURE__ */ l(n, {
+			size: "sm",
+			checked: e.getIsSelected(),
+			disabled: !e.getCanSelect(),
+			onCheckedChange: (t) => e.toggleSelected(!!t),
+			"aria-label": "Select row"
+		}),
+		enableSorting: !1,
+		enableColumnFilter: !1,
+		enableHiding: !1
+	}, Ge = {
+		id: "_expand",
+		header: () => null,
+		cell: ({ row: n }) => /* @__PURE__ */ l("button", {
+			type: "button",
+			onClick: () => n.toggleExpanded(),
+			"aria-label": n.getIsExpanded() ? "Collapse row" : "Expand row",
+			className: "flex items-center justify-center p-ds-01 rounded-ds-sm hover:bg-surface-raised transition-colors",
+			children: /* @__PURE__ */ l(t, {
+				icon: ce,
+				size: "sm",
+				className: e("transition-transform duration-moderate-02", n.getIsExpanded() && "rotate-90")
+			})
+		}),
+		enableSorting: !1,
+		enableColumnFilter: !1,
+		enableHiding: !1
+	}, q = [
+		...v ? [We] : [],
+		...x ? [Ge] : [],
+		...d
+	], J = !!O, Y = ve || J, X = {
+		columnVisibility: Fe,
+		columnPinning: B
+	};
+	m && (X.sorting = je), (h || g) && (X.columnFilters = Me, X.globalFilter = F), Y && (X.pagination = Pe), v && (X.rowSelection = R), x && (X.expanded = Be);
+	let Ke = m && !!C, Z = he({
+		data: f,
+		columns: q,
+		state: X,
+		onColumnVisibilityChange: Ie,
+		onColumnPinningChange: Le,
+		getCoreRowModel: ue(),
+		...m && {
+			onSortingChange: Ke ? Ve : P,
+			...Ke ? { manualSorting: !0 } : { getSortedRowModel: me() }
+		},
+		...(h || g) && {
+			onColumnFiltersChange: Ne,
+			onGlobalFilterChange: I,
+			getFilteredRowModel: fe()
+		},
+		...Y && {
+			onPaginationChange: J ? Ue : L,
+			...J ? {
+				manualPagination: !0,
+				pageCount: Math.ceil(O.total / O.pageSize)
+			} : { getPaginationRowModel: pe() }
+		},
+		...v && {
+			onRowSelectionChange: z,
+			enableRowSelection: De ? (e) => De(e.original) : !0
+		},
+		...x && {
+			onExpandedChange: k ? He : U,
+			getExpandedRowModel: de()
+		},
+		...D && { getRowId: (e) => D(e) }
+	}), Q = s(y), $ = s(D);
+	o(() => {
+		Q.current = y, $.current = D;
+	}, [y, D]), o(() => {
+		if (G.current) {
+			G.current = !1;
+			return;
+		}
+		if (!Q.current) return;
+		let e = Object.keys(R).filter((e) => R[e]), t = f.filter((t, n) => {
+			let r = $.current ? $.current(f[n]) : String(n);
+			return e.includes(r);
+		});
+		Q.current(t);
+	}, [R, f]);
+	let qe = ee[V], Je = Z.getRowModel().rows, Ye = ge({
+		count: S ? Je.length : 0,
+		getScrollElement: () => W.current,
+		estimateSize: () => Te,
+		overscan: 10
+	}), Xe = O?.pageSize ?? _ ?? 5, Ze = se(() => {
+		if (!j || !v) return [];
+		let e = Object.keys(R).filter((e) => R[e]);
+		return f.filter((t, n) => {
+			let r = D ? D(f[n]) : String(n);
+			return e.includes(r);
+		});
+	}, [
+		j,
+		v,
+		R,
+		f,
+		D
+	]), Qe = Ze.length > 0, $e = J ? O.total : Z.getFilteredRowModel().rows.length, et = se(() => ({
+		table: Z,
+		allColumns: q.map((e) => ({
+			id: e.id,
+			header: e.header
+		})),
+		cellPadding: qe,
+		columnPinningState: B,
+		sortable: m,
+		filterable: h,
+		editable: Se,
+		expandable: x,
+		virtualRows: S,
+		selectable: v,
+		mobileView: M,
+		editingCell: H,
+		setEditingCell: ze,
+		onCellEdit: Ce,
+		renderExpanded: we,
+		onRowClick: A
+	}), [
+		Z,
+		q.length,
+		qe,
+		B,
+		m,
+		h,
+		Se,
+		x,
+		S,
+		v,
+		M,
+		H,
+		Ce,
+		we,
+		A
+	]), tt = S ? Ye.getVirtualItems() : void 0, nt = S ? Ye.getTotalSize() : void 0, rt = /* @__PURE__ */ u(r, {
+		"aria-busy": T || void 0,
+		children: [/* @__PURE__ */ l(ie, { stickyHeader: Oe }), /* @__PURE__ */ l(te, {
+			loading: T,
+			skeletonRowCount: Xe,
+			noResultsText: p,
+			emptyState: w,
+			virtualItems: tt,
+			totalVirtualSize: nt
+		})]
+	});
+	return /* @__PURE__ */ l(i, {
+		value: et,
+		children: /* @__PURE__ */ u("div", {
+			className: e(_e),
+			children: [
+				b && /* @__PURE__ */ l(oe, {
+					table: Z,
+					globalFilter: g,
+					globalFilterValue: F,
+					onGlobalFilterChange: I,
+					density: V,
+					onDensityChange: Re
+				}),
+				g && !b && /* @__PURE__ */ u("div", {
+					className: "flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04",
+					children: [/* @__PURE__ */ l(t, {
+						icon: le,
+						size: "sm",
+						className: "text-surface-fg-subtle"
+					}), /* @__PURE__ */ l("input", {
+						type: "text",
+						value: F,
+						onChange: (e) => I(e.target.value),
+						placeholder: "Search all columns...",
+						"aria-label": "Search all columns",
+						className: e("flex-1 bg-transparent text-ds-md", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden")
+					})]
+				}),
+				Ae ? /* @__PURE__ */ l(re, {
+					loading: T,
+					skeletonRowCount: Xe,
+					noResultsText: p,
+					emptyState: w
+				}) : S ? /* @__PURE__ */ l("div", {
+					ref: W,
+					style: {
+						maxHeight: `${Ee}px`,
+						overflowY: "auto"
+					},
+					children: rt
+				}) : rt,
+				Y && /* @__PURE__ */ l(ae, {
+					table: Z,
+					totalRowCount: $e,
+					useServerPagination: J,
+					pageSizeOptions: ye
+				}),
+				j && v && Qe && /* @__PURE__ */ l(ne, {
+					table: Z,
+					selectedRows: Ze,
+					bulkActions: j
+				})
+			]
+		})
+	});
 }
-gt.displayName = "DataTable";
-export {
-  gt as DataTable
-};
+d.displayName = "DataTable";
+//#endregion
+export { d as DataTable };