@coveord/plasma-mantine 55.2.1 → 55.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "55.2.1",
+  "version": "55.3.1",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -33,7 +33,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mantine/utils": "6.0.22",
     "@monaco-editor/react": "4.6.0",
-    "@swc/helpers": "0.5.13",
+    "@swc/helpers": "0.5.15",
     "@tanstack/react-table": "8.20.5",
     "@tanstack/table-core": "8.20.5",
     "clsx": "2.1.1",
@@ -42,20 +42,20 @@
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.52.0",
-    "@coveord/plasma-react-icons": "55.2.1",
-    "@coveord/plasma-tokens": "55.2.1"
+    "@coveord/plasma-react-icons": "55.3.1",
+    "@coveord/plasma-tokens": "55.3.1"
   },
   "devDependencies": {
-    "@mantine/carousel": "7.13.4",
-    "@mantine/code-highlight": "7.13.4",
-    "@mantine/core": "7.13.4",
-    "@mantine/dates": "7.13.4",
-    "@mantine/form": "7.13.4",
-    "@mantine/hooks": "7.13.4",
-    "@mantine/modals": "7.13.4",
-    "@mantine/notifications": "7.13.4",
+    "@mantine/carousel": "7.14.0",
+    "@mantine/code-highlight": "7.14.0",
+    "@mantine/core": "7.14.0",
+    "@mantine/dates": "7.14.0",
+    "@mantine/form": "7.14.0",
+    "@mantine/hooks": "7.14.0",
+    "@mantine/modals": "7.14.0",
+    "@mantine/notifications": "7.14.0",
     "@swc/cli": "0.5.0",
-    "@swc/core": "1.8.0",
+    "@swc/core": "1.9.2",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.0.1",
@@ -67,17 +67,17 @@
     "embla-carousel-react": "7.1.0",
     "identity-obj-proxy": "3.0.0",
     "jsdom": "25.0.1",
-    "postcss": "8.4.47",
+    "postcss": "8.4.49",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
     "publint": "0.2.12",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "sass": "1.80.6",
+    "sass": "1.80.7",
     "tslib": "2.8.1",
     "typescript": "5.6.3",
-    "vitest": "2.1.4"
+    "vitest": "2.1.5"
   },
   "peerDependencies": {
     "@mantine/carousel": "^7.6.1",

package/src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx

@@ -63,23 +63,24 @@ export const DateRangePickerPopoverCalendar = ({
 
     return (
         <>
-            <Group align="center">
-                <EditableDateRangePicker
-                    value={_value}
-                    onChange={handleChange}
-                    onFocus={() => setOpened(true)}
-                    startProps={startProps}
-                    endProps={endProps}
-                />
-                {presets ? (
-                    <>
-                        <Space w="sm" />
-                        <DateRangePickerPresetSelect presets={presets} value={_value} onChange={handleChange} />
-                    </>
-                ) : null}
-            </Group>
-
             <Popover opened={opened} onChange={setOpened} trapFocus>
+                <Popover.Target>
+                    <Group align="center">
+                        <EditableDateRangePicker
+                            value={_value}
+                            onChange={handleChange}
+                            onFocus={() => setOpened(true)}
+                            startProps={startProps}
+                            endProps={endProps}
+                        />
+                        {presets ? (
+                            <>
+                                <Space w="sm" />
+                                <DateRangePickerPresetSelect presets={presets} value={_value} onChange={handleChange} />
+                            </>
+                        ) : null}
+                    </Group>
+                </Popover.Target>
                 <Popover.Dropdown>
                     <DatePicker
                         ref={ref}

package/src/components/prompt/Prompt.tsx

@@ -12,19 +12,23 @@ import {
     useStyles,
 } from '@mantine/core';
 import {Children, ReactElement, ReactNode} from 'react';
-import classes from './Prompt.module.css';
 import Critical from './icons/critical.svg';
 import Info from './icons/info.svg';
 import Success from './icons/success.svg';
 import Warning from './icons/warning.svg';
 import {PromptContextProvider} from './Prompt.context';
+import classes from './Prompt.module.css';
 import {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';
-import {PromptConfirmButton} from './PromptConfirmButton';
+import {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';
 import {PromptFooter} from './PromptFooter';
 
 export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
 export type PromptVars = {root: '--prompt-icon-size'};
-export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant;
+export type PromptStylesNames =
+    | ModalStylesNames
+    | 'icon'
+    | PromptCancelButtonStylesNamesVariant
+    | PromptConfirmButtonStylesNamesVariant;
 
 export interface PromptProps
     extends StylesApiProps<PromptFactory>,

package/src/components/prompt/PromptConfirmButton.tsx

@@ -1,5 +1,5 @@
-import {Button, CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';
-import {ButtonProps} from '../button/Button';
+import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';
+import {Button, ButtonProps} from '../button/Button';
 import {PromptVariant} from './Prompt';
 import {usePromptContext} from './Prompt.context';
 
@@ -28,15 +28,29 @@ const defaultProps: Partial<PromptConfirmButtonProps> = {};
 export const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {
     const {variant, getStyles} = usePromptContext();
     const props = useProps('PromptConfirmButton', defaultProps, _props);
-    const {className, classNames, style, styles, unstyled, vars, ...others} = props;
+    const {
+        className,
+        classNames,
+        style,
+        styles,
+        unstyled,
+        vars,
+        disabled,
+        disabledTooltip,
+        disabledTooltipProps,
+        ...others
+    } = props;
 
     return (
         <Button
             ref={ref}
             variant="filled"
             color={COLOR_BY_VARIANT[variant]}
+            disabled={disabled}
+            disabledTooltip={disabledTooltip}
+            disabledTooltipProps={disabledTooltipProps}
             {...others}
-            {...getStyles('cancel', {style, styles, className, classNames})}
+            {...getStyles('confirm', {style, styles, className, classNames})}
         />
     );
 });

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

@@ -20,15 +20,35 @@
 }
 
 /* Table.Actions */
+
+/* Hide empty menus */
+.actionsTarget {
+    display: none;
+
+    &:has(+ .actionsDropdown :global(.mantine-Menu-item)) {
+        display: block;
+    }
+}
+
 .actionsDropdown {
     text-align: left;
 }
 
+.actionsGroupDivider {
+    display: none;
+}
+
 .actionsGroup {
     &:has(.actionsGroupItems:empty) {
         /* Hide empty groups */
         display: none;
     }
+
+    &:has(~ .actionsGroup :global(.mantine-Menu-item)) {
+        .actionsGroupDivider {
+            display: block;
+        }
+    }
 }
 
 /* Table.Filter */

package/src/components/table/table-actions/TableActionsList.tsx

@@ -129,7 +129,7 @@ export const TableActionsList = (props: TableActionsListProps) => {
                 <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>
                 {secondaryActionGroups.length > 0 ? (
                     <TableActionProvider value={{primary: false}}>
-                        <Menu withinPortal={false} {...others}>
+                        <Menu withinPortal={false} {...others} keepMounted>
                             <Menu.Target>
                                 <Button
                                     {...getStyles('actionsTarget', {styles, classNames})}
@@ -156,13 +156,13 @@ export const TableActionsList = (props: TableActionsListProps) => {
         <InlineConfirm>
             {confirmPrompts}
             <TableActionProvider value={{primary: false}}>
-                <Menu opened={opened} onChange={onChange} {...others}>
+                <Menu opened={opened} onChange={onChange} {...others} keepMounted>
                     <Menu.Target>
                         <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>
                             <ActionIcon
+                                {...getStyles('actionsTarget', {styles, classNames})}
                                 onClick={onClick}
                                 variant="subtle"
-                                {...getStyles('actionsTarget', {styles, classNames})}
                             >
                                 {icon}
                             </ActionIcon>