@indico-data/design-system 2.60.12 → 2.60.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "2.60.12",
+  "version": "2.60.13",
   "description": "",
   "author": "",
   "main": "lib/index.js",

package/src/components/tanstackTable/TankstackTable.types.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;
@@ -42,4 +42,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/src/components/tanstackTable/TanstackTable.stories.tsx

@@ -25,6 +25,15 @@ const meta: Meta = {
     isStriped: true,
   },
   argTypes: {
+    defaultSorting: {
+      description:
+        'You may pass a default sorting state to the table. This will be used to sort the table by default. This is useful if you want to sort the table by a column by default.',
+      control: false,
+      table: {
+        category: 'Props',
+        type: { summary: 'SortingState' },
+      },
+    },
     isStriped: {
       description: 'Striped rows',
       defaultValue: { summary: 'true' },

package/src/components/tanstackTable/TanstackTable.tsx

@@ -38,6 +38,7 @@ export function TanstackTable<T extends object>({
   activeRows = [],
   isStriped = true,
   actionBarClassName,
+  defaultSorting,
   ...rest
 }: Props<T & { id: string }>) {
   const {
@@ -53,7 +54,7 @@ export function TanstackTable<T extends object>({
   });
 
   // handles internal sorting state.
-  const [sorting, setSorting] = useState<SortingState>([]);
+  const [sorting, setSorting] = useState<SortingState>(defaultSorting ?? []);
   const thRefs = useRef<Record<string, HTMLTableCellElement | null>>({});
 
   // Auto-compute column widths based on current table header cell widths for columns without a defined size.