@devalok/shilp-sutra 0.34.0 → 0.36.0

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

@@ -1,168 +1,169 @@
 "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: r }, a) {
+	let [u, d] = s.useState(!1);
+	return u ? /* @__PURE__ */ l(e.div, {
+		ref: a,
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .95
+		},
+		transition: n.snappy,
+		className: "flex items-center gap-ds-02",
+		tabIndex: r,
+		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: () => {
+					d(!1), t.onClick();
+				},
+				children: "Confirm"
+			}),
+			/* @__PURE__ */ c(o, {
+				variant: "ghost",
+				size: "sm",
+				onClick: () => d(!1),
+				children: "Cancel"
+			})
+		]
+	}) : /* @__PURE__ */ c(e.div, {
+		ref: a,
+		initial: {
+			opacity: 0,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .95
+		},
+		transition: n.snappy,
+		tabIndex: r,
+		children: /* @__PURE__ */ c(o, {
+			variant: "ghost",
+			size: "sm",
+			color: t.color === "error" ? "error" : "accent",
+			disabled: t.disabled,
+			onClick: t.requiresConfirmation ? () => d(!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-sticky -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 };

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

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-action-bar.js","names":[],"sources":["../../src/composed/bulk-action-bar.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { IconX } from '@tabler/icons-react'\nimport { Icon, type IconProps } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { Button } from '../ui/button'\nimport { Badge } from '../ui/badge'\nimport { springs } from '../ui/lib/motion'\n\n// ============================================================\n// Types\n// ============================================================\n\nexport interface BulkActionBarAction {\n  label: string\n  icon?: IconProps['icon']\n  onClick: () => void\n  color?: 'accent' | 'error'\n  disabled?: boolean\n  /** Show inline confirmation before executing the action */\n  requiresConfirmation?: boolean\n  /** Custom confirmation message @default 'Are you sure?' */\n  confirmMessage?: string\n}\n\nexport interface BulkActionBarProps {\n  show: boolean\n  count: number\n  onClearSelection: () => void\n  actions: BulkActionBarAction[]\n  /** Total number of items available for selection */\n  totalCount?: number\n  /** Called when user clicks \"Select all\" */\n  onSelectAll?: () => void\n  className?: string\n}\n\n// ============================================================\n// ActionButton — handles inline confirmation\n// ============================================================\n\nconst ActionButton = React.forwardRef<HTMLDivElement, { action: BulkActionBarAction; tabIndex?: number }>(function ActionButton({ action, tabIndex }, ref) {\n  const [confirming, setConfirming] = React.useState(false)\n\n  if (confirming) {\n    return (\n      <motion.div\n        ref={ref}\n        initial={{ opacity: 0, scale: 0.95 }}\n        animate={{ opacity: 1, scale: 1 }}\n        exit={{ opacity: 0, scale: 0.95 }}\n        transition={springs.snappy}\n        className=\"flex items-center gap-ds-02\"\n        tabIndex={tabIndex}\n      >\n        <span className=\"text-ds-sm text-surface-fg-muted whitespace-nowrap\">\n          {action.confirmMessage ?? 'Are you sure?'}\n        </span>\n        <Button\n          variant=\"solid\"\n          size=\"sm\"\n          color=\"error\"\n          onClick={() => {\n            setConfirming(false)\n            action.onClick()\n          }}\n        >\n          Confirm\n        </Button>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setConfirming(false)}\n        >\n          Cancel\n        </Button>\n      </motion.div>\n    )\n  }\n\n  return (\n    <motion.div\n      ref={ref}\n      initial={{ opacity: 0, scale: 0.95 }}\n      animate={{ opacity: 1, scale: 1 }}\n      exit={{ opacity: 0, scale: 0.95 }}\n      transition={springs.snappy}\n      tabIndex={tabIndex}\n    >\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        color={action.color === 'error' ? 'error' : 'accent'}\n        disabled={action.disabled}\n        onClick={action.requiresConfirmation ? () => setConfirming(true) : action.onClick}\n        startIcon={action.icon ? <Icon icon={action.icon} /> : undefined}\n        tabIndex={-1}\n      >\n        {action.label}\n      </Button>\n    </motion.div>\n  )\n})\n\n// ============================================================\n// BulkActionBar\n// ============================================================\n\nfunction BulkActionBar({\n  show,\n  count,\n  onClearSelection,\n  actions,\n  totalCount,\n  onSelectAll,\n  className,\n}: BulkActionBarProps) {\n  const [mounted, setMounted] = React.useState(false)\n  const [focusedIndex, setFocusedIndex] = React.useState(0)\n  const actionRefs = React.useRef<(HTMLDivElement | null)[]>([])\n\n  // Reset focused index when actions change\n  React.useEffect(() => {\n    setFocusedIndex(0)\n  }, [actions.length])\n\n  React.useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      onClearSelection()\n      return\n    }\n\n    const count = actions.length\n    if (count === 0) return\n\n    if (e.key === 'ArrowRight') {\n      e.preventDefault()\n      const next = (focusedIndex + 1) % count\n      setFocusedIndex(next)\n      actionRefs.current[next]?.focus()\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault()\n      const prev = (focusedIndex - 1 + count) % count\n      setFocusedIndex(prev)\n      actionRefs.current[prev]?.focus()\n    } else if (e.key === 'Home') {\n      e.preventDefault()\n      setFocusedIndex(0)\n      actionRefs.current[0]?.focus()\n    } else if (e.key === 'End') {\n      e.preventDefault()\n      const last = count - 1\n      setFocusedIndex(last)\n      actionRefs.current[last]?.focus()\n    }\n  }\n\n  if (!mounted) return null\n\n  return createPortal(\n    <AnimatePresence>\n      {show && (\n        <motion.div\n          initial={{ y: 100, opacity: 0 }}\n          animate={{ y: 0, opacity: 1 }}\n          exit={{ y: 100, opacity: 0 }}\n          transition={springs.snappy}\n          className={cn(\n            'fixed bottom-ds-06 left-1/2 z-sticky -translate-x-1/2',\n            'flex items-center gap-ds-04 rounded-ds-lg border border-surface-border bg-surface-overlay px-ds-05 py-ds-03 shadow-floating',\n            className,\n          )}\n          role=\"toolbar\"\n          aria-label={`${count} items selected`}\n          onKeyDown={handleKeyDown}\n        >\n          <Badge variant=\"solid\" size=\"sm\">\n            {count} selected\n          </Badge>\n\n          {totalCount != null && totalCount > count && onSelectAll && (\n            <Button variant=\"link\" size=\"xs\" onClick={onSelectAll}>\n              Select all {totalCount}\n            </Button>\n          )}\n\n          <div className=\"flex items-center gap-ds-02\">\n            <AnimatePresence mode=\"popLayout\">\n              {actions.map((action, i) => (\n                <ActionButton\n                  key={action.label}\n                  ref={(el: HTMLDivElement | null) => { actionRefs.current[i] = el }}\n                  action={action}\n                  tabIndex={i === focusedIndex ? 0 : -1}\n                />\n              ))}\n            </AnimatePresence>\n          </div>\n\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            onClick={onClearSelection}\n            aria-label=\"Clear selection\"\n          >\n            <Icon icon={IconX} size=\"sm\" />\n          </Button>\n        </motion.div>\n      )}\n    </AnimatePresence>,\n    document.body,\n  )\n}\n\nBulkActionBar.displayName = 'BulkActionBar'\n\nexport { BulkActionBar }\n"],"mappings":"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"}