@cube-dev/ui-kit 0.31.1 → 0.32.0

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 
@@ -25,10 +25,10 @@ function unwrapProps(props) {
         ...(propsIsToastProps(props)
             ? {
                 isDismissible: props.duration !== null,
-                duration: 5000,
+                duration: 5_000,
                 ...props,
             }
-            : { description: props, isDismissible: true, duration: 5000 }),
+            : { description: props, isDismissible: true, duration: 5_000 }),
     };
 }
 function propsIsToastProps(props) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

package/es/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 
@@ -184,24 +184,22 @@ export const ComboBox = forwardRef(function ComboBox(props, ref) {
                             disabled: isDisabled,
                             loading: isLoading,
                         }), ref: triggerRef, "data-size": size, isDisabled: isDisabled, styles: triggerStyles, children: _jsx(CaretDownIcon, {}) })) : null] }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...listBoxProps, shouldUseVirtualFocus: true, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }) })] }));
-    return (_jsx(FieldWrapper, { ...{
-            labelPosition,
-            label,
-            extra,
-            styles,
-            isRequired,
-            labelStyles,
-            necessityIndicator,
-            labelProps,
-            isDisabled,
-            validationState,
-            message,
-            description,
-            requiredMark,
-            labelSuffix,
-            Component: comboBoxField,
-            ref: ref,
-        } }));
+    return (_jsx(FieldWrapper, { labelPosition,
+        label,
+        extra,
+        styles,
+        isRequired,
+        labelStyles,
+        necessityIndicator,
+        labelProps,
+        isDisabled,
+        validationState,
+        message,
+        description,
+        requiredMark,
+        labelSuffix,
+        Component: comboBoxField,
+        ref: ref }));
 });
 ComboBox.Item = Item;
 Object.defineProperty(ComboBox, 'cubeInputType', {

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * 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.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 
@@ -21,7 +21,7 @@ export const StyledMenu = tasty({
         margin: '0',
         padding: {
             '': '0.5x',
-            section: '0.5x',
+            section: '0.5x', // section menu
             sections: '0', // has sections inside
         },
         overflow: {

package/es/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 
@@ -253,25 +253,23 @@ function Select(props, ref) {
     let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: outerStyles, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-theme": theme, "data-size": size, "data-type": type, mods: modifiers, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
                             ? state.selectedItem.rendered
                             : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}), suffixPosition === 'after' ? suffix : null, _jsx("div", { "data-element": "CaretIcon", children: _jsx(CaretDownIcon, {}) })] })] }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }) })] }));
-    return (_jsx(FieldWrapper, { ...{
-            labelPosition,
-            label,
-            extra,
-            styles,
-            isRequired,
-            labelStyles,
-            necessityIndicator,
-            labelProps,
-            isDisabled,
-            validationState,
-            message,
-            description,
-            requiredMark,
-            tooltip,
-            labelSuffix,
-            Component: selectField,
-            ref: ref,
-        } }));
+    return (_jsx(FieldWrapper, { labelPosition,
+        label,
+        extra,
+        styles,
+        isRequired,
+        labelStyles,
+        necessityIndicator,
+        labelProps,
+        isDisabled,
+        validationState,
+        message,
+        description,
+        requiredMark,
+        tooltip,
+        labelSuffix,
+        Component: selectField,
+        ref: ref }));
 }
 export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus = false, placement, minWidth, ...otherProps }) {
     // Get props for the listbox

package/es/components/portal/Portal.js

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

package/es/components/portal/PortalProvider.js

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

package/es/components/portal/index.js

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

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

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

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

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

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

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

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

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

package/es/components/portal/types.js

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

package/es/components/portal/usePortal.js

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

package/es/components/shared/InvalidIcon.js

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

package/es/components/shared/ValidIcon.js

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

package/es/components/status/LoadingAnimation/LoadingAnimation.js

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

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

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

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

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

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

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

package/es/components/status/Spin/Spin.js

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

package/es/components/status/Spin/SpinsContainer.js

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

package/es/components/status/Spin/index.js

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

package/es/components/status/Spin/types.js

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

package/es/components/status/index.js

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

package/es/data/themes.js

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

package/es/icons/Attention.js

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

package/es/icons/Cross.js

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

package/es/icons/Danger.js

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

package/es/icons/Success.js

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

package/es/icons/index.js

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

package/es/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 
@@ -75,7 +75,7 @@ export { AlertDialog, useAlertDialogAPI, } from './components/overlays/AlertDial
 export { notification } from './services/notification';
 export * from './tasty';
 export const Typography = {
-    Text,
+    Text: Text,
     Title,
     Paragraph,
 };

package/es/provider.js

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

package/es/providers/TrackingProvider.js

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

package/es/services/notification.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.31.1
+ * @cube-dev/ui-kit v0.32.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import { Notification, } from '../components/overlays/Notification/Notification';
 let ID = 0;
@@ -35,7 +35,10 @@ export const notification = {
         if (!items) {
             items = this.items;
         }
-        ReactDOM.render(_jsx(TransitionGroup, { className: "cube-notifications", children: items.map((item) => (_jsx(CSSTransition, { timeout: 400, classNames: "cube-notification", children: _jsx(Notification, { type: item.type, onClose: () => this.close(item.id), children: item.message }) }, item.id))) }), this.root);
+        if (!this.root)
+            return;
+        const root = createRoot(this.root);
+        root.render(_jsx(TransitionGroup, { className: "cube-notifications", children: items.map((item) => (_jsx(CSSTransition, { timeout: 400, classNames: "cube-notification", children: _jsx(Notification, { type: item.type, onClose: () => this.close(item.id), children: item.message }) }, item.id))) }));
     },
     show(type, message, options = {}) {
         options = Object.assign({}, this.defaultOptions, options);