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

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

@@ -1,90 +1,80 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { ChevronDown as w } from "@untitledui/icons";
-import { Button as A } from "react-aria-components";
-import { Table as c } from "../table.js";
-import { cx as f } from "../../../utils/cn.js";
-import { getEffectiveAlignment as L, getAggregationsForType as j, resolveAggregationValueType as S, AGGREGATION_CELL_LABELS as T } from "./tableToolbarHelpers.js";
-import { Dropdown as d } from "../../../primitives/dropdown/dropdown.js";
-import { EllipsisContentWithTooltip as E } from "../../../primitives/tooltip/ellipsis-content.js";
-const R = (n) => n === "right" ? "justify-end" : n === "center" ? "justify-center" : "justify-start", _ = ({
-  column: n,
-  aggregation: l,
-  displayValue: s,
-  align: g,
-  fieldDataTypeMap: p,
-  onChange: b
+import { jsxs as p, Fragment as _, jsx as e } from "react/jsx-runtime";
+import { ChevronDown as E } from "@untitledui/icons";
+import { Button as R } from "react-aria-components";
+import { Table as A } from "../table.js";
+import { cx as l } from "../../../utils/cn.js";
+import { getEffectiveAlignment as k, getAggregationsForType as F, resolveAggregationValueType as G, AGGREGATION_CELL_LABELS as M } from "./tableToolbarHelpers.js";
+import { Dropdown as h } from "../../../primitives/dropdown/dropdown.js";
+import { EllipsisContentWithTooltip as $ } from "../../../primitives/tooltip/ellipsis-content.js";
+const B = (t) => t === "right" ? "justify-end" : t === "center" ? "justify-center" : "justify-start", v = ({ variant: t, cellClassName: o, className: r, children: a }) => t === "html" ? /* @__PURE__ */ e("td", { className: l(o, r), children: a }) : /* @__PURE__ */ e(A.Cell, { className: r, children: a }), D = ({
+  column: t,
+  aggregation: o,
+  displayValue: r,
+  align: a,
+  fieldDataTypeMap: f,
+  onChange: g
 }) => {
-  const i = j(S(n, p)), o = T[l];
-  return /* @__PURE__ */ u(d.Root, { children: [
-    /* @__PURE__ */ u(
-      A,
+  const m = F(G(t, f)), c = M[o];
+  return /* @__PURE__ */ p(h.Root, { children: [
+    /* @__PURE__ */ p(
+      R,
       {
-        className: f(
+        className: l(
           "group flex w-full items-center gap-2 rounded px-2 py-1 text-xs outline-hidden",
           "text-tertiary hover:bg-primary_hover cursor-pointer",
-          R(g)
+          B(a)
         ),
-        "aria-label": `${o}${s ? `: ${s}` : ""}`,
+        "aria-label": `${c}${r ? `: ${r}` : ""}`,
         children: [
-          /* @__PURE__ */ u("span", { className: "flex items-center gap-1.5 min-w-0", children: [
-            /* @__PURE__ */ e("span", { className: "font-normal text-tertiary shrink-0", children: o }),
-            s && /* @__PURE__ */ e(
-              E,
-              {
-                content: s,
-                textClassName: "font-semibold text-secondary"
-              }
-            )
+          /* @__PURE__ */ p("span", { className: "flex items-center gap-1.5 min-w-0", children: [
+            /* @__PURE__ */ e("span", { className: "font-normal text-tertiary shrink-0", children: c }),
+            r && /* @__PURE__ */ e($, { content: r, textClassName: "font-semibold text-secondary" })
           ] }),
-          /* @__PURE__ */ e(w, { size: 14, className: "ml-auto shrink-0 stroke-2 text-fg-quaternary" })
+          /* @__PURE__ */ e(E, { size: 14, className: "ml-auto shrink-0 stroke-2 text-fg-quaternary" })
         ]
       }
     ),
-    /* @__PURE__ */ e(d.Popover, { className: "w-44", children: /* @__PURE__ */ e(d.Menu, { selectionMode: "none", onAction: (t) => b(t), children: i.map((t) => /* @__PURE__ */ e(d.Item, { id: t.id, label: t.label, isSelected: l === t.id }, t.id)) }) })
+    /* @__PURE__ */ e(h.Popover, { className: "w-44", children: /* @__PURE__ */ e(h.Menu, { selectionMode: "none", onAction: (n) => g(n), children: m.map((n) => /* @__PURE__ */ e(h.Item, { id: n.id, label: n.label, isSelected: o === n.id }, n.id)) }) })
   ] });
-}, z = ({
-  schema: n,
-  summaryByColumn: l,
-  summaryAggregations: s,
-  setSummaryAggregations: g,
-  columnAlignments: p,
-  hasActionsColumn: b,
-  hasSelectionColumn: i = !1,
-  showBorders: o,
-  fieldDataTypeMap: t
+}, Q = ({
+  schema: t,
+  summaryByColumn: o,
+  summaryAggregations: r,
+  setSummaryAggregations: a,
+  columnAlignments: f,
+  hasActionsColumn: g,
+  hasSelectionColumn: m = !1,
+  showBorders: c,
+  fieldDataTypeMap: n,
+  variant: d = "aria",
+  rowClassName: L,
+  cellClassName: b
 }) => {
-  const v = (r, m) => {
-    g((h) => {
-      const a = new Map(h);
-      return m === "count" ? a.delete(r) : a.set(r, m), a;
+  const S = (s, u) => {
+    a((x) => {
+      const i = new Map(x);
+      return u === "count" ? i.delete(s) : i.set(s, u), i;
     });
-  }, y = i ? "selection" : n.length > 0 ? "first-schema" : "none", x = () => /* @__PURE__ */ e("span", { className: "text-xs font-medium text-tertiary px-2 py-1", children: "Summary" });
-  return /* @__PURE__ */ u(c.Row, { className: "bg-secondary_subtle hover:bg-secondary_subtle", highlightSelectedRow: !1, children: [
-    i && /* @__PURE__ */ e(c.Cell, { className: f("relative w-10", o && "border-r border-secondary last:border-r-0"), children: y === "selection" && x() }),
-    n.map((r, m) => {
-      const h = s.get(r.value) ?? "count", a = L(r, p), N = y === "first-schema" && m === 0;
-      return /* @__PURE__ */ e(
-        c.Cell,
+  }, w = m ? "selection" : t.length > 0 ? "first-schema" : "none", N = () => /* @__PURE__ */ e("span", { className: "px-2 py-1 text-xs font-medium text-tertiary", children: "Summary" }), y = c ? "border-r border-secondary last:border-r-0" : void 0, C = /* @__PURE__ */ p(_, { children: [
+    m && /* @__PURE__ */ e(v, { variant: d, cellClassName: b, className: l("relative h-10 w-10", y), children: w === "selection" && N() }),
+    t.map((s, u) => {
+      const x = r.get(s.value) ?? "count", i = k(s, f), j = w === "first-schema" && u === 0;
+      return /* @__PURE__ */ e(v, { variant: d, cellClassName: b, className: l("relative", y), children: j ? N() : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center px-3", children: /* @__PURE__ */ e(
+        D,
         {
-          className: f("relative", o && "border-r border-secondary last:border-r-0"),
-          children: N ? x() : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center px-3", children: /* @__PURE__ */ e(
-            _,
-            {
-              column: r,
-              aggregation: h,
-              displayValue: l[r.value] ?? "",
-              align: a,
-              fieldDataTypeMap: t,
-              onChange: (C) => v(r.value, C)
-            }
-          ) })
-        },
-        r.value
-      );
+          column: s,
+          aggregation: x,
+          displayValue: o[s.value] ?? "",
+          align: i,
+          fieldDataTypeMap: n,
+          onChange: (T) => S(s.value, T)
+        }
+      ) }) }, s.value);
     }),
-    b && /* @__PURE__ */ e(c.Cell, { className: f("relative w-14", o && "border-r border-secondary last:border-r-0") })
+    g && /* @__PURE__ */ e(v, { variant: d, cellClassName: b, className: l("relative w-14", y) })
   ] });
+  return d === "html" ? /* @__PURE__ */ e("tr", { className: l("bg-secondary_subtle", L), children: C }) : /* @__PURE__ */ e(A.Row, { className: "bg-secondary_subtle hover:bg-secondary_subtle", highlightSelectedRow: !1, children: C });
 };
 export {
-  z as SummaryFooterRow
+  Q as SummaryFooterRow
 };

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

@@ -5,21 +5,33 @@ import { HideFieldsDropdownProps } from './HideFieldsDropdown';
 import { RowHeightDropdownProps } from './RowHeightDropdown';
 import { ShowSummaryDropdownProps } from './ShowSummaryDropdown';
 import { LegacyFilterToolConfig, LegacySortToolConfig } from './legacyToolbarTypes';
+import { TableViewsConfig } from './tableViewTypes';
 export type SortToolConfig = LegacySortToolConfig;
 export type FilterToolConfig = LegacyFilterToolConfig;
 export interface SearchToolConfig {
     value: string;
     onChange: (value: string) => void;
+    /** When true, registers the platform-specific primary shortcut for this table search. Default false — use page-level search shortcuts instead. */
+    shortcut?: boolean;
 }
 export type RowHeightToolConfig = RowHeightDropdownProps;
 export type HideFieldsToolConfig = HideFieldsDropdownProps;
 export type AlignToolConfig = AlignDropdownProps;
 export type GroupByToolConfig = GroupByDropdownProps;
 export type SummaryToolConfig = ShowSummaryDropdownProps;
+export interface UndoRedoToolConfig {
+    canUndo: boolean;
+    canRedo: boolean;
+    onUndo: () => void;
+    onRedo: () => void;
+    /** Register Cmd/Ctrl+Z and redo shortcuts. Default true when undoRedo is provided. */
+    shortcut?: boolean;
+    isDisabled?: boolean;
+}
 export interface TableToolbarProps {
     className?: string;
     fallbackTitle?: string;
-    showUndoRedo?: boolean;
+    undoRedo?: UndoRedoToolConfig;
     sort?: SortToolConfig;
     filter?: FilterToolConfig;
     search?: SearchToolConfig;
@@ -28,13 +40,22 @@ export interface TableToolbarProps {
     align?: AlignToolConfig;
     groupBy?: GroupByToolConfig;
     summary?: SummaryToolConfig;
+    /** Rendered immediately to the LEFT of the search input. `trailing` sits to its right. */
+    beforeSearch?: ReactNode;
     trailing?: ReactNode;
     searchCollapsible?: boolean;
     disableExtendedTools?: boolean;
+    /** View mode keeps only Sort, Filter, Hide Fields, Align, and Zoom visible. */
+    isEditMode?: boolean;
     /** Consumer-rendered sort UI (e.g. platform-ui `SortComponent`). Required for sort popover content. */
     sortContent?: ReactNode;
     /** Consumer-rendered filter UI (e.g. platform-ui `SchemaFilter`). Required for filter popover content. */
     filterContent?: ReactNode;
+    /**
+     * Saved-view chrome. The design system only renders the trigger, dropdown, and
+     * Save / Revert / Update buttons — open state for modals and API calls stay in the consumer.
+     */
+    views?: TableViewsConfig;
 }
 export declare const TableToolbar: FC<TableToolbarProps>;
 /** Sort, filter, and search only — extended tools must be passed explicitly when enabled. */

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

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/TableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3C,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAE3F,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEzF,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAClD,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,uBAAuB,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AACjD,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AACrD,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uGAAuG;IACvG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0GAA0G;IAC1G,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AA+DD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsG9C,CAAC;AAsHF,6FAA6F;AAC7F,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,GAAG;IACF,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAMA"}
+{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/TableToolbar.tsx"],"names":[],"mappings":"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"}