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

package/dist/patterns/table/tableUndoRedo.js

@@ -0,0 +1,150 @@
+function h(e) {
+  return e ? new Set(e) : void 0;
+}
+function A(e) {
+  return e ? new Map(e) : void 0;
+}
+function f(e) {
+  return e == null ? void 0 : e.map((n) => ({ ...n }));
+}
+function R(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 t, g, l, w, m, y, C;
+  const { toolbar: n, columnAlignments: i, summaryFooterProps: d, appliedFilterConditions: u, data: o, getData: r } = e, s = i ?? ((t = n == null ? void 0 : n.align) == null ? void 0 : t.columnAlignments) ?? void 0, p = u ?? ((g = n == null ? void 0 : n.filter) == null ? void 0 : g.pendingConditions);
+  return {
+    hiddenColumns: h((l = n == null ? void 0 : n.hideFields) == null ? void 0 : l.hiddenColumns),
+    columnOrder: n != null && n.hideFields ? [...n.hideFields.columnOrder] : void 0,
+    columnAlignments: A(s),
+    groupBy: ((w = n == null ? void 0 : n.groupBy) == null ? void 0 : w.value) ?? null,
+    showSummary: (m = n == null ? void 0 : n.summary) == null ? void 0 : m.value,
+    summaryAggregations: A(d == null ? void 0 : d.summaryAggregations),
+    rowHeight: (y = n == null ? void 0 : n.rowHeight) == null ? void 0 : y.value,
+    sorts: f((C = n == null ? void 0 : n.sort) == null ? void 0 : C.sorts),
+    filterConditions: R(p),
+    data: v((r == null ? void 0 : r()) ?? o)
+  };
+}
+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(f(e.sorts) ?? []), i.sort.onApply()), e.filterConditions !== void 0 && (i != null && i.filter) && (i.filter.setPendingConditions(R(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 = (u) => (o, r) => {
+    n(), u == null || u(o, r);
+  }, d = (u) => (o, r, s) => {
+    n(), u == null || u(o, r, s);
+  };
+  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,
+    onReorderRows: e.onReorderRows ? d(e.onReorderRows) : 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/tableZoomLayout.d.ts

@@ -0,0 +1,87 @@
+import { TableZoomConfig } from './types';
+/**
+ * Pure layout maths behind TableWrapper's zoom. Kept out of the component so the invariants
+ * can be asserted directly — the width model here has been subtly wrong more than once, and
+ * the failures are all silent (columns that look plausible but stop short of the container,
+ * or a zoom that cancels itself out and only changes the font size).
+ */
+export declare const DEFAULT_TABLE_ZOOM = 100;
+export declare const DEFAULT_TABLE_ZOOM_MIN = 60;
+export declare const DEFAULT_TABLE_ZOOM_MAX = 120;
+export declare const DEFAULT_TABLE_ZOOM_STEP = 10;
+export declare const DEFAULT_COLUMN_MAX_WIDTH = "300px";
+export declare const DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH = "160px";
+export declare const clamp: (value: number, min: number, max: number) => number;
+/**
+ * `font-size` at the start of zoom-out — matches `text-sm`. Grows gradually toward
+ * `TABLE_ZOOM_TEXT_MAX_PX` as zoom drops. CSS `zoom` already scales the grid; this
+ * value is the size in the table's own layout, not a post-zoom compensation.
+ */
+export declare const TABLE_ZOOM_TEXT_BASE_PX = 14;
+/** Hard cap. 18px still fits a compact row; 30px (18 / 0.6) overflows at ~50%. */
+export declare const TABLE_ZOOM_TEXT_MAX_PX = 18;
+/**
+ * Zoom level at which `font-size` reaches the cap. Below this it stays at 18px so
+ * 51% / 20% / 10% cannot keep inflating glyphs until they clip the row.
+ */
+export declare const TABLE_ZOOM_TEXT_GROW_STOP_PERCENT = 60;
+/**
+ * `font-size` applied while zoomed out. Grows 14 → 18 as zoom falls from 100% to
+ * 60%, then holds at 18px. Fractions are floored (81% → 15px, not 15.9). Never
+ * divides by the zoom scale — that path produced 30px at 51% and overflowed the cell.
+ *
+ * Returns `undefined` at ≥ 100% (and for a non-positive scale) so authored sizes
+ * stay intact until the user actually zooms out.
+ */
+export declare const getTableZoomFontSize: (zoomPercent: number) => number | undefined;
+/**
+ * Sub-pixel slack for the overflow test. The painted width and the container are exactly
+ * equal at the point where the grid stops overflowing, and rounding there must not show a
+ * scrollbar for a fraction of a pixel.
+ */
+export declare const SCROLL_EPSILON_PX = 0.5;
+export declare const parsePxValue: (value: string | undefined) => number;
+/**
+ * CSS `zoom` is the mechanism the whole feature rests on (Chrome 128+, Safari, Firefox 126+).
+ * Where it is unsupported the grid must fall back to its unzoomed layout rather than render
+ * a control that silently does nothing. Treated as supported when `CSS` is unavailable at all
+ * (SSR), so the server renders the same markup a current browser will.
+ */
+export declare const supportsCssZoom: () => boolean;
+export declare const normalizeZoomConfig: (config: TableZoomConfig) => {
+    minZoom: number;
+    maxZoom: number;
+    step: number;
+    defaultZoom: number;
+};
+/**
+ * The grid's layout width with zoom held at 100%: fill the container, but never shrink below
+ * what the columns' minimums need.
+ *
+ * Deliberately independent of the zoom level. A base that tracked the zoom (`containerWidth /
+ * zoomScale`) is cancelled out by the `zoom` applied afterwards, leaving every column the same
+ * painted width at every level and reducing the control to a font-size slider.
+ */
+export declare const computeFillBaseWidth: (containerWidth: number | null, minTableWidth: number) => number;
+/** The grid overflows when its painted width exceeds the container it scrolls inside. */
+export declare const computeNeedsHorizontalScroll: (fillBaseWidth: number | null, containerWidth: number | null, zoomScale: number) => boolean;
+/**
+ * Width handed to the table, in its own pre-zoom space.
+ *
+ * The container width is a hard minimum on the *painted* result: the grid must never paint
+ * narrower than the element it sits in, so it is never left floating with dead space to its
+ * right. While the zoomed base is wider than the container that base wins and zooming
+ * genuinely resizes the columns; once it would fall short, the width becomes whatever fills
+ * the container at the current zoom. `containerWidth / zoomScale` is that width expressed in
+ * the table's own pre-zoom space.
+ */
+export declare const computeEffectiveTableWidth: (fillBaseWidth: number | null, containerWidth: number | null, zoomScale: number) => number | null;
+/** Pre-zoom width each flexible column receives once fixed-width columns are accounted for. */
+export declare const computeFlexColumnWidth: (effectiveTableWidth: number | null, fixedColumnWidthTotal: number, flexibleColumnCount: number) => number | null;
+/**
+ * Linear estimate of the largest configured zoom step that keeps the table inside its
+ * scroll viewport. `paintedTableWidth` is measured at `currentZoom`, which lets this work
+ * for both natural-width and fill-width tables without temporarily removing CSS `zoom`.
+ */
+export declare const computeFitTableZoom: (viewportWidth: number, paintedTableWidth: number, currentZoom: number, minZoom: number, maxZoom: number, step: number) => number;
+//# sourceMappingURL=tableZoomLayout.d.ts.map

package/dist/patterns/table/tableZoomLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableZoomLayout.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/tableZoomLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;GAKG;AAEH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAChD,eAAO,MAAM,iCAAiC,UAAU,CAAC;AAEzD,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WACxB,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,kFAAkF;AAClF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC;;;GAGG;AACH,eAAO,MAAM,iCAAiC,KAAyB,CAAC;AAExE;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAa,MAAM,KAAG,MAAM,GAAG,SASnE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,MAIxD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,QAAO,OAGJ,CAAC;AAEhC,eAAO,MAAM,mBAAmB,GAAI,QAAQ,eAAe;;;;;CAiB1D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,gBAAgB,MAAM,GAAG,IAAI,EAC7B,eAAe,MAAM,KACpB,MAAoF,CAAC;AAExF,yFAAyF;AACzF,eAAO,MAAM,4BAA4B,GACvC,eAAe,MAAM,GAAG,IAAI,EAC5B,gBAAgB,MAAM,GAAG,IAAI,EAC7B,WAAW,MAAM,KAChB,OAKA,CAAC;AAEJ;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,GACrC,eAAe,MAAM,GAAG,IAAI,EAC5B,gBAAgB,MAAM,GAAG,IAAI,EAC7B,WAAW,MAAM,KAChB,MAAM,GAAG,IAKX,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,sBAAsB,GACjC,qBAAqB,MAAM,GAAG,IAAI,EAClC,uBAAuB,MAAM,EAC7B,qBAAqB,MAAM,KAC1B,MAAM,GAAG,IAOX,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAC9B,eAAe,MAAM,EACrB,mBAAmB,MAAM,EACzB,aAAa,MAAM,EACnB,SAAS,MAAM,EACf,SAAS,MAAM,EACf,MAAM,MAAM,KACX,MAUF,CAAC"}

package/dist/patterns/table/tableZoomLayout.js

@@ -0,0 +1,55 @@
+const L = 100, c = 60, r = 120, e = 10, a = "300px", u = "160px", E = (_, t, o) => Math.min(Math.max(_, t), o), m = 14, p = 18, Z = 60, S = (_) => {
+  if (_ <= 0 || _ >= 100) return;
+  const o = E((100 - _) / 40, 0, 1);
+  return Math.floor(
+    14 + 4 * o
+  );
+}, B = 0.5, X = (_) => {
+  if (!_) return 0;
+  const t = _.match(/^(\d+(?:\.\d+)?)px$/);
+  return t ? Number(t[1]) : 0;
+}, F = () => typeof CSS > "u" || typeof CSS.supports != "function" ? !0 : CSS.supports("zoom", "1"), x = (_) => {
+  const t = Math.max(1, _.step ?? 10), o = Math.ceil(
+    Math.max(1, _.minZoom ?? 60) / t
+  ) * t, T = Math.max(o, _.maxZoom ?? 120);
+  return {
+    minZoom: o,
+    maxZoom: T,
+    step: t,
+    defaultZoom: E(
+      _.defaultZoom ?? 100,
+      o,
+      T
+    )
+  };
+}, P = (_, t) => _ ? Math.max(_, t) : t, D = (_, t, o) => !!(_ && t && _ * o > t + 0.5), U = (_, t, o) => _ == null ? null : t ? Math.max(_, t / o) : _, l = (_, t, o) => !_ || o === 0 ? null : Math.max(
+  0,
+  (_ - t) / o
+), N = (_, t, o, T, O, n) => {
+  if (_ <= 0 || t <= 0 || o <= 0)
+    return E(o, T, O);
+  const M = o * _ / t, s = Math.max(1, n), A = Math.floor(M / s) * s;
+  return E(A, T, O);
+};
+export {
+  a as DEFAULT_COLUMN_MAX_WIDTH,
+  L as DEFAULT_TABLE_ZOOM,
+  r as DEFAULT_TABLE_ZOOM_MAX,
+  c as DEFAULT_TABLE_ZOOM_MIN,
+  e as DEFAULT_TABLE_ZOOM_STEP,
+  u as DEFAULT_ZOOMABLE_COLUMN_MIN_WIDTH,
+  B as SCROLL_EPSILON_PX,
+  m as TABLE_ZOOM_TEXT_BASE_PX,
+  Z as TABLE_ZOOM_TEXT_GROW_STOP_PERCENT,
+  p as TABLE_ZOOM_TEXT_MAX_PX,
+  E as clamp,
+  U as computeEffectiveTableWidth,
+  P as computeFillBaseWidth,
+  N as computeFitTableZoom,
+  l as computeFlexColumnWidth,
+  D as computeNeedsHorizontalScroll,
+  S as getTableZoomFontSize,
+  x as normalizeZoomConfig,
+  X as parsePxValue,
+  F as supportsCssZoom
+};

package/dist/patterns/table/tableZoomLayout.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tableZoomLayout.test.d.ts.map

package/dist/patterns/table/tableZoomLayout.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableZoomLayout.test.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/tableZoomLayout.test.ts"],"names":[],"mappings":""}

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