@pibit.ai/cure-design-system 0.4.0 → 0.5.0

package/dist/patterns/table/toolbar/GroupByDropdown.js

@@ -1,12 +1,12 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useState as f, useEffect as N, useMemo as C } from "react";
-import { cx as B } from "../../../utils/cn.js";
-import { TOOLBAR_ICONS as O } from "../toolbar-icons.js";
-import { resolveColumnLabel as x } from "./tableToolbarHelpers.js";
-import { RadioGroup as R, RadioButton as w } from "./ToolbarRadio.js";
-import { Dropdown as g } from "../../../primitives/dropdown/dropdown.js";
-import { Button as s } from "../../../primitives/button/button.js";
-const L = /* @__PURE__ */ new Set([
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { useState as p, useEffect as O, useMemo as y } from "react";
+import { cx as R } from "../../../utils/cn.js";
+import { TOOLBAR_ICONS as _ } from "../toolbar-icons.js";
+import { resolveColumnLabel as c } from "./tableToolbarHelpers.js";
+import { RadioGroup as A, RadioButton as S } from "./ToolbarRadio.js";
+import { Dropdown as v } from "../../../primitives/dropdown/dropdown.js";
+import { Button as m } from "../../../primitives/button/button.js";
+const E = /* @__PURE__ */ new Set([
   "string",
   "number",
   "currency",
@@ -14,67 +14,72 @@ const L = /* @__PURE__ */ new Set([
   "percentage",
   "decimal_percentage",
   "link"
-]), V = ({
-  schema: o,
+]), T = ({
+  schema: s,
   value: n,
-  onChange: h,
-  labelMeta: i,
-  isDisabled: y
+  onChange: b,
+  labelMeta: t,
+  isDisabled: N
 }) => {
-  const [l, p] = f(!1), [c, t] = f(n);
-  N(() => {
-    l && t(n);
-  }, [l, n]);
-  const m = C(
-    () => o.filter((e) => e.groupable === !1 ? !1 : e.groupable === !0 ? !0 : e.value_type ? L.has(e.value_type) : !0),
-    [o]
-  ), d = n ? o.find((e) => e.value === n) : void 0, u = d ? x(d, i) : null, b = () => t(null), v = () => {
-    h(c), p(!1);
+  const [a, d] = p(!1), [u, C] = p(""), [f, l] = p(n);
+  O(() => {
+    a && (l(n), C(""));
+  }, [a, n]);
+  const i = y(
+    () => s.filter((e) => e.groupable === !1 ? !1 : e.groupable === !0 ? !0 : e.value_type ? E.has(e.value_type) : !0),
+    [s]
+  ), x = y(() => {
+    const e = u.trim().toLowerCase();
+    return e ? i.filter(
+      (B) => c(B, t).toLowerCase().includes(e)
+    ) : i;
+  }, [i, u, t]), h = n ? s.find((e) => e.value === n) : void 0, g = h ? c(h, t) : null, w = () => l(null), L = () => {
+    b(f), d(!1);
   };
-  return /* @__PURE__ */ a(g.Root, { isOpen: l, onOpenChange: p, children: [
-    /* @__PURE__ */ a(
-      s,
+  return /* @__PURE__ */ o(v.Root, { isOpen: a, onOpenChange: d, children: [
+    /* @__PURE__ */ o(
+      m,
       {
         size: "xs",
         color: "secondary",
-        isDisabled: y,
-        iconLeading: /* @__PURE__ */ r("img", { src: O.groupBy, alt: "", className: "h-3 w-3" }),
-        className: B(
+        isDisabled: N,
+        iconLeading: /* @__PURE__ */ r("img", { src: _.groupBy, alt: "", className: "h-3 w-3" }),
+        className: R(
           !!n && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
         ),
         children: [
           "Group By",
-          u && /* @__PURE__ */ a("span", { className: "ml-1 max-w-[120px] truncate text-xs font-semibold", children: [
+          g && /* @__PURE__ */ o("span", { className: "ml-1 max-w-[120px] truncate text-xs font-semibold", children: [
             ": ",
-            u
+            g
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ r(g.Popover, { className: "max-h-[60vh]", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 p-[6px]", children: [
-      /* @__PURE__ */ r("div", { className: "max-h-[40vh] overflow-y-auto pr-0.5", children: m.length === 0 ? /* @__PURE__ */ r("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No groupable fields." }) : /* @__PURE__ */ r(
-        R,
+    /* @__PURE__ */ r(v.Popover, { className: "max-h-[60vh]", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 p-[6px]", children: [
+      /* @__PURE__ */ r("div", { className: "max-h-[40vh] overflow-y-auto pr-0.5", children: x.length === 0 ? /* @__PURE__ */ r("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No groupable fields." }) : /* @__PURE__ */ r(
+        A,
         {
-          value: c ?? "",
-          onChange: (e) => t(e || null),
+          value: f ?? "",
+          onChange: (e) => l(e || null),
           className: "flex flex-col gap-3 px-2 py-2",
-          children: m.map((e) => /* @__PURE__ */ r(
-            w,
+          children: x.map((e) => /* @__PURE__ */ r(
+            S,
             {
               value: e.value,
-              label: x(e, i)
+              label: c(e, t)
             },
             e.value
           ))
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: "flex gap-2 pt-1 px-2 pb-2", children: [
-        /* @__PURE__ */ r(s, { color: "secondary", size: "xs", onClick: b, className: "flex-1", children: "Reset" }),
-        /* @__PURE__ */ r(s, { color: "primary", size: "xs", onClick: v, className: "flex-1", children: "Apply" })
+      /* @__PURE__ */ o("div", { className: "flex gap-2 pt-1 px-2 pb-2", children: [
+        /* @__PURE__ */ r(m, { color: "secondary", size: "xs", onClick: w, className: "flex-1", children: "Reset" }),
+        /* @__PURE__ */ r(m, { color: "primary", size: "xs", onClick: L, className: "flex-1", children: "Apply" })
       ] })
     ] }) })
   ] });
 };
 export {
-  V as GroupByDropdown
+  T as GroupByDropdown
 };

package/dist/patterns/table/toolbar/HideFieldsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HideFieldsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/HideFieldsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAsDD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8J1D,CAAC"}
+{"version":3,"file":"HideFieldsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/HideFieldsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAmED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuL1D,CAAC"}

package/dist/patterns/table/toolbar/HideFieldsDropdown.js

@@ -1,18 +1,24 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useState as g, useEffect as j, useMemo as x } from "react";
+import { useState as g, useEffect as j, useMemo as u } from "react";
 import { EyeOff as q, Eye as K } from "@untitledui/icons";
 import _ from "../../../primitives/select/SearchInput.js";
 import { cx as I } from "../../../utils/cn.js";
 import { TOOLBAR_ICONS as $ } from "../toolbar-icons.js";
-import { resolveColumnLabel as F } from "./tableToolbarHelpers.js";
+import { resolveColumnLabel as G } from "./tableToolbarHelpers.js";
 import { Dropdown as H } from "../../../primitives/dropdown/dropdown.js";
 import { Button as z } from "../../../primitives/button/button.js";
-import { useDragControls as G } from "../../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
-import { Toggle as M } from "../../../primitives/toggle/toggle.js";
+import { useDragControls as M } from "../../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+import { Toggle as F } from "../../../primitives/toggle/toggle.js";
 import { ReorderGroup as J } from "../../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
 import { ReorderItem as Q } from "../../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
-const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u }) => {
-  const l = G();
+const U = ({
+  columnKey: a,
+  label: o,
+  isHidden: p,
+  isDisabled: i,
+  onToggle: x
+}) => {
+  const l = M();
   return /* @__PURE__ */ d(
     Q,
     {
@@ -31,12 +37,12 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
       transition: { type: "spring", stiffness: 300, damping: 25 },
       children: [
         /* @__PURE__ */ s(
-          M,
+          F,
           {
             "aria-label": `Toggle visibility of ${o}`,
             isSelected: !p,
             isDisabled: i,
-            onChange: u,
+            onChange: x,
             size: "sm",
             slim: !0
           }
@@ -44,7 +50,10 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         /* @__PURE__ */ s(
           "span",
           {
-            className: I("flex-1 truncate text-xs", p ? "text-tertiary" : "text-secondary"),
+            className: I(
+              "flex-1 truncate text-xs",
+              p ? "text-tertiary" : "text-secondary"
+            ),
             title: o,
             children: o
           }
@@ -56,7 +65,14 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
             className: "shrink-0 cursor-grab text-fg-quaternary hover:text-fg-secondary touch-none select-none",
             "aria-label": `Drag ${o}`,
             title: "Drag to reorder",
-            children: /* @__PURE__ */ s("img", { src: $.reorderDots, alt: "", className: "h-4 w-4 pointer-events-none" })
+            children: /* @__PURE__ */ s(
+              "img",
+              {
+                src: $.reorderDots,
+                alt: "",
+                className: "h-4 w-4 pointer-events-none"
+              }
+            )
           }
         )
       ]
@@ -67,38 +83,47 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
   hiddenColumns: o,
   setHiddenColumns: p,
   columnOrder: i,
-  setColumnOrder: u,
+  setColumnOrder: x,
   labelMeta: l,
   isDisabled: v
 }) => {
-  const [y, D] = g(!1), [b, R] = g(""), [f, w] = g(() => new Set(o)), [N, m] = g(() => [...i]);
+  const [y, D] = g(!1), [b, R] = g(""), [m, w] = g(
+    () => new Set(o)
+  ), [N, f] = g(() => [
+    ...i
+  ]);
   j(() => {
-    y && (w(new Set(o)), m([...i]), R(""));
+    y && (w(new Set(o)), f([...i]), R(""));
   }, [y, o, i]);
-  const c = x(() => {
+  const c = u(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const r of a) e.set(r.value, F(r, l));
+    for (const r of a)
+      e.set(r.value, G(r, l));
     return e;
-  }, [a, l]), n = x(() => {
+  }, [a, l]), n = u(() => {
     const e = /* @__PURE__ */ new Set(), r = [];
     for (const t of N)
       c.has(t) && !e.has(t) && (e.add(t), r.push(t));
     for (const t of a)
       e.has(t.value) || (e.add(t.value), r.push(t.value));
     return r;
-  }, [N, a, c]), h = x(() => {
+  }, [N, a, c]), h = u(() => {
     const e = b.trim().toLowerCase();
-    return e ? n.filter((r) => (c.get(r) ?? r).toLowerCase().includes(e)) : n;
+    return e ? n.filter(
+      (r) => (c.get(r) ?? r).toLowerCase().includes(e)
+    ) : n;
   }, [n, b, c]), T = (e) => {
     if (e.length === n.length) {
-      m(e);
+      f(e);
       return;
     }
-    const r = new Set(h), t = [...e], C = n.map((L) => r.has(L) ? t.shift() : L);
-    m(C);
-  }, A = x(
-    () => n.filter((e) => !f.has(e)).length,
-    [n, f]
+    const r = new Set(h), t = [...e], C = n.map(
+      (L) => r.has(L) ? t.shift() : L
+    );
+    f(C);
+  }, A = u(
+    () => n.filter((e) => !m.has(e)).length,
+    [n, m]
   ), P = (e) => {
     w((r) => {
       const t = new Set(r);
@@ -112,9 +137,9 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
       return t;
     });
   }, B = () => {
-    w(/* @__PURE__ */ new Set()), m(a.map((e) => e.value));
+    w(/* @__PURE__ */ new Set()), f(a.map((e) => e.value));
   }, E = () => {
-    p(new Set(f)), u([...N]), D(!1);
+    p(new Set(m)), x([...N]), D(!1);
   }, O = o.size, S = O > 0;
   return /* @__PURE__ */ d(H.Root, { isOpen: y, onOpenChange: D, children: [
     /* @__PURE__ */ d(
@@ -128,7 +153,7 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
           S && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
         ),
         children: [
-          "Hide Fields",
+          "Hide Columns",
           S && /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-brand-600 ml-1", children: O })
         ]
       }
@@ -138,13 +163,13 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         _,
         {
           size: "sm",
-          placeholder: "Search fields",
+          placeholder: "Search columns",
           value: b,
           onChange: (e) => R(e),
           className: "w-full ring-0 outline-hidden bg-secondary rounded-lg"
         }
       ),
-      /* @__PURE__ */ s("div", { className: "max-h-[40vh] overflow-y-auto scrollbar-hide pr-0.5", children: h.length === 0 ? /* @__PURE__ */ s("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No fields match." }) : /* @__PURE__ */ s(
+      /* @__PURE__ */ s("div", { className: "max-h-[40vh] overflow-y-auto scrollbar-hide pr-0.5", children: h.length === 0 ? /* @__PURE__ */ s("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No columns match." }) : /* @__PURE__ */ s(
         J,
         {
           as: "div",
@@ -153,7 +178,7 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
           onReorder: T,
           className: "flex flex-col gap-0.5",
           children: h.map((e) => {
-            const r = f.has(e);
+            const r = m.has(e);
             return /* @__PURE__ */ s(
               U,
               {
@@ -169,8 +194,26 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         }
       ) }),
       /* @__PURE__ */ d("div", { className: "flex gap-2 pt-1 px-2 pb-2", children: [
-        /* @__PURE__ */ s(z, { color: "secondary", size: "xs", onClick: B, className: "flex-1", children: "Reset" }),
-        /* @__PURE__ */ s(z, { color: "primary", size: "xs", onClick: E, className: "flex-1", children: "Apply" })
+        /* @__PURE__ */ s(
+          z,
+          {
+            color: "secondary",
+            size: "xs",
+            onClick: B,
+            className: "flex-1",
+            children: "Reset"
+          }
+        ),
+        /* @__PURE__ */ s(
+          z,
+          {
+            color: "primary",
+            size: "xs",
+            onClick: E,
+            className: "flex-1",
+            children: "Apply"
+          }
+        )
       ] })
     ] }) })
   ] });

package/dist/patterns/table/toolbar/RowActionsMenu.d.ts

@@ -1,3 +1,4 @@
+import { PointerEvent } from 'react';
 export interface RowActionsConfig<T extends Record<string, unknown> = Record<string, unknown>> {
     onAddRowAbove?: (sourceRowIndex: number, item: T) => void;
     onAddRowBelow?: (sourceRowIndex: number, item: T) => void;
@@ -6,6 +7,16 @@ export interface RowActionsConfig<T extends Record<string, unknown> = Record<str
     onPasteRowValues?: (sourceRowIndex: number, item: T) => void;
     onDeleteRow?: (sourceRowIndex: number, item: T) => void;
     canPasteRowValues?: boolean;
+    /**
+     * Called after a successful drag reorder. Indices are `__sourceIndex` values
+     * (source data indices), not visual/display indices.
+     */
+    onReorderRows?: (fromSourceIndex: number, toSourceIndex: number, item: T) => void;
+    /**
+     * When false, drag reorder is disabled even if `onReorderRows` is provided.
+     * Defaults to true whenever `onReorderRows` is set. Drag UX is wired by TableWrapper.
+     */
+    enableRowReorder?: boolean;
 }
 interface RowActionsMenuProps<T extends Record<string, unknown>> {
     config: RowActionsConfig<T>;
@@ -13,7 +24,12 @@ interface RowActionsMenuProps<T extends Record<string, unknown>> {
     item: T;
     triggerClassName?: string;
     onOpenChange?: (open: boolean) => void;
+    /** When true, handle shows grabbing cursor (active row drag). */
+    isDragging?: boolean;
+    /** When true, primary-button pointer down can start a row drag (wired by TableWrapper). */
+    enableDrag?: boolean;
+    onDragHandlePointerDown?: (event: PointerEvent<HTMLButtonElement>) => void;
 }
-export declare function RowActionsMenu<T extends Record<string, unknown>>({ config, sourceRowIndex, item, triggerClassName, onOpenChange, }: RowActionsMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function RowActionsMenu<T extends Record<string, unknown>>({ config, sourceRowIndex, item, triggerClassName, onOpenChange, isDragging, enableDrag, onDragHandlePointerDown, }: RowActionsMenuProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=RowActionsMenu.d.ts.map

package/dist/patterns/table/toolbar/RowActionsMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/RowActionsMenu.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3F,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAqCD,UAAU,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,CAAC,CAAC;IACR,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChE,MAAM,EACN,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,YAAY,GACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAgExB"}
+{"version":3,"file":"RowActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/RowActionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgD,YAAY,EAAE,MAAM,OAAO,CAAC;AAQxF,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3F,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAClF;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAqCD,UAAU,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,CAAC,CAAC;IACR,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAChE,MAAM,EACN,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,UAAkB,EAClB,UAAkB,EAClB,uBAAuB,GACxB,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAmHxB"}

package/dist/patterns/table/toolbar/RowActionsMenu.js

@@ -1,84 +1,102 @@
-import { jsxs as c, jsx as e, Fragment as v } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { ArrowUp as h, ArrowDown as C, Copy06 as f, Copy01 as D, Clipboard as N, Trash01 as k } from "@untitledui/icons";
-import { Button as P } from "react-aria-components";
-import { cx as u } from "../../../utils/cn.js";
-import { TOOLBAR_ICONS as V } from "../toolbar-icons.js";
-import { Dropdown as b } from "../../../primitives/dropdown/dropdown.js";
-const a = ({ icon: o, label: n, danger: i, disabled: s, onClick: l }) => /* @__PURE__ */ c(
+import { jsxs as u, jsx as r, Fragment as D } from "react/jsx-runtime";
+import { useState as M, useRef as V } from "react";
+import { ArrowUp as B, ArrowDown as S, Copy06 as _, Copy01 as F, Clipboard as O, Trash01 as g } from "@untitledui/icons";
+import { Button as j } from "react-aria-components";
+import { cx as b } from "../../../utils/cn.js";
+import { TOOLBAR_ICONS as q } from "../toolbar-icons.js";
+import { Dropdown as x } from "../../../primitives/dropdown/dropdown.js";
+const a = ({ icon: e, label: s, danger: i, disabled: l, onClick: n }) => /* @__PURE__ */ u(
   "button",
   {
     type: "button",
-    disabled: s,
-    onClick: l,
-    className: u(
+    disabled: l,
+    onClick: n,
+    className: b(
       "flex w-full items-center gap-2 rounded-md px-2 py-2 text-left text-xs font-medium transition-colors outline-none",
-      s ? "cursor-not-allowed text-disabled" : i ? "cursor-pointer text-error-primary hover:bg-error-primary" : "cursor-pointer text-secondary hover:bg-primary_hover"
+      l ? "cursor-not-allowed text-disabled" : i ? "cursor-pointer text-error-primary hover:bg-error-primary" : "cursor-pointer text-secondary hover:bg-primary_hover"
     ),
     children: [
-      /* @__PURE__ */ e(
-        o,
+      /* @__PURE__ */ r(
+        e,
         {
           size: 16,
-          className: u(
+          className: b(
             "shrink-0",
-            s ? "text-fg-disabled" : i ? "text-error-primary" : "text-fg-quaternary"
+            l ? "text-fg-disabled" : i ? "text-error-primary" : "text-fg-quaternary"
           )
         }
       ),
-      /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: n })
+      /* @__PURE__ */ r("span", { className: "flex-1 truncate", children: s })
     ]
   }
-), y = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" });
-function G({
-  config: o,
-  sourceRowIndex: n,
+), h = () => /* @__PURE__ */ r("div", { className: "my-1 h-px w-full bg-secondary" });
+function E({
+  config: e,
+  sourceRowIndex: s,
   item: i,
-  triggerClassName: s,
-  onOpenChange: l
+  triggerClassName: l,
+  onOpenChange: n,
+  isDragging: A = !1,
+  enableDrag: c = !1,
+  onDragHandlePointerDown: p
 }) {
-  const [p, x] = A(!1), d = (t) => {
-    x(t), l == null || l(t);
-  }, r = (t) => () => {
-    t == null || t(n, i), d(!1);
-  }, w = o.onAddRowAbove || o.onAddRowBelow, m = o.onDuplicateRow || o.onCopyRowValues || o.onPasteRowValues, R = o.canPasteRowValues ?? !0;
-  return /* @__PURE__ */ c(b.Root, { isOpen: p, onOpenChange: d, children: [
-    /* @__PURE__ */ e(
-      P,
+  const [d, C] = M(!1), w = V(!1), m = (o) => {
+    o && !w.current || (o && (w.current = !1), C(o), n == null || n(o));
+  }, f = () => {
+    w.current = !0, m(!0);
+  }, v = (o) => {
+    o.preventDefault(), o.stopPropagation(), f();
+  }, k = (o) => {
+    !c || o.button !== 0 || (o.stopPropagation(), p == null || p(o));
+  }, N = (o) => {
+    (o.key === "ContextMenu" || o.key === "F10" && o.shiftKey) && (o.preventDefault(), o.stopPropagation(), f());
+  }, t = (o) => () => {
+    o == null || o(s, i), m(!1);
+  }, y = e.onAddRowAbove || e.onAddRowBelow, R = e.onDuplicateRow || e.onCopyRowValues || e.onPasteRowValues, P = e.canPasteRowValues ?? !0;
+  return /* @__PURE__ */ u(x.Root, { isOpen: d, onOpenChange: m, children: [
+    /* @__PURE__ */ r(
+      j,
       {
-        "aria-label": `Open row actions for row ${n + 1}`,
-        className: u(
-          "flex items-center justify-center outline-none cursor-pointer",
+        "aria-label": c ? `Reorder or row actions for row ${s + 1}. Drag to reorder. Right-click or Shift+F10 for actions.` : `Row actions for row ${s + 1}. Right-click or Shift+F10 to open.`,
+        "aria-haspopup": "menu",
+        "aria-expanded": d,
+        onContextMenu: v,
+        onPointerDown: k,
+        onKeyDown: N,
+        className: b(
+          "flex touch-none items-center justify-center outline-none select-none",
+          // Grab cursor only when drag is enabled (sort/filter/group disable drag via enableDrag).
+          A ? "cursor-grabbing" : c ? "cursor-grab active:cursor-grabbing" : "cursor-default",
           "text-fg-quaternary hover:bg-secondary_subtle hover:text-fg-quaternary_hover",
           "data-[pressed]:bg-secondary_subtle data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring",
-          p && "opacity-100",
-          s
+          d && "opacity-100",
+          l
         ),
-        children: /* @__PURE__ */ e("img", { src: V.reorderDotsNew, alt: "", className: "h-4 w-4" })
+        children: /* @__PURE__ */ r("img", { src: q.reorderDotsNew, alt: "", className: "h-4 w-4", draggable: !1 })
       }
     ),
-    /* @__PURE__ */ e(b.Popover, { className: "w-56", children: /* @__PURE__ */ c("div", { className: "flex flex-col px-1.5 py-1", children: [
-      o.onAddRowAbove && /* @__PURE__ */ e(a, { icon: h, label: "Add row above", onClick: r(o.onAddRowAbove) }),
-      o.onAddRowBelow && /* @__PURE__ */ e(a, { icon: C, label: "Add row below", onClick: r(o.onAddRowBelow) }),
-      w && m && /* @__PURE__ */ e(y, {}),
-      o.onDuplicateRow && /* @__PURE__ */ e(a, { icon: f, label: "Duplicate row", onClick: r(o.onDuplicateRow) }),
-      o.onCopyRowValues && /* @__PURE__ */ e(a, { icon: D, label: "Copy row values", onClick: r(o.onCopyRowValues) }),
-      o.onPasteRowValues && /* @__PURE__ */ e(
+    /* @__PURE__ */ r(x.Popover, { className: "w-56", children: /* @__PURE__ */ u("div", { className: "flex flex-col px-1.5 py-1", children: [
+      e.onAddRowAbove && /* @__PURE__ */ r(a, { icon: B, label: "Add row above", onClick: t(e.onAddRowAbove) }),
+      e.onAddRowBelow && /* @__PURE__ */ r(a, { icon: S, label: "Add row below", onClick: t(e.onAddRowBelow) }),
+      y && R && /* @__PURE__ */ r(h, {}),
+      e.onDuplicateRow && /* @__PURE__ */ r(a, { icon: _, label: "Duplicate row", onClick: t(e.onDuplicateRow) }),
+      e.onCopyRowValues && /* @__PURE__ */ r(a, { icon: F, label: "Copy row values", onClick: t(e.onCopyRowValues) }),
+      e.onPasteRowValues && /* @__PURE__ */ r(
         a,
         {
-          icon: N,
+          icon: O,
           label: "Paste row values",
-          disabled: !R,
-          onClick: r(o.onPasteRowValues)
+          disabled: !P,
+          onClick: t(e.onPasteRowValues)
         }
       ),
-      o.onDeleteRow && /* @__PURE__ */ c(v, { children: [
-        (w || m) && /* @__PURE__ */ e(y, {}),
-        /* @__PURE__ */ e(a, { icon: k, label: "Delete row", danger: !0, onClick: r(o.onDeleteRow) })
+      e.onDeleteRow && /* @__PURE__ */ u(D, { children: [
+        (y || R) && /* @__PURE__ */ r(h, {}),
+        /* @__PURE__ */ r(a, { icon: g, label: "Delete row", danger: !0, onClick: t(e.onDeleteRow) })
       ] })
     ] }) })
   ] });
 }
 export {
-  G as RowActionsMenu
+  E as RowActionsMenu
 };

package/dist/patterns/table/toolbar/SummaryFooter.d.ts

@@ -1,16 +1,23 @@
-import { Dispatch, FC, SetStateAction } from 'react';
+import { default as React } from 'react';
 import { TableColumnSchema } from '../types';
 import { AggregationType, CellAlignment } from './tableToolbarHelpers';
 export interface SummaryFooterRowProps {
     schema: TableColumnSchema[];
     summaryByColumn: Record<string, string>;
     summaryAggregations: ReadonlyMap<string, AggregationType>;
-    setSummaryAggregations: Dispatch<SetStateAction<Map<string, AggregationType>>>;
+    setSummaryAggregations: React.Dispatch<React.SetStateAction<Map<string, AggregationType>>>;
     columnAlignments: ReadonlyMap<string, CellAlignment>;
     fieldDataTypeMap?: Readonly<Record<string, string>>;
     hasActionsColumn: boolean;
     hasSelectionColumn?: boolean;
     showBorders: boolean;
+    /** Render native table markup for TableComponent; defaults to React Aria markup for TableWrapper. */
+    variant?: "aria" | "html";
+    /** Row height class used by the native HTML variant. */
+    rowClassName?: string;
+    /** Cell padding/text class used by the native HTML variant. */
+    cellClassName?: string;
 }
-export declare const SummaryFooterRow: FC<SummaryFooterRowProps>;
+/** Renders an in-table summary row so its cells share the table's column layout. */
+export declare const SummaryFooterRow: React.FC<SummaryFooterRowProps>;
 //# sourceMappingURL=SummaryFooter.d.ts.map

package/dist/patterns/table/toolbar/SummaryFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryFooter.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/SummaryFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,EAInB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,mBAAmB,EAAE,WAAW,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC1D,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC/E,gBAAgB,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;CACtB;AA2DD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAkEtD,CAAC"}
+{"version":3,"file":"SummaryFooter.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/SummaryFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,EAInB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,mBAAmB,EAAE,WAAW,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3F,gBAAgB,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAoED,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwE5D,CAAC"}