@pibit.ai/cure-design-system 0.3.16 → 1.0.0

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

@@ -0,0 +1,180 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { useState as g, useEffect as j, useMemo as x } 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 { 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 { 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();
+  return /* @__PURE__ */ d(
+    Q,
+    {
+      value: a,
+      as: "div",
+      dragListener: !1,
+      dragControls: l,
+      className: "flex items-center gap-2 rounded-md bg-primary px-2 py-1.5 hover:bg-primary_hover",
+      style: { position: "relative" },
+      whileDrag: {
+        opacity: 0.85,
+        scale: 1.02,
+        boxShadow: "0 8px 24px rgba(0, 0, 0, 0.12)",
+        zIndex: 50
+      },
+      transition: { type: "spring", stiffness: 300, damping: 25 },
+      children: [
+        /* @__PURE__ */ s(
+          M,
+          {
+            "aria-label": `Toggle visibility of ${o}`,
+            isSelected: !p,
+            isDisabled: i,
+            onChange: u,
+            size: "sm",
+            slim: !0
+          }
+        ),
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: I("flex-1 truncate text-xs", p ? "text-tertiary" : "text-secondary"),
+            title: o,
+            children: o
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            onPointerDown: (v) => l.start(v),
+            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" })
+          }
+        )
+      ]
+    }
+  );
+}, ie = ({
+  schema: a,
+  hiddenColumns: o,
+  setHiddenColumns: p,
+  columnOrder: i,
+  setColumnOrder: u,
+  labelMeta: l,
+  isDisabled: v
+}) => {
+  const [y, D] = g(!1), [b, R] = g(""), [f, w] = g(() => new Set(o)), [N, m] = g(() => [...i]);
+  j(() => {
+    y && (w(new Set(o)), m([...i]), R(""));
+  }, [y, o, i]);
+  const c = x(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const r of a) e.set(r.value, F(r, l));
+    return e;
+  }, [a, l]), n = x(() => {
+    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(() => {
+    const e = b.trim().toLowerCase();
+    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);
+      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]
+  ), P = (e) => {
+    w((r) => {
+      const t = new Set(r);
+      if (t.has(e))
+        t.delete(e);
+      else {
+        if (n.filter((C) => !r.has(C)).length <= 1)
+          return r;
+        t.add(e);
+      }
+      return t;
+    });
+  }, B = () => {
+    w(/* @__PURE__ */ new Set()), m(a.map((e) => e.value));
+  }, E = () => {
+    p(new Set(f)), u([...N]), D(!1);
+  }, O = o.size, S = O > 0;
+  return /* @__PURE__ */ d(H.Root, { isOpen: y, onOpenChange: D, children: [
+    /* @__PURE__ */ d(
+      z,
+      {
+        size: "xs",
+        color: "secondary",
+        isDisabled: v,
+        iconLeading: S ? /* @__PURE__ */ s(q, { size: 12 }) : /* @__PURE__ */ s(K, { size: 12 }),
+        className: I(
+          S && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
+        ),
+        children: [
+          "Hide Fields",
+          S && /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-brand-600 ml-1", children: O })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(H.Popover, { className: "max-h-[60vh]", children: /* @__PURE__ */ d("div", { className: "flex flex-col gap-2 p-[6px]", children: [
+      /* @__PURE__ */ s(
+        _,
+        {
+          size: "sm",
+          placeholder: "Search fields",
+          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(
+        J,
+        {
+          as: "div",
+          axis: "y",
+          values: h,
+          onReorder: T,
+          className: "flex flex-col gap-0.5",
+          children: h.map((e) => {
+            const r = f.has(e);
+            return /* @__PURE__ */ s(
+              U,
+              {
+                columnKey: e,
+                label: c.get(e) ?? e,
+                isHidden: r,
+                isDisabled: !r && A === 1,
+                onToggle: () => P(e)
+              },
+              e
+            );
+          })
+        }
+      ) }),
+      /* @__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" })
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  ie as HideFieldsDropdown
+};

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { LegacyFilterToolConfig, LegacySortToolConfig } from './legacyToolbarTypes';
+export declare const LegacySortTool: FC<{
+    config: LegacySortToolConfig;
+}>;
+export declare const LegacyFilterTool: FC<{
+    config: LegacyFilterToolConfig;
+}>;
+//# sourceMappingURL=LegacySortFilterTools.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacySortFilterTools.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/LegacySortFilterTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAGzF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAmD/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,sBAAsB,CAAA;CAAE,CAuCnE,CAAC"}

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

@@ -0,0 +1,19 @@
+export interface RowActionsConfig<T extends Record<string, unknown> = Record<string, unknown>> {
+    onAddRowAbove?: (sourceRowIndex: number, item: T) => void;
+    onAddRowBelow?: (sourceRowIndex: number, item: T) => void;
+    onDuplicateRow?: (sourceRowIndex: number, item: T) => void;
+    onCopyRowValues?: (sourceRowIndex: number, item: T) => void;
+    onPasteRowValues?: (sourceRowIndex: number, item: T) => void;
+    onDeleteRow?: (sourceRowIndex: number, item: T) => void;
+    canPasteRowValues?: boolean;
+}
+interface RowActionsMenuProps<T extends Record<string, unknown>> {
+    config: RowActionsConfig<T>;
+    sourceRowIndex: number;
+    item: T;
+    triggerClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function RowActionsMenu<T extends Record<string, unknown>>({ config, sourceRowIndex, item, triggerClassName, onOpenChange, }: RowActionsMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RowActionsMenu.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,84 @@
+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(
+  "button",
+  {
+    type: "button",
+    disabled: s,
+    onClick: l,
+    className: u(
+      "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"
+    ),
+    children: [
+      /* @__PURE__ */ e(
+        o,
+        {
+          size: 16,
+          className: u(
+            "shrink-0",
+            s ? "text-fg-disabled" : i ? "text-error-primary" : "text-fg-quaternary"
+          )
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: n })
+    ]
+  }
+), y = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" });
+function G({
+  config: o,
+  sourceRowIndex: n,
+  item: i,
+  triggerClassName: s,
+  onOpenChange: l
+}) {
+  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,
+      {
+        "aria-label": `Open row actions for row ${n + 1}`,
+        className: u(
+          "flex items-center justify-center outline-none cursor-pointer",
+          "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
+        ),
+        children: /* @__PURE__ */ e("img", { src: V.reorderDotsNew, alt: "", className: "h-4 w-4" })
+      }
+    ),
+    /* @__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(
+        a,
+        {
+          icon: N,
+          label: "Paste row values",
+          disabled: !R,
+          onClick: r(o.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) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  G as RowActionsMenu
+};

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export type RowHeightOption = "small" | "medium" | "large" | "xl";
+export interface RowHeightDropdownProps {
+    value: RowHeightOption;
+    onChange: (value: RowHeightOption) => void;
+    isDisabled?: boolean;
+}
+export declare const RowHeightDropdown: FC<RowHeightDropdownProps>;
+//# sourceMappingURL=RowHeightDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeightDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/RowHeightDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;AAelE,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA8CxD,CAAC"}

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

@@ -0,0 +1,60 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Check as d } from "@untitledui/icons";
+import { cx as s } from "../../../utils/cn.js";
+import { ROW_HEIGHT_ICONS as l } from "../row-height-icons.js";
+import { Dropdown as o } from "../../../primitives/dropdown/dropdown.js";
+import { Button as x } from "../../../primitives/button/button.js";
+const h = [
+  { id: "small", label: "Small", iconSrc: l.small },
+  { id: "medium", label: "Medium", iconSrc: l.medium },
+  { id: "large", label: "Large", iconSrc: l.large },
+  { id: "xl", label: "XL", iconSrc: l.xl }
+], S = ({ value: c, onChange: n, isDisabled: m }) => {
+  const t = c !== "small";
+  return /* @__PURE__ */ a(o.Root, { children: [
+    /* @__PURE__ */ e(
+      x,
+      {
+        size: "xs",
+        color: "secondary",
+        isDisabled: m,
+        iconLeading: /* @__PURE__ */ e("img", { src: l.small, alt: "", className: "h-3 w-3" }),
+        className: s(
+          t && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
+        ),
+        children: "Row Height"
+      }
+    ),
+    /* @__PURE__ */ e(o.Popover, { className: "w-44", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-1 py-1 px-2", children: /* @__PURE__ */ e("ul", { className: "flex flex-col", children: h.map((r) => {
+      const i = c === r.id;
+      return /* @__PURE__ */ a(
+        "li",
+        {
+          className: s([
+            "flex items-center gap-2 rounded-md px-2 py-2",
+            i && "bg-utility-brand-25",
+            !i && "text-secondary hover:bg-primary_hover"
+          ]),
+          children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                onClick: () => n(r.id),
+                className: "flex w-full items-center gap-2 text-xs font-medium text-left transition-colors",
+                children: [
+                  /* @__PURE__ */ e("img", { src: r.iconSrc, alt: "", className: "h-4 w-4 shrink-0" }),
+                  /* @__PURE__ */ e("span", { className: "flex-1", children: r.label })
+                ]
+              }
+            ),
+            i && /* @__PURE__ */ e(d, { size: 16, className: "shrink-0 text-brand-600" })
+          ]
+        },
+        r.id
+      );
+    }) }) }) })
+  ] });
+};
+export {
+  S as RowHeightDropdown
+};

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface ShowSummaryDropdownProps {
+    value: boolean;
+    onChange: (next: boolean) => void;
+    isDisabled?: boolean;
+}
+export declare const ShowSummaryDropdown: FC<ShowSummaryDropdownProps>;
+//# sourceMappingURL=ShowSummaryDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowSummaryDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ShowSummaryDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAe5D,CAAC"}

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

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cx as i } from "../../../utils/cn.js";
+import { TOOLBAR_ICONS as n } from "../toolbar-icons.js";
+import { Button as s } from "../../../primitives/button/button.js";
+const p = ({ value: r, onChange: m, isDisabled: a }) => /* @__PURE__ */ o(
+  s,
+  {
+    size: "xs",
+    color: "secondary",
+    isDisabled: a,
+    iconLeading: /* @__PURE__ */ o("img", { src: n.showSummary, alt: "", className: "h-3 w-3" }),
+    onClick: () => m(!r),
+    "aria-pressed": r,
+    className: i(
+      r && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
+    ),
+    children: "Show Summary"
+  }
+);
+export {
+  p as ShowSummaryDropdown
+};

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

@@ -0,0 +1,16 @@
+import { Dispatch, FC, SetStateAction } 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>>>;
+    columnAlignments: ReadonlyMap<string, CellAlignment>;
+    fieldDataTypeMap?: Readonly<Record<string, string>>;
+    hasActionsColumn: boolean;
+    hasSelectionColumn?: boolean;
+    showBorders: boolean;
+}
+export declare const SummaryFooterRow: FC<SummaryFooterRowProps>;
+//# sourceMappingURL=SummaryFooter.d.ts.map

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

@@ -0,0 +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;AAM1D,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;AAsDD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAkEtD,CAAC"}

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

@@ -0,0 +1,83 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { ChevronDown as C } from "@untitledui/icons";
+import { Button as A } from "react-aria-components";
+import { Table as m } 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 R } from "./tableToolbarHelpers.js";
+import { Dropdown as d } from "../../../primitives/dropdown/dropdown.js";
+const T = (n) => n === "right" ? "justify-end" : n === "center" ? "justify-center" : "justify-start", _ = ({
+  column: n,
+  aggregation: l,
+  displayValue: a,
+  align: g,
+  fieldDataTypeMap: p,
+  onChange: b
+}) => {
+  const i = j(S(n, p)), s = R[l];
+  return /* @__PURE__ */ u(d.Root, { children: [
+    /* @__PURE__ */ u(
+      A,
+      {
+        className: f(
+          "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",
+          T(g)
+        ),
+        "aria-label": `${s}${a ? `: ${a}` : ""}`,
+        children: [
+          /* @__PURE__ */ u("span", { className: "flex items-center gap-1.5 min-w-0", children: [
+            /* @__PURE__ */ e("span", { className: "font-normal text-tertiary", children: s }),
+            a && /* @__PURE__ */ e("span", { className: "font-semibold text-secondary truncate", children: a })
+          ] }),
+          /* @__PURE__ */ e(C, { size: 12, className: "ml-auto shrink-0 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)) }) })
+  ] });
+}, k = ({
+  schema: n,
+  summaryByColumn: l,
+  summaryAggregations: a,
+  setSummaryAggregations: g,
+  columnAlignments: p,
+  hasActionsColumn: b,
+  hasSelectionColumn: i = !1,
+  showBorders: s,
+  fieldDataTypeMap: t
+}) => {
+  const v = (r, c) => {
+    g((h) => {
+      const o = new Map(h);
+      return c === "count" ? o.delete(r) : o.set(r, c), o;
+    });
+  }, 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(m.Row, { className: "bg-secondary_subtle hover:bg-secondary_subtle", highlightSelectedRow: !1, children: [
+    i && /* @__PURE__ */ e(m.Cell, { className: f("relative w-10", s && "border-r border-secondary last:border-r-0"), children: y === "selection" && x() }),
+    n.map((r, c) => {
+      const h = a.get(r.value) ?? "count", o = L(r, p), N = y === "first-schema" && c === 0;
+      return /* @__PURE__ */ e(
+        m.Cell,
+        {
+          className: f("relative", s && "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: o,
+              fieldDataTypeMap: t,
+              onChange: (w) => v(r.value, w)
+            }
+          ) })
+        },
+        r.value
+      );
+    }),
+    b && /* @__PURE__ */ e(m.Cell, { className: f("relative w-14", s && "border-r border-secondary last:border-r-0") })
+  ] });
+};
+export {
+  k as SummaryFooterRow
+};

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

@@ -0,0 +1,55 @@
+import { FC, ReactNode } from 'react';
+import { AlignDropdownProps } from './AlignDropdown';
+import { GroupByDropdownProps } from './GroupByDropdown';
+import { HideFieldsDropdownProps } from './HideFieldsDropdown';
+import { RowHeightDropdownProps } from './RowHeightDropdown';
+import { ShowSummaryDropdownProps } from './ShowSummaryDropdown';
+import { LegacyFilterToolConfig, LegacySortToolConfig } from './legacyToolbarTypes';
+export type SortToolConfig = LegacySortToolConfig;
+export type FilterToolConfig = LegacyFilterToolConfig;
+export interface SearchToolConfig {
+    value: string;
+    onChange: (value: string) => void;
+}
+export type RowHeightToolConfig = RowHeightDropdownProps;
+export type HideFieldsToolConfig = HideFieldsDropdownProps;
+export type AlignToolConfig = AlignDropdownProps;
+export type GroupByToolConfig = GroupByDropdownProps;
+export type SummaryToolConfig = ShowSummaryDropdownProps;
+export interface TableToolbarProps {
+    className?: string;
+    fallbackTitle?: string;
+    showUndoRedo?: boolean;
+    sort?: SortToolConfig;
+    filter?: FilterToolConfig;
+    search?: SearchToolConfig;
+    rowHeight?: RowHeightToolConfig;
+    hideFields?: HideFieldsToolConfig;
+    align?: AlignToolConfig;
+    groupBy?: GroupByToolConfig;
+    summary?: SummaryToolConfig;
+    trailing?: ReactNode;
+    searchCollapsible?: boolean;
+    disableExtendedTools?: 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;
+}
+export declare const TableToolbar: FC<TableToolbarProps>;
+/** Sort, filter, and search only — extended tools must be passed explicitly when enabled. */
+export declare function pickCoreToolbarProps(toolbar: {
+    sort?: SortToolConfig;
+    filter?: FilterToolConfig;
+    search?: SearchToolConfig;
+    rowHeight?: RowHeightToolConfig;
+    hideFields?: HideFieldsToolConfig;
+    align?: AlignToolConfig;
+    groupBy?: GroupByToolConfig;
+    summary?: SummaryToolConfig;
+}): {
+    sort?: SortToolConfig;
+    filter?: FilterToolConfig;
+    search?: SearchToolConfig;
+};
+//# sourceMappingURL=TableToolbar.d.ts.map

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

@@ -0,0 +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"}