@cognite/aura 0.3.5 → 1.46105.0

package/dist/components/ui/core/data-grid/data-grid.d.ts

@@ -1,43 +1,93 @@
-import { ReactElement, ReactNode, RefObject } from 'react';
-import { ColumnDef, ExpandedState, FilterFnOption, Row, SortingState } from '@tanstack/react-table';
-type DataGridSize = 'default' | 'compact';
+import { type ComponentProps, type ComponentRef, type ForwardRefExoticComponent, type ReactElement, type ReactNode, type RefAttributes, type RefObject } from "react";
+import { type ColumnDef, type ExpandedState, type FilterFnOption, type PaginationState, type Row, type RowSelectionState, type Table, type SortingState } from "@tanstack/react-table";
+import { Button } from "../button/button";
+import { Search } from "../search/search";
+type DataGridContextValue = {
+	searchValue: string;
+	setSearchValue: (value: string) => void;
+	filteredCount?: number;
+	totalCount?: number;
+};
+type DataGridSize = "default" | "compact";
+type DataGridQueryMode = "client" | "server";
 type DataGridHandle = {
-    scrollToRow: (index: number) => void;
-    resetSorting: () => void;
+	scrollToRow: (index: number) => void;
+	resetSorting: () => void;
+	resetSelection: () => void;
+	resetSearch: () => void;
 };
 type DataGridBaseProps<TData> = {
-    data: TData[];
-    columns: ColumnDef<TData>[];
-    getRowId?: (originalRow: TData, index: number) => string;
-    rowCount?: number;
-    globalFilterFn?: FilterFnOption<TData>;
-    enableSorting?: boolean;
-    manualSorting?: boolean;
-    sorting?: SortingState;
-    defaultSorting?: SortingState;
-    onSortingChange?: (value: SortingState) => void;
-    getSubRows?: (row: TData, index: number) => TData[] | undefined;
-    expanded?: ExpandedState;
-    defaultExpanded?: ExpandedState;
-    onExpandedChange?: (value: ExpandedState) => void;
-    getRowCanExpand?: (row: Row<TData>) => boolean;
-    maxDepth?: number;
-    pinnedColumns?: string[];
-    gridRef?: RefObject<DataGridHandle | null>;
-    size?: DataGridSize;
-    children?: ReactNode;
-    className?: string;
-    onRowClick?: (row: Row<TData>) => void;
-    rowHeight?: number;
-    headerHeight?: number;
+	data: TData[];
+	columns: ColumnDef<TData>[];
+	getRowId?: (originalRow: TData, index: number) => string;
+	rowCount?: number;
+	globalFilterFn?: FilterFnOption<TData>;
+	enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
+	enableSorting?: boolean;
+	manualPagination?: boolean;
+	manualSorting?: boolean;
+	rowSelection?: RowSelectionState;
+	defaultRowSelection?: RowSelectionState;
+	onRowSelectionChange?: (value: RowSelectionState) => void;
+	sorting?: SortingState;
+	defaultSorting?: SortingState;
+	onSortingChange?: (value: SortingState) => void;
+	pagination?: PaginationState;
+	defaultPagination?: PaginationState;
+	onPaginationChange?: (value: PaginationState) => void;
+	getSubRows?: (row: TData, index: number) => TData[] | undefined;
+	expanded?: ExpandedState;
+	defaultExpanded?: ExpandedState;
+	onExpandedChange?: (value: ExpandedState) => void;
+	getRowCanExpand?: (row: Row<TData>) => boolean;
+	maxDepth?: number;
+	pinnedColumns?: string[];
+	gridRef?: RefObject<DataGridHandle | null>;
+	size?: DataGridSize;
+	children?: ReactNode;
+	className?: string;
+	onRowClick?: (row: Row<TData>) => void;
+	searchValue?: string;
+	defaultSearchValue?: string;
+	onSearchValueChange?: (value: string) => void;
+	queryMode?: DataGridQueryMode;
+	filteredResultCount?: number;
+	totalResultCount?: number;
+	onClearSearch?: () => void;
+	onClearFilters?: () => void;
+	rowHeight?: number;
+	headerHeight?: number;
 };
 type DataGridAccessibleNameProps = {
-    'aria-label': string;
-    'aria-labelledby'?: string;
+	"aria-label": string;
+	"aria-labelledby"?: string;
 } | {
-    'aria-labelledby': string;
-    'aria-label'?: string;
+	"aria-labelledby": string;
+	"aria-label"?: string;
 };
 type DataGridProps<TData> = DataGridBaseProps<TData> & DataGridAccessibleNameProps;
-declare function DataGrid<TData>({ data, columns, getRowId, rowCount, globalFilterFn, enableSorting, manualSorting, sorting, defaultSorting, onSortingChange, getSubRows, expanded, defaultExpanded, onExpandedChange, getRowCanExpand, maxDepth, pinnedColumns, gridRef, size, children, className, onRowClick, rowHeight, headerHeight, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: DataGridProps<TData>): ReactElement;
-export { DataGrid, type DataGridHandle };
+declare function DataGrid<TData>({ 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, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: DataGridProps<TData>): ReactElement;
+declare function DataGridCheckboxHeader<TData>({ table }: {
+	table: Table<TData>;
+}): ReactElement;
+declare function DataGridCheckboxCell<TData>({ row }: {
+	row: Row<TData>;
+}): ReactElement;
+type DataGridSearchProps = Omit<ComponentProps<typeof Search>, "value" | "onChange" | "onClear">;
+declare const DataGridSearch: ForwardRefExoticComponent<DataGridSearchProps & RefAttributes<ComponentRef<typeof Search>>>;
+type DataGridResultCountBadgeProps = ComponentProps<"span"> & {
+	label?: ReactNode;
+};
+declare const DataGridResultCountBadge: ForwardRefExoticComponent<DataGridResultCountBadgeProps & RefAttributes<HTMLSpanElement>>;
+type DataGridFilterTriggerProps = ComponentProps<typeof Button> & {
+	activeCount?: number;
+	label?: string;
+	activeLabel?: (activeCount: number) => string;
+	placement?: "toolbar" | "column-header";
+};
+declare const DataGridFilterTrigger: ForwardRefExoticComponent<DataGridFilterTriggerProps & RefAttributes<ComponentRef<typeof Button>>>;
+declare function useDataGridContext(): DataGridContextValue;
+export { DataGrid, DataGridCheckboxCell, DataGridCheckboxHeader, DataGridResultCountBadge, DataGridFilterTrigger, DataGridSearch, useDataGridContext, type DataGridContextValue, type DataGridHandle };
+export { DataGridFilterPanel, type DataGridFilterColumn, type DataGridFilterPanelLabels } from "./data-grid-filter-panel";
+export { DataGridFooter, DataGridFooterEnd, DataGridFooterStart } from "./data-grid-footer";
+export { DataGridHeader, DataGridHeaderActions, DataGridHeaderEnd, DataGridHeaderStart, DataGridSubtitle, DataGridTitle } from "./data-grid-header";

package/dist/components/ui/core/data-grid/data-grid.fixtures.d.ts

@@ -1,11 +1,11 @@
-import { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDef } from "@tanstack/react-table";
 type AssetRow = {
-    id: string;
-    name: string;
-    type: string;
-    status: 'Running' | 'Stopped' | 'Needs attention';
-    area: string;
-    updated: string;
+	id: string;
+	name: string;
+	type: string;
+	status: "Running" | "Stopped" | "Needs attention";
+	area: string;
+	updated: string;
 };
 declare const assetRows: AssetRow[];
 declare const assetColumns: ColumnDef<AssetRow>[];

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