@cube-dev/ui-kit 0.11.2 → 0.12.2

package/es/components/forms/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -85,7 +85,7 @@ const InputElement = tasty({
 function TextInputBase(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
+    let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, labelSuffix, ...otherProps } = props;
     let [suffixWidth, setSuffixWidth] = useState(0);
     let [prefixWidth, setPrefixWidth] = useState(0);
     let styles = extractStyles(otherProps, STYLE_LIST);
@@ -159,6 +159,7 @@ function TextInputBase(props, ref) {
             requiredMark,
             tooltip,
             isHidden,
+            labelSuffix,
             Component: textField,
             ref: domRef,
         } }, void 0));

package/es/components/forms/index.js

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

package/es/components/layout/Flex.js

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

package/es/components/layout/Flow.js

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

package/es/components/layout/Grid.js

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

package/es/components/layout/Prefix.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect } from 'react';
+import { forwardRef } from 'react';
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, parseStyle, tasty, } from '../../tasty';
-import { useCombinedRefs } from '../../utils/react';
+import { useCombinedRefs, useLayoutEffect } from '../../utils/react';
 const PrefixElement = tasty({
     element: 'Prefix',
     styles: {
@@ -29,7 +29,7 @@ export const Prefix = forwardRef((allProps, outerRef) => {
     let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;
     const styles = extractStyles(props, CONTAINER_STYLES);
     const ref = useCombinedRefs(outerRef);
-    useEffect(() => {
+    useLayoutEffect(() => {
         if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
             onWidthChange(ref.current.offsetWidth);
         }

package/es/components/layout/Space.js

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

package/es/components/layout/Suffix.js

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

package/es/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { createContext, useContext, useEffect, useRef, useState, } from 'react';
 import { Block } from '../../Block';
 import { Space } from '../../layout/Space';
 import { Flex } from '../../layout/Flex';
@@ -14,6 +14,7 @@ import { Button } from '../../actions';
 import { tasty } from '../../../tasty';
 import styled from 'styled-components';
 import { Flow } from '../../layout/Flow';
+import { useLayoutEffect } from '../../../utils/react';
 const LegacyTabsContext = createContext({
     addTab() { },
     removeTab() { },

package/es/components/navigation/Link/Link.js

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

package/es/components/organisms/FileTabs/FileTabs.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { createContext, useContext, useEffect, useRef, useState, } from 'react';
 import { CloseOutlined } from '@ant-design/icons';
 import { Block } from '../../Block';
 import { Action } from '../../actions/Action';
@@ -15,6 +15,7 @@ import { Flex } from '../../layout/Flex';
 import { tasty } from '../../../tasty';
 import styled from 'styled-components';
 import { Button } from '../../actions';
+import { useLayoutEffect } from '../../../utils/react';
 const FileTabsContext = createContext({
     addTab() { },
     removeTab() { },

package/es/components/organisms/Modal/Modal.js

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

package/es/components/organisms/StatsCard/StatsCard.js

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

package/es/components/other/Base64Upload/Base64Upload.js

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

package/es/components/other/CloudLogo/CloudLogo.js

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

package/es/components/overlays/AlertDialog/AlertDialog.js

@@ -1,13 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { chain } from '@react-aria/utils';
 import { Button, ButtonGroup } from '../../actions';
 import { Content } from '../../content/Content';
 import { Paragraph } from '../../content/Paragraph';
@@ -16,6 +15,7 @@ import { useDialogContext } from '../Dialog/context';
 import { Title } from '../../content/Title';
 import { Header } from '../../content/Header';
 import { Footer } from '../../content/Footer';
+import { chain } from '../../../utils/react';
 const DEFAULT_CONFIRM_PROPS = {
     label: 'Ok',
     type: 'primary',

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/es/components/overlays/AlertDialog/AlertDialogZone.js

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

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

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

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

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

package/es/components/overlays/Dialog/Dialog.js

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

package/es/components/overlays/Dialog/DialogContainer.js

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

package/es/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from './Dialog';
 import { Title } from '../../content/Title';
 import { Form } from '../../forms/Form/Form';
-import { useForm } from '../../forms/Form';
+import { useForm } from '../../forms';
 import { Content } from '../../content/Content';
 import { Submit } from '../../actions/Button/Submit';
 import { Button } from '../../actions';

package/es/components/overlays/Dialog/DialogTrigger.js

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

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

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

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

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

package/es/components/overlays/Modal/Modal.js

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

package/es/components/overlays/Modal/OpenTransition.js

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

package/es/components/overlays/Modal/Overlay.js

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

package/es/components/overlays/Modal/Popover.js

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

package/es/components/overlays/Modal/Tray.js

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

package/es/components/overlays/Modal/Underlay.js

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

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

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

package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js

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

package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ const NotificationsContainer = tasty({
         right: 'env(safe-area-inset-right, 0)',
         display: 'flex',
         flexDirection: 'column-reverse',
-        width: 'auto 100% 45x',
+        width: 'auto 100% 50x',
         height: '100vh max',
         padding: '2x',
         gap: '1x',

package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js

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

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

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

package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

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

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

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

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

@@ -1,23 +1,26 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useId } from '@react-aria/utils';
 import { useNotificationsApi } from './hooks';
+import { useEvent, useSyncRef } from '../../../_internal';
+import { useId } from '../../../utils/react/useId';
 export function Notification(props) {
-    const { id: propsId } = props;
-    const { notify, update } = useNotificationsApi();
+    const { id: propsId, disableRemoveOnUnmount = false } = props;
     const defaultId = useId();
+    const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
+    const { notify, update, remove } = useNotificationsApi();
     const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
     useEffect(() => {
-        const { remove } = notify({ id, ...props });
-        return remove;
+        notify({ id, ...props });
     }, [id]);
+    useEffect(() => () => removeNotification(id), [id]);
     useEffect(() => update(id, props));
     return null;
 }

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -11,7 +11,17 @@ import { Button } from '../../../actions';
 import { useEvent } from '../../../../_internal';
 import { useNotificationContext } from './NotificationProvider';
 const Action = tasty(Button, {
-    color: { '': '#purple-text', primary: '#purple-text', secondary: '#dark-03' },
+    styles: {
+        display: 'block',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        color: {
+            '': '#purple-text',
+            primary: '#purple-text',
+            secondary: '#dark-03',
+        },
+    },
 });
 export function NotificationAction(props) {
     const { children, onPress, type = 'primary', disableCloseOnAction = type !== 'primary', ...buttonProps } = props;

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -9,8 +9,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import { tasty } from '../../../../tasty';
 import { Paragraph } from '../../../content/Paragraph';
+import { mergeProps } from '../../../../utils/react';
 const Description = tasty(Paragraph, {
     as: 'p',
+    preset: 't4m',
     styles: {
         gridArea: 'description',
         display: '-webkit-box',
@@ -21,7 +23,11 @@ const Description = tasty(Paragraph, {
 });
 export const NotificationDescription = memo(function NotificationDescription(props) {
     const { description, ...descriptionProps } = props;
-    return (_jsx(Description, { preset: "t4m", ...descriptionProps, children: description }, void 0));
+    return (_jsx(Description, { ...mergeProps(descriptionProps, {
+            // To make a proper user selection
+            onPointerDown: (e) => e.stopPropagation(),
+            onMouseDown: (e) => e.stopPropagation(),
+        }), children: description }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -12,9 +12,10 @@ import flatten from 'react-keyed-flatten-children';
 import { tasty } from '../../../../tasty';
 import { ButtonGroup } from '../../../actions';
 const FooterArea = tasty(ButtonGroup, {
-    gridArea: 'footer',
-    gap: '2x',
     styles: {
+        gridArea: 'footer',
+        gap: '1x 2x',
+        flow: 'row wrap',
         '&:not(:empty)': {
             margin: { '': '0.5x top', 'has-description': '1x top' },
         },

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.2
+ * @cube-dev/ui-kit v0.12.2
  * Released under the MIT license.
  */
 
@@ -14,6 +14,7 @@ const Header = tasty(Title, {
     preset: 'h6',
     styles: {
         gridArea: 'header',
+        cursor: 'default',
         '&:not(:empty)': {
             margin: '0.25x 0 0.5x',
         },

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

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

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

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