@pibit.ai/cure-design-system 0.3.21 → 0.3.24

package/dist/patterns/table/tableUndoRedo.js

@@ -0,0 +1,147 @@
+function R(e) {
+  return e ? new Set(e) : void 0;
+}
+function C(e) {
+  return e ? new Map(e) : void 0;
+}
+function A(e) {
+  return e == null ? void 0 : e.map((n) => ({ ...n }));
+}
+function f(e) {
+  return e == null ? void 0 : e.map((n) => ({ ...n }));
+}
+function v(e) {
+  if (e)
+    return typeof structuredClone == "function" ? structuredClone(e) : JSON.parse(JSON.stringify(e));
+}
+function S(e) {
+  var g, o, s, l, m, w, y;
+  const { toolbar: n, columnAlignments: i, summaryFooterProps: d, appliedFilterConditions: u, data: r, getData: t } = e, p = i ?? ((g = n == null ? void 0 : n.align) == null ? void 0 : g.columnAlignments) ?? void 0, h = u ?? ((o = n == null ? void 0 : n.filter) == null ? void 0 : o.pendingConditions);
+  return {
+    hiddenColumns: R((s = n == null ? void 0 : n.hideFields) == null ? void 0 : s.hiddenColumns),
+    columnOrder: n != null && n.hideFields ? [...n.hideFields.columnOrder] : void 0,
+    columnAlignments: C(p),
+    groupBy: ((l = n == null ? void 0 : n.groupBy) == null ? void 0 : l.value) ?? null,
+    showSummary: (m = n == null ? void 0 : n.summary) == null ? void 0 : m.value,
+    summaryAggregations: C(d == null ? void 0 : d.summaryAggregations),
+    rowHeight: (w = n == null ? void 0 : n.rowHeight) == null ? void 0 : w.value,
+    sorts: A((y = n == null ? void 0 : n.sort) == null ? void 0 : y.sorts),
+    filterConditions: f(h),
+    data: v((t == null ? void 0 : t()) ?? r)
+  };
+}
+function B(e, n) {
+  const { toolbar: i, summaryFooterProps: d, onDataRestore: u } = n;
+  e.hiddenColumns !== void 0 && (i != null && i.hideFields) && i.hideFields.setHiddenColumns(new Set(e.hiddenColumns)), e.columnOrder !== void 0 && (i != null && i.hideFields) && i.hideFields.setColumnOrder([...e.columnOrder]), e.columnAlignments !== void 0 && (i != null && i.align) && i.align.setColumnAlignments(new Map(e.columnAlignments)), e.groupBy !== void 0 && (i != null && i.groupBy) && i.groupBy.onChange(e.groupBy), e.showSummary !== void 0 && (i != null && i.summary) && i.summary.onChange(e.showSummary), e.rowHeight !== void 0 && (i != null && i.rowHeight) && i.rowHeight.onChange(e.rowHeight), e.sorts !== void 0 && (i != null && i.sort) && (i.sort.onSortsChange(A(e.sorts) ?? []), i.sort.onApply()), e.filterConditions !== void 0 && (i != null && i.filter) && (i.filter.setPendingConditions(f(e.filterConditions) ?? []), i.filter.onApply()), e.summaryAggregations !== void 0 && (d != null && d.setSummaryAggregations) && d.setSummaryAggregations(new Map(e.summaryAggregations)), e.data !== void 0 && u && u(v(e.data) ?? []);
+}
+function c(e) {
+  let n = !1;
+  return () => {
+    n || (e(), n = !0, queueMicrotask(() => {
+      n = !1;
+    }));
+  };
+}
+function H(e, n) {
+  const i = c(n);
+  return {
+    ...e,
+    sort: e.sort ? {
+      ...e.sort,
+      onApply: () => {
+        n(), e.sort.onApply();
+      },
+      onClear: () => {
+        n(), e.sort.onClear();
+      }
+    } : void 0,
+    filter: e.filter ? {
+      ...e.filter,
+      onApply: () => {
+        n(), e.filter.onApply();
+      },
+      onClearAll: () => {
+        n(), e.filter.onClearAll();
+      }
+    } : void 0,
+    hideFields: e.hideFields ? {
+      ...e.hideFields,
+      setHiddenColumns: (d) => {
+        i(), e.hideFields.setHiddenColumns(d);
+      },
+      setColumnOrder: (d) => {
+        i(), e.hideFields.setColumnOrder(d);
+      }
+    } : void 0,
+    align: e.align ? {
+      ...e.align,
+      setColumnAlignments: (d) => {
+        n(), e.align.setColumnAlignments(d);
+      }
+    } : void 0,
+    groupBy: e.groupBy ? {
+      ...e.groupBy,
+      onChange: (d) => {
+        n(), e.groupBy.onChange(d);
+      }
+    } : void 0,
+    summary: e.summary ? {
+      ...e.summary,
+      onChange: (d) => {
+        n(), e.summary.onChange(d);
+      }
+    } : void 0,
+    rowHeight: e.rowHeight ? {
+      ...e.rowHeight,
+      onChange: (d) => {
+        n(), e.rowHeight.onChange(d);
+      }
+    } : void 0
+  };
+}
+function F(e, n) {
+  return {
+    ...e,
+    setSummaryAggregations: (i) => {
+      n(), e.setSummaryAggregations(i);
+    }
+  };
+}
+function a(e, n) {
+  return {
+    ...e,
+    onAddRow: () => {
+      n(), e.onAddRow();
+    },
+    onDeleteRow: (i) => {
+      n(), e.onDeleteRow(i);
+    }
+  };
+}
+function D(e, n) {
+  const i = (d) => (u, r) => {
+    n(), d == null || d(u, r);
+  };
+  return {
+    ...e,
+    onAddRowAbove: e.onAddRowAbove ? i(e.onAddRowAbove) : void 0,
+    onAddRowBelow: e.onAddRowBelow ? i(e.onAddRowBelow) : void 0,
+    onDuplicateRow: e.onDuplicateRow ? i(e.onDuplicateRow) : void 0,
+    onPasteRowValues: e.onPasteRowValues ? i(e.onPasteRowValues) : void 0,
+    onDeleteRow: e.onDeleteRow ? i(e.onDeleteRow) : void 0
+  };
+}
+function O(e, n) {
+  return (i, d) => {
+    (d.type === "align" || d.type === "hide" || d.type === "sort") && n(), e(i, d);
+  };
+}
+export {
+  B as applyTableUndoSnapshot,
+  S as captureTableUndoSnapshot,
+  O as wrapColumnHeaderActionWithUndoRedo,
+  a as wrapEditChromeWithUndoRedo,
+  D as wrapRowActionsWithUndoRedo,
+  F as wrapSummaryFooterWithUndoRedo,
+  H as wrapToolbarWithUndoRedo
+};

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

@@ -1 +1 @@
-{"version":3,"file":"AlignDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/AlignDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EACL,KAAK,aAAa,EAGnB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,gBAAgB,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACrD,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgEhD,CAAC"}
+{"version":3,"file":"AlignDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/AlignDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EACL,KAAK,aAAa,EAGnB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,gBAAgB,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACrD,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8DhD,CAAC"}

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

@@ -52,18 +52,12 @@ const L = ({
             i && "bg-utility-brand-25",
             !i && "text-secondary hover:bg-primary_hover"
           ]),
+          onClick: () => x(e.id),
           children: [
-            /* @__PURE__ */ s(
-              "div",
-              {
-                onClick: () => x(e.id),
-                className: "flex w-full items-center gap-2 text-xs font-medium text-left transition-colors",
-                children: [
-                  /* @__PURE__ */ n(c, { size: 16 }),
-                  /* @__PURE__ */ n("span", { className: "flex-1", children: e.label })
-                ]
-              }
-            ),
+            /* @__PURE__ */ s("div", { className: "flex w-full items-center gap-2 text-xs font-medium text-left transition-colors", children: [
+              /* @__PURE__ */ n(c, { size: 16 }),
+              /* @__PURE__ */ n("span", { className: "flex-1", children: e.label })
+            ] }),
             i && /* @__PURE__ */ n(b, { size: 16, className: "shrink-0 text-brand-600" })
           ]
         },

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

@@ -44,6 +44,10 @@ interface ColumnHeaderMenuProps {
     onAction: (action: ColumnMenuAction) => void;
     /** Domain-specific rows rendered after variant sections and before universal items. */
     renderExtraItems?: (column: TableColumnMenuSchema) => ReactNode;
+    /** When true, keep the trigger quiet until the header cell is hovered. */
+    showOnHeaderHover?: boolean;
+    /** Set by `Table.Head` when the parent header cell is hovered. */
+    isHeaderHovered?: boolean;
 }
 export declare const ColumnHeaderMenu: FC<ColumnHeaderMenuProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ColumnHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iGAAiG;AACjG,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC3C,gBAAgB,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,SAAS,CAAC;CACjE;AA8ED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsKtD,CAAC"}
+{"version":3,"file":"ColumnHeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ColumnHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iGAAiG;AACjG,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC3C,gBAAgB,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAChE,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA8ED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA2KtD,CAAC"}

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

@@ -1,34 +1,34 @@
-import { jsxs as t, jsx as e, Fragment as m } from "react/jsx-runtime";
-import { useState as _ } from "react";
-import { AlignLeft as E, AlignCenter as I, AlignRight as U, ChevronDown as V, Eye as Z, Edit03 as B, ArrowRight as G, ArrowLeft as K, ArrowDown as $, ArrowUp as J, ChevronRight as T, FilterLines as Q, EyeOff as W, Trash01 as X, Check as Y } from "@untitledui/icons";
-import { Button as q } from "react-aria-components";
+import { jsxs as n, jsx as e, Fragment as m } from "react/jsx-runtime";
+import { useState as q } from "react";
+import { AlignLeft as V, AlignCenter as Z, AlignRight as B, ChevronDown as G, Eye as K, Edit03 as $, ArrowRight as J, ArrowLeft as Q, ArrowDown as W, ArrowUp as X, ChevronRight as P, FilterLines as Y, EyeOff as D, Trash01 as ee, Check as te } from "@untitledui/icons";
+import { Button as z } from "react-aria-components";
 import { cx as p } from "../../../utils/cn.js";
-import { Dropdown as y } from "../../../primitives/dropdown/dropdown.js";
+import { Dropdown as g } from "../../../primitives/dropdown/dropdown.js";
 const i = ({
-  icon: n,
+  icon: o,
   label: a,
   danger: s,
   submenu: h,
-  selected: r,
+  selected: t,
   disabled: d,
-  title: g,
+  title: y,
   onClick: u
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ n(
   "div",
   {
     onClick: d ? void 0 : u,
-    title: g,
+    title: y,
     "aria-disabled": d || void 0,
     className: p(
       "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium transition-colors w-full text-left",
       d ? "cursor-not-allowed text-disabled" : p(
         "cursor-pointer",
-        s ? "text-error-primary hover:bg-error-primary" : r ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
+        s ? "text-error-primary hover:bg-error-primary" : t ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
       )
     ),
     children: [
-      n && /* @__PURE__ */ e(
-        n,
+      o && /* @__PURE__ */ e(
+        o,
         {
           size: 16,
           className: p(
@@ -38,66 +38,70 @@ const i = ({
         }
       ),
       /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: a }),
-      r && /* @__PURE__ */ e(Y, { size: 14, className: "shrink-0 text-brand-600" }),
-      h && /* @__PURE__ */ e(T, { size: 14, className: "shrink-0 text-fg-quaternary" })
+      t && /* @__PURE__ */ e(te, { size: 14, className: "shrink-0 text-brand-600" }),
+      h && /* @__PURE__ */ e(P, { size: 14, className: "shrink-0 text-fg-quaternary" })
     ]
   }
-), c = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), z = ({ children: n }) => /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase tracking-wider text-tertiary", children: n }), D = ({ label: n, suffix: a }) => /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
+), c = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), j = ({ children: o }) => /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase tracking-wider text-tertiary", children: o }), re = ({ label: o, suffix: a }) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
   /* @__PURE__ */ e("span", { className: "flex h-4 w-4 items-center justify-center rounded-sm border border-secondary text-[9px] font-semibold text-tertiary", children: "T" }),
-  /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-primary", children: n }),
+  /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-primary", children: o }),
   a && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary", children: a })
 ] }), C = [
-  { id: "left", icon: E, label: "Align Left" },
-  { id: "center", icon: I, label: "Align Center" },
-  { id: "right", icon: U, label: "Align Right" }
-], ie = ({
-  column: n,
+  { id: "left", icon: V, label: "Align Left" },
+  { id: "center", icon: Z, label: "Align Center" },
+  { id: "right", icon: B, label: "Align Right" }
+], ce = ({
+  column: o,
   columnLabel: a,
   fieldDef: s,
   currentAlignment: h,
-  capabilities: r,
+  capabilities: t,
   hideDisabled: d,
-  onAction: g,
-  renderExtraItems: u
+  onAction: y,
+  renderExtraItems: u,
+  showOnHeaderHover: w = !1,
+  isHeaderHovered: M = !1
 }) => {
-  var R, S;
-  const w = (s == null ? void 0 : s.data_type) ?? n.dataType, x = w === "LOOKUP" || n.variant === "lookup", A = w === "DERIVED" || n.variant === "derived", j = x ? "Hide field" : "Hide column", f = (r == null ? void 0 : r.sort) ?? !0, v = (r == null ? void 0 : r.align) ?? !0, N = (r == null ? void 0 : r.filter) ?? !0, k = (r == null ? void 0 : r.hide) ?? !0, [H, O] = _(!1), [M, b] = _(!1), l = (o) => {
-    g(o), b(!1), O(!1);
-  }, F = C.find((o) => o.id === h) ?? C[0], P = F.icon, L = u == null ? void 0 : u(n);
-  return /* @__PURE__ */ t(
-    y.Root,
+  var T, _;
+  const A = (s == null ? void 0 : s.data_type) ?? o.dataType, x = A === "LOOKUP" || o.variant === "lookup", O = A === "DERIVED" || o.variant === "derived", E = x ? "Hide field" : "Hide column", f = (t == null ? void 0 : t.sort) ?? !0, v = (t == null ? void 0 : t.align) ?? !0, k = (t == null ? void 0 : t.filter) ?? !0, N = (t == null ? void 0 : t.hide) ?? !0, [F, L] = q(!1), [H, b] = q(!1), I = !w || F || M, l = (r) => {
+    y(r), b(!1), L(!1);
+  }, R = C.find((r) => r.id === h) ?? C[0], U = R.icon, S = u == null ? void 0 : u(o);
+  return /* @__PURE__ */ n(
+    g.Root,
     {
-      isOpen: H,
-      onOpenChange: (o) => {
-        O(o), o || b(!1);
+      isOpen: F,
+      onOpenChange: (r) => {
+        L(r), r || b(!1);
       },
       children: [
         /* @__PURE__ */ e(
-          q,
+          z,
           {
             "aria-label": `Open ${a} column menu`,
+            onClick: (r) => r.stopPropagation(),
             className: p(
-              "flex items-center justify-center rounded p-0.5 outline-none cursor-pointer",
+              "flex items-center justify-center rounded p-0.5 outline-none cursor-pointer transition-opacity",
               "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"
+              "data-[pressed]:bg-secondary_subtle data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring",
+              w && !I && "pointer-events-none opacity-0"
             ),
-            children: /* @__PURE__ */ e(V, { size: 14, className: "stroke-2" })
+            children: /* @__PURE__ */ e(G, { size: 14, className: "stroke-2" })
           }
         ),
-        /* @__PURE__ */ e(y.Popover, { className: p(x || A ? "w-72" : "w-56"), children: /* @__PURE__ */ t("div", { className: "flex flex-col py-1 px-1.5", children: [
-          x && /* @__PURE__ */ t(m, { children: [
-            /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
-              /* @__PURE__ */ e(z, { children: "Lookup field" }),
-              /* @__PURE__ */ e(D, { label: a, suffix: "Object name" })
+        /* @__PURE__ */ e(g.Popover, { className: p(x || O ? "w-72" : "w-56"), children: /* @__PURE__ */ n("div", { className: "flex flex-col py-1 px-1.5", children: [
+          x && /* @__PURE__ */ n(m, { children: [
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
+              /* @__PURE__ */ e(j, { children: "Lookup field" }),
+              /* @__PURE__ */ e(re, { label: a, suffix: "Object name" })
             ] }),
             /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e(i, { icon: Z, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
-            /* @__PURE__ */ e(i, { icon: B, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
+            /* @__PURE__ */ e(i, { icon: K, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
+            /* @__PURE__ */ e(i, { icon: $, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
             /* @__PURE__ */ e(c, {}),
             /* @__PURE__ */ e(
               i,
               {
-                icon: G,
+                icon: J,
                 label: "Add field to right",
                 onClick: () => l({ type: "add-field", side: "right" })
               }
@@ -105,27 +109,27 @@ const i = ({
             /* @__PURE__ */ e(
               i,
               {
-                icon: K,
+                icon: Q,
                 label: "Add field to left",
                 onClick: () => l({ type: "add-field", side: "left" })
               }
             ),
             /* @__PURE__ */ e(c, {})
           ] }),
-          A && /* @__PURE__ */ t(m, { children: [
-            /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
-              /* @__PURE__ */ e(z, { children: "Formula" }),
-              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((R = s == null ? void 0 : s.formula) == null ? void 0 : R.trim()) || ((S = n.formula) == null ? void 0 : S.trim()) || a })
+          O && /* @__PURE__ */ n(m, { children: [
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
+              /* @__PURE__ */ e(j, { children: "Formula" }),
+              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((T = s == null ? void 0 : s.formula) == null ? void 0 : T.trim()) || ((_ = o.formula) == null ? void 0 : _.trim()) || a })
             ] }),
             /* @__PURE__ */ e(c, {})
           ] }),
-          L,
-          L && (f || v || N || k) && /* @__PURE__ */ e(c, {}),
-          f && /* @__PURE__ */ t(m, { children: [
+          S,
+          S && (f || v || k || N) && /* @__PURE__ */ e(c, {}),
+          f && /* @__PURE__ */ n(m, { children: [
             /* @__PURE__ */ e(
               i,
               {
-                icon: $,
+                icon: W,
                 label: "Sort A to Z",
                 onClick: () => l({ type: "sort", direction: "asc" })
               }
@@ -133,17 +137,17 @@ const i = ({
             /* @__PURE__ */ e(
               i,
               {
-                icon: J,
+                icon: X,
                 label: "Sort Z to A",
                 onClick: () => l({ type: "sort", direction: "desc" })
               }
             )
           ] }),
-          v && /* @__PURE__ */ t(m, { children: [
+          v && /* @__PURE__ */ n(m, { children: [
             f && /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ t(y.Root, { isOpen: M, onOpenChange: b, children: [
-              /* @__PURE__ */ t(
-                q,
+            /* @__PURE__ */ n(g.Root, { isOpen: H, onOpenChange: b, children: [
+              /* @__PURE__ */ n(
+                z,
                 {
                   className: p(
                     "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium cursor-pointer transition-colors w-full text-left outline-none",
@@ -151,44 +155,44 @@ const i = ({
                     "data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring"
                   ),
                   children: [
-                    /* @__PURE__ */ e(P, { size: 16, className: "shrink-0 text-fg-quaternary" }),
-                    /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: F.label }),
-                    /* @__PURE__ */ e(T, { size: 14, className: "shrink-0 text-fg-quaternary" })
+                    /* @__PURE__ */ e(U, { size: 16, className: "shrink-0 text-fg-quaternary" }),
+                    /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: R.label }),
+                    /* @__PURE__ */ e(P, { size: 14, className: "shrink-0 text-fg-quaternary" })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(y.Popover, { placement: "right top", className: "w-44", children: /* @__PURE__ */ e("div", { className: "flex flex-col py-1 px-1.5", children: C.map((o) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e(g.Popover, { placement: "right top", className: "w-44", children: /* @__PURE__ */ e("div", { className: "flex flex-col py-1 px-1.5", children: C.map((r) => /* @__PURE__ */ e(
                 i,
                 {
-                  icon: o.icon,
-                  label: o.label,
-                  selected: h === o.id,
-                  onClick: () => l({ type: "align", alignment: o.id })
+                  icon: r.icon,
+                  label: r.label,
+                  selected: h === r.id,
+                  onClick: () => l({ type: "align", alignment: r.id })
                 },
-                o.id
+                r.id
               )) }) })
             ] })
           ] }),
-          (N || k) && /* @__PURE__ */ t(m, { children: [
+          (k || N) && /* @__PURE__ */ n(m, { children: [
             (f || v) && /* @__PURE__ */ e(c, {}),
-            N && /* @__PURE__ */ e(i, { icon: Q, label: "Filter by", onClick: () => l({ type: "filter" }) }),
-            k && /* @__PURE__ */ e(
+            k && /* @__PURE__ */ e(i, { icon: Y, label: "Filter by", onClick: () => l({ type: "filter" }) }),
+            N && /* @__PURE__ */ e(
               i,
               {
-                icon: W,
-                label: j,
+                icon: D,
+                label: E,
                 disabled: d,
                 title: d ? "At least one column must remain visible" : void 0,
                 onClick: () => l({ type: "hide" })
               }
             )
           ] }),
-          x && /* @__PURE__ */ t(m, { children: [
+          x && /* @__PURE__ */ n(m, { children: [
             /* @__PURE__ */ e(c, {}),
             /* @__PURE__ */ e(
               i,
               {
-                icon: X,
+                icon: ee,
                 label: "Delete fields",
                 danger: !0,
                 onClick: () => l({ type: "lookup-delete" })
@@ -201,5 +205,5 @@ const i = ({
   );
 };
 export {
-  ie as ColumnHeaderMenu
+  ce as ColumnHeaderMenu
 };

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

@@ -1 +1 @@
-{"version":3,"file":"GroupByDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/GroupByDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,iBAAiB,EAAwB,MAAM,UAAU,CAAC;AAIxE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqFpD,CAAC"}
+{"version":3,"file":"GroupByDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/GroupByDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,iBAAiB,EAAwB,MAAM,UAAU,CAAC;AAIxE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA+FpD,CAAC"}

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
 };