@perses-dev/components 0.55.1 → 0.56.0-beta.1

package/dist/Table/hooks/useVirtualizedTableKeyboardNav.js

@@ -10,79 +10,96 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import React, { useCallback } from "react";
+import { c as _c } from "react-compiler-runtime";
+import React from "react";
 import { useTableKeyboardNav } from "./useTableKeyboardNav.js";
 /**
  * Hook for managing keyboard navigation when using a virtualized table.
- */ export function useVirtualizedTableKeyboardNav({ visibleRange, virtualTable, maxRows, maxColumns }) {
-    const onActiveCellChange = useCallback((e, currentPosition, defaultNewPosition)=>{
-        const key = e.key;
-        const defaultValueChanged = defaultNewPosition && (currentPosition.column !== defaultNewPosition.column || currentPosition.row !== defaultNewPosition.row);
-        const nextRow = defaultNewPosition?.row ?? currentPosition.row;
-        if (key === 'ArrowDown' && defaultValueChanged) {
-            // Use default cell position. Shift the virtual table scroll position
-            // when needed to make the active cell visible.
-            if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {
-                virtualTable.current?.scrollToIndex({
-                    index: nextRow - 1,
-                    align: 'end'
-                });
+ */ export function useVirtualizedTableKeyboardNav(t0) {
+    const $ = _c(8);
+    const { visibleRange, virtualTable, maxRows, maxColumns } = t0;
+    let t1;
+    if ($[0] !== maxRows || $[1] !== virtualTable || $[2] !== visibleRange) {
+        t1 = (e, currentPosition, defaultNewPosition)=>{
+            const key = e.key;
+            const defaultValueChanged = defaultNewPosition && (currentPosition.column !== defaultNewPosition.column || currentPosition.row !== defaultNewPosition.row);
+            const nextRow = defaultNewPosition?.row ?? currentPosition.row;
+            if (key === "ArrowDown" && defaultValueChanged) {
+                if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {
+                    virtualTable.current?.scrollToIndex({
+                        index: nextRow - 1,
+                        align: "end"
+                    });
+                }
+            } else {
+                if (key === "ArrowUp" && defaultValueChanged) {
+                    if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {
+                        virtualTable.current?.scrollToIndex({
+                            index: nextRow - 1,
+                            align: "start"
+                        });
+                    }
+                } else {
+                    if (defaultValueChanged && (key === "Home" || key === "End")) {
+                        virtualTable.current?.scrollToIndex({
+                            index: Math.max(nextRow - 1, 0),
+                            align: "start"
+                        });
+                    } else {
+                        if (key === "PageDown") {
+                            e.preventDefault();
+                            let nextRow_0;
+                            nextRow_0 = Math.min(maxRows - 1, visibleRange.current.endIndex + 1);
+                            virtualTable.current?.scrollToIndex({
+                                index: nextRow_0 - 1,
+                                align: "start"
+                            });
+                            return {
+                                row: nextRow_0,
+                                column: currentPosition.column
+                            };
+                        } else {
+                            if (key === "PageUp") {
+                                let nextRow_1;
+                                nextRow_1 = Math.max(0, visibleRange.current.startIndex - 1);
+                                virtualTable.current?.scrollToIndex({
+                                    index: nextRow_1 - 1,
+                                    align: "end"
+                                });
+                                return {
+                                    row: nextRow_1,
+                                    column: currentPosition.column
+                                };
+                            }
+                        }
+                    }
+                }
             }
-        } else if (key === 'ArrowUp' && defaultValueChanged) {
-            // Use default cell position. Shift the virtual table scroll position
-            // when needed to make the active cell visible.
-            if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {
-                virtualTable.current?.scrollToIndex({
-                    index: nextRow - 1,
-                    align: 'start'
-                });
-            }
-        } else if (defaultValueChanged && (key === 'Home' || key === 'End')) {
-            // Use default cell position. Shift the virtual table scroll position
-            // when needed to make the active cell visible.
-            virtualTable.current?.scrollToIndex({
-                index: Math.max(nextRow - 1, 0),
-                align: 'start'
-            });
-        } else if (key === 'PageDown') {
-            // Full handling of logic for `PageDown` because there is no default.
-            e.preventDefault();
-            let nextRow = currentPosition.row;
-            // Add 1 to account for header
-            nextRow = Math.min(maxRows - 1, visibleRange.current.endIndex + 1);
-            virtualTable.current?.scrollToIndex({
-                index: nextRow - 1,
-                align: 'start'
-            });
-            return {
-                row: nextRow,
-                column: currentPosition.column
-            };
-        } else if (key === 'PageUp') {
-            // Full handling of logic for `PageUp` because there is no default.
-            let nextRow = currentPosition.row;
-            // Minus 1 to account for header
-            nextRow = Math.max(0, visibleRange.current.startIndex - 1);
-            virtualTable.current?.scrollToIndex({
-                index: nextRow - 1,
-                align: 'end'
-            });
-            return {
-                row: nextRow,
-                column: currentPosition.column
-            };
-        }
-        return defaultNewPosition;
-    }, [
-        maxRows,
-        visibleRange,
-        virtualTable
-    ]);
-    return useTableKeyboardNav({
-        maxRows,
-        maxColumns,
-        onActiveCellChange
-    });
+            return defaultNewPosition;
+        };
+        $[0] = maxRows;
+        $[1] = virtualTable;
+        $[2] = visibleRange;
+        $[3] = t1;
+    } else {
+        t1 = $[3];
+    }
+    const onActiveCellChange = t1;
+    let t2;
+    if ($[4] !== maxColumns || $[5] !== maxRows || $[6] !== onActiveCellChange) {
+        t2 = {
+            maxRows,
+            maxColumns,
+            onActiveCellChange
+        };
+        $[4] = maxColumns;
+        $[5] = maxRows;
+        $[6] = onActiveCellChange;
+        $[7] = t2;
+    } else {
+        t2 = $[7];
+    }
+    return useTableKeyboardNav(t2);
 }
 
 //# sourceMappingURL=useVirtualizedTableKeyboardNav.js.map

package/dist/Table/hooks/useVirtualizedTableKeyboardNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Table/hooks/useVirtualizedTableKeyboardNav.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { FocusEventHandler, KeyboardEventHandler, MutableRefObject, RefObject } from 'react';\nimport React, { useCallback } from 'react';\nimport type { TableVirtuosoHandle } from 'react-virtuoso';\n\nimport type { UseTableKeyboardNavProps } from './useTableKeyboardNav';\nimport { useTableKeyboardNav } from './useTableKeyboardNav';\n\ninterface UseVirtualizedTableKeyboardNavProps extends Omit<UseTableKeyboardNavProps, 'onActiveCellChange'> {\n  visibleRange: MutableRefObject<{\n    startIndex: number;\n    endIndex: number;\n  }>;\n  virtualTable: RefObject<TableVirtuosoHandle>;\n  maxRows: number;\n  maxColumns: number;\n}\n\ntype TableCellPosition = {\n  row: number;\n  column: number;\n};\n\n/**\n * Hook for managing keyboard navigation when using a virtualized table.\n */\nexport function useVirtualizedTableKeyboardNav({\n  visibleRange,\n  virtualTable,\n  maxRows,\n  maxColumns,\n}: UseVirtualizedTableKeyboardNavProps): {\n  activeCell: TableCellPosition;\n  isActive: boolean;\n  onTableKeyDown: KeyboardEventHandler<HTMLTableElement>;\n  onCellFocus: (cellPosition: TableCellPosition) => void;\n  onTableBlur: FocusEventHandler<HTMLTableElement>;\n} {\n  const onActiveCellChange = useCallback(\n    (\n      e: React.KeyboardEvent<HTMLTableElement>,\n      currentPosition: TableCellPosition,\n      defaultNewPosition: TableCellPosition | undefined,\n    ) => {\n      const key = e.key;\n\n      const defaultValueChanged =\n        defaultNewPosition &&\n        (currentPosition.column !== defaultNewPosition.column || currentPosition.row !== defaultNewPosition.row);\n      const nextRow = defaultNewPosition?.row ?? currentPosition.row;\n\n      if (key === 'ArrowDown' && defaultValueChanged) {\n        // Use default cell position. Shift the virtual table scroll position\n        // when needed to make the active cell visible.\n        if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {\n          virtualTable.current?.scrollToIndex({\n            index: nextRow - 1,\n            align: 'end',\n          });\n        }\n      } else if (key === 'ArrowUp' && defaultValueChanged) {\n        // Use default cell position. Shift the virtual table scroll position\n        // when needed to make the active cell visible.\n        if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {\n          virtualTable.current?.scrollToIndex({\n            index: nextRow - 1,\n            align: 'start',\n          });\n        }\n      } else if (defaultValueChanged && (key === 'Home' || key === 'End')) {\n        // Use default cell position. Shift the virtual table scroll position\n        // when needed to make the active cell visible.\n        virtualTable.current?.scrollToIndex({\n          index: Math.max(nextRow - 1, 0),\n          align: 'start',\n        });\n      } else if (key === 'PageDown') {\n        // Full handling of logic for `PageDown` because there is no default.\n        e.preventDefault();\n\n        let nextRow = currentPosition.row;\n        // Add 1 to account for header\n\n        nextRow = Math.min(maxRows - 1, visibleRange.current.endIndex + 1);\n\n        virtualTable.current?.scrollToIndex({\n          index: nextRow - 1,\n          align: 'start',\n        });\n\n        return {\n          row: nextRow,\n          column: currentPosition.column,\n        };\n      } else if (key === 'PageUp') {\n        // Full handling of logic for `PageUp` because there is no default.\n        let nextRow = currentPosition.row;\n        // Minus 1 to account for header\n        nextRow = Math.max(0, visibleRange.current.startIndex - 1);\n        virtualTable.current?.scrollToIndex({\n          index: nextRow - 1,\n          align: 'end',\n        });\n\n        return {\n          row: nextRow,\n          column: currentPosition.column,\n        };\n      }\n\n      return defaultNewPosition;\n    },\n    [maxRows, visibleRange, virtualTable],\n  );\n\n  return useTableKeyboardNav({\n    maxRows,\n    maxColumns,\n    onActiveCellChange,\n  });\n}\n"],"names":["React","useCallback","useTableKeyboardNav","useVirtualizedTableKeyboardNav","visibleRange","virtualTable","maxRows","maxColumns","onActiveCellChange","e","currentPosition","defaultNewPosition","key","defaultValueChanged","column","row","nextRow","current","startIndex","endIndex","scrollToIndex","index","align","Math","max","preventDefault","min"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,SAASC,WAAW,QAAQ,QAAQ;AAI3C,SAASC,mBAAmB,QAAQ,2BAAwB;AAiB5D;;CAEC,GACD,OAAO,SAASC,+BAA+B,EAC7CC,YAAY,EACZC,YAAY,EACZC,OAAO,EACPC,UAAU,EAC0B;IAOpC,MAAMC,qBAAqBP,YACzB,CACEQ,GACAC,iBACAC;QAEA,MAAMC,MAAMH,EAAEG,GAAG;QAEjB,MAAMC,sBACJF,sBACCD,CAAAA,gBAAgBI,MAAM,KAAKH,mBAAmBG,MAAM,IAAIJ,gBAAgBK,GAAG,KAAKJ,mBAAmBI,GAAG,AAAD;QACxG,MAAMC,UAAUL,oBAAoBI,OAAOL,gBAAgBK,GAAG;QAE9D,IAAIH,QAAQ,eAAeC,qBAAqB;YAC9C,qEAAqE;YACrE,+CAA+C;YAC/C,IAAIG,UAAU,IAAIZ,aAAaa,OAAO,CAACC,UAAU,IAAIF,UAAU,IAAIZ,aAAaa,OAAO,CAACE,QAAQ,EAAE;gBAChGd,aAAaY,OAAO,EAAEG,cAAc;oBAClCC,OAAOL,UAAU;oBACjBM,OAAO;gBACT;YACF;QACF,OAAO,IAAIV,QAAQ,aAAaC,qBAAqB;YACnD,qEAAqE;YACrE,+CAA+C;YAC/C,IAAIG,UAAU,IAAIZ,aAAaa,OAAO,CAACC,UAAU,IAAIF,UAAU,IAAIZ,aAAaa,OAAO,CAACE,QAAQ,EAAE;gBAChGd,aAAaY,OAAO,EAAEG,cAAc;oBAClCC,OAAOL,UAAU;oBACjBM,OAAO;gBACT;YACF;QACF,OAAO,IAAIT,uBAAwBD,CAAAA,QAAQ,UAAUA,QAAQ,KAAI,GAAI;YACnE,qEAAqE;YACrE,+CAA+C;YAC/CP,aAAaY,OAAO,EAAEG,cAAc;gBAClCC,OAAOE,KAAKC,GAAG,CAACR,UAAU,GAAG;gBAC7BM,OAAO;YACT;QACF,OAAO,IAAIV,QAAQ,YAAY;YAC7B,qEAAqE;YACrEH,EAAEgB,cAAc;YAEhB,IAAIT,UAAUN,gBAAgBK,GAAG;YACjC,8BAA8B;YAE9BC,UAAUO,KAAKG,GAAG,CAACpB,UAAU,GAAGF,aAAaa,OAAO,CAACE,QAAQ,GAAG;YAEhEd,aAAaY,OAAO,EAAEG,cAAc;gBAClCC,OAAOL,UAAU;gBACjBM,OAAO;YACT;YAEA,OAAO;gBACLP,KAAKC;gBACLF,QAAQJ,gBAAgBI,MAAM;YAChC;QACF,OAAO,IAAIF,QAAQ,UAAU;YAC3B,mEAAmE;YACnE,IAAII,UAAUN,gBAAgBK,GAAG;YACjC,gCAAgC;YAChCC,UAAUO,KAAKC,GAAG,CAAC,GAAGpB,aAAaa,OAAO,CAACC,UAAU,GAAG;YACxDb,aAAaY,OAAO,EAAEG,cAAc;gBAClCC,OAAOL,UAAU;gBACjBM,OAAO;YACT;YAEA,OAAO;gBACLP,KAAKC;gBACLF,QAAQJ,gBAAgBI,MAAM;YAChC;QACF;QAEA,OAAOH;IACT,GACA;QAACL;QAASF;QAAcC;KAAa;IAGvC,OAAOH,oBAAoB;QACzBI;QACAC;QACAC;IACF;AACF"}
+{"version":3,"sources":["../../../src/Table/hooks/useVirtualizedTableKeyboardNav.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { FocusEventHandler, KeyboardEventHandler, MutableRefObject, RefObject } from 'react';\nimport React, { useCallback } from 'react';\nimport type { TableVirtuosoHandle } from 'react-virtuoso';\n\nimport type { UseTableKeyboardNavProps } from './useTableKeyboardNav';\nimport { useTableKeyboardNav } from './useTableKeyboardNav';\n\ninterface UseVirtualizedTableKeyboardNavProps extends Omit<UseTableKeyboardNavProps, 'onActiveCellChange'> {\n  visibleRange: MutableRefObject<{\n    startIndex: number;\n    endIndex: number;\n  }>;\n  virtualTable: RefObject<TableVirtuosoHandle | null>;\n  maxRows: number;\n  maxColumns: number;\n}\n\ntype TableCellPosition = {\n  row: number;\n  column: number;\n};\n\n/**\n * Hook for managing keyboard navigation when using a virtualized table.\n */\nexport function useVirtualizedTableKeyboardNav({\n  visibleRange,\n  virtualTable,\n  maxRows,\n  maxColumns,\n}: UseVirtualizedTableKeyboardNavProps): {\n  activeCell: TableCellPosition;\n  isActive: boolean;\n  onTableKeyDown: KeyboardEventHandler<HTMLTableElement>;\n  onCellFocus: (cellPosition: TableCellPosition) => void;\n  onTableBlur: FocusEventHandler<HTMLTableElement>;\n} {\n  const onActiveCellChange = useCallback(\n    (\n      e: React.KeyboardEvent<HTMLTableElement>,\n      currentPosition: TableCellPosition,\n      defaultNewPosition: TableCellPosition | undefined,\n    ) => {\n      const key = e.key;\n\n      const defaultValueChanged =\n        defaultNewPosition &&\n        (currentPosition.column !== defaultNewPosition.column || currentPosition.row !== defaultNewPosition.row);\n      const nextRow = defaultNewPosition?.row ?? currentPosition.row;\n\n      if (key === 'ArrowDown' && defaultValueChanged) {\n        // Use default cell position. Shift the virtual table scroll position\n        // when needed to make the active cell visible.\n        if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {\n          virtualTable.current?.scrollToIndex({\n            index: nextRow - 1,\n            align: 'end',\n          });\n        }\n      } else if (key === 'ArrowUp' && defaultValueChanged) {\n        // Use default cell position. Shift the virtual table scroll position\n        // when needed to make the active cell visible.\n        if (nextRow - 1 < visibleRange.current.startIndex || nextRow - 1 > visibleRange.current.endIndex) {\n          virtualTable.current?.scrollToIndex({\n            index: nextRow - 1,\n            align: 'start',\n          });\n        }\n      } else if (defaultValueChanged && (key === 'Home' || key === 'End')) {\n        // Use default cell position. Shift the virtual table scroll position\n        // when needed to make the active cell visible.\n        virtualTable.current?.scrollToIndex({\n          index: Math.max(nextRow - 1, 0),\n          align: 'start',\n        });\n      } else if (key === 'PageDown') {\n        // Full handling of logic for `PageDown` because there is no default.\n        e.preventDefault();\n\n        let nextRow = currentPosition.row;\n        // Add 1 to account for header\n\n        nextRow = Math.min(maxRows - 1, visibleRange.current.endIndex + 1);\n\n        virtualTable.current?.scrollToIndex({\n          index: nextRow - 1,\n          align: 'start',\n        });\n\n        return {\n          row: nextRow,\n          column: currentPosition.column,\n        };\n      } else if (key === 'PageUp') {\n        // Full handling of logic for `PageUp` because there is no default.\n        let nextRow = currentPosition.row;\n        // Minus 1 to account for header\n        nextRow = Math.max(0, visibleRange.current.startIndex - 1);\n        virtualTable.current?.scrollToIndex({\n          index: nextRow - 1,\n          align: 'end',\n        });\n\n        return {\n          row: nextRow,\n          column: currentPosition.column,\n        };\n      }\n\n      return defaultNewPosition;\n    },\n    [maxRows, visibleRange, virtualTable],\n  );\n\n  return useTableKeyboardNav({\n    maxRows,\n    maxColumns,\n    onActiveCellChange,\n  });\n}\n"],"names":["React","useTableKeyboardNav"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,WAA4B,QAAQ;AAI3C,SAASC,mBAAmB,QAAQ,2BAAwB;AAiB5D;;CAEC,GACD,OAAO"}

package/dist/Table/model/table-model.d.ts

@@ -1,8 +1,36 @@
 import type { Theme } from '@mui/material';
 import type { Link } from '@perses-dev/spec';
-import type { rankings } from '@tanstack/match-sorter-utils';
-import type { AccessorKeyColumnDef, CellContext, ColumnDef, CoreOptions, FilterFn, PaginationState, RowData, RowSelectionState, SortingState } from '@tanstack/react-table';
+import type { RankingInfo, rankings } from '@tanstack/match-sorter-utils';
+import type { AccessorKeyColumnDef, CellContext, CellData, ColumnDef, PaginationState, RowData, RowSelectionState, SortFnOption, SortingState, TableFeatures as TableFeaturesBase, TableOptions } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
+interface FuzzyFilterMeta {
+    itemRank?: RankingInfo;
+}
+export declare const TABLE_FEATURES: {
+    rowSortingFeature: import("@tanstack/table-core").TableFeature;
+    rowSelectionFeature: import("@tanstack/table-core").TableFeature;
+    columnVisibilityFeature: import("@tanstack/table-core").TableFeature;
+    columnResizingFeature: import("@tanstack/table-core").TableFeature;
+    columnSizingFeature: import("@tanstack/table-core").TableFeature;
+    columnFilteringFeature: import("@tanstack/table-core").TableFeature;
+    globalFilteringFeature: import("@tanstack/table-core").TableFeature;
+    rowExpandingFeature: import("@tanstack/table-core").TableFeature;
+    rowPaginationFeature: import("@tanstack/table-core").TableFeature;
+    sortedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    paginatedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    expandedRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    filteredRowModel: (table: import("@tanstack/table-core").Table<any, any>) => () => import("@tanstack/table-core").RowModel<any, any>;
+    filterMeta: FuzzyFilterMeta;
+    sortFns: {
+        alphanumeric: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        alphanumericCaseSensitive: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        basic: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        datetime: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        text: import("@tanstack/table-core").CreatedSortFn<any, any>;
+        textCaseSensitive: import("@tanstack/table-core").CreatedSortFn<any, any>;
+    };
+};
+export type TableFeatures = typeof TABLE_FEATURES;
 export declare const DEFAULT_COLUMN_WIDTH = 150;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 60;
 export declare const DEFAULT_COLUMN_MAX_WIDTH = 1000;
@@ -19,7 +47,7 @@ export type TableRowEventOpts = {
      */
     index: number;
 };
-export interface TableProps<TableData> {
+export interface TableProps<TableData extends RowData, CellValueType extends CellData = CellData> {
     /**
      * Height of the table.
      */
@@ -38,7 +66,7 @@ export interface TableProps<TableData> {
      * be rendered as a column header and impact the rendering of cells within
      * table rows.
      */
-    columns: Array<TableColumnConfig<TableData>>;
+    columns: Array<TableColumnConfig<TableData, CellValueType>>;
     /**
      * Custom render cell configurations. Each entry of the object should be an
      * id for cell `${rowIndex}_${columnIndex}`, can apply custom text, text color
@@ -119,7 +147,7 @@ export interface TableProps<TableData> {
      * value is used to key `rowSelection`. If this value is not set, the index
      * is used as the unique identifier.
      */
-    getRowId?: CoreOptions<TableData>['getRowId'];
+    getRowId?: TableOptions<TableFeatures, TableData>['getRowId'];
     /**
      * Function used to determine the color of the checkbox when `checkboxSelection`
      * is enabled. If not set, a default color is used.
@@ -130,7 +158,7 @@ export interface TableProps<TableData> {
      */
     getItemActions?: ({ id, data }: {
         id: string;
-        data: unknown;
+        data: TableData;
     }) => ReactNode[];
     /**
      * Item actions should be created
@@ -227,24 +255,19 @@ export interface TableCellConfig {
     backgroundColor?: string;
 }
 declare module '@tanstack/table-core' {
-    interface ColumnMeta<TData extends RowData, TValue> {
+    interface ColumnMeta<TFeatures extends TableFeaturesBase, TData extends RowData, TValue> {
         align?: TableColumnConfig<TData>['align'];
         headerDescription?: TableColumnConfig<TData>['headerDescription'];
         cellDescription?: TableColumnConfig<TData>['cellDescription'];
         dataLink?: TableColumnConfig<TData>['dataLink'];
     }
 }
-declare module '@tanstack/react-table' {
-    interface FilterFns {
-        fuzzy: FilterFn<unknown>;
-    }
-}
 export type DataLink = Omit<Link, 'name'>;
 /**
  * Cell values default to `unknown`. In cell callbacks, use `getValue<ValueType>()`
  * when the column's value type is known, or narrow the value before using it.
  */
-export interface TableColumnConfig<TableData> extends Pick<AccessorKeyColumnDef<TableData>, 'accessorKey' | 'cell' | 'sortingFn' | 'id' | 'enableResizing'> {
+export interface TableColumnConfig<TableData extends RowData, TValue extends CellData = CellData> extends Pick<AccessorKeyColumnDef<TableFeatures, TableData, TValue>, 'accessorKey' | 'cell' | 'id' | 'enableResizing'> {
     /**
      * Text to display in the header for the column.
      */
@@ -261,12 +284,18 @@ export interface TableColumnConfig<TableData> extends Pick<AccessorKeyColumnDef<
      * If set to `true`, it will use the value generated by the `cell` prop if it
      * can be treated as a string.
      */
-    cellDescription?: ((props: CellContext<TableData, unknown>) => string) | boolean | undefined;
+    cellDescription?: ((props: CellContext<TableFeatures, TableData, TValue>) => string) | boolean | undefined;
     /**
      * When `true`, the column will be sortable.
      * @default false
      */
     enableSorting?: boolean;
+    /**
+     * The sorting function to use with this column.
+     * - A `string` referencing a built-in sorting function
+     * - A custom sorting function
+     */
+    sortingFn?: SortFnOption<TableFeatures, TableData>;
     /**
      * Text to display when hovering over the header text. This can be useful for
      * providing additional information about the column when you want to keep the
@@ -289,6 +318,6 @@ export interface TableColumnConfig<TableData> extends Pick<AccessorKeyColumnDef<
 /**
  * Takes in a perses table column and transforms it into a tanstack column.
  */
-export declare function persesColumnsToTanstackColumns<TableData>(columns: Array<TableColumnConfig<TableData>>, defaultColumnConfig?: DefaultColumnConfig): Array<ColumnDef<TableData>>;
+export declare function persesColumnsToTanstackColumns<TableData extends RowData>(columns: Array<TableColumnConfig<TableData>>, defaultColumnConfig?: DefaultColumnConfig): Array<ColumnDef<TableFeatures, TableData>>;
 export {};
 //# sourceMappingURL=table-model.d.ts.map

package/dist/Table/model/table-model.d.ts.map

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

package/dist/Table/model/table-model.js

@@ -10,6 +10,35 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+import { columnFilteringFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, globalFilteringFeature, metaHelper, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_alphanumericCaseSensitive, sortFn_basic, sortFn_datetime, sortFn_text, sortFn_textCaseSensitive, tableFeatures } from "@tanstack/react-table";
+// Defined outside Table component so tableFeatures() is called once, not on every render.
+export const TABLE_FEATURES = tableFeatures({
+    rowSortingFeature,
+    rowSelectionFeature,
+    columnVisibilityFeature,
+    columnResizingFeature,
+    columnSizingFeature,
+    columnFilteringFeature,
+    globalFilteringFeature,
+    rowExpandingFeature,
+    rowPaginationFeature,
+    sortedRowModel: createSortedRowModel(),
+    paginatedRowModel: createPaginatedRowModel(),
+    expandedRowModel: createExpandedRowModel(),
+    filteredRowModel: createFilteredRowModel(),
+    filterMeta: metaHelper(),
+    // Registers TanStack Table's built-in sort functions so that columns without
+    // an explicit `sortingFn` can rely on auto-detection (e.g. `datetime` for
+    // `Date` values, `alphanumeric`/`text` for strings) instead of throwing/warning
+    sortFns: {
+        alphanumeric: sortFn_alphanumeric,
+        alphanumericCaseSensitive: sortFn_alphanumericCaseSensitive,
+        basic: sortFn_basic,
+        datetime: sortFn_datetime,
+        text: sortFn_text,
+        textCaseSensitive: sortFn_textCaseSensitive
+    }
+});
 export const DEFAULT_COLUMN_WIDTH = 150;
 export const DEFAULT_COLUMN_MIN_WIDTH = 60;
 export const DEFAULT_COLUMN_MAX_WIDTH = 1000;
@@ -62,7 +91,7 @@ function calculateTableCellHeight(lineHeight, paddingY) {
 /**
  * Takes in a perses table column and transforms it into a tanstack column.
  */ export function persesColumnsToTanstackColumns(columns, defaultColumnConfig) {
-    return columns.map(({ width, align, headerDescription, cellDescription, enableSorting, dataLink, enableResizing, ...otherProps })=>{
+    return columns.map(({ width, align, headerDescription, cellDescription, enableSorting, dataLink, enableResizing, sortingFn, ...otherProps })=>{
         const isResizingEnabled = enableResizing ?? defaultColumnConfig?.enableResizing ?? false;
         const sizeProps = width === 'auto' || width === undefined ? getDefaultSizeProps(isResizingEnabled, defaultColumnConfig?.minWidth, defaultColumnConfig?.maxWidth) : getUserProvidedSizeProps(isResizingEnabled, width, defaultColumnConfig?.minWidth, defaultColumnConfig?.maxWidth);
         return {
@@ -70,6 +99,9 @@ function calculateTableCellHeight(lineHeight, paddingY) {
             ...sizeProps,
             // Default sorting to false, so it is very explicitly set per column.
             enableSorting: !!enableSorting,
+            ...sortingFn ? {
+                sortFn: sortingFn
+            } : {},
             enableResizing: isResizingEnabled,
             // Open-ended store for extra metadata in TanStack Table, so you can bake
             // in your own features.

package/dist/Table/model/table-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Table/model/table-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { Theme } from '@mui/material';\nimport type { Link } from '@perses-dev/spec';\nimport type { rankings } from '@tanstack/match-sorter-utils';\nimport type {\n  AccessorKeyColumnDef,\n  CellContext,\n  ColumnDef,\n  CoreOptions,\n  FilterFn,\n  PaginationState,\n  RowData,\n  RowSelectionState,\n  SortingState,\n} from '@tanstack/react-table';\nimport type { CSSProperties, ReactNode } from 'react';\n\nexport const DEFAULT_COLUMN_WIDTH = 150;\nexport const DEFAULT_COLUMN_MIN_WIDTH = 60;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 1000;\nexport const DEFAULT_COLUMN_HEIGHT = 40;\n\nexport type TableDensity = 'compact' | 'standard' | 'comfortable';\nexport type SortDirection = 'asc' | 'desc' | undefined;\n\nexport type TableRowEventOpts = {\n  /**\n   * Unique identifier for the row.\n   */\n  id: string;\n\n  /**\n   * Index of the row in the original data.\n   */\n  index: number;\n};\n\nexport interface TableProps<TableData> {\n  /**\n   * Height of the table.\n   */\n  height: number;\n\n  /**\n   * Width of the table.\n   */\n  width: number | string;\n\n  /**\n   * Array of data to render in the table. Each entry in the array will be\n   * rendered as a row in the table.\n   */\n  data: TableData[];\n\n  /**\n   * Array of column configuration for the table. Each entry in the array will\n   * be rendered as a column header and impact the rendering of cells within\n   * table rows.\n   */\n  columns: Array<TableColumnConfig<TableData>>;\n\n  /**\n   * Custom render cell configurations. Each entry of the object should be an\n   * id for cell `${rowIndex}_${columnIndex}`, can apply custom text, text color\n   * and background color.\n   */\n  cellConfigs?: TableCellConfigs;\n\n  /**\n   * The density of the table layout. This impacts the size and space taken up\n   * by content in the table (e.g. font size, padding).\n   */\n  density?: TableDensity;\n\n  /**\n   *  When using \"auto\", the table will try to automatically adjust the width of columns to fit without overflowing.\n   *  If there is not enough width for each column, the display can unreadable.\n   */\n  defaultColumnWidth?: 'auto' | number;\n\n  /**\n   *  When using \"auto\", the table will calculate the cell height based on the line height of the theme and the density setting of the table.\n   */\n  defaultColumnHeight?: 'auto' | number;\n\n  /**\n   * When `true`, the first column of the table will include checkboxes.\n   */\n  checkboxSelection?: boolean;\n\n  /**\n   * Determines the behavior of row selection.\n   *\n   * - `standard`: clicking a checkbox will toggle that rows's selected/unselected\n   *    state and will not impact other rows.\n   * - `legend`: clicking a checkbox will \"focus\" that row by selecting it and\n   *    unselecting other rows. Clicking a checkbox with a modifier key pressed,\n   *    will change this behavior to behave like `standard`.\n   *\n   * @default 'standard'\n   */\n  rowSelectionVariant?: 'standard' | 'legend';\n\n  /**\n   * State of selected rows in the table when `checkboxSelection` is enabled.\n   *\n   * Selected row state is a controlled value that should be managed using a\n   * combination of this prop and `onRowSelectionChange`.\n   */\n  rowSelection?: RowSelectionState;\n\n  /**\n   * Callback fired when the mouse is moved over a table row.\n   */\n  onRowMouseOver?: (e: React.MouseEvent, opts: TableRowEventOpts) => void;\n\n  /**\n   * Callback fired when the mouse is moved out of a table row.\n   */\n  onRowMouseOut?: (e: React.MouseEvent, opts: TableRowEventOpts) => void;\n\n  /**\n   * State of the column sorting in the table.\n   *\n   * The column sorting is a controlled value that should be managed using a\n   * combination fo this prop and `onSortingChange`.\n   */\n  sorting?: SortingState;\n\n  /**\n   * Callback fired when the selected rows in the table changes.\n   */\n  onRowSelectionChange?: (rowSelection: RowSelectionState) => void;\n\n  /**\n   * Callback fired when the table sorting changes.\n   */\n  onSortingChange?: (sorting: SortingState) => void;\n\n  /**\n   * State of the pagination in the table.\n   * Default: undefined, i.e. pagination is disabled.\n   */\n  pagination?: PaginationState;\n\n  /**\n   * Callback fired when the table pagination changes.\n   */\n  onPaginationChange?: (pagination: PaginationState) => void;\n\n  /**\n   * Function used to determine the unique identifier used for each row. This\n   * value is used to key `rowSelection`. If this value is not set, the index\n   * is used as the unique identifier.\n   */\n  getRowId?: CoreOptions<TableData>['getRowId'];\n\n  /**\n   * Function used to determine the color of the checkbox when `checkboxSelection`\n   * is enabled. If not set, a default color is used.\n   */\n  getCheckboxColor?: (rowData: TableData) => string;\n\n  /**\n   * Item actions to render for each row.\n   */\n  getItemActions?: ({ id, data }: { id: string; data: unknown }) => ReactNode[];\n\n  /**\n   * Item actions should be created\n   */\n  hasItemActions?: boolean;\n\n  /**\n   * Returns the sub rows for a given row, or `undefined` if there are none.\n   */\n  getSubRows?: (originalRow: TableData, index: number) => undefined | TableData[];\n\n  /**\n   * List of column ids that should be hidden when the table is initially rendered.\n   */\n  hiddenColumns?: string[];\n\n  /**\n   * Configuration for the table toolbar at the top of table, which includes the search input and column filter button.\n   * If not provided, the toolbar will not be rendered.\n   */\n  tableToolbarConfig?: TableToolbarConfig;\n\n  /**\n   * Determines when column resizing updates the column width.\n   * When set to `onChange`, the column width will update as the user drags the resize handle.\n   * When set to `onEnd`, the column width will only update when the user releases the resize handle.\n   * @default 'onChange'\n   */\n  columnResizeMode?: 'onChange' | 'onEnd';\n\n  /**\n   * Default configuration applied to all columns in the table. Individual\n   * column configurations can override these values. Useful for setting\n   * consistent constraints (e.g. min/max width) or enabling resizing across\n   * all columns without repeating the configuration per column.\n   */\n  defaultColumnConfig?: DefaultColumnConfig;\n}\n\nexport interface DefaultColumnConfig {\n  /**\n   * Minimum width of a column in pixels.\n   * @default 60\n   */\n  minWidth?: number;\n\n  /**\n   * Maximum width of a column in pixels.\n   * @default 1000\n   */\n  maxWidth?: number;\n\n  /**\n   * When `true`, columns will be resizable by dragging the column header border.\n   * @default false\n   */\n  enableResizing?: boolean;\n}\n\nexport type FuzzyMatchThreshold = keyof typeof rankings;\n\nexport type TableToolbarConfig = {\n  /**\n   * When `true`, a search bar will be rendered above the table that allows\n   * the user to filter rows using a fuzzy global filter.\n   */\n  isSearchEnabled?: boolean;\n\n  /**\n   * When `isSearchEnabled` is `true`, this determines how fuzzy the matching should be when filtering results.\n   * @default 'CONTAINS'\n   */\n  fuzzyMatchThreshold?: FuzzyMatchThreshold;\n\n  /**\n   * When `true`, a \"Columns\" button will be rendered above the table that\n   * opens a dropdown allowing the user to toggle column visibility.\n   */\n  isColumnFilterEnabled?: boolean;\n\n  /**\n   * Max height for the column filter menu.\n   */\n  columnFilterMenuMaxHeight?: number | string;\n};\n\nfunction calculateTableCellHeight(lineHeight: CSSProperties['lineHeight'], paddingY: string): number {\n  // Doing a bunch of math to enforce height to avoid weirdness with mismatched\n  // heights based on customization of cell contents.\n  const lineHeightNum = typeof lineHeight === 'string' ? parseInt(lineHeight, 10) : (lineHeight ?? 0);\n  const verticalPaddingNum = typeof paddingY === 'string' ? parseInt(paddingY, 10) : paddingY;\n\n  return lineHeightNum + verticalPaddingNum * 2;\n}\n\ntype TableCellLayout = NonNullable<Pick<React.CSSProperties, 'padding' | 'fontSize' | 'lineHeight'>> & {\n  height: number;\n};\n\ntype GetTableCellLayoutOpts = {\n  isHeader?: boolean;\n  isLastColumn?: boolean;\n  isFirstColumn?: boolean;\n  defaultColumnHeight?: 'auto' | number;\n};\n\n/**\n * Returns the properties to lay out the content of table cells based on the\n * theme and density.\n */\nexport function getTableCellLayout(\n  theme: Theme,\n  density: TableDensity,\n  { isHeader, isLastColumn, isFirstColumn, defaultColumnHeight }: GetTableCellLayoutOpts = {},\n): TableCellLayout {\n  // Density Standard\n  let paddingY = theme.spacing(1);\n  let basePaddingX = theme.spacing(1.25);\n  let edgePaddingX = theme.spacing(2);\n  let paddingLeft = isFirstColumn ? edgePaddingX : basePaddingX;\n  let paddingRight = isLastColumn ? edgePaddingX : basePaddingX;\n  let lineHeight = theme.typography.body1.lineHeight;\n  let fontSize = theme.typography.body1.fontSize;\n\n  if (density === 'compact') {\n    paddingY = theme.spacing(0.5);\n    basePaddingX = theme.spacing(0.5);\n    edgePaddingX = theme.spacing(1);\n    paddingLeft = isFirstColumn ? edgePaddingX : basePaddingX;\n    paddingRight = isLastColumn ? edgePaddingX : basePaddingX;\n    lineHeight = theme.typography.body2.lineHeight;\n    fontSize = theme.typography.body2.fontSize;\n  }\n\n  if (density === 'comfortable') {\n    paddingY = theme.spacing(2);\n    basePaddingX = theme.spacing(1.5);\n    edgePaddingX = theme.spacing(2);\n    paddingLeft = isFirstColumn ? edgePaddingX : basePaddingX;\n    paddingRight = isLastColumn ? edgePaddingX : basePaddingX;\n    lineHeight = theme.typography.body1.lineHeight;\n    fontSize = theme.typography.body1.fontSize;\n  }\n\n  const height =\n    isHeader || !defaultColumnHeight || defaultColumnHeight === 'auto'\n      ? calculateTableCellHeight(lineHeight, paddingY)\n      : defaultColumnHeight;\n\n  return {\n    padding: `${paddingY} ${paddingRight} ${paddingY} ${paddingLeft}`,\n    height: height,\n    fontSize: fontSize,\n    lineHeight: lineHeight,\n  };\n}\n\nexport type TableCellAlignment = 'left' | 'right' | 'center';\n\nexport interface TableCellConfigs {\n  [id: string]: TableCellConfig;\n}\n\nexport interface TableCellConfig {\n  text?: string;\n  textColor?: string;\n  backgroundColor?: string;\n}\n\n// Overrides of meta value, so it can have a meaningful type in our code instead\n// of `any`. Putting this in the model instead of a separate .d.ts file because\n// I couldn't get it to work properly that way and punted on figuring it out\n// after trying several things.\ndeclare module '@tanstack/table-core' {\n  interface ColumnMeta<TData extends RowData, TValue> {\n    align?: TableColumnConfig<TData>['align'];\n    headerDescription?: TableColumnConfig<TData>['headerDescription'];\n    cellDescription?: TableColumnConfig<TData>['cellDescription'];\n    dataLink?: TableColumnConfig<TData>['dataLink'];\n  }\n}\n\ndeclare module '@tanstack/react-table' {\n  //add fuzzy filter to the filterFns. Allows us to use \"fuzzy\" as a value for `globalFilterFn` in our table options.\n  interface FilterFns {\n    fuzzy: FilterFn<unknown>;\n  }\n}\n\n// Column link settings\n// The URL could be set to a static link or could be constructed dynamically\n// The URL may include reference to the variables or neighboring cells in the row\nexport type DataLink = Omit<Link, 'name'>;\n\n// Only exposing a very simplified version of the very extensive column definitions\n// possible with tanstack table to make it easier for us to control rendering\n// and functionality.\n/**\n * Cell values default to `unknown`. In cell callbacks, use `getValue<ValueType>()`\n * when the column's value type is known, or narrow the value before using it.\n */\nexport interface TableColumnConfig<TableData> extends Pick<\n  AccessorKeyColumnDef<TableData>,\n  'accessorKey' | 'cell' | 'sortingFn' | 'id' | 'enableResizing'\n> {\n  /**\n   * Text to display in the header for the column.\n   */\n  header: string;\n\n  /**\n   * Alignment of the content in the cell.\n   */\n  align?: TableCellAlignment;\n\n  /**\n   * Text to display when hovering over a cell. This can be useful for\n   * providing additional information about the column when the content is\n   * ellipsized to fit in the space.\n   *\n   * If set to `true`, it will use the value generated by the `cell` prop if it\n   * can be treated as a string.\n   */\n  cellDescription?: ((props: CellContext<TableData, unknown>) => string) | boolean | undefined;\n\n  /**\n   * When `true`, the column will be sortable.\n   * @default false\n   */\n  enableSorting?: boolean;\n\n  /**\n   * Text to display when hovering over the header text. This can be useful for\n   * providing additional information about the column when you want to keep the\n   * header text relatively short to manage the column width.\n   */\n  headerDescription?: string;\n\n  // Tanstack Table does not support an \"auto\" value to naturally size to fit\n  // the space in a table. Adding a custom setting to manage this ourselves.\n  /**\n   * Width of the column when rendered in a table. It should be a number in pixels\n   * or \"auto\" to allow the table to automatically adjust the width to fill\n   * space.\n   * @default 'auto'\n   */\n  width?: number | 'auto';\n\n  /**\n   * Dynamic link setting. If available the the cell content should turn into\n   * a link with the value of the cell as the dynamic section\n   */\n  dataLink?: DataLink;\n}\n\n/**\n * Takes in a perses table column and transforms it into a tanstack column.\n */\nexport function persesColumnsToTanstackColumns<TableData>(\n  columns: Array<TableColumnConfig<TableData>>,\n  defaultColumnConfig?: DefaultColumnConfig,\n): Array<ColumnDef<TableData>> {\n  return columns.map(\n    ({ width, align, headerDescription, cellDescription, enableSorting, dataLink, enableResizing, ...otherProps }) => {\n      const isResizingEnabled = enableResizing ?? defaultColumnConfig?.enableResizing ?? false;\n      const sizeProps =\n        width === 'auto' || width === undefined\n          ? getDefaultSizeProps(isResizingEnabled, defaultColumnConfig?.minWidth, defaultColumnConfig?.maxWidth)\n          : getUserProvidedSizeProps(\n              isResizingEnabled,\n              width,\n              defaultColumnConfig?.minWidth,\n              defaultColumnConfig?.maxWidth,\n            );\n\n      return {\n        ...otherProps,\n        ...sizeProps,\n\n        // Default sorting to false, so it is very explicitly set per column.\n        enableSorting: !!enableSorting,\n        enableResizing: isResizingEnabled,\n\n        // Open-ended store for extra metadata in TanStack Table, so you can bake\n        // in your own features.\n        meta: {\n          align,\n          headerDescription,\n          cellDescription,\n          dataLink,\n        },\n      };\n    },\n  );\n}\n\nfunction getUserProvidedSizeProps<TableData>(\n  isResizingEnabled: boolean,\n  width: number,\n  minWidth?: number,\n  maxWidth?: number,\n): Pick<ColumnDef<TableData>, 'size' | 'minSize' | 'maxSize'> {\n  // When resizing is enabled, we need to set min and max size to ensure the column can be resized within a reasonable range.\n  return isResizingEnabled\n    ? {\n        size: width,\n        minSize: minWidth ?? DEFAULT_COLUMN_MIN_WIDTH,\n        maxSize: maxWidth ?? DEFAULT_COLUMN_MAX_WIDTH,\n      }\n    : {\n        size: width,\n      };\n}\n\nfunction getDefaultSizeProps<TableData>(\n  isResizingEnabled: boolean,\n  minWidth?: number,\n  maxWidth?: number,\n): Pick<ColumnDef<TableData>, 'size' | 'minSize' | 'maxSize'> {\n  return isResizingEnabled\n    ? {\n        // When resizing is enabled, we need to set a default size for the column\n        // so that relative value can be calculated when resizing and column is visible.\n        size: DEFAULT_COLUMN_WIDTH,\n        minSize: minWidth ?? DEFAULT_COLUMN_MIN_WIDTH,\n        maxSize: maxWidth ?? DEFAULT_COLUMN_MAX_WIDTH,\n      }\n    : // Tanstack Table does not support an \"auto\" value to naturally size to fit\n      // the space in a table. We translate our custom \"auto\" setting to 0 size\n      // for these columns, so it is easy to fall back to auto when rendering.\n      // Taking from a recommendation in this github discussion:\n      // https://github.com/TanStack/table/discussions/4179#discussioncomment-3631326\n      {\n        // All zero values are used as shorthand for \"auto\" when rendering\n        // because it makes it easy to fall back. (e.g. `row.size || \"auto\"`)\n        size: 0,\n        minSize: 0,\n        maxSize: 0,\n      };\n}\n"],"names":["DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DEFAULT_COLUMN_HEIGHT","calculateTableCellHeight","lineHeight","paddingY","lineHeightNum","parseInt","verticalPaddingNum","getTableCellLayout","theme","density","isHeader","isLastColumn","isFirstColumn","defaultColumnHeight","spacing","basePaddingX","edgePaddingX","paddingLeft","paddingRight","typography","body1","fontSize","body2","height","padding","persesColumnsToTanstackColumns","columns","defaultColumnConfig","map","width","align","headerDescription","cellDescription","enableSorting","dataLink","enableResizing","otherProps","isResizingEnabled","sizeProps","undefined","getDefaultSizeProps","minWidth","maxWidth","getUserProvidedSizeProps","meta","size","minSize","maxSize"],"mappings":"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"}
+{"version":3,"sources":["../../../src/Table/model/table-model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { Theme } from '@mui/material';\nimport type { Link } from '@perses-dev/spec';\nimport type { RankingInfo, rankings } from '@tanstack/match-sorter-utils';\nimport type {\n  AccessorKeyColumnDef,\n  CellContext,\n  CellData,\n  ColumnDef,\n  PaginationState,\n  RowData,\n  RowSelectionState,\n  SortFnOption,\n  SortingState,\n  TableFeatures as TableFeaturesBase,\n  TableOptions,\n} from '@tanstack/react-table';\nimport {\n  columnFilteringFeature,\n  columnResizingFeature,\n  columnSizingFeature,\n  columnVisibilityFeature,\n  createExpandedRowModel,\n  createFilteredRowModel,\n  createPaginatedRowModel,\n  createSortedRowModel,\n  globalFilteringFeature,\n  metaHelper,\n  rowExpandingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowSortingFeature,\n  sortFn_alphanumeric,\n  sortFn_alphanumericCaseSensitive,\n  sortFn_basic,\n  sortFn_datetime,\n  sortFn_text,\n  sortFn_textCaseSensitive,\n  tableFeatures,\n} from '@tanstack/react-table';\nimport type { CSSProperties, ReactNode } from 'react';\n\ninterface FuzzyFilterMeta {\n  itemRank?: RankingInfo;\n}\n\n// Defined outside Table component so tableFeatures() is called once, not on every render.\nexport const TABLE_FEATURES = tableFeatures({\n  rowSortingFeature,\n  rowSelectionFeature,\n  columnVisibilityFeature,\n  columnResizingFeature,\n  columnSizingFeature,\n  columnFilteringFeature,\n  globalFilteringFeature,\n  rowExpandingFeature,\n  rowPaginationFeature,\n  sortedRowModel: createSortedRowModel(),\n  paginatedRowModel: createPaginatedRowModel(),\n  expandedRowModel: createExpandedRowModel(),\n  filteredRowModel: createFilteredRowModel(),\n  filterMeta: metaHelper<FuzzyFilterMeta>(),\n  // Registers TanStack Table's built-in sort functions so that columns without\n  // an explicit `sortingFn` can rely on auto-detection (e.g. `datetime` for\n  // `Date` values, `alphanumeric`/`text` for strings) instead of throwing/warning\n  sortFns: {\n    alphanumeric: sortFn_alphanumeric,\n    alphanumericCaseSensitive: sortFn_alphanumericCaseSensitive,\n    basic: sortFn_basic,\n    datetime: sortFn_datetime,\n    text: sortFn_text,\n    textCaseSensitive: sortFn_textCaseSensitive,\n  },\n});\n\nexport type TableFeatures = typeof TABLE_FEATURES;\n\nexport const DEFAULT_COLUMN_WIDTH = 150;\nexport const DEFAULT_COLUMN_MIN_WIDTH = 60;\nexport const DEFAULT_COLUMN_MAX_WIDTH = 1000;\nexport const DEFAULT_COLUMN_HEIGHT = 40;\n\nexport type TableDensity = 'compact' | 'standard' | 'comfortable';\nexport type SortDirection = 'asc' | 'desc' | undefined;\n\nexport type TableRowEventOpts = {\n  /**\n   * Unique identifier for the row.\n   */\n  id: string;\n\n  /**\n   * Index of the row in the original data.\n   */\n  index: number;\n};\n\nexport interface TableProps<TableData extends RowData, CellValueType extends CellData = CellData> {\n  /**\n   * Height of the table.\n   */\n  height: number;\n\n  /**\n   * Width of the table.\n   */\n  width: number | string;\n\n  /**\n   * Array of data to render in the table. Each entry in the array will be\n   * rendered as a row in the table.\n   */\n  data: TableData[];\n\n  /**\n   * Array of column configuration for the table. Each entry in the array will\n   * be rendered as a column header and impact the rendering of cells within\n   * table rows.\n   */\n  columns: Array<TableColumnConfig<TableData, CellValueType>>;\n\n  /**\n   * Custom render cell configurations. Each entry of the object should be an\n   * id for cell `${rowIndex}_${columnIndex}`, can apply custom text, text color\n   * and background color.\n   */\n  cellConfigs?: TableCellConfigs;\n\n  /**\n   * The density of the table layout. This impacts the size and space taken up\n   * by content in the table (e.g. font size, padding).\n   */\n  density?: TableDensity;\n\n  /**\n   *  When using \"auto\", the table will try to automatically adjust the width of columns to fit without overflowing.\n   *  If there is not enough width for each column, the display can unreadable.\n   */\n  defaultColumnWidth?: 'auto' | number;\n\n  /**\n   *  When using \"auto\", the table will calculate the cell height based on the line height of the theme and the density setting of the table.\n   */\n  defaultColumnHeight?: 'auto' | number;\n\n  /**\n   * When `true`, the first column of the table will include checkboxes.\n   */\n  checkboxSelection?: boolean;\n\n  /**\n   * Determines the behavior of row selection.\n   *\n   * - `standard`: clicking a checkbox will toggle that rows's selected/unselected\n   *    state and will not impact other rows.\n   * - `legend`: clicking a checkbox will \"focus\" that row by selecting it and\n   *    unselecting other rows. Clicking a checkbox with a modifier key pressed,\n   *    will change this behavior to behave like `standard`.\n   *\n   * @default 'standard'\n   */\n  rowSelectionVariant?: 'standard' | 'legend';\n\n  /**\n   * State of selected rows in the table when `checkboxSelection` is enabled.\n   *\n   * Selected row state is a controlled value that should be managed using a\n   * combination of this prop and `onRowSelectionChange`.\n   */\n  rowSelection?: RowSelectionState;\n\n  /**\n   * Callback fired when the mouse is moved over a table row.\n   */\n  onRowMouseOver?: (e: React.MouseEvent, opts: TableRowEventOpts) => void;\n\n  /**\n   * Callback fired when the mouse is moved out of a table row.\n   */\n  onRowMouseOut?: (e: React.MouseEvent, opts: TableRowEventOpts) => void;\n\n  /**\n   * State of the column sorting in the table.\n   *\n   * The column sorting is a controlled value that should be managed using a\n   * combination fo this prop and `onSortingChange`.\n   */\n  sorting?: SortingState;\n\n  /**\n   * Callback fired when the selected rows in the table changes.\n   */\n  onRowSelectionChange?: (rowSelection: RowSelectionState) => void;\n\n  /**\n   * Callback fired when the table sorting changes.\n   */\n  onSortingChange?: (sorting: SortingState) => void;\n\n  /**\n   * State of the pagination in the table.\n   * Default: undefined, i.e. pagination is disabled.\n   */\n  pagination?: PaginationState;\n\n  /**\n   * Callback fired when the table pagination changes.\n   */\n  onPaginationChange?: (pagination: PaginationState) => void;\n\n  /**\n   * Function used to determine the unique identifier used for each row. This\n   * value is used to key `rowSelection`. If this value is not set, the index\n   * is used as the unique identifier.\n   */\n  getRowId?: TableOptions<TableFeatures, TableData>['getRowId'];\n\n  /**\n   * Function used to determine the color of the checkbox when `checkboxSelection`\n   * is enabled. If not set, a default color is used.\n   */\n  getCheckboxColor?: (rowData: TableData) => string;\n\n  /**\n   * Item actions to render for each row.\n   */\n  getItemActions?: ({ id, data }: { id: string; data: TableData }) => ReactNode[];\n\n  /**\n   * Item actions should be created\n   */\n  hasItemActions?: boolean;\n\n  /**\n   * Returns the sub rows for a given row, or `undefined` if there are none.\n   */\n  getSubRows?: (originalRow: TableData, index: number) => undefined | TableData[];\n\n  /**\n   * List of column ids that should be hidden when the table is initially rendered.\n   */\n  hiddenColumns?: string[];\n\n  /**\n   * Configuration for the table toolbar at the top of table, which includes the search input and column filter button.\n   * If not provided, the toolbar will not be rendered.\n   */\n  tableToolbarConfig?: TableToolbarConfig;\n\n  /**\n   * Determines when column resizing updates the column width.\n   * When set to `onChange`, the column width will update as the user drags the resize handle.\n   * When set to `onEnd`, the column width will only update when the user releases the resize handle.\n   * @default 'onChange'\n   */\n  columnResizeMode?: 'onChange' | 'onEnd';\n\n  /**\n   * Default configuration applied to all columns in the table. Individual\n   * column configurations can override these values. Useful for setting\n   * consistent constraints (e.g. min/max width) or enabling resizing across\n   * all columns without repeating the configuration per column.\n   */\n  defaultColumnConfig?: DefaultColumnConfig;\n}\n\nexport interface DefaultColumnConfig {\n  /**\n   * Minimum width of a column in pixels.\n   * @default 60\n   */\n  minWidth?: number;\n\n  /**\n   * Maximum width of a column in pixels.\n   * @default 1000\n   */\n  maxWidth?: number;\n\n  /**\n   * When `true`, columns will be resizable by dragging the column header border.\n   * @default false\n   */\n  enableResizing?: boolean;\n}\n\nexport type FuzzyMatchThreshold = keyof typeof rankings;\n\nexport type TableToolbarConfig = {\n  /**\n   * When `true`, a search bar will be rendered above the table that allows\n   * the user to filter rows using a fuzzy global filter.\n   */\n  isSearchEnabled?: boolean;\n\n  /**\n   * When `isSearchEnabled` is `true`, this determines how fuzzy the matching should be when filtering results.\n   * @default 'CONTAINS'\n   */\n  fuzzyMatchThreshold?: FuzzyMatchThreshold;\n\n  /**\n   * When `true`, a \"Columns\" button will be rendered above the table that\n   * opens a dropdown allowing the user to toggle column visibility.\n   */\n  isColumnFilterEnabled?: boolean;\n\n  /**\n   * Max height for the column filter menu.\n   */\n  columnFilterMenuMaxHeight?: number | string;\n};\n\nfunction calculateTableCellHeight(lineHeight: CSSProperties['lineHeight'], paddingY: string): number {\n  // Doing a bunch of math to enforce height to avoid weirdness with mismatched\n  // heights based on customization of cell contents.\n  const lineHeightNum = typeof lineHeight === 'string' ? parseInt(lineHeight, 10) : (lineHeight ?? 0);\n  const verticalPaddingNum = typeof paddingY === 'string' ? parseInt(paddingY, 10) : paddingY;\n\n  return lineHeightNum + verticalPaddingNum * 2;\n}\n\ntype TableCellLayout = NonNullable<Pick<React.CSSProperties, 'padding' | 'fontSize' | 'lineHeight'>> & {\n  height: number;\n};\n\ntype GetTableCellLayoutOpts = {\n  isHeader?: boolean;\n  isLastColumn?: boolean;\n  isFirstColumn?: boolean;\n  defaultColumnHeight?: 'auto' | number;\n};\n\n/**\n * Returns the properties to lay out the content of table cells based on the\n * theme and density.\n */\nexport function getTableCellLayout(\n  theme: Theme,\n  density: TableDensity,\n  { isHeader, isLastColumn, isFirstColumn, defaultColumnHeight }: GetTableCellLayoutOpts = {},\n): TableCellLayout {\n  // Density Standard\n  let paddingY = theme.spacing(1);\n  let basePaddingX = theme.spacing(1.25);\n  let edgePaddingX = theme.spacing(2);\n  let paddingLeft = isFirstColumn ? edgePaddingX : basePaddingX;\n  let paddingRight = isLastColumn ? edgePaddingX : basePaddingX;\n  let lineHeight = theme.typography.body1.lineHeight;\n  let fontSize = theme.typography.body1.fontSize;\n\n  if (density === 'compact') {\n    paddingY = theme.spacing(0.5);\n    basePaddingX = theme.spacing(0.5);\n    edgePaddingX = theme.spacing(1);\n    paddingLeft = isFirstColumn ? edgePaddingX : basePaddingX;\n    paddingRight = isLastColumn ? edgePaddingX : basePaddingX;\n    lineHeight = theme.typography.body2.lineHeight;\n    fontSize = theme.typography.body2.fontSize;\n  }\n\n  if (density === 'comfortable') {\n    paddingY = theme.spacing(2);\n    basePaddingX = theme.spacing(1.5);\n    edgePaddingX = theme.spacing(2);\n    paddingLeft = isFirstColumn ? edgePaddingX : basePaddingX;\n    paddingRight = isLastColumn ? edgePaddingX : basePaddingX;\n    lineHeight = theme.typography.body1.lineHeight;\n    fontSize = theme.typography.body1.fontSize;\n  }\n\n  const height =\n    isHeader || !defaultColumnHeight || defaultColumnHeight === 'auto'\n      ? calculateTableCellHeight(lineHeight, paddingY)\n      : defaultColumnHeight;\n\n  return {\n    padding: `${paddingY} ${paddingRight} ${paddingY} ${paddingLeft}`,\n    height: height,\n    fontSize: fontSize,\n    lineHeight: lineHeight,\n  };\n}\n\nexport type TableCellAlignment = 'left' | 'right' | 'center';\n\nexport interface TableCellConfigs {\n  [id: string]: TableCellConfig;\n}\n\nexport interface TableCellConfig {\n  text?: string;\n  textColor?: string;\n  backgroundColor?: string;\n}\n\n// Overrides of meta value, so it can have a meaningful type in our code instead\n// of `any`. Putting this in the model instead of a separate .d.ts file because\n// I couldn't get it to work properly that way and punted on figuring it out\n// after trying several things.\ndeclare module '@tanstack/table-core' {\n  interface ColumnMeta<TFeatures extends TableFeaturesBase, TData extends RowData, TValue> {\n    align?: TableColumnConfig<TData>['align'];\n    headerDescription?: TableColumnConfig<TData>['headerDescription'];\n    cellDescription?: TableColumnConfig<TData>['cellDescription'];\n    dataLink?: TableColumnConfig<TData>['dataLink'];\n  }\n}\n\n// Column link settings\n// The URL could be set to a static link or could be constructed dynamically\n// The URL may include reference to the variables or neighboring cells in the row\nexport type DataLink = Omit<Link, 'name'>;\n\n// Only exposing a very simplified version of the very extensive column definitions\n// possible with tanstack table to make it easier for us to control rendering\n// and functionality.\n/**\n * Cell values default to `unknown`. In cell callbacks, use `getValue<ValueType>()`\n * when the column's value type is known, or narrow the value before using it.\n */\nexport interface TableColumnConfig<TableData extends RowData, TValue extends CellData = CellData> extends Pick<\n  AccessorKeyColumnDef<TableFeatures, TableData, TValue>,\n  'accessorKey' | 'cell' | 'id' | 'enableResizing'\n> {\n  /**\n   * Text to display in the header for the column.\n   */\n  header: string;\n\n  /**\n   * Alignment of the content in the cell.\n   */\n  align?: TableCellAlignment;\n\n  /**\n   * Text to display when hovering over a cell. This can be useful for\n   * providing additional information about the column when the content is\n   * ellipsized to fit in the space.\n   *\n   * If set to `true`, it will use the value generated by the `cell` prop if it\n   * can be treated as a string.\n   */\n  cellDescription?: ((props: CellContext<TableFeatures, TableData, TValue>) => string) | boolean | undefined;\n\n  /**\n   * When `true`, the column will be sortable.\n   * @default false\n   */\n  enableSorting?: boolean;\n\n  /**\n   * The sorting function to use with this column.\n   * - A `string` referencing a built-in sorting function\n   * - A custom sorting function\n   */\n  sortingFn?: SortFnOption<TableFeatures, TableData>;\n  /**\n   * Text to display when hovering over the header text. This can be useful for\n   * providing additional information about the column when you want to keep the\n   * header text relatively short to manage the column width.\n   */\n  headerDescription?: string;\n\n  // Tanstack Table does not support an \"auto\" value to naturally size to fit\n  // the space in a table. Adding a custom setting to manage this ourselves.\n  /**\n   * Width of the column when rendered in a table. It should be a number in pixels\n   * or \"auto\" to allow the table to automatically adjust the width to fill\n   * space.\n   * @default 'auto'\n   */\n  width?: number | 'auto';\n\n  /**\n   * Dynamic link setting. If available the the cell content should turn into\n   * a link with the value of the cell as the dynamic section\n   */\n  dataLink?: DataLink;\n}\n\n/**\n * Takes in a perses table column and transforms it into a tanstack column.\n */\nexport function persesColumnsToTanstackColumns<TableData extends RowData>(\n  columns: Array<TableColumnConfig<TableData>>,\n  defaultColumnConfig?: DefaultColumnConfig,\n): Array<ColumnDef<TableFeatures, TableData>> {\n  return columns.map(\n    ({\n      width,\n      align,\n      headerDescription,\n      cellDescription,\n      enableSorting,\n      dataLink,\n      enableResizing,\n      sortingFn,\n      ...otherProps\n    }) => {\n      const isResizingEnabled = enableResizing ?? defaultColumnConfig?.enableResizing ?? false;\n      const sizeProps =\n        width === 'auto' || width === undefined\n          ? getDefaultSizeProps(isResizingEnabled, defaultColumnConfig?.minWidth, defaultColumnConfig?.maxWidth)\n          : getUserProvidedSizeProps(\n              isResizingEnabled,\n              width,\n              defaultColumnConfig?.minWidth,\n              defaultColumnConfig?.maxWidth,\n            );\n\n      return {\n        ...otherProps,\n        ...sizeProps,\n\n        // Default sorting to false, so it is very explicitly set per column.\n        enableSorting: !!enableSorting,\n        ...(sortingFn ? { sortFn: sortingFn } : {}),\n        enableResizing: isResizingEnabled,\n\n        // Open-ended store for extra metadata in TanStack Table, so you can bake\n        // in your own features.\n        meta: {\n          align,\n          headerDescription,\n          cellDescription,\n          dataLink,\n        },\n      };\n    },\n  );\n}\n\nfunction getUserProvidedSizeProps(\n  isResizingEnabled: boolean,\n  width: number,\n  minWidth?: number,\n  maxWidth?: number,\n): Pick<ColumnDef<TableFeatures, RowData>, 'size' | 'minSize' | 'maxSize'> {\n  // When resizing is enabled, we need to set min and max size to ensure the column can be resized within a reasonable range.\n  return isResizingEnabled\n    ? {\n        size: width,\n        minSize: minWidth ?? DEFAULT_COLUMN_MIN_WIDTH,\n        maxSize: maxWidth ?? DEFAULT_COLUMN_MAX_WIDTH,\n      }\n    : {\n        size: width,\n      };\n}\n\nfunction getDefaultSizeProps(\n  isResizingEnabled: boolean,\n  minWidth?: number,\n  maxWidth?: number,\n): Pick<ColumnDef<TableFeatures, RowData>, 'size' | 'minSize' | 'maxSize'> {\n  return isResizingEnabled\n    ? {\n        // When resizing is enabled, we need to set a default size for the column\n        // so that relative value can be calculated when resizing and column is visible.\n        size: DEFAULT_COLUMN_WIDTH,\n        minSize: minWidth ?? DEFAULT_COLUMN_MIN_WIDTH,\n        maxSize: maxWidth ?? DEFAULT_COLUMN_MAX_WIDTH,\n      }\n    : // Tanstack Table does not support an \"auto\" value to naturally size to fit\n      // the space in a table. We translate our custom \"auto\" setting to 0 size\n      // for these columns, so it is easy to fall back to auto when rendering.\n      // Taking from a recommendation in this github discussion:\n      // https://github.com/TanStack/table/discussions/4179#discussioncomment-3631326\n      {\n        // All zero values are used as shorthand for \"auto\" when rendering\n        // because it makes it easy to fall back. (e.g. `row.size || \"auto\"`)\n        size: 0,\n        minSize: 0,\n        maxSize: 0,\n      };\n}\n"],"names":["columnFilteringFeature","columnResizingFeature","columnSizingFeature","columnVisibilityFeature","createExpandedRowModel","createFilteredRowModel","createPaginatedRowModel","createSortedRowModel","globalFilteringFeature","metaHelper","rowExpandingFeature","rowPaginationFeature","rowSelectionFeature","rowSortingFeature","sortFn_alphanumeric","sortFn_alphanumericCaseSensitive","sortFn_basic","sortFn_datetime","sortFn_text","sortFn_textCaseSensitive","tableFeatures","TABLE_FEATURES","sortedRowModel","paginatedRowModel","expandedRowModel","filteredRowModel","filterMeta","sortFns","alphanumeric","alphanumericCaseSensitive","basic","datetime","text","textCaseSensitive","DEFAULT_COLUMN_WIDTH","DEFAULT_COLUMN_MIN_WIDTH","DEFAULT_COLUMN_MAX_WIDTH","DEFAULT_COLUMN_HEIGHT","calculateTableCellHeight","lineHeight","paddingY","lineHeightNum","parseInt","verticalPaddingNum","getTableCellLayout","theme","density","isHeader","isLastColumn","isFirstColumn","defaultColumnHeight","spacing","basePaddingX","edgePaddingX","paddingLeft","paddingRight","typography","body1","fontSize","body2","height","padding","persesColumnsToTanstackColumns","columns","defaultColumnConfig","map","width","align","headerDescription","cellDescription","enableSorting","dataLink","enableResizing","sortingFn","otherProps","isResizingEnabled","sizeProps","undefined","getDefaultSizeProps","minWidth","maxWidth","getUserProvidedSizeProps","sortFn","meta","size","minSize","maxSize"],"mappings":"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"}