@indico-data/design-system 2.60.11 → 2.60.12

package/lib/components/tanstackTable/docs/internalSorting/InternalClientSideSorting.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TanstackTable } from '../../TanstackTable';
+import { Person } from '../../mock-data/mock-data';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof TanstackTable<Person>>;
+export declare const InternalClientSideSorting: Story;

package/lib/index.css

@@ -2326,6 +2326,9 @@ body div[class*=select__single-value] {
   border-radius: var(--pf-rounded-lg);
   width: 100%;
 }
+.tanstack-table__tbody tr td {
+  padding: var(--pf-padding-2) var(--pf-padding-3);
+}
 .tanstack-table.is-striped .tanstack-table__tbody tr:nth-child(odd) td {
   background-color: var(--pf-tanstack-table-stripe-color);
 }

package/lib/index.esm.css

@@ -2326,6 +2326,9 @@ body div[class*=select__single-value] {
   border-radius: var(--pf-rounded-lg);
   width: 100%;
 }
+.tanstack-table__tbody tr td {
+  padding: var(--pf-padding-2) var(--pf-padding-3);
+}
 .tanstack-table.is-striped .tanstack-table__tbody tr:nth-child(odd) td {
   background-color: var(--pf-tanstack-table-stripe-color);
 }

package/lib/index.esm.js

@@ -41467,6 +41467,8 @@ function TanstackTable(_a) {
     setRowSelection, formattedColumns, setFormattedColumns, } = useTanstackTable({
         defaultColumns,
     });
+    // handles internal sorting state.
+    const [sorting, setSorting] = useState([]);
     const thRefs = useRef({});
     // Auto-compute column widths based on current table header cell widths for columns without a defined size.
     useEffect(() => {
@@ -41481,7 +41483,8 @@ function TanstackTable(_a) {
     }, [data, columns, windowWidth]);
     const table = useReactTable(Object.assign(Object.assign({}, rest), { data: data !== null && data !== void 0 ? data : defaultData, columns: formattedColumns, state: {
             rowSelection,
-        }, enableRowSelection, onRowSelectionChange: setRowSelection, getCoreRowModel: getCoreRowModel(), manualPagination: true, getRowId: (row) => row === null || row === void 0 ? void 0 : row.id, initialState: {
+            sorting,
+        }, enableRowSelection, onRowSelectionChange: setRowSelection, getCoreRowModel: getCoreRowModel(), getSortedRowModel: getSortedRowModel(), onSortingChange: setSorting, manualPagination: true, getRowId: (row) => row === null || row === void 0 ? void 0 : row.id, initialState: {
             columnPinning: {
                 left: defaultPinnedColumns,
             },