@coveord/plasma-mantine 52.12.0 → 52.13.0

package/src/components/table/Table.tsx

@@ -1,7 +1,14 @@
 import {Box, Center, Loader} from '@mantine/core';
 import {useForm} from '@mantine/form';
 import {useDidUpdate} from '@mantine/hooks';
-import {ColumnDef, getCoreRowModel, Row, TableState as TanstackTableState, useReactTable} from '@tanstack/react-table';
+import {
+    ColumnDef,
+    defaultColumnSizing,
+    getCoreRowModel,
+    Row,
+    TableState as TanstackTableState,
+    useReactTable,
+} from '@tanstack/react-table';
 import debounce from 'lodash.debounce';
 import defaultsDeep from 'lodash.defaultsdeep';
 import {Children, cloneElement, Dispatch, ReactElement, useCallback, useEffect, useState} from 'react';
@@ -73,6 +80,11 @@ export const Table: TableType = <T,>({
         getRowId,
         getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,
         enableRowSelection: !loading,
+        defaultColumn: {
+            size: undefined,
+            minSize: defaultColumnSizing.minSize,
+            maxSize: defaultColumnSizing.maxSize,
+        },
         ...options,
     });
 

package/src/components/table/Th.tsx

@@ -11,7 +11,7 @@ const useStyles = createStyles((theme, columnSizing: {size: number; minSize: num
         textAlign: 'left',
         color: theme.colors.gray[6],
         backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[8] : theme.colors.gray[0],
-        width: columnSizing.size,
+        width: columnSizing.size ?? 'auto',
         minWidth: columnSizing.minSize,
         maxWidth: columnSizing.maxSize,
     },

package/src/components/table/layouts/RowLayout.tsx

@@ -155,7 +155,7 @@ const RowLayoutBody = <T,>({
                                 key={cell.id}
                                 data-testid={cell.id}
                                 style={{
-                                    width: columnSizing.size,
+                                    width: columnSizing.size ?? 'auto',
                                     minWidth: columnSizing.minSize,
                                     maxWidth: columnSizing.maxSize,
                                 }}

package/src/theme/Theme.tsx

@@ -7,6 +7,7 @@ import {
     type NotificationProps,
     type StepperStylesParams,
     type TabsStylesParams,
+    getStylesRef,
 } from '@mantine/core';
 
 import {PlasmaColors} from './PlasmaColors';
@@ -371,5 +372,22 @@ export const plasmaTheme: MantineThemeOverride = {
                 },
             }),
         },
+        NavLink: {
+            styles: (theme) => ({
+                root: {
+                    color: theme.colors.gray[6],
+                    borderRadius: `${theme.defaultRadius}px 0px 0px ${theme.defaultRadius}px`,
+                },
+                label: {
+                    ref: getStylesRef('label'),
+                    fontWeight: 500,
+                },
+                children: {
+                    [`.${getStylesRef('label')}`]: {
+                        fontWeight: 300,
+                    },
+                },
+            }),
+        },
     },
 };