@cube-dev/ui-kit 0.45.0 → 0.46.0

package/es/components/layout/ResizablePanel.js

@@ -0,0 +1,211 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.46.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext, useEffect, useState, } from 'react';
+import { useHover, useMove } from 'react-aria';
+import { useWarn } from '../../_internal/index';
+import { tasty } from '../../tasty/index';
+import { mergeProps, useCombinedRefs } from '../../utils/react/index';
+import { Panel, PanelContext } from './Panel';
+const HandlerElement = tasty({
+    styles: {
+        // The real size is slightly bigger than the visual one.
+        width: {
+            '': 'auto',
+            horizontal: '9px',
+        },
+        height: {
+            '': '9px',
+            horizontal: 'auto',
+        },
+        top: {
+            '': 'initial',
+            horizontal: 0,
+            '[data-direction="top"]': -2,
+        },
+        bottom: {
+            '': 'initial',
+            horizontal: 0,
+            '[data-direction="bottom"]': -2,
+        },
+        right: {
+            '': 0,
+            horizontal: 'initial',
+            '[data-direction="right"]': -2,
+        },
+        left: {
+            '': 0,
+            horizontal: 'initial',
+            '[data-direction="left"]': -2,
+        },
+        position: 'absolute',
+        zIndex: 1,
+        cursor: {
+            '': 'col-resize',
+            disabled: 'not-allowed',
+        },
+        fill: {
+            '': '#clear',
+            drag: '#purple-02',
+        },
+        padding: 0,
+        boxSizing: 'border-box',
+        transition: 'theme',
+        Track: {
+            width: {
+                '': 'initial',
+                horizontal: '5px',
+            },
+            height: {
+                '': '5px',
+                horizontal: 'initial',
+            },
+            position: 'absolute',
+            inset: {
+                '': '2px 0',
+                horizontal: '0 2px',
+            },
+            fill: {
+                '': '#border-opaque',
+                '(hovered | drag) & !disabled': '#purple-03',
+            },
+            transition: 'theme',
+        },
+        Drag: {
+            width: {
+                '': '3x',
+                horizontal: '3px',
+            },
+            height: {
+                '': '3px',
+                horizontal: '3x',
+            },
+            radius: true,
+            fill: {
+                '': '#dark-03',
+                'hovered | drag': '#dark-02',
+                disabled: '#dark-04',
+            },
+            inset: {
+                '': '3px 50% auto auto',
+                horizontal: '50% 3px auto auto',
+            },
+            position: 'absolute',
+            transition: 'theme',
+        },
+    },
+});
+const Handler = (props) => {
+    const { direction = 'right', isDisabled } = props;
+    const { hoverProps, isHovered } = useHover({});
+    const isHorizontal = direction === 'left' || direction === 'right';
+    return (_jsxs(HandlerElement, { ...mergeProps(hoverProps, {
+            mods: {
+                hovered: isHovered,
+                horizontal: isHorizontal,
+                disabled: isDisabled,
+            },
+            'data-direction': direction,
+        }, props), children: [_jsx("div", { "data-element": "Track" }), _jsx("div", { "data-element": "Drag" })] }));
+};
+const PanelElement = tasty(Panel, {
+    styles: {
+        flexGrow: 0,
+        width: {
+            '': '@min-size @size @max-size',
+            '[data-direction="top"] | [data-direction="bottom"]': 'initial',
+        },
+        height: {
+            '': '@min-size @size @max-size',
+            '[data-direction="left"] | [data-direction="right"]': 'initial',
+        },
+        placeSelf: 'stretch',
+        touchAction: 'none',
+    },
+});
+function ResizablePanel(props, ref) {
+    const panelContext = useContext(PanelContext);
+    useWarn(panelContext.layout !== 'flex', {
+        once: true,
+        key: 'resizable panel layout requirement',
+        args: [
+            'ResizablePanel can only be used inside a flex layout. Use Panel with `isFlex` property to create one.',
+        ],
+    });
+    const isControllable = typeof props.size === 'number';
+    const { isDisabled, direction = 'right', size: providedSize, onSizeChange, minSize = 200, maxSize = isControllable ? undefined : 400, } = props;
+    const [isDragging, setIsDragging] = useState(false);
+    const isHorizontal = direction === 'left' || direction === 'right';
+    ref = useCombinedRefs(ref);
+    function clamp(size) {
+        if (typeof maxSize === 'number') {
+            size = Math.min(maxSize, size);
+        }
+        if (typeof minSize === 'number' || !minSize) {
+            size = Math.max(minSize || 0, size);
+        }
+        return Math.max(size, 0);
+    }
+    let [size, setSize] = useState(providedSize != null ? clamp(providedSize) : 200);
+    let { moveProps } = useMove({
+        onMoveStart(e) {
+            if (isDisabled) {
+                return;
+            }
+            setIsDragging(true);
+            const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';
+            if (ref.current && Math.abs(ref.current[offsetProp] - size) > 1) {
+                setSize(ref.current[offsetProp]);
+            }
+        },
+        onMove(e) {
+            setSize((size) => {
+                if (isDisabled) {
+                    return size;
+                }
+                if (e.pointerType === 'keyboard') {
+                    return size;
+                }
+                size += isHorizontal
+                    ? e.deltaX * (direction === 'right' ? 1 : -1)
+                    : e.deltaY * (direction === 'bottom' ? 1 : -1);
+                return clamp(size);
+            });
+        },
+        onMoveEnd(e) {
+            setIsDragging(false);
+        },
+    });
+    useEffect(() => {
+        onSizeChange?.(size);
+    }, [size]);
+    useEffect(() => {
+        if (providedSize) {
+            setSize(providedSize);
+        }
+    }, [providedSize]);
+    return (_jsx(PanelElement, { ref: ref, "data-direction": direction, extra: _jsx(Handler, { isDisabled: isDisabled, direction: direction, ...moveProps, mods: {
+                drag: isDragging,
+                horizontal: isHorizontal,
+                disabled: isDisabled,
+            } }), ...mergeProps(props, {
+            style: {
+                '--size': `${size}px`,
+                '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,
+                '--max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,
+            },
+            innerStyles: {
+                margin: `5px ${direction}`,
+            },
+        }) }));
+}
+const _ResizablePanel = forwardRef(ResizablePanel);
+_ResizablePanel.displayName = 'ResizablePanel';
+export { _ResizablePanel as ResizablePanel };
+
+        

package/es/components/layout/Space.js

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

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

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

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

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

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

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

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

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

package/es/components/other/Calendar/Calendar.js

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

package/es/components/other/Calendar/CalendarCell.js

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

package/es/components/other/Calendar/CalendarGrid.js

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

package/es/components/other/Calendar/RangeCalendar.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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