@cognite/aura 0.3.4 → 1.46104.0

package/dist/components/ui/core/data-grid/data-grid.fixtures.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from "../badge/badge.js";
+const assetRows = [
+    {
+        id: '1',
+        name: 'Pump health UT-654/111',
+        type: 'Pump',
+        status: 'Running',
+        area: 'North platform',
+        updated: '2026-04-11'
+    },
+    {
+        id: '2',
+        name: 'Compressor train A-14',
+        type: 'Compressor',
+        status: 'Needs attention',
+        area: 'East module',
+        updated: '2026-04-14'
+    },
+    {
+        id: '3',
+        name: 'Valve V-09',
+        type: 'Valve',
+        status: 'Stopped',
+        area: 'South riser',
+        updated: '2026-04-18'
+    },
+    {
+        id: '4',
+        name: 'Flow sensor SK-91',
+        type: 'Sensor',
+        status: 'Running',
+        area: 'West deck',
+        updated: '2026-04-22'
+    },
+    {
+        id: '5',
+        name: 'Pump A-10',
+        type: 'Pump',
+        status: 'Running',
+        area: 'North platform',
+        updated: '2026-04-25'
+    },
+    {
+        id: '6',
+        name: 'Valve V-42',
+        type: 'Valve',
+        status: 'Needs attention',
+        area: 'East module',
+        updated: '2026-04-28'
+    },
+    {
+        id: '7',
+        name: 'Compressor train B-07',
+        type: 'Compressor',
+        status: 'Running',
+        area: 'North platform',
+        updated: '2026-05-01'
+    },
+    {
+        id: '8',
+        name: 'Heat exchanger HX-22',
+        type: 'Heat exchanger',
+        status: 'Running',
+        area: 'South riser',
+        updated: '2026-05-03'
+    },
+    {
+        id: '9',
+        name: 'Pump P-33',
+        type: 'Pump',
+        status: 'Stopped',
+        area: 'East module',
+        updated: '2026-05-05'
+    },
+    {
+        id: '10',
+        name: 'Separator SEP-01',
+        type: 'Separator',
+        status: 'Running',
+        area: 'West deck',
+        updated: '2026-05-07'
+    },
+    {
+        id: '11',
+        name: 'Valve V-17',
+        type: 'Valve',
+        status: 'Running',
+        area: 'North platform',
+        updated: '2026-05-09'
+    },
+    {
+        id: '12',
+        name: 'Flow sensor SK-44',
+        type: 'Sensor',
+        status: 'Needs attention',
+        area: 'South riser',
+        updated: '2026-05-10'
+    }
+];
+const statusVariant = {
+    Running: 'success',
+    Stopped: 'error',
+    'Needs attention': 'warning'
+};
+const assetColumns = [
+    {
+        accessorKey: 'name',
+        header: 'Name',
+        size: 220
+    },
+    {
+        accessorKey: 'type',
+        header: 'Type',
+        size: 140
+    },
+    {
+        accessorKey: 'status',
+        header: 'Status',
+        size: 160,
+        cell: ({ row })=>/*#__PURE__*/ _jsx(Badge, {
+                variant: statusVariant[row.original.status],
+                children: row.original.status
+            })
+    },
+    {
+        accessorKey: 'area',
+        header: 'Area',
+        size: 180
+    },
+    {
+        accessorKey: 'updated',
+        header: 'Updated',
+        size: 140
+    }
+];
+export { assetColumns, assetRows };
+
+//# sourceMappingURL=data-grid.fixtures.js.map

package/dist/components/ui/core/data-grid/data-grid.fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid.fixtures.tsx"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table';\n\nimport { Badge } from '../badge/badge';\n\ntype AssetRow = {\n  id: string;\n  name: string;\n  type: string;\n  status: 'Running' | 'Stopped' | 'Needs attention';\n  area: string;\n  updated: string;\n};\n\nconst assetRows: AssetRow[] = [\n  {\n    id: '1',\n    name: 'Pump health UT-654/111',\n    type: 'Pump',\n    status: 'Running',\n    area: 'North platform',\n    updated: '2026-04-11',\n  },\n  {\n    id: '2',\n    name: 'Compressor train A-14',\n    type: 'Compressor',\n    status: 'Needs attention',\n    area: 'East module',\n    updated: '2026-04-14',\n  },\n  {\n    id: '3',\n    name: 'Valve V-09',\n    type: 'Valve',\n    status: 'Stopped',\n    area: 'South riser',\n    updated: '2026-04-18',\n  },\n  {\n    id: '4',\n    name: 'Flow sensor SK-91',\n    type: 'Sensor',\n    status: 'Running',\n    area: 'West deck',\n    updated: '2026-04-22',\n  },\n  {\n    id: '5',\n    name: 'Pump A-10',\n    type: 'Pump',\n    status: 'Running',\n    area: 'North platform',\n    updated: '2026-04-25',\n  },\n  {\n    id: '6',\n    name: 'Valve V-42',\n    type: 'Valve',\n    status: 'Needs attention',\n    area: 'East module',\n    updated: '2026-04-28',\n  },\n  {\n    id: '7',\n    name: 'Compressor train B-07',\n    type: 'Compressor',\n    status: 'Running',\n    area: 'North platform',\n    updated: '2026-05-01',\n  },\n  {\n    id: '8',\n    name: 'Heat exchanger HX-22',\n    type: 'Heat exchanger',\n    status: 'Running',\n    area: 'South riser',\n    updated: '2026-05-03',\n  },\n  {\n    id: '9',\n    name: 'Pump P-33',\n    type: 'Pump',\n    status: 'Stopped',\n    area: 'East module',\n    updated: '2026-05-05',\n  },\n  {\n    id: '10',\n    name: 'Separator SEP-01',\n    type: 'Separator',\n    status: 'Running',\n    area: 'West deck',\n    updated: '2026-05-07',\n  },\n  {\n    id: '11',\n    name: 'Valve V-17',\n    type: 'Valve',\n    status: 'Running',\n    area: 'North platform',\n    updated: '2026-05-09',\n  },\n  {\n    id: '12',\n    name: 'Flow sensor SK-44',\n    type: 'Sensor',\n    status: 'Needs attention',\n    area: 'South riser',\n    updated: '2026-05-10',\n  },\n];\n\nconst statusVariant = {\n  Running: 'success',\n  Stopped: 'error',\n  'Needs attention': 'warning',\n} as const;\n\nconst assetColumns: ColumnDef<AssetRow>[] = [\n  { accessorKey: 'name', header: 'Name', size: 220 },\n  { accessorKey: 'type', header: 'Type', size: 140 },\n  {\n    accessorKey: 'status',\n    header: 'Status',\n    size: 160,\n    cell: ({ row }) => (\n      <Badge variant={statusVariant[row.original.status]}>\n        {row.original.status}\n      </Badge>\n    ),\n  },\n  { accessorKey: 'area', header: 'Area', size: 180 },\n  { accessorKey: 'updated', header: 'Updated', size: 140 },\n];\n\nexport { type AssetRow, assetColumns, assetRows };\n"],"names":["Badge","assetRows","id","name","type","status","area","updated","statusVariant","Running","Stopped","assetColumns","accessorKey","header","size","cell","row","variant","original"],"mappings":";AAEA,SAASA,KAAK,QAAQ,oBAAiB;AAWvC,MAAMC,YAAwB;IAC5B;QACEC,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;IACA;QACEL,IAAI;QACJC,MAAM;QACNC,MAAM;QACNC,QAAQ;QACRC,MAAM;QACNC,SAAS;IACX;CACD;AAED,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;IACT,mBAAmB;AACrB;AAEA,MAAMC,eAAsC;IAC1C;QAAEC,aAAa;QAAQC,QAAQ;QAAQC,MAAM;IAAI;IACjD;QAAEF,aAAa;QAAQC,QAAQ;QAAQC,MAAM;IAAI;IACjD;QACEF,aAAa;QACbC,QAAQ;QACRC,MAAM;QACNC,MAAM,CAAC,EAAEC,GAAG,EAAE,iBACZ,KAAChB;gBAAMiB,SAAST,aAAa,CAACQ,IAAIE,QAAQ,CAACb,MAAM,CAAC;0BAC/CW,IAAIE,QAAQ,CAACb,MAAM;;IAG1B;IACA;QAAEO,aAAa;QAAQC,QAAQ;QAAQC,MAAM;IAAI;IACjD;QAAEF,aAAa;QAAWC,QAAQ;QAAWC,MAAM;IAAI;CACxD;AAED,SAAwBH,YAAY,EAAEV,SAAS,GAAG"}

package/dist/components/ui/core/data-grid/data-grid.js

@@ -0,0 +1,404 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { IconCheck, IconFilter, IconMinus } from "@tabler/icons-react";
+import { getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { useControllableState } from "../../../../lib/use-controllable-state.js";
+import { cn, focusState } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { Search } from "../search/search.js";
+import { DataGridHeaderRow } from "./data-grid-header-row.js";
+import { DataGridRow } from "./data-grid-row.js";
+import { collectCustomCellColumnIds } from "./data-grid.utils.js";
+const EMPTY_PINNED_COLUMNS = [];
+const DEFAULT_FLEXIBLE_COLUMN_WIDTH = 120;
+const DataGridContext = /*#__PURE__*/ createContext(undefined);
+const ROW_HEIGHT_MAP = {
+    default: 36,
+    compact: 32
+};
+const HEADER_HEIGHT_MAP = {
+    default: 36,
+    compact: 32
+};
+function DataGrid({ data, columns, getRowId, rowCount, globalFilterFn = 'auto', enableRowSelection = false, enableSorting = false, manualPagination = false, manualSorting = false, rowSelection, defaultRowSelection, onRowSelectionChange, sorting, defaultSorting, onSortingChange, pagination, defaultPagination, onPaginationChange, getSubRows, expanded, defaultExpanded, onExpandedChange, getRowCanExpand, maxDepth = 5, pinnedColumns = EMPTY_PINNED_COLUMNS, gridRef, size = 'default', children, className, onRowClick, searchValue, defaultSearchValue, onSearchValueChange, queryMode = 'client', filteredResultCount, totalResultCount, rowHeight, headerHeight, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }) {
+    const scrollContainerRef = useRef(null);
+    const [resolvedSearchValue, setResolvedSearchValue] = useControllableState({
+        prop: searchValue,
+        defaultProp: defaultSearchValue ?? '',
+        onChange: onSearchValueChange
+    });
+    const [resolvedSorting, setResolvedSorting] = useControllableState({
+        prop: sorting,
+        defaultProp: defaultSorting ?? [],
+        onChange: onSortingChange
+    });
+    const [resolvedRowSelection, setResolvedRowSelection] = useControllableState({
+        prop: rowSelection,
+        defaultProp: defaultRowSelection ?? {},
+        onChange: onRowSelectionChange
+    });
+    const hasPagination = pagination !== undefined || defaultPagination !== undefined;
+    const [resolvedPagination, setResolvedPagination] = useControllableState({
+        prop: pagination,
+        defaultProp: defaultPagination ?? {
+            pageIndex: 0,
+            pageSize: 10
+        },
+        onChange: onPaginationChange
+    });
+    const hasExpanding = getSubRows !== undefined;
+    const [resolvedExpanded, setResolvedExpanded] = useControllableState({
+        prop: expanded,
+        defaultProp: defaultExpanded ?? {},
+        onChange: onExpandedChange
+    });
+    const isClientSorting = enableSorting && !manualSorting;
+    const isClientPagination = hasPagination && !manualPagination;
+    useSearchPaginationReset(resolvedSearchValue, hasPagination, setResolvedPagination);
+    const columnPinning = useMemo(()=>({
+            left: pinnedColumns,
+            right: []
+        }), [
+        pinnedColumns
+    ]);
+    const pinnedColumnIds = useMemo(()=>new Set(pinnedColumns), [
+        pinnedColumns
+    ]);
+    const lastPinnedColumnId = pinnedColumns[pinnedColumns.length - 1];
+    const customCellColumnIds = useMemo(()=>collectCustomCellColumnIds(columns), [
+        columns
+    ]);
+    // eslint-disable-next-line react-hooks/incompatible-library -- useReactTable in the DataGrid component is intentional and stable.
+    const table = useReactTable({
+        data,
+        columns,
+        state: {
+            columnPinning,
+            globalFilter: resolvedSearchValue,
+            sorting: resolvedSorting,
+            rowSelection: resolvedRowSelection,
+            ...hasPagination ? {
+                pagination: resolvedPagination
+            } : {},
+            ...hasExpanding ? {
+                expanded: resolvedExpanded
+            } : {}
+        },
+        onSortingChange: setResolvedSorting,
+        onRowSelectionChange: setResolvedRowSelection,
+        ...hasPagination ? {
+            onPaginationChange: setResolvedPagination
+        } : {},
+        ...hasExpanding ? {
+            onExpandedChange: setResolvedExpanded
+        } : {},
+        // Preserve expanded rows across `data` changes (e.g. refetches) so the user
+        // doesn't lose their place. Consumers fetching server-paged data should
+        // ensure stable `getRowId` values; otherwise expanded keys can stick to
+        // rows that no longer logically exist.
+        autoResetPageIndex: false,
+        autoResetExpanded: false,
+        enableRowSelection,
+        enableSubRowSelection: false,
+        enableSorting,
+        manualPagination,
+        manualSorting,
+        getCoreRowModel: getCoreRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        globalFilterFn,
+        ...isClientSorting ? {
+            getSortedRowModel: getSortedRowModel()
+        } : {},
+        ...isClientPagination ? {
+            getPaginationRowModel: getPaginationRowModel()
+        } : {},
+        ...hasExpanding ? {
+            getExpandedRowModel: getExpandedRowModel()
+        } : {},
+        getRowId,
+        getSubRows,
+        getRowCanExpand
+    });
+    const { rows } = table.getRowModel();
+    const headerGroups = table.getHeaderGroups();
+    const allColumns = table.getAllColumns();
+    const visibleColumns = table.getVisibleFlatColumns();
+    const resolvedRowHeight = rowHeight ?? ROW_HEIGHT_MAP[size];
+    const resolvedHeaderHeight = headerHeight ?? HEADER_HEIGHT_MAP[size];
+    const hasNoRows = data.length === 0;
+    const virtualizer = useVirtualizer({
+        count: rows.length,
+        getScrollElement: ()=>scrollContainerRef.current,
+        estimateSize: ()=>resolvedRowHeight,
+        overscan: 10
+    });
+    const bodyHeight = virtualizer.getTotalSize();
+    const bodyStyle = {
+        '--data-grid-body-height': `${bodyHeight}px`,
+        '--data-grid-body-min-height': `${resolvedRowHeight * 4}px`
+    };
+    useImperativeHandle(gridRef, ()=>({
+            scrollToRow: (index)=>virtualizer.scrollToIndex(index),
+            resetSorting: ()=>setResolvedSorting([]),
+            resetSelection: ()=>setResolvedRowSelection({}),
+            resetSearch: ()=>setResolvedSearchValue('')
+        }));
+    useEffect(()=>{
+        for (const pinnedId of pinnedColumns){
+            const pinnedColumn = allColumns.find((column)=>column.id === pinnedId);
+            if (pinnedColumn && pinnedColumn.columnDef.size === undefined) {
+                console.warn(`[Aura DataGrid] Pinned column "${pinnedId}" has no \`size\` set. ` + 'Pinned columns must declare an explicit `size` to keep the sticky ' + 'offset aligned with the rendered column width.');
+            }
+        }
+    }, [
+        pinnedColumns,
+        allColumns
+    ]);
+    const gridTemplateColumns = useMemo(()=>{
+        const hasFlexibleColumn = visibleColumns.some((col)=>col.columnDef.size === undefined && !pinnedColumnIds.has(col.id));
+        return visibleColumns.map((col, index)=>{
+            const colSize = col.columnDef.size;
+            const isLastColumn = index === visibleColumns.length - 1;
+            const isPinned = pinnedColumnIds.has(col.id);
+            // Pinned columns must render at a fixed pixel width so the cumulative
+            // sticky `left` offset agrees with the actually-rendered column width.
+            // `minmax(..., 1fr)` would let the column flex and break alignment.
+            if (isPinned) {
+                return `${colSize ?? DEFAULT_FLEXIBLE_COLUMN_WIDTH}px`;
+            }
+            if (colSize !== undefined) {
+                if (!hasFlexibleColumn && isLastColumn) {
+                    return `minmax(${colSize}px, 1fr)`;
+                }
+                return `${colSize}px`;
+            }
+            return `minmax(${DEFAULT_FLEXIBLE_COLUMN_WIDTH}px, 1fr)`;
+        }).join(' ');
+    }, [
+        visibleColumns,
+        pinnedColumnIds
+    ]);
+    const pinnedLeftByColumnId = useMemo(()=>{
+        const leftById = new Map();
+        let cumulativeLeft = 0;
+        for (const pinnedId of pinnedColumns){
+            const pinnedColumn = visibleColumns.find((column)=>column.id === pinnedId);
+            // Skip pinned columns that are currently hidden — they don't render
+            // and shouldn't contribute to the cumulative sticky `left` offset for
+            // subsequent visible pinned columns.
+            if (!pinnedColumn) continue;
+            leftById.set(pinnedId, cumulativeLeft);
+            // Read `columnDef.size` (not `getSize()`) so the fallback matches the
+            // gridTemplateColumns track size; `getSize()` falls back to TanStack's
+            // 150px default which would desync from `DEFAULT_FLEXIBLE_COLUMN_WIDTH`.
+            cumulativeLeft += pinnedColumn.columnDef.size ?? DEFAULT_FLEXIBLE_COLUMN_WIDTH;
+        }
+        return leftById;
+    }, [
+        visibleColumns,
+        pinnedColumns
+    ]);
+    const clientFilteredCount = table.getFilteredRowModel().rows.length;
+    const clientTotalCount = table.getCoreRowModel().rows.length;
+    const contextValue = useMemo(()=>({
+            searchValue: resolvedSearchValue,
+            setSearchValue: setResolvedSearchValue,
+            filteredCount: queryMode === 'client' ? clientFilteredCount : filteredResultCount,
+            totalCount: queryMode === 'client' ? clientTotalCount : totalResultCount
+        }), [
+        resolvedSearchValue,
+        setResolvedSearchValue,
+        queryMode,
+        clientFilteredCount,
+        filteredResultCount,
+        clientTotalCount,
+        totalResultCount
+    ]);
+    return /*#__PURE__*/ _jsx(DataGridContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ _jsxs("div", {
+            "data-slot": "data-grid",
+            "data-query-mode": queryMode,
+            "data-filtered-result-count": filteredResultCount,
+            "data-total-result-count": totalResultCount,
+            className: cn('relative flex min-h-0 w-full flex-col overflow-clip rounded-xl text-sm', className),
+            children: [
+                children,
+                /*#__PURE__*/ _jsx("div", {
+                    ref: scrollContainerRef,
+                    "data-slot": "data-grid-scroll-container",
+                    className: "relative order-2 min-h-0 w-full flex-1 overflow-auto",
+                    role: "table",
+                    "aria-rowcount": (rowCount ?? rows.length) + headerGroups.length,
+                    "aria-colcount": visibleColumns.length,
+                    "aria-label": ariaLabel,
+                    "aria-labelledby": ariaLabelledBy,
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "min-w-fit w-full",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                role: "rowgroup",
+                                "data-slot": "data-grid-header-group",
+                                className: "contents",
+                                children: headerGroups.map((headerGroup, headerRowIndex)=>/*#__PURE__*/ _jsx(DataGridHeaderRow, {
+                                        headerGroup: headerGroup,
+                                        headerRowIndex: headerRowIndex,
+                                        resolvedHeaderHeight: resolvedHeaderHeight,
+                                        gridTemplateColumns: gridTemplateColumns,
+                                        pinnedColumnIds: pinnedColumnIds,
+                                        lastPinnedColumnId: lastPinnedColumnId,
+                                        pinnedLeftByColumnId: pinnedLeftByColumnId
+                                    }, headerGroup.id))
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                role: "rowgroup",
+                                "data-slot": "data-grid-body",
+                                className: cn('relative min-h-(--data-grid-body-min-height)', !hasNoRows && 'h-(--data-grid-body-height)'),
+                                style: bodyStyle,
+                                children: !hasNoRows && virtualizer.getVirtualItems().map((virtualRow)=>/*#__PURE__*/ _jsx(DataGridRow, {
+                                        row: rows[virtualRow.index],
+                                        virtualRow: virtualRow,
+                                        headerGroupCount: headerGroups.length,
+                                        gridTemplateColumns: gridTemplateColumns,
+                                        pinnedColumnIds: pinnedColumnIds,
+                                        lastPinnedColumnId: lastPinnedColumnId,
+                                        pinnedLeftByColumnId: pinnedLeftByColumnId,
+                                        customCellColumnIds: customCellColumnIds,
+                                        maxDepth: maxDepth,
+                                        hasExpanding: hasExpanding,
+                                        onRowClick: onRowClick
+                                    }, rows[virtualRow.index].id))
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+function DataGridCheckbox({ checked, onCheckedChange, disabled, 'aria-label': checkboxAriaLabel }) {
+    const isIndeterminate = checked === 'indeterminate';
+    const isChecked = checked === true;
+    return /*#__PURE__*/ _jsx(CheckboxPrimitive.Root, {
+        "data-slot": "checkbox",
+        checked: isIndeterminate ? false : isChecked,
+        indeterminate: isIndeterminate,
+        disabled: disabled,
+        onCheckedChange: (next)=>onCheckedChange(next),
+        "aria-label": checkboxAriaLabel,
+        className: cn('peer relative size-4 shrink-0 rounded-sm border-[1.5px] border-muted-foreground bg-transparent text-foreground-on-primary outline-none transition-colors', '[&:is([data-checked],[data-indeterminate]):not([data-disabled])]:border-transparent [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:bg-primary-background', 'hover:data-unchecked:not-data-disabled:border-muted-foreground-hover', 'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-disabled-background data-disabled:text-disabled-foreground data-disabled:data-unchecked:border-border', '[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block', focusState),
+        children: /*#__PURE__*/ _jsxs(CheckboxPrimitive.Indicator, {
+            className: "grid size-full place-content-center text-current transition-none",
+            children: [
+                /*#__PURE__*/ _jsx(IconCheck, {
+                    "aria-hidden": "true",
+                    "data-slot": "checkbox-check",
+                    className: "hidden size-3",
+                    stroke: 3
+                }),
+                /*#__PURE__*/ _jsx(IconMinus, {
+                    "aria-hidden": "true",
+                    "data-slot": "checkbox-dash",
+                    className: "hidden size-3",
+                    stroke: 3.5
+                })
+            ]
+        })
+    });
+}
+function DataGridCheckboxHeader({ table }) {
+    const allSelected = table.getIsAllPageRowsSelected();
+    const someSelected = table.getIsSomePageRowsSelected();
+    const checked = allSelected ? true : someSelected ? 'indeterminate' : false;
+    return /*#__PURE__*/ _jsx(DataGridCheckbox, {
+        checked: checked,
+        onCheckedChange: ()=>table.toggleAllPageRowsSelected(!allSelected),
+        "aria-label": "Select all rows"
+    });
+}
+function DataGridCheckboxCell({ row }) {
+    return /*#__PURE__*/ _jsx(DataGridCheckbox, {
+        checked: row.getIsSelected(),
+        disabled: !row.getCanSelect(),
+        onCheckedChange: (next)=>{
+            row.toggleSelected(next === true);
+        },
+        "aria-label": "Select row"
+    });
+}
+const DataGridSearch = /*#__PURE__*/ forwardRef(function DataGridSearch({ className, placeholder = 'Search', ...props }, ref) {
+    const { searchValue, setSearchValue } = useDataGridContext();
+    return /*#__PURE__*/ _jsx(Search, {
+        ref: ref,
+        value: searchValue,
+        onChange: (event)=>setSearchValue(event.target.value),
+        onClear: ()=>setSearchValue(''),
+        placeholder: placeholder,
+        className: cn('py-4', className),
+        ...props
+    });
+});
+DataGridSearch.displayName = 'DataGridSearch';
+const DataGridResultCountBadge = /*#__PURE__*/ forwardRef(function DataGridResultCountBadge({ label, className, ...props }, ref) {
+    const { filteredCount, totalCount } = useDataGridContext();
+    const content = label ?? (filteredCount === undefined ? null : totalCount !== undefined ? `${filteredCount} of ${totalCount} results` : `${filteredCount} results`);
+    if (content == null) return null;
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "data-grid-result-count-badge",
+        className: cn('inline-flex h-5 shrink-0 items-center rounded-sm border border-border bg-muted-background px-1.5 text-xs font-medium text-muted-foreground', className),
+        ...props,
+        children: content
+    });
+});
+DataGridResultCountBadge.displayName = 'DataGridResultCountBadge';
+function useSearchPaginationReset(searchValue, hasPagination, setPagination) {
+    const previousSearchValueRef = useRef(searchValue);
+    useEffect(()=>{
+        if (previousSearchValueRef.current === searchValue) return;
+        previousSearchValueRef.current = searchValue;
+        if (!hasPagination) return;
+        setPagination((current)=>current.pageIndex === 0 ? current : {
+                ...current,
+                pageIndex: 0
+            });
+    }, [
+        searchValue,
+        hasPagination,
+        setPagination
+    ]);
+}
+const DataGridFilterTrigger = /*#__PURE__*/ forwardRef(function DataGridFilterTrigger({ activeCount = 0, label = 'Filters', activeLabel, placement = 'toolbar', className, children, ...props }, ref) {
+    const hasActiveFilters = activeCount > 0;
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "data-grid-filter-trigger",
+        "data-placement": placement,
+        "data-active-count": activeCount,
+        size: placement === 'column-header' ? 'icon-sm' : 'icon',
+        variant: hasActiveFilters ? 'secondary' : 'ghost',
+        className: cn('min-w-0', className),
+        "aria-label": hasActiveFilters ? activeLabel?.(activeCount) ?? `${label}, ${activeCount} active` : label,
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsx(IconFilter, {
+            className: "size-4 shrink-0",
+            "aria-hidden": "true"
+        })
+    });
+});
+DataGridFilterTrigger.displayName = 'DataGridFilterTrigger';
+function useDataGridContext() {
+    const context = useContext(DataGridContext);
+    if (!context) {
+        throw new Error('useDataGridContext must be used within a DataGrid');
+    }
+    return context;
+}
+export { DataGrid, DataGridCheckboxCell, DataGridCheckboxHeader, DataGridResultCountBadge, DataGridFilterTrigger, DataGridSearch, useDataGridContext };
+export { DataGridFilterPanel } from "./data-grid-filter-panel.js";
+export { DataGridFooter, DataGridFooterEnd, DataGridFooterStart } from "./data-grid-footer.js";
+export { DataGridHeader, DataGridHeaderActions, DataGridHeaderEnd, DataGridHeaderStart, DataGridSubtitle, DataGridTitle } from "./data-grid-header.js";
+
+//# sourceMappingURL=data-grid.js.map

package/dist/components/ui/core/data-grid/data-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ComponentRef,\n  type CSSProperties,\n  type ForwardRefExoticComponent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n  type RefObject,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { IconCheck, IconFilter, IconMinus } from '@tabler/icons-react';\nimport {\n  type ColumnDef,\n  type ColumnPinningState,\n  type ExpandedState,\n  type FilterFnOption,\n  type PaginationState,\n  type Row,\n  type RowSelectionState,\n  type Table,\n  type SortingState,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { useControllableState } from '../../../../lib/use-controllable-state';\nimport { cn, focusState } from '../../../../lib/utils';\nimport { Button } from '../button/button';\nimport { Search } from '../search/search';\n\nimport { DataGridHeaderRow } from './data-grid-header-row';\nimport { DataGridRow } from './data-grid-row';\nimport { collectCustomCellColumnIds } from './data-grid.utils';\n\nconst EMPTY_PINNED_COLUMNS: string[] = [];\nconst DEFAULT_FLEXIBLE_COLUMN_WIDTH = 120;\n\ntype DataGridContextValue = {\n  searchValue: string;\n  setSearchValue: (value: string) => void;\n  filteredCount?: number;\n  totalCount?: number;\n};\n\nconst DataGridContext = createContext<DataGridContextValue | undefined>(\n  undefined\n);\n\ntype DataGridSize = 'default' | 'compact';\ntype DataGridQueryMode = 'client' | 'server';\n\nconst ROW_HEIGHT_MAP: Record<DataGridSize, number> = {\n  default: 36,\n  compact: 32,\n};\n\nconst HEADER_HEIGHT_MAP: Record<DataGridSize, number> = {\n  default: 36,\n  compact: 32,\n};\n\ntype DataGridHandle = {\n  scrollToRow: (index: number) => void;\n  resetSorting: () => void;\n  resetSelection: () => void;\n  resetSearch: () => void;\n};\n\ntype DataGridBaseProps<TData> = {\n  data: TData[];\n  columns: ColumnDef<TData>[];\n  getRowId?: (originalRow: TData, index: number) => string;\n  rowCount?: number;\n  globalFilterFn?: FilterFnOption<TData>;\n  enableRowSelection?: boolean | ((row: Row<TData>) => boolean);\n  enableSorting?: boolean;\n  manualPagination?: boolean;\n  manualSorting?: boolean;\n  rowSelection?: RowSelectionState;\n  defaultRowSelection?: RowSelectionState;\n  onRowSelectionChange?: (value: RowSelectionState) => void;\n  sorting?: SortingState;\n  defaultSorting?: SortingState;\n  onSortingChange?: (value: SortingState) => void;\n  pagination?: PaginationState;\n  defaultPagination?: PaginationState;\n  onPaginationChange?: (value: PaginationState) => void;\n  getSubRows?: (row: TData, index: number) => TData[] | undefined;\n  expanded?: ExpandedState;\n  defaultExpanded?: ExpandedState;\n  onExpandedChange?: (value: ExpandedState) => void;\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  maxDepth?: number;\n  pinnedColumns?: string[];\n  // forwardRef cannot preserve the `TData` generic, so the imperative handle\n  // is exposed via a ref-object prop instead of `forwardRef` + `useImperativeHandle`.\n  // See https://github.com/facebook/react/issues/22018.\n  gridRef?: RefObject<DataGridHandle | null>;\n  size?: DataGridSize;\n  children?: ReactNode;\n  className?: string;\n  onRowClick?: (row: Row<TData>) => void;\n  searchValue?: string;\n  defaultSearchValue?: string;\n  onSearchValueChange?: (value: string) => void;\n  queryMode?: DataGridQueryMode;\n  filteredResultCount?: number;\n  totalResultCount?: number;\n  onClearSearch?: () => void;\n  onClearFilters?: () => void;\n  rowHeight?: number;\n  headerHeight?: number;\n};\n\n// The grid renders with `role=\"table\"`, which requires an accessible name for\n// screen readers. It is bad practice to omit one, so the type requires at least\n// one of `aria-label` / `aria-labelledby` rather than leaving both optional.\ntype DataGridAccessibleNameProps =\n  | { 'aria-label': string; 'aria-labelledby'?: string }\n  | { 'aria-labelledby': string; 'aria-label'?: string };\n\ntype DataGridProps<TData> = DataGridBaseProps<TData> &\n  DataGridAccessibleNameProps;\n\nfunction DataGrid<TData>({\n  data,\n  columns,\n  getRowId,\n  rowCount,\n  globalFilterFn = 'auto',\n  enableRowSelection = false,\n  enableSorting = false,\n  manualPagination = false,\n  manualSorting = false,\n  rowSelection,\n  defaultRowSelection,\n  onRowSelectionChange,\n  sorting,\n  defaultSorting,\n  onSortingChange,\n  pagination,\n  defaultPagination,\n  onPaginationChange,\n  getSubRows,\n  expanded,\n  defaultExpanded,\n  onExpandedChange,\n  getRowCanExpand,\n  maxDepth = 5,\n  pinnedColumns = EMPTY_PINNED_COLUMNS,\n  gridRef,\n  size = 'default',\n  children,\n  className,\n  onRowClick,\n  searchValue,\n  defaultSearchValue,\n  onSearchValueChange,\n  queryMode = 'client',\n  filteredResultCount,\n  totalResultCount,\n  rowHeight,\n  headerHeight,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n}: DataGridProps<TData>): ReactElement {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const [resolvedSearchValue, setResolvedSearchValue] = useControllableState({\n    prop: searchValue,\n    defaultProp: defaultSearchValue ?? '',\n    onChange: onSearchValueChange,\n  });\n\n  const [resolvedSorting, setResolvedSorting] =\n    useControllableState<SortingState>({\n      prop: sorting,\n      defaultProp: defaultSorting ?? [],\n      onChange: onSortingChange,\n    });\n\n  const [resolvedRowSelection, setResolvedRowSelection] =\n    useControllableState<RowSelectionState>({\n      prop: rowSelection,\n      defaultProp: defaultRowSelection ?? {},\n      onChange: onRowSelectionChange,\n    });\n\n  const hasPagination =\n    pagination !== undefined || defaultPagination !== undefined;\n\n  const [resolvedPagination, setResolvedPagination] =\n    useControllableState<PaginationState>({\n      prop: pagination,\n      defaultProp: defaultPagination ?? { pageIndex: 0, pageSize: 10 },\n      onChange: onPaginationChange,\n    });\n\n  const hasExpanding = getSubRows !== undefined;\n\n  const [resolvedExpanded, setResolvedExpanded] =\n    useControllableState<ExpandedState>({\n      prop: expanded,\n      defaultProp: defaultExpanded ?? {},\n      onChange: onExpandedChange,\n    });\n\n  const isClientSorting = enableSorting && !manualSorting;\n  const isClientPagination = hasPagination && !manualPagination;\n\n  useSearchPaginationReset(\n    resolvedSearchValue,\n    hasPagination,\n    setResolvedPagination\n  );\n\n  const columnPinning: ColumnPinningState = useMemo(\n    () => ({ left: pinnedColumns, right: [] }),\n    [pinnedColumns]\n  );\n\n  const pinnedColumnIds = useMemo(\n    () => new Set(pinnedColumns),\n    [pinnedColumns]\n  );\n  const lastPinnedColumnId = pinnedColumns[pinnedColumns.length - 1];\n  const customCellColumnIds = useMemo(\n    () => collectCustomCellColumnIds(columns),\n    [columns]\n  );\n\n  // eslint-disable-next-line react-hooks/incompatible-library -- useReactTable in the DataGrid component is intentional and stable.\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      columnPinning,\n      globalFilter: resolvedSearchValue,\n      sorting: resolvedSorting,\n      rowSelection: resolvedRowSelection,\n      ...(hasPagination ? { pagination: resolvedPagination } : {}),\n      ...(hasExpanding ? { expanded: resolvedExpanded } : {}),\n    },\n    onSortingChange: setResolvedSorting,\n    onRowSelectionChange: setResolvedRowSelection,\n    ...(hasPagination ? { onPaginationChange: setResolvedPagination } : {}),\n    ...(hasExpanding ? { onExpandedChange: setResolvedExpanded } : {}),\n    // Preserve expanded rows across `data` changes (e.g. refetches) so the user\n    // doesn't lose their place. Consumers fetching server-paged data should\n    // ensure stable `getRowId` values; otherwise expanded keys can stick to\n    // rows that no longer logically exist.\n    autoResetPageIndex: false,\n    autoResetExpanded: false,\n    enableRowSelection,\n    enableSubRowSelection: false,\n    enableSorting,\n    manualPagination,\n    manualSorting,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    globalFilterFn,\n    ...(isClientSorting ? { getSortedRowModel: getSortedRowModel() } : {}),\n    ...(isClientPagination\n      ? { getPaginationRowModel: getPaginationRowModel() }\n      : {}),\n    ...(hasExpanding ? { getExpandedRowModel: getExpandedRowModel() } : {}),\n    getRowId,\n    getSubRows,\n    getRowCanExpand,\n  });\n\n  const { rows } = table.getRowModel();\n  const headerGroups = table.getHeaderGroups();\n  const allColumns = table.getAllColumns();\n  const visibleColumns = table.getVisibleFlatColumns();\n\n  const resolvedRowHeight = rowHeight ?? ROW_HEIGHT_MAP[size];\n  const resolvedHeaderHeight = headerHeight ?? HEADER_HEIGHT_MAP[size];\n  const hasNoRows = data.length === 0;\n\n  const virtualizer = useVirtualizer({\n    count: rows.length,\n    getScrollElement: () => scrollContainerRef.current,\n    estimateSize: () => resolvedRowHeight,\n    overscan: 10,\n  });\n  const bodyHeight = virtualizer.getTotalSize();\n  const bodyStyle: CSSProperties & {\n    '--data-grid-body-height': string;\n    '--data-grid-body-min-height': string;\n  } = {\n    '--data-grid-body-height': `${bodyHeight}px`,\n    '--data-grid-body-min-height': `${resolvedRowHeight * 4}px`,\n  };\n\n  useImperativeHandle(gridRef, () => ({\n    scrollToRow: (index: number) => virtualizer.scrollToIndex(index),\n    resetSorting: () => setResolvedSorting([]),\n    resetSelection: () => setResolvedRowSelection({}),\n    resetSearch: () => setResolvedSearchValue(''),\n  }));\n\n  useEffect(() => {\n    for (const pinnedId of pinnedColumns) {\n      const pinnedColumn = allColumns.find((column) => column.id === pinnedId);\n      if (pinnedColumn && pinnedColumn.columnDef.size === undefined) {\n        console.warn(\n          `[Aura DataGrid] Pinned column \"${pinnedId}\" has no \\`size\\` set. ` +\n            'Pinned columns must declare an explicit `size` to keep the sticky ' +\n            'offset aligned with the rendered column width.'\n        );\n      }\n    }\n  }, [pinnedColumns, allColumns]);\n\n  const gridTemplateColumns = useMemo(() => {\n    const hasFlexibleColumn = visibleColumns.some(\n      (col) => col.columnDef.size === undefined && !pinnedColumnIds.has(col.id)\n    );\n\n    return visibleColumns\n      .map((col, index) => {\n        const colSize = col.columnDef.size;\n        const isLastColumn = index === visibleColumns.length - 1;\n        const isPinned = pinnedColumnIds.has(col.id);\n\n        // Pinned columns must render at a fixed pixel width so the cumulative\n        // sticky `left` offset agrees with the actually-rendered column width.\n        // `minmax(..., 1fr)` would let the column flex and break alignment.\n        if (isPinned) {\n          return `${colSize ?? DEFAULT_FLEXIBLE_COLUMN_WIDTH}px`;\n        }\n\n        if (colSize !== undefined) {\n          if (!hasFlexibleColumn && isLastColumn) {\n            return `minmax(${colSize}px, 1fr)`;\n          }\n          return `${colSize}px`;\n        }\n\n        return `minmax(${DEFAULT_FLEXIBLE_COLUMN_WIDTH}px, 1fr)`;\n      })\n      .join(' ');\n  }, [visibleColumns, pinnedColumnIds]);\n\n  const pinnedLeftByColumnId = useMemo(() => {\n    const leftById = new Map<string, number>();\n    let cumulativeLeft = 0;\n\n    for (const pinnedId of pinnedColumns) {\n      const pinnedColumn = visibleColumns.find(\n        (column) => column.id === pinnedId\n      );\n      // Skip pinned columns that are currently hidden — they don't render\n      // and shouldn't contribute to the cumulative sticky `left` offset for\n      // subsequent visible pinned columns.\n      if (!pinnedColumn) continue;\n\n      leftById.set(pinnedId, cumulativeLeft);\n      // Read `columnDef.size` (not `getSize()`) so the fallback matches the\n      // gridTemplateColumns track size; `getSize()` falls back to TanStack's\n      // 150px default which would desync from `DEFAULT_FLEXIBLE_COLUMN_WIDTH`.\n      cumulativeLeft +=\n        pinnedColumn.columnDef.size ?? DEFAULT_FLEXIBLE_COLUMN_WIDTH;\n    }\n\n    return leftById;\n  }, [visibleColumns, pinnedColumns]);\n\n  const clientFilteredCount = table.getFilteredRowModel().rows.length;\n  const clientTotalCount = table.getCoreRowModel().rows.length;\n\n  const contextValue = useMemo<DataGridContextValue>(\n    () => ({\n      searchValue: resolvedSearchValue,\n      setSearchValue: setResolvedSearchValue,\n      filteredCount:\n        queryMode === 'client' ? clientFilteredCount : filteredResultCount,\n      totalCount: queryMode === 'client' ? clientTotalCount : totalResultCount,\n    }),\n    [\n      resolvedSearchValue,\n      setResolvedSearchValue,\n      queryMode,\n      clientFilteredCount,\n      filteredResultCount,\n      clientTotalCount,\n      totalResultCount,\n    ]\n  );\n\n  return (\n    <DataGridContext.Provider value={contextValue}>\n      <div\n        data-slot=\"data-grid\"\n        data-query-mode={queryMode}\n        data-filtered-result-count={filteredResultCount}\n        data-total-result-count={totalResultCount}\n        className={cn(\n          'relative flex min-h-0 w-full flex-col overflow-clip rounded-xl text-sm',\n          className\n        )}\n      >\n        {children}\n        <div\n          ref={scrollContainerRef}\n          data-slot=\"data-grid-scroll-container\"\n          className=\"relative order-2 min-h-0 w-full flex-1 overflow-auto\"\n          role=\"table\"\n          aria-rowcount={(rowCount ?? rows.length) + headerGroups.length}\n          aria-colcount={visibleColumns.length}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n        >\n          <div className=\"min-w-fit w-full\">\n            <div\n              role=\"rowgroup\"\n              data-slot=\"data-grid-header-group\"\n              className=\"contents\"\n            >\n              {headerGroups.map((headerGroup, headerRowIndex) => (\n                <DataGridHeaderRow\n                  key={headerGroup.id}\n                  headerGroup={headerGroup}\n                  headerRowIndex={headerRowIndex}\n                  resolvedHeaderHeight={resolvedHeaderHeight}\n                  gridTemplateColumns={gridTemplateColumns}\n                  pinnedColumnIds={pinnedColumnIds}\n                  lastPinnedColumnId={lastPinnedColumnId}\n                  pinnedLeftByColumnId={pinnedLeftByColumnId}\n                />\n              ))}\n            </div>\n\n            <div\n              role=\"rowgroup\"\n              data-slot=\"data-grid-body\"\n              className={cn(\n                'relative min-h-(--data-grid-body-min-height)',\n                !hasNoRows && 'h-(--data-grid-body-height)'\n              )}\n              style={bodyStyle}\n            >\n              {!hasNoRows &&\n                virtualizer\n                  .getVirtualItems()\n                  .map((virtualRow) => (\n                    <DataGridRow\n                      key={rows[virtualRow.index].id}\n                      row={rows[virtualRow.index]}\n                      virtualRow={virtualRow}\n                      headerGroupCount={headerGroups.length}\n                      gridTemplateColumns={gridTemplateColumns}\n                      pinnedColumnIds={pinnedColumnIds}\n                      lastPinnedColumnId={lastPinnedColumnId}\n                      pinnedLeftByColumnId={pinnedLeftByColumnId}\n                      customCellColumnIds={customCellColumnIds}\n                      maxDepth={maxDepth}\n                      hasExpanding={hasExpanding}\n                      onRowClick={onRowClick}\n                    />\n                  ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </DataGridContext.Provider>\n  );\n}\n\ntype DataGridCheckboxProps = {\n  checked: boolean | 'indeterminate';\n  onCheckedChange: (checked: boolean | 'indeterminate') => void;\n  disabled?: boolean;\n  'aria-label'?: string;\n};\n\nfunction DataGridCheckbox({\n  checked,\n  onCheckedChange,\n  disabled,\n  'aria-label': checkboxAriaLabel,\n}: DataGridCheckboxProps): ReactElement {\n  const isIndeterminate = checked === 'indeterminate';\n  const isChecked = checked === true;\n\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      checked={isIndeterminate ? false : isChecked}\n      indeterminate={isIndeterminate}\n      disabled={disabled}\n      onCheckedChange={(next) => onCheckedChange(next)}\n      aria-label={checkboxAriaLabel}\n      className={cn(\n        'peer relative size-4 shrink-0 rounded-sm border-[1.5px] border-muted-foreground bg-transparent text-foreground-on-primary outline-none transition-colors',\n        '[&:is([data-checked],[data-indeterminate]):not([data-disabled])]:border-transparent [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:bg-primary-background',\n        'hover:data-unchecked:not-data-disabled:border-muted-foreground-hover',\n        'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-disabled-background data-disabled:text-disabled-foreground data-disabled:data-unchecked:border-border',\n        '[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block',\n        focusState\n      )}\n    >\n      <CheckboxPrimitive.Indicator className=\"grid size-full place-content-center text-current transition-none\">\n        <IconCheck\n          aria-hidden=\"true\"\n          data-slot=\"checkbox-check\"\n          className=\"hidden size-3\"\n          stroke={3}\n        />\n        <IconMinus\n          aria-hidden=\"true\"\n          data-slot=\"checkbox-dash\"\n          className=\"hidden size-3\"\n          stroke={3.5}\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nfunction DataGridCheckboxHeader<TData>({\n  table,\n}: {\n  table: Table<TData>;\n}): ReactElement {\n  const allSelected = table.getIsAllPageRowsSelected();\n  const someSelected = table.getIsSomePageRowsSelected();\n  const checked = allSelected ? true : someSelected ? 'indeterminate' : false;\n\n  return (\n    <DataGridCheckbox\n      checked={checked}\n      onCheckedChange={() => table.toggleAllPageRowsSelected(!allSelected)}\n      aria-label=\"Select all rows\"\n    />\n  );\n}\n\nfunction DataGridCheckboxCell<TData>({\n  row,\n}: {\n  row: Row<TData>;\n}): ReactElement {\n  return (\n    <DataGridCheckbox\n      checked={row.getIsSelected()}\n      disabled={!row.getCanSelect()}\n      onCheckedChange={(next) => {\n        row.toggleSelected(next === true);\n      }}\n      aria-label=\"Select row\"\n    />\n  );\n}\n\ntype DataGridSearchProps = Omit<\n  ComponentProps<typeof Search>,\n  'value' | 'onChange' | 'onClear'\n>;\n\nconst DataGridSearch: ForwardRefExoticComponent<\n  DataGridSearchProps & RefAttributes<ComponentRef<typeof Search>>\n> = forwardRef<ComponentRef<typeof Search>, DataGridSearchProps>(\n  function DataGridSearch(\n    { className, placeholder = 'Search', ...props },\n    ref\n  ) {\n    const { searchValue, setSearchValue } = useDataGridContext();\n\n    return (\n      <Search\n        ref={ref}\n        value={searchValue}\n        onChange={(event) => setSearchValue(event.target.value)}\n        onClear={() => setSearchValue('')}\n        placeholder={placeholder}\n        className={cn('py-4', className)}\n        {...props}\n      />\n    );\n  }\n);\nDataGridSearch.displayName = 'DataGridSearch';\n\ntype DataGridResultCountBadgeProps = ComponentProps<'span'> & {\n  label?: ReactNode;\n};\n\nconst DataGridResultCountBadge: ForwardRefExoticComponent<\n  DataGridResultCountBadgeProps & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, DataGridResultCountBadgeProps>(\n  function DataGridResultCountBadge({ label, className, ...props }, ref) {\n    const { filteredCount, totalCount } = useDataGridContext();\n\n    const content =\n      label ??\n      (filteredCount === undefined\n        ? null\n        : totalCount !== undefined\n          ? `${filteredCount} of ${totalCount} results`\n          : `${filteredCount} results`);\n\n    if (content == null) return null;\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"data-grid-result-count-badge\"\n        className={cn(\n          'inline-flex h-5 shrink-0 items-center rounded-sm border border-border bg-muted-background px-1.5 text-xs font-medium text-muted-foreground',\n          className\n        )}\n        {...props}\n      >\n        {content}\n      </span>\n    );\n  }\n);\nDataGridResultCountBadge.displayName = 'DataGridResultCountBadge';\n\nfunction useSearchPaginationReset(\n  searchValue: string,\n  hasPagination: boolean,\n  setPagination: (\n    next: PaginationState | ((prev: PaginationState) => PaginationState)\n  ) => void\n): void {\n  const previousSearchValueRef = useRef(searchValue);\n\n  useEffect(() => {\n    if (previousSearchValueRef.current === searchValue) return;\n    previousSearchValueRef.current = searchValue;\n    if (!hasPagination) return;\n    setPagination((current) =>\n      current.pageIndex === 0 ? current : { ...current, pageIndex: 0 }\n    );\n  }, [searchValue, hasPagination, setPagination]);\n}\n\ntype DataGridFilterTriggerProps = ComponentProps<typeof Button> & {\n  activeCount?: number;\n  label?: string;\n  activeLabel?: (activeCount: number) => string;\n  placement?: 'toolbar' | 'column-header';\n};\n\nconst DataGridFilterTrigger: ForwardRefExoticComponent<\n  DataGridFilterTriggerProps & RefAttributes<ComponentRef<typeof Button>>\n> = forwardRef<ComponentRef<typeof Button>, DataGridFilterTriggerProps>(\n  function DataGridFilterTrigger(\n    {\n      activeCount = 0,\n      label = 'Filters',\n      activeLabel,\n      placement = 'toolbar',\n      className,\n      children,\n      ...props\n    }: DataGridFilterTriggerProps,\n    ref: Ref<ComponentRef<typeof Button>>\n  ) {\n    const hasActiveFilters = activeCount > 0;\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"data-grid-filter-trigger\"\n        data-placement={placement}\n        data-active-count={activeCount}\n        size={placement === 'column-header' ? 'icon-sm' : 'icon'}\n        variant={hasActiveFilters ? 'secondary' : 'ghost'}\n        className={cn('min-w-0', className)}\n        aria-label={\n          hasActiveFilters\n            ? (activeLabel?.(activeCount) ?? `${label}, ${activeCount} active`)\n            : label\n        }\n        {...props}\n      >\n        {children ?? (\n          <IconFilter className=\"size-4 shrink-0\" aria-hidden=\"true\" />\n        )}\n      </Button>\n    );\n  }\n);\nDataGridFilterTrigger.displayName = 'DataGridFilterTrigger';\n\nfunction useDataGridContext(): DataGridContextValue {\n  const context = useContext(DataGridContext);\n  if (!context) {\n    throw new Error('useDataGridContext must be used within a DataGrid');\n  }\n  return context;\n}\nexport {\n  DataGrid,\n  DataGridCheckboxCell,\n  DataGridCheckboxHeader,\n  DataGridResultCountBadge,\n  DataGridFilterTrigger,\n  DataGridSearch,\n  useDataGridContext,\n  type DataGridContextValue,\n  type DataGridHandle,\n};\nexport {\n  DataGridFilterPanel,\n  type DataGridFilterColumn,\n  type DataGridFilterPanelLabels,\n} from './data-grid-filter-panel';\nexport {\n  DataGridFooter,\n  DataGridFooterEnd,\n  DataGridFooterStart,\n} from './data-grid-footer';\nexport {\n  DataGridHeader,\n  DataGridHeaderActions,\n  DataGridHeaderEnd,\n  DataGridHeaderStart,\n  DataGridSubtitle,\n  DataGridTitle,\n} from './data-grid-header';\n"],"names":["createContext","forwardRef","useContext","useEffect","useImperativeHandle","useMemo","useRef","Checkbox","CheckboxPrimitive","IconCheck","IconFilter","IconMinus","getCoreRowModel","getExpandedRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","useReactTable","useVirtualizer","useControllableState","cn","focusState","Button","Search","DataGridHeaderRow","DataGridRow","collectCustomCellColumnIds","EMPTY_PINNED_COLUMNS","DEFAULT_FLEXIBLE_COLUMN_WIDTH","DataGridContext","undefined","ROW_HEIGHT_MAP","default","compact","HEADER_HEIGHT_MAP","DataGrid","data","columns","getRowId","rowCount","globalFilterFn","enableRowSelection","enableSorting","manualPagination","manualSorting","rowSelection","defaultRowSelection","onRowSelectionChange","sorting","defaultSorting","onSortingChange","pagination","defaultPagination","onPaginationChange","getSubRows","expanded","defaultExpanded","onExpandedChange","getRowCanExpand","maxDepth","pinnedColumns","gridRef","size","children","className","onRowClick","searchValue","defaultSearchValue","onSearchValueChange","queryMode","filteredResultCount","totalResultCount","rowHeight","headerHeight","ariaLabel","ariaLabelledBy","scrollContainerRef","resolvedSearchValue","setResolvedSearchValue","prop","defaultProp","onChange","resolvedSorting","setResolvedSorting","resolvedRowSelection","setResolvedRowSelection","hasPagination","resolvedPagination","setResolvedPagination","pageIndex","pageSize","hasExpanding","resolvedExpanded","setResolvedExpanded","isClientSorting","isClientPagination","useSearchPaginationReset","columnPinning","left","right","pinnedColumnIds","Set","lastPinnedColumnId","length","customCellColumnIds","table","state","globalFilter","autoResetPageIndex","autoResetExpanded","enableSubRowSelection","rows","getRowModel","headerGroups","getHeaderGroups","allColumns","getAllColumns","visibleColumns","getVisibleFlatColumns","resolvedRowHeight","resolvedHeaderHeight","hasNoRows","virtualizer","count","getScrollElement","current","estimateSize","overscan","bodyHeight","getTotalSize","bodyStyle","scrollToRow","index","scrollToIndex","resetSorting","resetSelection","resetSearch","pinnedId","pinnedColumn","find","column","id","columnDef","console","warn","gridTemplateColumns","hasFlexibleColumn","some","col","has","map","colSize","isLastColumn","isPinned","join","pinnedLeftByColumnId","leftById","Map","cumulativeLeft","set","clientFilteredCount","clientTotalCount","contextValue","setSearchValue","filteredCount","totalCount","Provider","value","div","data-slot","data-query-mode","data-filtered-result-count","data-total-result-count","ref","role","aria-rowcount","aria-colcount","aria-label","aria-labelledby","headerGroup","headerRowIndex","style","getVirtualItems","virtualRow","row","headerGroupCount","DataGridCheckbox","checked","onCheckedChange","disabled","checkboxAriaLabel","isIndeterminate","isChecked","Root","indeterminate","next","Indicator","aria-hidden","stroke","DataGridCheckboxHeader","allSelected","getIsAllPageRowsSelected","someSelected","getIsSomePageRowsSelected","toggleAllPageRowsSelected","DataGridCheckboxCell","getIsSelected","getCanSelect","toggleSelected","DataGridSearch","placeholder","props","useDataGridContext","event","target","onClear","displayName","DataGridResultCountBadge","label","content","span","setPagination","previousSearchValueRef","DataGridFilterTrigger","activeCount","activeLabel","placement","hasActiveFilters","data-placement","data-active-count","variant","context","Error","DataGridFilterPanel","DataGridFooter","DataGridFooterEnd","DataGridFooterStart","DataGridHeader","DataGridHeaderActions","DataGridHeaderEnd","DataGridHeaderStart","DataGridSubtitle","DataGridTitle"],"mappings":"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"}