@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/components/DataGrid/types.d.ts

@@ -1,5 +1,12 @@
-import { ColumnDef, ColumnFiltersState, SortingState, FilterFn, Header, PartialKeys, RowData, Table, TableOptionsResolved } from '@tanstack/react-table';
+import { ColumnDef, ColumnFiltersState, ExpandedState, GroupingState, SortingState, FilterFn, Header, PartialKeys, RowData, Table, TableOptionsResolved } from '@tanstack/react-table';
 import { ReactNode } from 'react';
+export interface DataGridNotification {
+    id?: string;
+    testid?: string;
+    variant?: "success" | "warning" | "error" | "info";
+    title?: string;
+    message?: string;
+}
 export interface DataGridPagination {
     pageIndex: number;
     pageSize: number;
@@ -7,6 +14,62 @@ export interface DataGridPagination {
     onPageChange: (pageIndex: number) => void;
     onPageSizeChange?: (pageSize: number) => void;
 }
+export interface SummaryCellRenderParams<T> {
+    /** Rows currently visible after filters and sorting. */
+    filteredRows: T[];
+    /** All rows regardless of active filters. */
+    allRows: T[];
+    /** The column ID this cell belongs to. */
+    columnId: string;
+}
+export interface SummaryCellDef<T> {
+    /**
+     * Template string. Supports the following variable tokens:
+     *
+     *   {count}              — number of visible (filtered) rows
+     *   {total}               — total rows regardless of filter
+     *   {sum}                 — sum of this column's numeric values (filtered rows)
+     *   {sum,otherColumnId}   — sum of another column's values
+     *
+     * Static text and tokens can be mixed: "Total ({count}): {sum,price}"
+     */
+    template?: string;
+    /**
+     * Fully custom render function. Takes precedence over `template`.
+     * Receives all filtered rows and the full unfiltered dataset.
+     */
+    render?: (params: SummaryCellRenderParams<T>) => ReactNode;
+    /**
+     * Number of columns this cell spans. Adjacent columns are skipped.
+     * Default: 1.
+     *
+     * Bounded to whichever section this column belongs to (left-pinned,
+     * center, or right-pinned) — each renders as a separate `<table>`, so a
+     * colSpan can never cross that boundary. A colSpan that would reach past
+     * the last column in its section is clamped to fit, with a console
+     * warning in development.
+     */
+    colSpan?: number;
+    /** Text alignment within the cell. */
+    align?: "left" | "right" | "center";
+}
+export interface DataGridSummaryRowConfig<T> {
+    /**
+     * Per-column summary cell definitions, keyed by column ID.
+     * Columns not listed render an empty cell.
+     */
+    cells: Record<string, SummaryCellDef<T>>;
+}
+export interface GroupCellProps<T> {
+    /** The rows within this group (post-filter). */
+    rows: T[];
+    /** This group's value for the grouped column (e.g. "Illinois"). */
+    groupValue: unknown;
+    /** Nesting depth, 0-indexed. */
+    depth: number;
+    /** Whether this group is currently expanded. */
+    isExpanded: boolean;
+}
 export interface DataGridProps<T extends Record<string, unknown>> {
     id?: string;
     rowIdAccessor?: keyof T;
@@ -36,9 +99,73 @@ export interface DataGridProps<T extends Record<string, unknown>> {
     useMenuDefaultMinWidth?: boolean;
     rowDisabled?: boolean;
     rowDisabledAccessor?: (row: T) => boolean;
+    isLoading?: boolean;
+    loadingMessage?: string;
+    loadingDescription?: string;
+    maxHeight?: string | number;
+    fillHeight?: boolean;
+    manualFiltering?: boolean;
+    notifications?: DataGridNotification[];
     ref?: React.Ref<{
         getSavedLayout: () => ColumnDef<T>[] | undefined;
     }>;
+    /**
+     * Configures the sticky summary row rendered below all data rows.
+     *
+     * - Pass `true` to show the default "# Records" / "# of # Records" label.
+     * - Pass a config object for full customisation.
+     */
+    summaryRow?: true | DataGridSummaryRowConfig<T>;
+    /**
+     * Ordered array of column IDs to group by. The simple, declarative way to
+     * set grouping — the grid manages expand/collapse state internally and
+     * keeps itself in sync if this prop changes at runtime.
+     *
+     * For full control (e.g. persisting grouping state externally), use
+     * `grouping` + `onGroupingChange` instead — when provided, they take
+     * precedence over `groupBy`.
+     */
+    groupBy?: string[];
+    /**
+     * Controls the visual layout of group header rows.
+     * - "spanning" — a single row spanning all columns, showing the group value.
+     * - "columns" — the group row aligns to the column grid; every column
+     *   (including the one being grouped by) can show aggregated values via
+     *   `meta.aggregationFn` or `meta.groupCell`.
+     * Default: "spanning".
+     */
+    groupRowMode?: "spanning" | "columns";
+    /**
+     * Default expand state on load, applied only in uncontrolled mode (i.e.
+     * when `expanded` is not provided).
+     * - "all" — every group expanded.
+     * - "none" — every group collapsed.
+     * - "first" — only the first top-level group expanded.
+     * Default: "none".
+     */
+    groupDefaultExpand?: "all" | "none" | "first";
+    /** When true, a "Group by [column]" option appears in the column header right-click menu. */
+    allowUserGrouping?: boolean;
+    /** When true, the column(s) used for grouping are hidden from the data rows. */
+    hideGroupedColumns?: boolean;
+    /**
+     * Controls which rows show a selection checkbox when row selection is
+     * enabled (i.e. a `meta.checkbox` column exists). No effect if grouping
+     * isn't active or no checkbox column exists.
+     * - "row" — only data (leaf) rows are selectable. (Default.)
+     * - "group" — only group rows are selectable.
+     * - "both" — both are selectable and cascade: selecting a group selects
+     *   all its descendant data rows; a group shows an indeterminate checkbox
+     *   when only some of its descendants are selected.
+     * Default: "row".
+     */
+    groupSelectionMode?: "group" | "row" | "both";
+    /** Controlled grouping state. Takes precedence over `groupBy` when provided. */
+    grouping?: GroupingState;
+    onGroupingChange?: (state: GroupingState) => void;
+    /** Controlled expanded state. Takes precedence over `groupDefaultExpand` when provided. */
+    expanded?: ExpandedState;
+    onExpandedChange?: (state: ExpandedState) => void;
 }
 declare module "@tanstack/react-table" {
     interface TableOptions<TData extends RowData> extends PartialKeys<TableOptionsResolved<TData>, "state" | "onStateChange" | "renderFallbackValue"> {
@@ -69,6 +196,19 @@ declare module "@tanstack/react-table" {
             cellValue: unknown;
             row: RowData;
         }) => React.ReactNode;
+        /**
+         * Aggregation shown for this column in "columns" mode group rows.
+         * Scoped to sum/count only — matches FLAG-121 Summary Rows' supported
+         * aggregations exactly (both features share the same aggregations.ts
+         * utilities rather than duplicating the logic).
+         */
+        aggregationFn?: "sum" | "count";
+        /**
+         * Custom cell renderer for this column in a "columns" mode group row.
+         * Takes precedence over `aggregationFn`. Also reachable on the column
+         * currently being grouped by.
+         */
+        groupCell?: (props: GroupCellProps<TData>) => ReactNode;
     }
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DataGrid/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/types.ts"],"names":[],"mappings":"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"}

package/dist/components/DataGrid/utils.d.ts

@@ -1,3 +1,5 @@
+import { KeyboardEvent } from 'react';
 import { SortDirection } from '@tanstack/react-table';
+export declare function handleRowArrowKeyDown(e: KeyboardEvent<HTMLTableRowElement>): void;
 export declare function getSortIcon(sort: SortDirection | false, nextSort?: boolean): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/DataGrid/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,KAAK,EAAE,QAAQ,UAAQ,kDAUxE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUtD,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,QAY1E;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,GAAG,KAAK,EAAE,QAAQ,UAAQ,kDAUxE"}

package/dist/components/DataGrid/utils.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { clsx as i } from "../../node_modules/clsx/dist/clsx.js";
+import { Icon as t } from "../Icon.js";
+function c(r) {
+  if (r.key !== "ArrowDown" && r.key !== "ArrowUp") return;
+  r.preventDefault();
+  const e = r.key === "ArrowDown" ? r.currentTarget.nextElementSibling : r.currentTarget.previousElementSibling;
+  e instanceof HTMLTableRowElement && e.getAttribute("role") === "row" && e.focus();
+}
+function m(r, e = !1) {
+  const n = i(
+    "text-icon-on-action-primary-normal",
+    e && "invisible group-hover:visible"
+  );
+  return r === "asc" ? /* @__PURE__ */ o(t, { size: 16, className: n, name: "arrow_upward" }) : r === "desc" ? /* @__PURE__ */ o(t, { size: 16, className: n, name: "arrow_downward" }) : null;
+}
+export {
+  m as getSortIcon,
+  c as handleRowArrowKeyDown
+};

package/dist/components/DataGridCell.d.ts

@@ -13,12 +13,14 @@ type DataGridCellProps = PropsWithChildren<{
     onRightClick?: () => void;
     error?: boolean;
     warning?: boolean;
+    pending?: boolean;
     center?: boolean;
     width?: string;
     minWidth?: string;
     disabled?: boolean;
+    isLast?: boolean;
 }>;
-export declare const DataGridCell: import('react').MemoExoticComponent<({ id, type, component, children, className, locked, noPadding, paddedLeft, style, onClick, onRightClick, error, warning, center, width, minWidth, disabled, testid, ...props }: AsProps<Tags> & DataGridCellProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DataGridCell: import('react').MemoExoticComponent<({ id, type, component, children, className, locked, noPadding, paddedLeft, style, onClick, onRightClick, error, warning, pending, center, width, minWidth, disabled, isLast, testid, ...props }: AsProps<Tags> & DataGridCellProps) => import("react/jsx-runtime").JSX.Element>;
 export type DataGridCellHeaderProps<T> = {
     header: Header<T, unknown>;
     children: React.ReactNode;
@@ -26,8 +28,9 @@ export type DataGridCellHeaderProps<T> = {
     setNodeRef?: (node: HTMLElement | null) => void;
     node?: RefObject<HTMLElement | null>;
     useMenuDefaultMinWidth?: boolean;
+    allowUserGrouping?: boolean;
 } & DataGridCellProps & ComponentProps<"th">;
-export declare function DataCellHeader<T>({ header, children, setNodeRef, node, id, testid, useMenuDefaultMinWidth, ...props }: DataGridCellHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataCellHeader<T>({ header, children, setNodeRef, node, id, testid, useMenuDefaultMinWidth, allowUserGrouping, ...props }: DataGridCellHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataCellHeader {
     var displayName: string;
 }

package/dist/components/DataGridCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../../src/components/DataGridCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,IAAI,EAGJ,MAAM,EACN,OAAO,EACR,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExB,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,uNAqBpB,OAAO,CAAC,IAAI,CAAC,GAAG,iBAAiB,6CAiIrC,CAAC;AAIF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,iBAAiB,GACnB,cAAc,CAAC,IAAI,CAAC,CAAC;AAEvB,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,EAAE,EACF,MAAM,EACN,sBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAsO5B;yBA/Oe,cAAc;;;AAoP9B,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACjE,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+B5B;yBAnCe,mBAAmB;;;AAuCnC,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,MAAM,EAAE,EACvD,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,iBAAiB,2CAmBpB;yBA1Be,aAAa"}
+{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../../src/components/DataGridCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,IAAI,EAGJ,MAAM,EACN,OAAO,EACR,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExB,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,wOAuBpB,OAAO,CAAC,IAAI,CAAC,GAAG,iBAAiB,6CAuIrC,CAAC;AAIF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,iBAAiB,GACnB,cAAc,CAAC,IAAI,CAAC,CAAC;AAEvB,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,EAAE,EACF,MAAM,EACN,sBAAsB,EACtB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAsS5B;yBAhTe,cAAc;;;AAqT9B,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACjE,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+B5B;yBAnCe,mBAAmB;;;AAuCnC,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,MAAM,EAAE,EACvD,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,iBAAiB,2CAkBpB;yBAzBe,aAAa"}

package/dist/components/DataGridCell.js

@@ -0,0 +1,412 @@
+"use client";
+import { jsx as r, jsxs as W, Fragment as X } from "react/jsx-runtime";
+import { useSortable as q } from "../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
+import { CSS as J } from "../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { clsx as v } from "../node_modules/clsx/dist/clsx.js";
+import { memo as Y, useRef as V, useState as A, useEffect as B } from "react";
+import { componentPadding as Z, paddingUsingComponentGap as ee } from "../classNames.js";
+import { MenuOption as f } from "./MenuOption.js";
+import { Menu as U } from "./Menu.js";
+import { Icon as j } from "./Icon.js";
+import { Search as ne } from "./Search.js";
+import { useSubMenuSystem as te } from "../hooks/useMenuSystem.js";
+const _ = Y(
+  ({
+    id: e,
+    type: d = "default",
+    component: o = "static",
+    children: m,
+    className: t,
+    locked: n = !1,
+    noPadding: g = !1,
+    paddedLeft: $ = !1,
+    style: w,
+    onClick: p,
+    onRightClick: C,
+    error: h,
+    warning: D,
+    pending: P,
+    center: k,
+    width: b,
+    minWidth: y,
+    disabled: F,
+    isLast: z,
+    testid: O,
+    ...H
+  }) => {
+    const L = d === "header" ? "th" : "td", c = V(null), [E, S] = A(!1), [M, x] = A(!1);
+    B(() => () => {
+      c.current && (clearTimeout(c.current), c.current = null);
+    }, []);
+    const G = (u) => {
+      x(!0), c.current = window.setTimeout(() => {
+        S(!0);
+      }, 500);
+    }, I = (u) => {
+      c.current && (clearTimeout(c.current), c.current = null);
+      const K = u.nativeEvent instanceof MouseEvent && u.nativeEvent.button === 2;
+      !E && p && !K && M && p(u), K && C && C(), S(!1), x(!1);
+    }, R = () => {
+      c.current && (clearTimeout(c.current), c.current = null);
+    }, T = d === "header" && !n && !["button"].includes(o) && "bg-brand-400 border-brand-200", N = n && !["button"].includes(o) && "bg-neutral-400 border-neutral-300", l = d === "header" && o !== "button" && o !== "icon" && !z && v("border-r"), a = o === "button" && v("border-r border-b border-border-primary-normal"), s = o === "icon" && v("border-l"), i = v(
+      l,
+      a,
+      T,
+      N,
+      s,
+      t,
+      "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-primary-normal",
+      "focus-within:!z-10",
+      "overflow-x-hidden",
+      "overflow-y-hidden",
+      o === "input" && "border",
+      o === "input" && !h && !D && "border-border-primary-normal",
+      o === "input" && !h && !D && P && "[&:not(:focus-within)]:border-background-warning-normal",
+      o === "input" && h && "border-border-primary-error",
+      o === "input" && D && "border-background-warning-normal",
+      !["button", "icon"].includes(o) && !g && Z,
+      $ && "pl-2",
+      o === "icon" && "border-l",
+      E && "!cursor-grabbing",
+      o === "checkbox" || k && "justify-center",
+      F && "!text-text-primary-disabled"
+    );
+    return /* @__PURE__ */ r(
+      L,
+      {
+        id: e,
+        "data-testid": O,
+        className: v("flex h-10", !b && "flex-1"),
+        style: { width: b, minWidth: y },
+        ...H,
+        "data-theme": d === "header" && !n ? "brand" : void 0,
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: i,
+            style: {
+              ...w
+            },
+            onMouseDown: G,
+            onMouseUp: I,
+            onMouseLeave: R,
+            onTouchStart: G,
+            onTouchEnd: I,
+            onTouchCancel: R,
+            onContextMenu: (u) => u.preventDefault(),
+            children: m
+          }
+        )
+      }
+    );
+  }
+);
+_.displayName = "DataGridCell";
+function Q({
+  header: e,
+  children: d,
+  setNodeRef: o,
+  node: m,
+  id: t,
+  testid: n,
+  useMenuDefaultMinWidth: g,
+  allowUserGrouping: $,
+  ...w
+}) {
+  const [p, C] = A(!1), [h, D] = A(
+    e.column.getFilterValue() ?? ""
+  ), P = V(null), k = V(!1), { column: b, getContext: y } = e, { id: F, setFilterValue: z } = b, {
+    menuRootRef: O,
+    isMenuActive: H,
+    registerSubMenu: L,
+    listeners: c,
+    mobileHide: E
+  } = te(m || P);
+  B(() => {
+    const l = y().table.options.initialState?.columnPinning, a = l?.left ?? [], s = l?.right ?? [];
+    k.current = [...a, ...s].includes(F);
+  }, [F, y]), B(() => {
+    const l = setTimeout(() => {
+      z(h);
+    }, 500);
+    return () => {
+      clearTimeout(l);
+    };
+  }, [h, z]);
+  const S = !!$ && b.getCanGroup(), M = b.getIsGrouped(), x = b.getGroupedIndex(), G = y().table.getState().grouping.length, I = (l) => {
+    y().table.setGrouping((a) => {
+      const s = a.indexOf(F), i = s + l;
+      if (s === -1 || i < 0 || i >= a.length)
+        return a;
+      const u = [...a];
+      return [u[s], u[i]] = [u[i], u[s]], u;
+    });
+  }, R = {
+    position: "relative",
+    whiteSpace: "nowrap",
+    minWidth: e.column.getSize(),
+    "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
+    "--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
+    "--background-action-secondary-normal": "var(--color-text-brand-primary-normal)",
+    ...w.style
+  };
+  return /* @__PURE__ */ W(
+    _,
+    {
+      id: t,
+      testid: n,
+      ref: o || P,
+      type: "header",
+      component: "header",
+      style: R,
+      minWidth: `${e.column.getSize()}px`,
+      onClick: e.column.getToggleSortingHandler(),
+      onRightClick: () => C(!p),
+      ...w,
+      children: [
+        d,
+        M && /* @__PURE__ */ r(
+          j,
+          {
+            name: "workspaces",
+            size: 16,
+            className: "shrink-0",
+            title: `Grouped (level ${x + 1})`,
+            "data-testid": n ? `${n}-grouped-indicator` : void 0
+          }
+        ),
+        (e.column.getCanFilter() || !k.current && e.column.getCanPin() || S) && /* @__PURE__ */ W(
+          U,
+          {
+            id: t ? `${t}-menu` : void 0,
+            testid: n ? `${n}-menu` : void 0,
+            ref: O,
+            positionTo: m || P,
+            show: p,
+            setShow: C,
+            mobileHide: E,
+            useDefaultMinWidth: g,
+            children: [
+              e.column.getCanFilter() && /* @__PURE__ */ r(
+                f,
+                {
+                  id: t ? `${t}-filter-option` : void 0,
+                  testid: n ? `${n}-filter-option` : void 0,
+                  ...c,
+                  subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ W(
+                    U,
+                    {
+                      id: t ? `${t}-filter-submenu` : void 0,
+                      testid: n ? `${n}-filter-submenu` : void 0,
+                      ...s,
+                      show: H(l, a),
+                      ref: (i) => {
+                        L(l, i);
+                      },
+                      useDefaultMinWidth: g,
+                      children: [
+                        /* @__PURE__ */ r("div", { className: v(ee), children: /* @__PURE__ */ r(
+                          ne,
+                          {
+                            id: t ? `${t}-filter-search` : void 0,
+                            testid: n ? `${n}-filter-search` : void 0,
+                            onChange: (i) => {
+                              D(i.target.value);
+                            },
+                            onKeyDown: (i) => {
+                              [" ", "Space"].includes(i.key) && i.stopPropagation();
+                            },
+                            value: h ?? ""
+                          }
+                        ) }),
+                        /* @__PURE__ */ r(
+                          f,
+                          {
+                            id: t ? `${t}-filter-contains` : void 0,
+                            testid: n ? `${n}-filter-contains` : void 0,
+                            onClick: N,
+                            before: T("includesString"),
+                            children: "Contains"
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          f,
+                          {
+                            id: t ? `${t}-filter-startswith` : void 0,
+                            testid: n ? `${n}-filter-startswith` : void 0,
+                            onClick: N,
+                            before: T("startsWith"),
+                            children: "Starts with"
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          f,
+                          {
+                            id: t ? `${t}-filter-endswith` : void 0,
+                            testid: n ? `${n}-filter-endswith` : void 0,
+                            onClick: N,
+                            before: T("endsWith"),
+                            children: "Ends with"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  children: "Filter"
+                }
+              ),
+              !k.current && e.column.getCanPin() && /* @__PURE__ */ r(
+                f,
+                {
+                  onClick: () => {
+                    C(!p);
+                  },
+                  ...c,
+                  subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ W(
+                    U,
+                    {
+                      ...s,
+                      show: H(l, a),
+                      ref: (i) => {
+                        L(l, i);
+                      },
+                      children: [
+                        /* @__PURE__ */ r(
+                          f,
+                          {
+                            selected: e.column.getIsPinned() === "left",
+                            onClick: () => {
+                              e.column.getIsPinned() === "left" ? e.column.pin(!1) : e.column.pin("left");
+                            },
+                            after: e.column.getIsPinned() === "left" && /* @__PURE__ */ r(j, { name: "check" }),
+                            children: "Left"
+                          }
+                        ),
+                        /* @__PURE__ */ r(
+                          f,
+                          {
+                            selected: e.column.getIsPinned() === "right",
+                            onClick: () => {
+                              e.column.getIsPinned() === "right" ? e.column.pin(!1) : e.column.pin("right");
+                            },
+                            after: e.column.getIsPinned() === "right" && /* @__PURE__ */ r(j, { name: "check" }),
+                            children: "Right"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  children: `Freeze [${e.column.columnDef.header}]`
+                }
+              ),
+              S && /* @__PURE__ */ r(
+                f,
+                {
+                  id: t ? `${t}-group-option` : void 0,
+                  testid: n ? `${n}-group-option` : void 0,
+                  onClick: e.column.getToggleGroupingHandler(),
+                  children: M ? "Remove group" : `Group by [${e.column.columnDef.header}]`
+                }
+              ),
+              S && M && G > 1 && /* @__PURE__ */ W(X, { children: [
+                /* @__PURE__ */ r(
+                  f,
+                  {
+                    id: t ? `${t}-group-move-up` : void 0,
+                    testid: n ? `${n}-group-move-up` : void 0,
+                    disabled: x === 0,
+                    onClick: () => I(-1),
+                    children: "Move up"
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  f,
+                  {
+                    id: t ? `${t}-group-move-down` : void 0,
+                    testid: n ? `${n}-group-move-down` : void 0,
+                    disabled: x === G - 1,
+                    onClick: () => I(1),
+                    children: "Move down"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  function T(l) {
+    return /* @__PURE__ */ r(
+      j,
+      {
+        name: "check",
+        className: v(
+          e.column.columnDef.filterFn !== l && "text-transparent"
+        )
+      }
+    );
+  }
+  function N(l, a) {
+    let s = "includesString";
+    const i = e.column.columnDef.filterFn;
+    a?.toLowerCase() === "starts with" && (s = i === "startsWith" ? "auto" : "startsWith"), a?.toLowerCase() === "ends with" && (s = i === "endsWith" ? "auto" : "endsWith"), a?.toLowerCase() === "contains" && (s = i === "includesString" ? "auto" : "includesString"), e.column.columnDef.filterFn = s, e.column.setFilterValue(h);
+  }
+}
+Q.displayName = "DataCellHeader";
+function oe({
+  header: e,
+  children: d,
+  ...o
+}) {
+  const { attributes: m, isDragging: t, listeners: n, setNodeRef: g, transform: $, node: w } = q({
+    id: e.column.id
+  }), p = {
+    opacity: t ? 0.8 : 1,
+    position: "relative",
+    transform: J.Translate.toString($),
+    transition: "width transform 0.2s ease-in-out",
+    whiteSpace: "nowrap",
+    zIndex: t ? 1 : 0,
+    "--color-text-primary-normal": "var(--color-action-000)",
+    "--color-icon-on-action-primary-normal": "var(--color-action-000)",
+    userSelect: "none"
+  };
+  return /* @__PURE__ */ r(
+    Q,
+    {
+      header: e,
+      setNodeRef: g,
+      node: w,
+      style: p,
+      ...o,
+      ...m,
+      ...n,
+      children: d
+    }
+  );
+}
+oe.displayName = "DraggableCellHeader";
+function re({
+  cell: e,
+  children: d,
+  ...o
+}) {
+  const { isDragging: m, setNodeRef: t, transform: n } = q({
+    id: e.column.id
+  }), g = {
+    opacity: m ? 0.8 : 1,
+    position: "relative",
+    transform: J.Translate.toString(n),
+    transition: "width transform 0.2s ease-in-out",
+    zIndex: m ? 1 : 0
+  };
+  return /* @__PURE__ */ r(_, { style: g, ref: t, width: `${e.column.getSize()}px`, ...o, children: d });
+}
+re.displayName = "DragAlongCell";
+export {
+  Q as DataCellHeader,
+  _ as DataGridCell,
+  re as DragAlongCell,
+  oe as DraggableCellHeader
+};