@cube-dev/ui-kit 0.12.7 → 0.13.0

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

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.13.0
+ * 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.13.0
+ * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -12,10 +12,9 @@ const react_1 = require("react");
 const _internal_1 = require("../../../../_internal");
 const NotificationsContext_1 = require("../NotificationsContext");
 function useNotificationsObserver(callback) {
-    var _a;
-    const { addOnDismissListener } = (_a = (0, react_1.useContext)(NotificationsContext_1.NotificationsContext)) !== null && _a !== void 0 ? _a : {};
+    const { addOnDismissListener } = (0, react_1.useContext)(NotificationsContext_1.NotificationsContext) ?? {};
     const callbackEvent = (0, _internal_1.useEvent)(callback);
-    (0, react_1.useEffect)(() => addOnDismissListener === null || addOnDismissListener === void 0 ? void 0 : addOnDismissListener(callbackEvent), [addOnDismissListener]);
+    (0, react_1.useEffect)(() => addOnDismissListener?.(callbackEvent), [addOnDismissListener]);
 }
 exports.useNotificationsObserver = useNotificationsObserver;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ function Toast(props) {
     const defaultId = (0, useId_1.useId)();
     const disableRemoveOnUnmountRef = (0, _internal_1.useSyncRef)(disableRemoveOnUnmount);
     const { toast, update, remove } = (0, use_toasts_api_1.useToastsApi)();
-    const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    const id = propsId ?? defaultId;
     const removeNotification = (0, _internal_1.useEvent)((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
     (0, react_1.useEffect)(() => {
         toast({ id, ...props });

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -74,16 +74,16 @@ const TooltipTipElement = (0, tasty_1.tasty)({
 const StyledTooltipElement = (0, styled_components_1.default)(TooltipElement) `
   ${(props) => {
     return (0, transitions_1.getOverlayTransitionCSS)({
-        placement: props === null || props === void 0 ? void 0 : props['data-position'],
-        minOffset: props === null || props === void 0 ? void 0 : props['data-min-offset'],
-        minScale: props === null || props === void 0 ? void 0 : props['data-min-scale'],
+        placement: props?.['data-position'],
+        minOffset: props?.['data-min-offset'],
+        minScale: props?.['data-min-scale'],
     });
 }}
 `;
 function Tooltip(props, ref) {
     let { ref: overlayRef, arrowProps, state, overlayProps, minOffset, minScale, ...tooltipProviderProps } = (0, react_1.useContext)(context_1.TooltipContext);
     let defaultRef = (0, react_1.useRef)(null);
-    const finalOverlayRef = overlayRef !== null && overlayRef !== void 0 ? overlayRef : defaultRef;
+    const finalOverlayRef = overlayRef ?? defaultRef;
     props = (0, react_2.mergeProps)(props, tooltipProviderProps);
     let { placement = 'top', isOpen, tipStyles, showIcon, isMaterial, ...otherProps } = props;
     const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -47,8 +47,7 @@ function TooltipTrigger(props) {
         return (0, jsx_runtime_1.jsx)(Block_1.Block, { children: trigger }, void 0);
     }
     function onClick(e) {
-        var _a;
-        (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.parentNode.click();
+        e?.currentTarget?.parentNode.click();
     }
     return ((0, jsx_runtime_1.jsxs)(focus_1.FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? ((0, jsx_runtime_1.jsx)(ActiveZone_1.ActiveZone, { onClick: onClick, children: trigger }, void 0)) : (trigger), (0, jsx_runtime_1.jsx)(context_1.TooltipContext.Provider, { value: {
                     state,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -65,7 +65,6 @@ const TriggerElement = (0, tasty_1.tasty)({
     },
 });
 function ComboBox(props, ref) {
-    var _a;
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
     let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, icon, prefix, isDisabled, multiLine, autoFocus, wrapperRef, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', suffixPosition = 'before', loadingState, filter, styles, labelSuffix, ...otherProps } = props;
@@ -111,7 +110,7 @@ function ComboBox(props, ref) {
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
     let validation = (0, react_1.cloneElement)(validationIcon);
-    let comboBoxWidth = (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+    let comboBoxWidth = wrapperRef?.current?.offsetWidth;
     if (icon) {
         icon = (0, jsx_runtime_1.jsx)("div", { "data-element": "InputIcon", children: icon }, void 0);
         if (prefix) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -21,14 +21,18 @@ const ACTION_BUTTON = {
     },
     fill: {
         '': '#clear',
-        hovered: '#dark.04',
-        'pressed | selected': '#purple.1',
+        'hovered | focused': '#dark.04',
+        'pressed | selected': '#purple.10',
+        'focused & selected': '##purple.16',
+        'focused & pressed': '#purple.10',
         disabled: '#clear',
     },
     color: {
         '': '#dark-02',
-        hovered: '#dark-02',
+        'hovered | focused': '#dark-02',
         'pressed | selected': '#purple-text',
+        'focused & selected': '#purple-text',
+        'focused & pressed': '#purple-text',
         disabled: '#dark-04',
     },
     cursor: {
@@ -47,7 +51,7 @@ const ACTION_BUTTON = {
     Postfix: {
         color: {
             '': '#dark-03',
-            hovered: '#dark-03',
+            'hovered | focused': '#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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -23,13 +23,12 @@ function MenuItem(props) {
     const { onClose, closeOnSelect } = (0, context_1.useMenuContext)();
     const { rendered, key, props: itemProps } = item;
     const isSelectable = state.selectionManager.selectionMode !== 'none';
-    const isSelected = state.selectionManager.isSelected(key);
-    const isDisabled = state.disabledKeys.has(key);
+    const isDisabledKey = state.disabledKeys.has(key);
     const ref = (0, react_1.useRef)(null);
-    const { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
-    const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps } = (0, menu_1.useMenuItem)({
-        isSelected,
-        isDisabled,
+    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,
         'aria-label': item['aria-label'],
         key,
         onClose,
@@ -37,12 +36,22 @@ function MenuItem(props) {
         isVirtualized,
         onAction,
     }, state, ref);
-    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: {
+    const buttonProps = {
+        qa: itemProps.qa ? itemProps.qa : `MenuButton-${key}`,
+        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));
+    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, "data-qa": itemProps.qa ? `MenuItem-${itemProps.qa}` : `MenuItem-${key}`, 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * 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.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 

package/cjs/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -145,11 +145,10 @@ const OverlayElement = (0, tasty_1.tasty)({
 });
 const StyledOverlayElement = (0, styled_components_1.default)(OverlayElement) `
   ${(props) => {
-    return (0, transitions_1.getOverlayTransitionCSS)({ placement: props === null || props === void 0 ? void 0 : props['data-position'] });
+    return (0, transitions_1.getOverlayTransitionCSS)({ placement: props?.['data-position'] });
 }}
 `;
 function Select(props, ref) {
-    var _a;
     props = (0, provider_1.useProviderProps)(props);
     props = (0, forms_1.useFormProps)(props);
     let { qa, label, extra, icon, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, suffix, listBoxStyles, overlayStyles, message, description, direction = 'bottom', shouldFlip = true, requiredMark = true, placeholder, tooltip, size, styles, type = 'neutral', theme, labelSuffix, suffixPosition = 'before', ...otherProps } = props;
@@ -188,7 +187,7 @@ function Select(props, ref) {
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
     let validation = (0, react_2.cloneElement)(validationIcon);
-    let triggerWidth = (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+    let triggerWidth = triggerRef?.current?.offsetWidth;
     if (icon) {
         icon = (0, jsx_runtime_1.jsx)("div", { "data-element": "ButtonIcon", children: icon }, void 0);
         if (prefix) {
@@ -198,7 +197,7 @@ function Select(props, ref) {
             prefix = icon;
         }
     }
-    const showPlaceholder = !!(placeholder === null || placeholder === void 0 ? void 0 : placeholder.trim()) && !state.selectedItem;
+    const showPlaceholder = !!placeholder?.trim() && !state.selectedItem;
     const modifiers = (0, react_2.useMemo)(() => ({
         invalid: isInvalid,
         valid: validationState === 'valid',
@@ -262,7 +261,7 @@ function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlaySty
     // to allow screen reader users to dismiss the popup easily.
     return ((0, jsx_runtime_1.jsx)(StyledOverlayElement, { ...overlayProps, ...parentOverlayProps, ref: popoverRef, styles: overlayStyles, style: {
             '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',
-            ...parentOverlayProps === null || parentOverlayProps === void 0 ? void 0 : parentOverlayProps.style,
+            ...parentOverlayProps?.style,
         }, "data-position": placement, children: (0, jsx_runtime_1.jsxs)(focus_1.FocusScope, { restoreFocus: true, children: [(0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }, void 0), (0, jsx_runtime_1.jsx)(ListBoxElement, { styles: listBoxStyles, ...(0, react_3.mergeProps)(listBoxProps, otherProps), ref: listBoxRef, children: Array.from(state.collection).map((item) => ((0, jsx_runtime_1.jsx)(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus }, item.key))) }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.DismissButton, { onDismiss: () => state.close() }, void 0)] }, void 0) }, void 0));
 }
 exports.ListBoxPopup = ListBoxPopup;

package/cjs/components/portal/Portal.js

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

package/cjs/components/portal/PortalProvider.js

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

package/cjs/components/portal/index.js

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

package/cjs/components/portal/storybook/templates/CustomRoot.js

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

package/cjs/components/portal/storybook/templates/PortalOrder.js

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

package/cjs/components/portal/storybook/templates/basic.js

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

package/cjs/components/portal/storybook/templates/index.js

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

package/cjs/components/portal/types.js

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

package/cjs/components/portal/usePortal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.7
+ * @cube-dev/ui-kit v0.13.0
  * Released under the MIT license.
  */
 
@@ -24,19 +24,17 @@ function usePortal(props) {
     const [mountRoot, setMountRoot] = (0, react_1.useState)(null);
     onMountRef.current = onMount;
     (0, react_1.useEffect)(() => {
-        var _a, _b;
         if (!isDisabled) {
             const contextRoot = portalContext.root;
-            const currentRoot = (_a = root === null || root === void 0 ? void 0 : root.current) !== null && _a !== void 0 ? _a : null;
-            const currentContextRoot = (_b = contextRoot === null || contextRoot === void 0 ? void 0 : contextRoot.current) !== null && _b !== void 0 ? _b : null;
+            const currentRoot = root?.current ?? null;
+            const currentContextRoot = contextRoot?.current ?? null;
             (0, tiny_invariant_1.default)(!(contextRoot === null && currentRoot === null), 'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component');
-            setMountRoot(currentRoot !== null && currentRoot !== void 0 ? currentRoot : currentContextRoot);
+            setMountRoot(currentRoot ?? currentContextRoot);
         }
     }, [root, portalContext.root, isDisabled]);
     (0, react_1.useEffect)(() => {
-        var _a;
         if (isDisabled || mountRoot) {
-            (_a = onMountRef.current) === null || _a === void 0 ? void 0 : _a.call(onMountRef);
+            onMountRef.current?.();
         }
     }, [isDisabled, mountRoot]);
     return {

package/cjs/components/status/LoadingAnimation/LoadingAnimation.js

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

package/cjs/components/status/LoadingAnimation/index.js

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

package/cjs/components/status/Spin/Cube.js

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

package/cjs/components/status/Spin/InternalSpinner.js

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