@coveord/plasma-mantine 56.11.0 → 56.13.0

package/src/components/Table/table-columns-selector/TableColumnsSelector.tsx

@@ -1,6 +1,5 @@
 import {IconSettings} from '@coveord/plasma-react-icons';
 import {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';
-import {useDisclosure} from '@mantine/hooks';
 import {flexRender, Header, Table} from '@tanstack/react-table';
 import {ActionIcon} from '../../ActionIcon/ActionIcon';
 
@@ -29,7 +28,7 @@ export interface TableColumnsSelectorOptions {
     alwaysVisibleTooltip?: string;
 }
 
-export interface TableColumnsSelectorHeaderProps {
+export interface TableColumnsSelectorProps {
     table: Table<unknown>;
     options?: TableColumnsSelectorOptions;
 }
@@ -42,14 +41,12 @@ const DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {
     alwaysVisibleTooltip: 'This column is always visible.',
 };
 
-export const TableColumnsSelectorHeader = ({table, options}: TableColumnsSelectorHeaderProps) => {
+export const TableColumnsSelector = ({table, options}: TableColumnsSelectorProps) => {
     const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {
         ...DEFAULT_OPTIONS,
         ...options,
     };
 
-    const [opened, {toggle, close}] = useDisclosure(false);
-
     const allColumns = table.getAllLeafColumns();
     const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);
     const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;
@@ -101,11 +98,13 @@ export const TableColumnsSelectorHeader = ({table, options}: TableColumnsSelecto
     });
 
     return (
-        <Popover opened={opened} onClose={close} position="bottom-end" shadow="md">
+        <Popover position="bottom-end" shadow="md">
             <Popover.Target>
-                <ActionIcon.Tertiary onClick={toggle} aria-label="settings">
-                    <IconSettings height={16} />
-                </ActionIcon.Tertiary>
+                <Tooltip label="Edit columns">
+                    <ActionIcon.Tertiary aria-label="settings">
+                        <IconSettings height={16} />
+                    </ActionIcon.Tertiary>
+                </Tooltip>
             </Popover.Target>
             <Popover.Dropdown miw={270} pb="xs">
                 <ScrollArea.Autosize mah={200} type="auto">

package/src/components/Tabs/Tabs.ts

@@ -1 +1,8 @@
+import {Tabs} from '@mantine/core';
+
+Tabs.displayName = 'Tabs';
+Tabs.List.displayName = 'Tabs.List';
+Tabs.Tab.displayName = 'Tabs.Tab';
+Tabs.Panel.displayName = 'Tabs.Panel';
+
 export {Tabs, type TabsFactory, type TabsProps} from '@mantine/core';

package/src/components/Tooltip/Tooltip.ts

@@ -1 +1,5 @@
+import {Tooltip} from '@mantine/core';
+
+Tooltip.displayName = 'Tooltip';
+
 export {Tooltip, type TooltipFactory, type TooltipProps} from '@mantine/core';