@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/composed/bulk-action-bar.js

@@ -1,168 +1,177 @@
 "use client";
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { createPortal as B } from "react-dom";
-import { IconX as w } from "@tabler/icons-react";
-import { Icon as x } from "../ui/icon.js";
-import { cn as z } from "../ui/lib/utils.js";
-import { Button as m } from "../ui/button.js";
-import { B as A } from "../_chunks/badge-group.js";
-import { springs as D } from "../ui/lib/motion.js";
-import { m as y, A as h } from "../_chunks/framer.js";
-const I = n.forwardRef(function({ action: e, tabIndex: c }, o) {
-  const [l, a] = n.useState(!1);
-  return l ? /* @__PURE__ */ u(
-    y.div,
-    {
-      ref: o,
-      initial: { opacity: 0, scale: 0.95 },
-      animate: { opacity: 1, scale: 1 },
-      exit: { opacity: 0, scale: 0.95 },
-      transition: { type: "spring", stiffness: 500, damping: 30 },
-      className: "flex items-center gap-ds-02",
-      tabIndex: c,
-      children: [
-        /* @__PURE__ */ t("span", { className: "text-ds-sm text-surface-fg-muted whitespace-nowrap", children: e.confirmMessage ?? "Are you sure?" }),
-        /* @__PURE__ */ t(
-          m,
-          {
-            variant: "solid",
-            size: "sm",
-            color: "error",
-            onClick: () => {
-              a(!1), e.onClick();
-            },
-            children: "Confirm"
-          }
-        ),
-        /* @__PURE__ */ t(
-          m,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => a(!1),
-            children: "Cancel"
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ t(
-    y.div,
-    {
-      ref: o,
-      initial: { opacity: 0, scale: 0.95 },
-      animate: { opacity: 1, scale: 1 },
-      exit: { opacity: 0, scale: 0.95 },
-      transition: { type: "spring", stiffness: 500, damping: 30 },
-      tabIndex: c,
-      children: /* @__PURE__ */ t(
-        m,
-        {
-          variant: "ghost",
-          size: "sm",
-          color: e.color === "error" ? "error" : "accent",
-          disabled: e.disabled,
-          onClick: e.requiresConfirmation ? () => a(!0) : e.onClick,
-          startIcon: e.icon ? /* @__PURE__ */ t(x, { icon: e.icon }) : void 0,
-          tabIndex: -1,
-          children: e.label
-        }
-      )
-    }
-  );
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n } from "../ui/lib/motion.js";
+import { cn as r } from "../ui/lib/utils.js";
+import { Icon as i } from "../ui/icon.js";
+import { n as a } from "../_chunks/badge-group.js";
+import { Button as o } from "../ui/button.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createPortal as u } from "react-dom";
+import { IconX as d } from "@tabler/icons-react";
+//#region src/composed/bulk-action-bar.tsx
+var f = s.forwardRef(function({ action: t, tabIndex: n }, r) {
+	let [a, u] = s.useState(!1);
+	return a ? /* @__PURE__ */ l(e.div, {
+		ref: r,
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .95
+		},
+		transition: {
+			type: "spring",
+			stiffness: 500,
+			damping: 30
+		},
+		className: "flex items-center gap-ds-02",
+		tabIndex: n,
+		children: [
+			/* @__PURE__ */ c("span", {
+				className: "text-ds-sm text-surface-fg-muted whitespace-nowrap",
+				children: t.confirmMessage ?? "Are you sure?"
+			}),
+			/* @__PURE__ */ c(o, {
+				variant: "solid",
+				size: "sm",
+				color: "error",
+				onClick: () => {
+					u(!1), t.onClick();
+				},
+				children: "Confirm"
+			}),
+			/* @__PURE__ */ c(o, {
+				variant: "ghost",
+				size: "sm",
+				onClick: () => u(!1),
+				children: "Cancel"
+			})
+		]
+	}) : /* @__PURE__ */ c(e.div, {
+		ref: r,
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .95
+		},
+		transition: {
+			type: "spring",
+			stiffness: 500,
+			damping: 30
+		},
+		tabIndex: n,
+		children: /* @__PURE__ */ c(o, {
+			variant: "ghost",
+			size: "sm",
+			color: t.color === "error" ? "error" : "accent",
+			disabled: t.disabled,
+			onClick: t.requiresConfirmation ? () => u(!0) : t.onClick,
+			startIcon: t.icon ? /* @__PURE__ */ c(i, { icon: t.icon }) : void 0,
+			tabIndex: -1,
+			children: t.label
+		})
+	});
 });
-function N({
-  show: g,
-  count: e,
-  onClearSelection: c,
-  actions: o,
-  totalCount: l,
-  onSelectAll: a,
-  className: v
-}) {
-  const [k, b] = n.useState(!1), [p, f] = n.useState(0), d = n.useRef([]);
-  n.useEffect(() => {
-    f(0);
-  }, [o.length]), n.useEffect(() => {
-    b(!0);
-  }, []);
-  function C(r) {
-    if (r.key === "Escape") {
-      r.preventDefault(), c();
-      return;
-    }
-    const s = o.length;
-    if (s !== 0) {
-      if (r.key === "ArrowRight") {
-        r.preventDefault();
-        const i = (p + 1) % s;
-        f(i), d.current[i]?.focus();
-      } else if (r.key === "ArrowLeft") {
-        r.preventDefault();
-        const i = (p - 1 + s) % s;
-        f(i), d.current[i]?.focus();
-      } else if (r.key === "Home")
-        r.preventDefault(), f(0), d.current[0]?.focus();
-      else if (r.key === "End") {
-        r.preventDefault();
-        const i = s - 1;
-        f(i), d.current[i]?.focus();
-      }
-    }
-  }
-  return k ? B(
-    /* @__PURE__ */ t(h, { children: g && /* @__PURE__ */ u(
-      y.div,
-      {
-        initial: { y: 100, opacity: 0 },
-        animate: { y: 0, opacity: 1 },
-        exit: { y: 100, opacity: 0 },
-        transition: D.snappy,
-        className: z(
-          "fixed bottom-ds-06 left-1/2 z-50 -translate-x-1/2",
-          "flex items-center gap-ds-04 rounded-ds-lg border border-surface-border bg-surface-overlay px-ds-05 py-ds-03 shadow-floating",
-          v
-        ),
-        role: "toolbar",
-        "aria-label": `${e} items selected`,
-        onKeyDown: C,
-        children: [
-          /* @__PURE__ */ u(A, { variant: "solid", size: "sm", children: [
-            e,
-            " selected"
-          ] }),
-          l != null && l > e && a && /* @__PURE__ */ u(m, { variant: "link", size: "xs", onClick: a, children: [
-            "Select all ",
-            l
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02", children: /* @__PURE__ */ t(h, { mode: "popLayout", children: o.map((r, s) => /* @__PURE__ */ t(
-            I,
-            {
-              ref: (i) => {
-                d.current[s] = i;
-              },
-              action: r,
-              tabIndex: s === p ? 0 : -1
-            },
-            r.label
-          )) }) }),
-          /* @__PURE__ */ t(
-            m,
-            {
-              variant: "ghost",
-              size: "icon-sm",
-              onClick: c,
-              "aria-label": "Clear selection",
-              children: /* @__PURE__ */ t(x, { icon: w, size: "sm" })
-            }
-          )
-        ]
-      }
-    ) }),
-    document.body
-  ) : null;
+function p({ show: p, count: m, onClearSelection: h, actions: g, totalCount: _, onSelectAll: v, className: y }) {
+	let [b, x] = s.useState(!1), [S, C] = s.useState(0), w = s.useRef([]);
+	s.useEffect(() => {
+		C(0);
+	}, [g.length]), s.useEffect(() => {
+		x(!0);
+	}, []);
+	function T(e) {
+		if (e.key === "Escape") {
+			e.preventDefault(), h();
+			return;
+		}
+		let t = g.length;
+		if (t !== 0) {
+			if (e.key === "ArrowRight") {
+				e.preventDefault();
+				let n = (S + 1) % t;
+				C(n), w.current[n]?.focus();
+			} else if (e.key === "ArrowLeft") {
+				e.preventDefault();
+				let n = (S - 1 + t) % t;
+				C(n), w.current[n]?.focus();
+			} else if (e.key === "Home") e.preventDefault(), C(0), w.current[0]?.focus();
+			else if (e.key === "End") {
+				e.preventDefault();
+				let n = t - 1;
+				C(n), w.current[n]?.focus();
+			}
+		}
+	}
+	return b ? u(/* @__PURE__ */ c(t, { children: p && /* @__PURE__ */ l(e.div, {
+		initial: {
+			y: 100,
+			opacity: 0
+		},
+		animate: {
+			y: 0,
+			opacity: 1
+		},
+		exit: {
+			y: 100,
+			opacity: 0
+		},
+		transition: n.snappy,
+		className: r("fixed bottom-ds-06 left-1/2 z-50 -translate-x-1/2", "flex items-center gap-ds-04 rounded-ds-lg border border-surface-border bg-surface-overlay px-ds-05 py-ds-03 shadow-floating", y),
+		role: "toolbar",
+		"aria-label": `${m} items selected`,
+		onKeyDown: T,
+		children: [
+			/* @__PURE__ */ l(a, {
+				variant: "solid",
+				size: "sm",
+				children: [m, " selected"]
+			}),
+			_ != null && _ > m && v && /* @__PURE__ */ l(o, {
+				variant: "link",
+				size: "xs",
+				onClick: v,
+				children: ["Select all ", _]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-ds-02",
+				children: /* @__PURE__ */ c(t, {
+					mode: "popLayout",
+					children: g.map((e, t) => /* @__PURE__ */ c(f, {
+						ref: (e) => {
+							w.current[t] = e;
+						},
+						action: e,
+						tabIndex: t === S ? 0 : -1
+					}, e.label))
+				})
+			}),
+			/* @__PURE__ */ c(o, {
+				variant: "ghost",
+				size: "icon-sm",
+				onClick: h,
+				"aria-label": "Clear selection",
+				children: /* @__PURE__ */ c(i, {
+					icon: d,
+					size: "sm"
+				})
+			})
+		]
+	}) }), document.body) : null;
 }
-N.displayName = "BulkActionBar";
-export {
-  N as BulkActionBar
-};
+p.displayName = "BulkActionBar";
+//#endregion
+export { p as BulkActionBar };