@cube-dev/ui-kit 0.65.0 → 0.65.1

package/es/components/overlays/NewNotifications/NotificationView/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsList/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/NotificationsList/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/Toast.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/use-toasts-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/TooltipProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 
@@ -13,6 +13,7 @@ import { useMenu } from 'react-aria';
 import { Item as BaseItem, Section as BaseSection, useTreeState, } from 'react-stately';
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, } from '../../../tasty';
 import { mergeProps } from '../../../utils/react';
+import { TooltipProvider, } from '../../overlays/Tooltip/TooltipProvider';
 import { useMenuContext } from './context';
 import { MenuItem } from './MenuItem';
 import { MenuSection } from './MenuSection';
@@ -42,38 +43,43 @@ function Menu(props, ref) {
     // The helper from @react-aria/utils expects the context object as the first argument
     // to keep it up-to-date, and a ref object as the second.
     useSyncRef(contextProps, domRef);
-    return (_jsxs(StyledMenu, { ...mergeProps(defaultProps, menuProps, filterBaseProps(completeProps)), ref: domRef, children: [header && _jsx(StyledHeader, { role: "presentation", children: header }), (() => {
-                // Build the list of menu elements, automatically inserting dividers between sections.
-                const renderedItems = useMemo(() => {
-                    const items = [];
-                    let isFirstSection = true;
-                    collectionItems.forEach((item) => {
-                        if (item.type === 'section') {
-                            if (!isFirstSection) {
-                                items.push(_jsx(StyledDivider, { as: "li", role: "separator", "aria-orientation": "horizontal" }, `divider-${String(item.key)}`));
-                            }
-                            items.push(_jsx(MenuSection, { item: item, state: state, styles: sectionStyles, itemStyles: itemStyles, headingStyles: sectionHeadingStyles, selectionIcon: selectionIcon }, item.key));
-                            isFirstSection = false;
-                            return;
-                        }
-                        let menuItem = (_jsx(MenuItem, { item: item, state: state, styles: itemStyles, selectionIcon: selectionIcon, onAction: item.onAction }, item.key));
-                        if (item.props.wrapper) {
-                            menuItem = item.props.wrapper(menuItem);
-                        }
-                        // Ensure every child has a stable key, even if the wrapper component didn't set one.
-                        items.push(React.cloneElement(menuItem, { key: item.key }));
-                    });
-                    return items;
-                }, [
-                    collectionItems,
-                    state,
-                    sectionStyles,
-                    itemStyles,
-                    selectionIcon,
-                    sectionHeadingStyles,
-                ]);
-                return renderedItems;
-            })()] }));
+    const renderedItems = useMemo(() => {
+        const items = [];
+        let isFirstSection = true;
+        collectionItems.forEach((item) => {
+            if (item.type === 'section') {
+                if (!isFirstSection) {
+                    items.push(_jsx(StyledDivider, { role: "separator", "aria-orientation": "horizontal" }, `divider-${String(item.key)}`));
+                }
+                items.push(_jsx(MenuSection, { item: item, state: state, styles: sectionStyles, itemStyles: itemStyles, headingStyles: sectionHeadingStyles, selectionIcon: selectionIcon }, item.key));
+                isFirstSection = false;
+                return;
+            }
+            let menuItem = (_jsx(MenuItem, { item: item, state: state, styles: itemStyles, selectionIcon: selectionIcon, onAction: item.onAction }, item.key));
+            // Apply tooltip wrapper if tooltip property is provided
+            if (item.props.tooltip) {
+                const tooltipProps = typeof item.props.tooltip === 'string'
+                    ? { title: item.props.tooltip }
+                    : item.props.tooltip;
+                menuItem = (_jsx(TooltipProvider, { activeWrap: true, placement: "right", ...tooltipProps, children: menuItem }, item.key));
+            }
+            // Apply custom wrapper if provided
+            if (item.props.wrapper) {
+                menuItem = item.props.wrapper(menuItem);
+            }
+            // Ensure every child has a stable key, even if the wrapper component didn't set one.
+            items.push(React.cloneElement(menuItem, { key: item.key }));
+        });
+        return items;
+    }, [
+        collectionItems,
+        state,
+        sectionStyles,
+        itemStyles,
+        selectionIcon,
+        sectionHeadingStyles,
+    ]);
+    return (_jsxs(StyledMenu, { ...mergeProps(defaultProps, menuProps, filterBaseProps(completeProps)), ref: domRef, role: menuProps.role ?? 'menu', children: [header && _jsx(StyledHeader, { role: "presentation", children: header }), renderedItems] }));
 }
 // forwardRef doesn't support generic parameters, so cast the result to the correct type
 // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref

package/es/components/pickers/Menu/MenuButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/pickers/Menu/MenuItem.js

@@ -1,27 +1,42 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconPointFilled } from '@tabler/icons-react';
 import { useRef } from 'react';
 import { FocusRing, useMenuItem } from 'react-aria';
 import { useHotkeys } from 'react-hotkeys-hook';
+import { CheckIcon } from '../../../icons';
 import { ClearSlots, mergeProps, SlotProvider } from '../../../utils/react';
 import { HotKeys } from '../../content/HotKeys';
+import { Text } from '../../content/Text';
+import { Space } from '../../layout/Space';
 import { useMenuContext } from './context';
-import { MenuButton } from './MenuButton';
 import { StyledItem } from './styled';
+// Returns icon corresponding to selection type
+const getSelectionTypeIcon = (selectionIcon) => {
+    switch (selectionIcon) {
+        case 'checkbox':
+            return _jsx(CheckIcon, {});
+        case 'radio':
+            return _jsx(IconPointFilled, {});
+        default:
+            return undefined;
+    }
+};
+// Normalise postfix rendering (string -> Text component)
+const getPostfix = (postfix) => typeof postfix === 'string' ? (_jsx(Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix })) : (postfix);
 /** @private */
 export function MenuItem(props) {
     const { item, state, styles, selectionIcon, isVirtualized, onAction } = props;
     const { onClose, closeOnSelect } = useMenuContext();
     const { rendered, key, props: itemProps } = item;
     // Extract optional keyboard shortcut from item props so it is not passed down to DOM elements.
-    // `hotkeys` is our custom prop for specifying keyboard shortcuts, similar to `postfix` or `icon`.
-    const { hotkeys, ...cleanItemProps } = (itemProps || {});
+    const { hotkeys, wrapper, ...cleanItemProps } = (itemProps || {});
     const isSelectable = state.selectionManager.selectionMode !== 'none';
     const isDisabledKey = state.disabledKeys.has(key);
     const ref = useRef(null);
@@ -35,56 +50,49 @@ export function MenuItem(props) {
         isVirtualized,
         onAction,
     }, state, ref);
-    const buttonProps = {
-        qa: cleanItemProps.qa
-            ? cleanItemProps.qa
-            : `MenuButton-${key}`,
-        mods: {
-            ...cleanItemProps.mods,
-            focused: isFocused,
-            pressed: isPressed,
-        },
+    // Destructure presentation-related props from cleanItemProps so they are not spread onto DOM element
+    const { postfix, description, icon, mods: itemMods, qa: itemQa, textValue, ...restCleanProps } = cleanItemProps;
+    // Build final postfix: custom postfix or HotKeys hint if provided and no explicit postfix
+    const finalPostfix = postfix ?? (hotkeys ? _jsx(HotKeys, { keys: hotkeys }) : undefined);
+    const checkIcon = isSelectable && isSelected
+        ? getSelectionTypeIcon(selectionIcon)
+        : undefined;
+    const mods = {
+        ...itemMods,
+        focused: isFocused,
+        pressed: isPressed,
+        selectionIcon: !!selectionIcon,
+        selectable: isSelectable,
+        selected: isSelected,
+        disabled: isDisabled,
     };
-    // Build extra props for MenuButton: automatically add postfix HotKeys component when shortcut provided
-    const extraButtonProps = {};
-    if (hotkeys && !cleanItemProps.postfix) {
-        extraButtonProps.postfix = _jsx(HotKeys, { keys: hotkeys });
-    }
-    const contents = (_jsx(MenuButton, { ...mergeProps(cleanItemProps, buttonProps, extraButtonProps), styles: styles, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }));
     // Register global hotkey if provided
     useHotkeys(typeof hotkeys === 'string' ? hotkeys.toLowerCase() : '', () => {
         if (!hotkeys)
             return;
-        if (isDisabledKey || isDisabled) {
+        if (isDisabledKey || isDisabled)
             return;
-        }
         // Simulate a click on the menu item so all existing handlers run
         if (ref.current) {
             ref.current.click();
         }
     }, {
-        // Ensure the hotkey is active even when the element is not focused
         enableOnContentEditable: true,
         enabled: !!hotkeys,
         preventDefault: true,
     }, [hotkeys, isDisabledKey, isDisabled]);
-    return (_jsx(FocusRing, { children: _jsx(StyledItem, { ...mergeProps(menuItemProps, {
+    return (_jsx(FocusRing, { children: _jsx(StyledItem, { ...mergeProps(menuItemProps, restCleanProps, {
+                qa: itemQa ? itemQa : `MenuItem-${key}`,
+                mods,
+                styles,
                 'aria-disabled': isDisabled || undefined,
-            }), ref: ref, qa: cleanItemProps.qa
-                ? `MenuItem-${cleanItemProps.qa}`
-                : `MenuItem-${key}`, mods: {
-                disabled: isDisabled,
-                selected: isSelected,
-                selectable: isSelectable,
-                focused: isFocused,
-                pressed: isPressed,
-            }, children: _jsx(ClearSlots, { children: _jsx(SlotProvider, { slots: {
+            }), ref: ref, children: _jsx(ClearSlots, { children: _jsxs(SlotProvider, { slots: {
                         text: { className: 'itemLabel', ...labelProps },
                         end: { className: 'end', ...descriptionProps },
                         icon: { className: 'icon', size: 'S' },
                         description: { className: 'description', ...descriptionProps },
                         keyboard: { className: 'keyboard', ...keyboardShortcutProps },
-                    }, children: contents }) }) }) }));
+                    }, children: [checkIcon ? (_jsx("div", { "data-element": "ButtonIcon", children: checkIcon })) : null, icon ? _jsx("div", { "data-element": "ButtonIcon", children: icon }) : null, _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "clip", width: "100%", children: [_jsxs(Space, { flow: "column", gap: "0", width: "100%", children: [_jsx(Text, { ellipsis: true, color: "inherit", children: rendered }), description ? (_jsx(Text, { nowrap: true, ellipsis: true, "data-element": "Description", preset: "t4", color: "#dark-03", children: description })) : null] }), finalPostfix && getPostfix(finalPostfix)] })] }) }) }) }));
 }
 
         

package/es/components/pickers/Menu/MenuSection.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMenuSection } from 'react-aria';
+import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
 import { MenuItem } from './MenuItem';
 import { StyledMenu, StyledSection, StyledSectionHeading } from './styled';
 /** @private */
@@ -18,11 +19,18 @@ export function MenuSection(props) {
         'aria-label': item['aria-label'],
     });
     return (_jsx(_Fragment, { children: _jsxs(StyledSection, { ...itemProps, styles: styles, children: [heading && (_jsx(StyledSectionHeading, { ...headingProps, styles: headingStyles, children: heading })), _jsx(StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
-                        let item = (_jsx(MenuItem, { item: node, styles: itemStyles, state: state, onAction: node.onAction }, node.key));
+                        let menuItem = (_jsx(MenuItem, { item: node, styles: itemStyles, state: state, onAction: node.onAction }, node.key));
+                        // Apply tooltip wrapper if tooltip property is provided
+                        if (node.props.tooltip) {
+                            const tooltipProps = typeof node.props.tooltip === 'string'
+                                ? { title: node.props.tooltip }
+                                : node.props.tooltip;
+                            menuItem = (_jsx(TooltipProvider, { activeWrap: true, placement: "right", ...tooltipProps, children: menuItem }, node.key));
+                        }
                         if (node.props.wrapper) {
-                            item = node.props.wrapper(item);
+                            menuItem = node.props.wrapper(menuItem);
                         }
-                        return item;
+                        return menuItem;
                     }) })] }) }));
 }
 

package/es/components/pickers/Menu/MenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 

package/es/components/pickers/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.0
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */