@indico-data/design-system 2.59.0 → 2.59.1

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

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { TanstackTable } from './TanstakTable';
+import { TanstackTable } from './TanstackTable';
 import { Person } from './mock-data/mock-data';
 declare const meta: Meta;
 export default meta;

package/lib/components/tanstackTable/docs/pinnedColumns/PinnedColumn.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { TanstackTable } from '../../TanstakTable';
+import { TanstackTable } from '../../TanstackTable';
 import { Person } from '../../mock-data/mock-data';
 declare const meta: Meta;
 export default meta;

package/lib/components/tanstackTable/docs/withRowClick/WithRowClick.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { TanstackTable } from '../../TanstakTable';
+import { TanstackTable } from '../../TanstackTable';
 import { Person } from '../../mock-data/mock-data';
 declare const meta: Meta;
 export default meta;

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

@@ -1,2 +1,2 @@
 export type { ColumnDef, Row, Table } from '@tanstack/react-table';
-export { TanstackTable } from './TanstakTable';
+export { TanstackTable } from './TanstackTable';

package/lib/index.esm.js

@@ -41318,14 +41318,16 @@ function TanstackTable(_a) {
         defaultColumns,
     });
     const thRefs = useRef({});
-    // Sets formattedColumns with correct column widths
+    // Auto-compute column widths based on current table header cell widths for columns without a defined size.
     useEffect(() => {
-        const updatedColumns = [];
-        formattedColumns.forEach((column) => {
+        setFormattedColumns(formattedColumns.map((column) => {
+            var _a;
+            if ((_a = column.meta) === null || _a === void 0 ? void 0 : _a.styles.definedColumnSize) {
+                return column;
+            }
             const columnWidth = thRefs.current[column.id].offsetWidth;
-            updatedColumns.push(Object.assign(Object.assign({}, column), { size: columnWidth }));
-        });
-        setFormattedColumns(updatedColumns);
+            return Object.assign(Object.assign({}, column), { size: columnWidth });
+        }));
     }, [data, columns, windowWidth]);
     const table = useReactTable(Object.assign(Object.assign({}, rest), { data: data !== null && data !== void 0 ? data : defaultData, columns: formattedColumns, state: {
             rowSelection,