@coveord/plasma-mantine 56.16.0 → 56.18.0

package/src/components/Table/Table.module.css

@@ -114,10 +114,6 @@
     }
 }
 
-.lastUpdatedRoot {
-    min-height: 98px;
-}
-
 .lastUpdatedLabel {
     color: var(--mantine-color-text);
 }

package/src/components/Table/table-date-range-picker/TableDateRangePicker.tsx

@@ -8,7 +8,8 @@ import {useTableContext} from '../TableContext.js';
 export type TableDateRangePickerStylesNames = 'dateRangeRoot';
 
 export interface TableDateRangePickerProps
-    extends BoxProps,
+    extends
+        BoxProps,
         CompoundStylesApiProps<TableDateRangePickerFactory>,
         Pick<DateRangePickerProps, 'placeholder' | 'startProps' | 'endProps' | 'rangeCalendarProps'> {
     /**
@@ -80,3 +81,5 @@ export const TableDateRangePicker = factory<TableDateRangePickerFactory>((props,
         </Grid.Col>
     );
 });
+
+TableDateRangePicker.displayName = 'Table.DateRangePicker';

package/src/components/Table/table-filter/TableFilter.tsx

@@ -88,3 +88,5 @@ export const TableFilter = factory<TableFilterFactory>((props, ref) => {
         </Grid.Col>
     );
 });
+
+TableFilter.displayName = 'Table.Filter';

package/src/components/Table/table-footer/TableFooter.tsx

@@ -8,3 +8,5 @@ export interface TableFooterProps extends GroupProps {
 export const TableFooter: FunctionComponent<TableFooterProps> = ({...others}) => (
     <Group justify="space-between" px="xl" py="md" {...others} />
 );
+
+TableFooter.displayName = 'Table.Footer';

package/src/components/Table/table-header/TableHeader.tsx

@@ -4,15 +4,14 @@ import {ReactNode} from 'react';
 
 import {Button} from '../../Button/Button.js';
 import {TableLayoutControl} from '../layouts/TableLayoutControl.js';
-import {TableComponentsOrder} from '../Table.js';
 import {TableHeaderActions} from '../table-actions/TableHeaderActions.js';
+import {TableComponentsOrder} from '../Table.js';
 import {useTableContext} from '../TableContext.js';
 
 export type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';
 
 export interface TableHeaderProps
-    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>,
-        CompoundStylesApiProps<TableHeaderFactory> {
+    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<TableHeaderFactory> {
     /* Children of header (ie: actions, datepicker, etc.) */
     children?: ReactNode;
     unselectAllLabel?: string;
@@ -103,3 +102,5 @@ export const TableHeader = factory<TableHeaderFactory>((props, ref) => {
         </Box>
     );
 });
+
+TableHeader.displayName = 'Table.Header';

package/src/components/Table/table-last-updated/TableLastUpdated.tsx

@@ -7,9 +7,7 @@ import {useTableContext} from '../TableContext.js';
 export type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';
 
 export interface TableLastUpdatedProps
-    extends BoxProps,
-        CompoundStylesApiProps<TableLastUpdatedFactory>,
-        Pick<LastUpdatedProps, 'label'> {}
+    extends BoxProps, CompoundStylesApiProps<TableLastUpdatedFactory>, Pick<LastUpdatedProps, 'label'> {}
 
 export type TableLastUpdatedFactory = Factory<{
     props: TableLastUpdatedProps;
@@ -49,3 +47,5 @@ export const TableLastUpdated = factory<TableLastUpdatedFactory>((props, ref) =>
         />
     );
 });
+
+TableLastUpdated.displayName = 'Table.LastUpdated';

package/src/components/Table/table-loading/TableLoading.tsx

@@ -6,3 +6,5 @@ export const TableLoading: FunctionComponent<SkeletonProps> = (props) => (
         {props.children}
     </Skeleton>
 );
+
+TableLoading.displayName = 'Table.Loading';

package/src/components/Table/table-no-data/TableNoData.tsx

@@ -5,3 +5,5 @@ export interface TableNoDataProps {
 }
 
 export const TableNoData: FunctionComponent<TableNoDataProps> = ({children}) => <>{children}</>;
+
+TableNoData.displayName = 'Table.NoData';

package/src/components/Table/table-pagination/TablePagination.tsx

@@ -2,8 +2,8 @@ import {Pagination} from '@mantine/core';
 import {useDidUpdate} from '@mantine/hooks';
 import {FunctionComponent} from 'react';
 
-import {TablePaginationProps} from './TablePagination.types.js';
 import {useTableContext} from '../TableContext.js';
+import {TablePaginationProps} from './TablePagination.types.js';
 
 export const TablePagination: FunctionComponent<TablePaginationProps> = ({onPageChange}) => {
     const {store, table, containerRef} = useTableContext();
@@ -46,3 +46,5 @@ export const TablePagination: FunctionComponent<TablePaginationProps> = ({onPage
         />
     );
 };
+
+TablePagination.displayName = 'Table.Pagination';

package/src/components/Table/table-per-page/TablePerPage.tsx

@@ -30,4 +30,5 @@ export const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE:
     ) : null;
 };
 
+TablePerPage.displayName = 'Table.PerPage';
 TablePerPage.DEFAULT_SIZE = 50;

package/src/components/Table/table-predicate/TablePredicate.tsx

@@ -19,7 +19,8 @@ import {useTableContext} from '../TableContext.js';
 export type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';
 
 export interface TablePredicateProps
-    extends BoxProps,
+    extends
+        BoxProps,
         Pick<SelectProps, 'renderOption' | 'comboboxProps'>,
         CompoundStylesApiProps<TablePredicateFactory> {
     /**
@@ -83,3 +84,5 @@ export const TablePredicate: FunctionComponent<TablePredicateProps> = factory<Ta
         </Grid.Col>
     );
 });
+
+TablePredicate.displayName = 'Table.Predicate';