@devalok/shilp-sutra 0.34.0 → 0.34.1

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

@@ -1,133 +1,107 @@
 "use client";
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { IconSearch as w, IconColumns3 as D, IconTextResize as N, IconDownload as y } from "@tabler/icons-react";
-import { DropdownMenu as I, DropdownMenuTrigger as T, DropdownMenuContent as k, DropdownMenuLabel as L, DropdownMenuSeparator as j, DropdownMenuCheckboxItem as M } from "./dropdown-menu.js";
-import { cn as h } from "./lib/utils.js";
-import { Icon as d } from "./icon.js";
-const f = {
-  compact: "Compact",
-  standard: "Standard",
-  comfortable: "Comfortable"
-}, S = {
-  compact: "standard",
-  standard: "comfortable",
-  comfortable: "compact"
-}, g = h(
-  "h-ds-sm px-ds-03 rounded-ds-md",
-  "border border-surface-border-strong",
-  "hover:bg-surface-raised",
-  "text-ds-sm flex items-center gap-ds-02 transition-colors"
-), m = "text-surface-fg-subtle";
-function R(n) {
-  const u = n.getAllLeafColumns().filter((t) => t.getIsVisible() && t.id !== "_select").map((t) => {
-    const o = t.columnDef.header;
-    return typeof o == "string" ? o : t.id;
-  }), p = n.getFilteredRowModel().rows.map(
-    (t) => n.getAllLeafColumns().filter((o) => o.getIsVisible() && o.id !== "_select").map((o) => {
-      const i = t.getValue(o.id), e = String(i ?? "");
-      return e.includes(",") || e.includes('"') || e.includes(`
-`) ? `"${e.replace(/"/g, '""')}"` : e;
-    })
-  ), b = [u.join(","), ...p.map((t) => t.join(","))].join(
-    `
-`
-  ), l = new Blob([b], { type: "text/csv;charset=utf-8;" }), c = URL.createObjectURL(l), r = document.createElement("a");
-  r.href = c, r.download = "table-export.csv", r.click(), URL.revokeObjectURL(c);
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import { DropdownMenu as n, DropdownMenuCheckboxItem as r, DropdownMenuContent as i, DropdownMenuLabel as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "./dropdown-menu.js";
+import "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { IconColumns3 as u, IconDownload as d, IconSearch as f, IconTextResize as p } from "@tabler/icons-react";
+//#region src/ui/data-table-toolbar.tsx
+var m = {
+	compact: "Compact",
+	standard: "Standard",
+	comfortable: "Comfortable"
+}, h = {
+	compact: "standard",
+	standard: "comfortable",
+	comfortable: "compact"
+}, g = e("h-ds-sm px-ds-03 rounded-ds-md", "border border-surface-border-strong", "hover:bg-surface-raised", "text-ds-sm flex items-center gap-ds-02 transition-colors"), _ = "text-surface-fg-subtle";
+function v(e) {
+	let t = e.getAllLeafColumns().filter((e) => e.getIsVisible() && e.id !== "_select").map((e) => {
+		let t = e.columnDef.header;
+		return typeof t == "string" ? t : e.id;
+	}), n = e.getFilteredRowModel().rows.map((t) => e.getAllLeafColumns().filter((e) => e.getIsVisible() && e.id !== "_select").map((e) => {
+		let n = t.getValue(e.id), r = String(n ?? "");
+		return r.includes(",") || r.includes("\"") || r.includes("\n") ? `"${r.replace(/"/g, "\"\"")}"` : r;
+	})), r = [t.join(","), ...n.map((e) => e.join(","))].join("\n"), i = new Blob([r], { type: "text/csv;charset=utf-8;" }), a = URL.createObjectURL(i), o = document.createElement("a");
+	o.href = a, o.download = "table-export.csv", o.click(), URL.revokeObjectURL(a);
 }
-function V({
-  table: n,
-  globalFilter: u = !1,
-  globalFilterValue: p,
-  onGlobalFilterChange: b,
-  density: l,
-  onDensityChange: c,
-  enableExport: r = !0,
-  className: t,
-  ...o
-}) {
-  const i = n.getAllColumns().filter((e) => e.getCanHide() && e.id !== "_select");
-  return /* @__PURE__ */ a("div", { className: h("flex items-center gap-ds-03 pb-ds-04", t), ...o, children: [
-    u && /* @__PURE__ */ a("div", { className: "flex flex-1 items-center gap-ds-02", children: [
-      /* @__PURE__ */ s(d, { icon: w, size: "sm", className: m }),
-      /* @__PURE__ */ s(
-        "input",
-        {
-          type: "text",
-          value: p,
-          onChange: (e) => b(e.target.value),
-          placeholder: "Search all columns...",
-          "aria-label": "Search all columns",
-          className: h(
-            "flex-1 bg-transparent text-ds-md",
-            "text-surface-fg placeholder:text-surface-fg-subtle",
-            "outline-hidden",
-            "h-ds-sm"
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ml-auto flex items-center gap-ds-03", children: [
-      i.length > 0 && /* @__PURE__ */ a(I, { children: [
-        /* @__PURE__ */ s(T, { asChild: !0, children: /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: g,
-            "aria-label": "Toggle column visibility",
-            children: [
-              /* @__PURE__ */ s(d, { icon: D, size: "sm", className: m }),
-              "Columns"
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ a(k, { align: "end", className: "w-40", children: [
-          /* @__PURE__ */ s(L, { children: "Toggle columns" }),
-          /* @__PURE__ */ s(j, {}),
-          i.map((e) => {
-            const C = e.columnDef.header, x = typeof C == "string" ? C : e.id;
-            return /* @__PURE__ */ s(
-              M,
-              {
-                checked: e.getIsVisible(),
-                onCheckedChange: (v) => e.toggleVisibility(!!v),
-                children: x
-              },
-              e.id
-            );
-          })
-        ] })
-      ] }),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          className: g,
-          onClick: () => c(S[l]),
-          "aria-label": `Table density: ${f[l]}. Click to change.`,
-          title: `Density: ${f[l]}`,
-          children: [
-            /* @__PURE__ */ s(d, { icon: N, size: "sm", className: m }),
-            f[l]
-          ]
-        }
-      ),
-      r && /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          className: g,
-          onClick: () => R(n),
-          "aria-label": "Export table as CSV",
-          children: [
-            /* @__PURE__ */ s(d, { icon: y, size: "sm", className: m }),
-            "Export"
-          ]
-        }
-      )
-    ] })
-  ] });
+function y({ table: y, globalFilter: b = !1, globalFilterValue: x, onGlobalFilterChange: S, density: C, onDensityChange: w, enableExport: T = !0, className: E, ...D }) {
+	let O = y.getAllColumns().filter((e) => e.getCanHide() && e.id !== "_select");
+	return /* @__PURE__ */ l("div", {
+		className: e("flex items-center gap-ds-03 pb-ds-04", E),
+		...D,
+		children: [b && /* @__PURE__ */ l("div", {
+			className: "flex flex-1 items-center gap-ds-02",
+			children: [/* @__PURE__ */ c(t, {
+				icon: f,
+				size: "sm",
+				className: _
+			}), /* @__PURE__ */ c("input", {
+				type: "text",
+				value: x,
+				onChange: (e) => S(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", "h-ds-sm")
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "ml-auto flex items-center gap-ds-03",
+			children: [
+				O.length > 0 && /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c(s, {
+					asChild: !0,
+					children: /* @__PURE__ */ l("button", {
+						type: "button",
+						className: g,
+						"aria-label": "Toggle column visibility",
+						children: [/* @__PURE__ */ c(t, {
+							icon: u,
+							size: "sm",
+							className: _
+						}), "Columns"]
+					})
+				}), /* @__PURE__ */ l(i, {
+					align: "end",
+					className: "w-40",
+					children: [
+						/* @__PURE__ */ c(a, { children: "Toggle columns" }),
+						/* @__PURE__ */ c(o, {}),
+						O.map((e) => {
+							let t = e.columnDef.header, n = typeof t == "string" ? t : e.id;
+							return /* @__PURE__ */ c(r, {
+								checked: e.getIsVisible(),
+								onCheckedChange: (t) => e.toggleVisibility(!!t),
+								children: n
+							}, e.id);
+						})
+					]
+				})] }),
+				/* @__PURE__ */ l("button", {
+					type: "button",
+					className: g,
+					onClick: () => w(h[C]),
+					"aria-label": `Table density: ${m[C]}. Click to change.`,
+					title: `Density: ${m[C]}`,
+					children: [/* @__PURE__ */ c(t, {
+						icon: p,
+						size: "sm",
+						className: _
+					}), m[C]]
+				}),
+				T && /* @__PURE__ */ l("button", {
+					type: "button",
+					className: g,
+					onClick: () => v(y),
+					"aria-label": "Export table as CSV",
+					children: [/* @__PURE__ */ c(t, {
+						icon: d,
+						size: "sm",
+						className: _
+					}), "Export"]
+				})
+			]
+		})]
+	});
 }
-V.displayName = "DataTableToolbar";
-export {
-  V as DataTableToolbar
-};
+y.displayName = "DataTableToolbar";
+//#endregion
+export { y as DataTableToolbar };