@indico-data/design-system 2.60.12 → 2.60.13

package/lib/components/tanstackTable/TankstackTable.types.d.ts

@@ -1,4 +1,4 @@
-import { Row, ColumnDef } from '@tanstack/react-table';
+import { Row, ColumnDef, SortingState } from '@tanstack/react-table';
 export type WithPaginationProps = {
     rowsPerPage: number;
     rowCount: number;
@@ -43,4 +43,5 @@ export type Props<T extends object> = {
     rowSelection?: Record<string, boolean>;
     onRowSelectionChange?: (updater: Record<string, boolean>) => void;
     onSelectAllChange?: (isSelected: boolean) => void;
+    defaultSorting?: SortingState;
 } & PaginationProps;

package/lib/components/tanstackTable/TanstackTable.d.ts

@@ -1,4 +1,4 @@
 import { Props } from './TankstackTable.types';
-export declare function TanstackTable<T extends object>({ columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage, onChangePage, totalEntriesText, TableActions, error, enableRowSelection, clearFilters, hasFilters, showPagination, isLoading, defaultPinnedColumns, onRowClick, activeRows, isStriped, actionBarClassName, ...rest }: Props<T & {
+export declare function TanstackTable<T extends object>({ columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage, onChangePage, totalEntriesText, TableActions, error, enableRowSelection, clearFilters, hasFilters, showPagination, isLoading, defaultPinnedColumns, onRowClick, activeRows, isStriped, actionBarClassName, defaultSorting, ...rest }: Props<T & {
     id: string;
 }>): import("react/jsx-runtime").JSX.Element;

package/lib/index.d.ts

@@ -10,7 +10,7 @@ import { Props as Props$4 } from 'react-select';
 import { DateRange, OnSelectHandler, Mode, CustomComponents, Matcher, Formatters, MonthChangeEventHandler, DayEventHandler } from 'react-day-picker';
 export { DateRange } from 'react-day-picker';
 import { IconName as IconName$2 } from '@/types';
-import { ColumnDef, Row as Row$1 } from '@tanstack/react-table';
+import { ColumnDef, Row as Row$1, SortingState } from '@tanstack/react-table';
 export { ColumnDef, SortingFn, SortingState, Column as TanstackTableColumnType, Row as TanstackTableRowType, Table as TanstackTableType, flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import { PlacesType } from 'react-tooltip';
 export { ToastContainer, toast } from 'react-toastify';
@@ -607,9 +607,10 @@ type Props<T extends object> = {
     rowSelection?: Record<string, boolean>;
     onRowSelectionChange?: (updater: Record<string, boolean>) => void;
     onSelectAllChange?: (isSelected: boolean) => void;
+    defaultSorting?: SortingState;
 } & PaginationProps$1;
 
-declare function TanstackTable<T extends object>({ columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage, onChangePage, totalEntriesText, TableActions, error, enableRowSelection, clearFilters, hasFilters, showPagination, isLoading, defaultPinnedColumns, onRowClick, activeRows, isStriped, actionBarClassName, ...rest }: Props<T & {
+declare function TanstackTable<T extends object>({ columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage, onChangePage, totalEntriesText, TableActions, error, enableRowSelection, clearFilters, hasFilters, showPagination, isLoading, defaultPinnedColumns, onRowClick, activeRows, isStriped, actionBarClassName, defaultSorting, ...rest }: Props<T & {
     id: string;
 }>): react_jsx_runtime.JSX.Element;
 

package/lib/index.esm.js

@@ -41462,13 +41462,13 @@ const TableBody = ({ table, onRowClick, isLoading, columnsLength, activeRows, })
 };
 
 function TanstackTable(_a) {
-    var { columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage = 1000, onChangePage, totalEntriesText, TableActions, error, enableRowSelection = true, clearFilters, hasFilters, showPagination = true, isLoading = false, defaultPinnedColumns, onRowClick, activeRows = [], isStriped = true, actionBarClassName } = _a, rest = __rest(_a, ["columns", "data", "className", "currentPage", "rowCount", "rowsPerPage", "onChangePage", "totalEntriesText", "TableActions", "error", "enableRowSelection", "clearFilters", "hasFilters", "showPagination", "isLoading", "defaultPinnedColumns", "onRowClick", "activeRows", "isStriped", "actionBarClassName"]);
+    var { columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage = 1000, onChangePage, totalEntriesText, TableActions, error, enableRowSelection = true, clearFilters, hasFilters, showPagination = true, isLoading = false, defaultPinnedColumns, onRowClick, activeRows = [], isStriped = true, actionBarClassName, defaultSorting } = _a, rest = __rest(_a, ["columns", "data", "className", "currentPage", "rowCount", "rowsPerPage", "onChangePage", "totalEntriesText", "TableActions", "error", "enableRowSelection", "clearFilters", "hasFilters", "showPagination", "isLoading", "defaultPinnedColumns", "onRowClick", "activeRows", "isStriped", "actionBarClassName", "defaultSorting"]);
     const { columns, defaultData, windowWidth, rowSelection, // This refers to the checkboxes.
     setRowSelection, formattedColumns, setFormattedColumns, } = useTanstackTable({
         defaultColumns,
     });
     // handles internal sorting state.
-    const [sorting, setSorting] = useState([]);
+    const [sorting, setSorting] = useState(defaultSorting !== null && defaultSorting !== void 0 ? defaultSorting : []);
     const thRefs = useRef({});
     // Auto-compute column widths based on current table header cell widths for columns without a defined size.
     useEffect(() => {