@cube-dev/ui-kit 0.0.0-canary-19a7e8f → 0.0.0-canary-67f92c8

package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 
@@ -15,6 +15,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
 const NotificationContext = (0, react_1.createContext)(null);
+/**
+ * @internal This component is unstable and must not be used outside of `NotificationView`.
+ */
 function NotificationProvider(props) {
     const { children, ...value } = props;
     return ((0, jsx_runtime_1.jsx)(NotificationContext.Provider, { value: value, children: children }, void 0));

package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 
@@ -28,15 +28,15 @@ const NotificationContainer = (0, tasty_1.tasty)({
         position: 'relative',
         display: 'grid',
         width: '100%',
-        padding: '1.5x 1x 1.5x 1.5x',
-        radius: '0.5x',
+        padding: '0.5x 0.5x 1.5x 1.5x',
         gridAreas: `
-      "icon . header"
-      "icon . description"
-      ".    . footer"
+      ".    . .           .      close"
+      "icon . header      .      close"
+      "icon . description .      close"
+      ".    . footer      footer footer"
     `,
-        gridColumns: 'min-content 1x minmax(0, auto)',
-        gridRows: 'minmax(0, auto) minmax(0, auto) minmax(0, auto)',
+        gridColumns: 'min-content 1x minmax(0, auto) 1x minmax(0, min-content)',
+        gridRows: '1x minmax(0, auto) minmax(0, auto) minmax(0, auto)',
         fill: '#white',
         boxShadow: {
             '': '0 0 0 4bw #purple-04.0 inset',
@@ -44,6 +44,9 @@ const NotificationContainer = (0, tasty_1.tasty)({
         },
     },
 });
+/**
+ * @internal This component is unstable and is a subject to change.
+ */
 exports.NotificationView = (0, react_1.forwardRef)(function NotificationView(props, ref) {
     const { onClose, actions, header, icon, description, id, styles, type = 'attention', isDismissible = true, duration = null, attributes = {}, qa = 'notification', timer: propsTimer, onDismiss, } = props;
     const labelID = (0, useId_1.useId)();
@@ -64,7 +67,7 @@ exports.NotificationView = (0, react_1.forwardRef)(function NotificationView(pro
         callback: onDismissEvent,
         isDisabled: isFocusVisible || isHovered || !isDismissible,
     });
-    return ((0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(NotificationProvider_1.NotificationProvider, { onClose: onClose, children: (0, jsx_runtime_1.jsxs)(NotificationContainer, { ...(0, react_2.mergeProps)(attributes, hoverProps, focusProps), ref: ref, styles: styles, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [(0, jsx_runtime_1.jsx)(NotificationIcon_1.NotificationIcon, { icon: icon, type: type }, void 0), (0, jsx_runtime_1.jsx)(NotificationHeader_1.NotificationHeader, { header: header, id: labelID }, void 0), description && ((0, jsx_runtime_1.jsx)(NotificationDescription_1.NotificationDescription, { description: description, id: descriptionID }, void 0)), (0, jsx_runtime_1.jsx)(NotificationFooter_1.NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && ((0, jsx_runtime_1.jsx)(NotificationCloseButton_1.NotificationCloseButton, { isHovered: isHovered, isFocused: isFocusVisible, onPress: onDismissEvent }, void 0))] }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(NotificationProvider_1.NotificationProvider, { onClose: onClose, children: (0, jsx_runtime_1.jsxs)(NotificationContainer, { ...(0, react_2.mergeProps)(attributes, hoverProps, focusProps), ref: ref, styles: styles, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [(0, jsx_runtime_1.jsx)(NotificationIcon_1.NotificationIcon, { icon: icon, type: type }, void 0), (0, jsx_runtime_1.jsx)(NotificationHeader_1.NotificationHeader, { header: header, id: labelID }, void 0), description && ((0, jsx_runtime_1.jsx)(NotificationDescription_1.NotificationDescription, { description: description, id: descriptionID }, void 0)), (0, jsx_runtime_1.jsx)(NotificationFooter_1.NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && ((0, jsx_runtime_1.jsx)(NotificationCloseButton_1.NotificationCloseButton, { onPress: onDismissEvent }, void 0))] }, void 0) }, void 0) }, void 0));
 });
 
         

package/cjs/components/overlays/NewNotifications/NotificationView/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 
@@ -16,9 +16,9 @@ const use_notifications_1 = require("./use-notifications");
 exports.NotificationsContext = (0, react_1.createContext)(null);
 function NotificationsProvider(props) {
     const { children, rootRef } = props;
-    const { toasts, api, addOnDismissListener, onDismissNotification } = (0, use_notifications_1.useNotifications)(rootRef);
+    const { notifications, api, addOnDismissListener, onDismissNotification } = (0, use_notifications_1.useNotifications)(rootRef);
     const providerValue = (0, react_1.useMemo)(() => ({ api, addOnDismissListener }), []);
-    return ((0, jsx_runtime_1.jsxs)(exports.NotificationsContext.Provider, { value: providerValue, children: [(0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar, { items: toasts, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => ((0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(exports.NotificationsContext.Provider, { value: providerValue, children: [(0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar, { items: notifications, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => ((0, jsx_runtime_1.jsx)(Bar_1.NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
 }
 exports.NotificationsProvider = NotificationsProvider;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 
@@ -12,13 +12,14 @@ const react_1 = require("react");
 const _internal_1 = require("../../../../_internal");
 const DISMISS_EVENT_NAME = 'cube:notification:dismiss';
 function useNotifications(rootRef) {
+    const idPrefix = (0, react_1.useMemo)(() => new Date().getTime(), []);
     const idRef = (0, react_1.useRef)(0);
     const listeners = (0, react_1.useRef)([]);
-    const [toasts, setToasts] = (0, react_1.useState)(new Map());
+    const [notifications, setNotifications] = (0, react_1.useState)(new Map());
     const addToast = Object.assign((0, _internal_1.useEvent)((props) => {
         const nextID = idRef.current++;
-        const { id = nextID, duration, isDismissible = true, ...rest } = props;
-        setToasts((toasts) => {
+        const { id = `${idPrefix}_${nextID}`, duration, isDismissible = true, ...rest } = props;
+        setNotifications((toasts) => {
             const newToasts = new Map(toasts);
             newToasts.set(id, {
                 id,
@@ -39,7 +40,7 @@ function useNotifications(rootRef) {
         attention: (props) => addToast({ type: 'attention', ...props }),
     });
     const updateToast = (0, _internal_1.useEvent)((id, props) => {
-        setToasts((toasts) => {
+        setNotifications((toasts) => {
             const currentToast = toasts.get(id);
             if (currentToast) {
                 const newToasts = new Map(toasts);
@@ -53,7 +54,7 @@ function useNotifications(rootRef) {
         });
     });
     const removeToast = (0, _internal_1.useEvent)((id) => {
-        setToasts((toasts) => {
+        setNotifications((toasts) => {
             if (toasts.has(id)) {
                 const newToasts = new Map(toasts);
                 newToasts.delete(id);
@@ -64,7 +65,7 @@ function useNotifications(rootRef) {
     });
     const onDismissNotification = (0, _internal_1.useEvent)((id) => {
         var _a;
-        const toast = toasts.get(id);
+        const toast = notifications.get(id);
         if ((toast === null || toast === void 0 ? void 0 : toast.putNotificationInDropdownOnDismiss) !== false) {
             (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent(DISMISS_EVENT_NAME, { detail: toast }));
         }
@@ -78,10 +79,13 @@ function useNotifications(rootRef) {
         return unsub;
     });
     (0, react_1.useEffect)(() => () => listeners.current.forEach((cb) => cb()), []);
-    const api = (0, react_1.useMemo)(() => ({ notify: addToast, update: updateToast, remove: removeToast }), []);
+    const api = (0, react_1.useMemo)(() => ({ notify: addToast, update: updateToast, remove: removeToast }), 
+    // All deps are stable since we use `useEvent` hook
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
     return {
         api,
-        toasts: (0, react_1.useMemo)(() => [...toasts.values()], [toasts]),
+        notifications: (0, react_1.useMemo)(() => [...notifications.values()], [notifications]),
         onDismissNotification,
         addOnDismissListener,
     };

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

@@ -0,0 +1,48 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationsList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const collections_1 = require("@react-stately/collections");
+const tasty_1 = require("../../../../tasty");
+const hooks_1 = require("../hooks");
+const NotificationsListItem_1 = require("./NotificationsListItem");
+const NotificationListContainer = (0, tasty_1.tasty)({
+    styles: { boxSizing: 'border-box', width: '100%' },
+});
+/**
+ * Provides ability to show notifications as a list.
+ *
+ * @example
+ *   <NotificationsList>
+ *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
+ *     <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
+ *     <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
+ *   </NotificationsList>
+ *
+ * @example Removing a notification
+ *   <NotificationsList onDismiss={(id) => removeNotification(id)}>
+ *     <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
+ *   </NotificationsList>
+ */
+function NotificationsList(props) {
+    const { items, children, onDismiss } = props;
+    const ref = (0, react_1.useRef)(null);
+    const { state, listProps } = (0, hooks_1.useNotificationsList)({
+        items,
+        children,
+        ref,
+    });
+    return ((0, jsx_runtime_1.jsx)(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(NotificationsListItem_1.NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }, void 0));
+}
+exports.NotificationsList = NotificationsList;
+NotificationsList.Item = collections_1.Item;
+
+        

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

@@ -0,0 +1,33 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationListItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const tasty_1 = require("../../../../tasty");
+const _internal_1 = require("../../../../_internal");
+const NotificationView_1 = require("../NotificationView");
+const NotificationListItemWrap = (0, tasty_1.tasty)({
+    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
+});
+/**
+ * @internal This component is not intended to be used
+ */
+function NotificationListItem(props) {
+    const { item, state, onDismiss } = props;
+    const { key, props: notificationProps } = item;
+    const ref = (0, react_1.useRef)(null);
+    const onDismissEvent = (0, _internal_1.useEvent)(() => onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss(key));
+    const { itemProps } = (0, hooks_1.useNotificationListItem)({ ref, key, state });
+    return ((0, jsx_runtime_1.jsx)(NotificationListItemWrap, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }, void 0) }, void 0));
+}
+exports.NotificationListItem = NotificationListItem;
+
+        

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

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NotificationsList"), exports);
+
+        

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

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

package/cjs/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 
@@ -21,18 +21,14 @@ const ACTION_BUTTON = {
     },
     fill: {
         '': '#clear',
-        'hovered | focused': '#dark.04',
+        hovered: '#dark.04',
         'pressed | selected': '#purple.1',
-        'focused & selected': '#dark.04',
-        'focused & pressed': '#purple.1',
         disabled: '#clear',
     },
     color: {
         '': '#dark-02',
-        'hovered | focused': '#dark-02',
+        hovered: '#dark-02',
         'pressed | selected': '#purple-text',
-        'focused & selected': '#dark-02',
-        'focused & pressed': '#purple-text',
         disabled: '#dark-04',
     },
     cursor: {
@@ -51,7 +47,7 @@ const ACTION_BUTTON = {
     Postfix: {
         color: {
             '': '#dark-03',
-            'hovered | focused': '#dark-03',
+            hovered: '#dark-03',
             'pressed | selected': '#purple-text',
             disabled: '#dark-04',
         },

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 
@@ -23,12 +23,13 @@ function MenuItem(props) {
     const { onClose, closeOnSelect } = (0, context_1.useMenuContext)();
     const { rendered, key, props: itemProps } = item;
     const isSelectable = state.selectionManager.selectionMode !== 'none';
-    const isDisabledKey = state.disabledKeys.has(key);
+    const isSelected = state.selectionManager.isSelected(key);
+    const isDisabled = state.disabledKeys.has(key);
     const ref = (0, react_1.useRef)(null);
-    const { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled: isDisabledKey });
-    const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled, } = (0, menu_1.useMenuItem)({
-        isSelected: state.selectionManager.isSelected(key),
-        isDisabled: isDisabledKey,
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps } = (0, menu_1.useMenuItem)({
+        isSelected,
+        isDisabled,
         'aria-label': item['aria-label'],
         key,
         onClose,
@@ -36,21 +37,12 @@ function MenuItem(props) {
         isVirtualized,
         onAction,
     }, state, ref);
-    const buttonProps = {
-        mods: {
-            ...itemProps.mods,
-            hovered: isHovered,
-            focused: isFocused,
-            pressed: isPressed,
-        },
-    };
-    const contents = ((0, jsx_runtime_1.jsx)(MenuButton_1.MenuButton, { ...(0, react_2.mergeProps)(itemProps, buttonProps), selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0));
+    const contents = ((0, jsx_runtime_1.jsx)(MenuButton_1.MenuButton, { ...itemProps, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0));
     return ((0, jsx_runtime_1.jsx)(focus_1.FocusRing, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledMenuItem, { ...(0, react_2.mergeProps)(menuItemProps, hoverProps), ref: ref, mods: {
                 disabled: isDisabled,
                 selected: isSelected,
                 selectable: isSelectable,
                 hovered: isHovered,
-                focused: isFocused,
             }, children: (0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(react_2.SlotProvider, { slots: {
                         text: { className: 'itemLabel', ...labelProps },
                         end: { className: 'end', ...descriptionProps },

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Menu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-19a7e8f
+ * @cube-dev/ui-kit v0.0.0-canary-67f92c8
  * Released under the MIT license.
  */