@cube-dev/ui-kit 0.12.7 → 0.13.0

package/cjs/utils/react/wrapNodeIfPlain.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/utils/transitions.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/utils/tree.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/utils/warnings.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/es/_internal/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/es/_internal/hooks/use-chained-callback.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/es/_internal/hooks/use-deprecation-warning.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/es/_internal/hooks/use-event.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/es/_internal/hooks/use-sync-ref.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/es/_internal/hooks/use-timer/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/es/_internal/hooks/use-timer/timer.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/es/_internal/hooks/use-timer/use-timer.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.
  */
 
@@ -10,7 +10,7 @@ import { useEvent } from '../use-event';
 import { Timer } from './timer';
 export function useTimer(props = {}) {
     const { callback, delay, isDisabled, timer: propsTimer = null } = props;
-    const callbackEvent = useEvent(() => callback === null || callback === void 0 ? void 0 : callback());
+    const callbackEvent = useEvent(() => callback?.());
     const [timer, setTimer] = useState(() => {
         if (propsTimer) {
             return propsTimer;
@@ -21,14 +21,14 @@ export function useTimer(props = {}) {
         return null;
     });
     if (isDisabled) {
-        timer === null || timer === void 0 ? void 0 : timer.reset();
+        timer?.reset();
     }
     else {
-        timer === null || timer === void 0 ? void 0 : timer.resume();
+        timer?.resume();
     }
     useEffect(() => {
         setTimer(propsTimer);
-        return () => timer === null || timer === void 0 ? void 0 : timer.reset();
+        return () => timer?.reset();
     }, [propsTimer]);
     useEffect(() => {
         if (propsTimer)
@@ -36,9 +36,9 @@ export function useTimer(props = {}) {
         if (typeof delay === 'number') {
             setTimer(new Timer(callbackEvent, delay));
         }
-        return () => timer === null || timer === void 0 ? void 0 : timer.reset();
+        return () => timer?.reset();
     }, [delay, propsTimer]);
-    useEffect(() => () => timer === null || timer === void 0 ? void 0 : timer.reset(), [timer]);
+    useEffect(() => () => timer?.reset(), [timer]);
     return { timer };
 }
 

package/es/_internal/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/es/components/Base.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.
  */
 
@@ -40,7 +40,7 @@ function Base(allProps, ref) {
     }
     const contextBreakpoints = useContext(BreakpointsContext);
     const zones = pointsToZones(breakpoints || contextBreakpoints);
-    css = `${css !== null && css !== void 0 ? css : ''}${renderStyles(styles, zones)}`;
+    css = `${css ?? ''}${renderStyles(styles, zones)}`;
     if (mods) {
         Object.assign(props, modAttrs(mods));
     }

package/es/components/Block.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/es/components/GlobalStyles.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/es/components/GridProvider.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,8 +21,7 @@ export const GridProvider = forwardRef(function GridProvider(props, outerRef) {
     let { children, columns = 2, gap = '0', width: forcedWidth, initialWidth, } = props;
     let [width, setWidth] = useState(forcedWidth || initialWidth || '100vw');
     const resizeCallback = useCallback(() => {
-        var _a;
-        const el = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        const el = ref?.current?.parentElement;
         if (!el)
             return;
         const computedStyle = getComputedStyle(el);

package/es/components/HiddenInput.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/es/components/OpenTrasition.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/es/components/Root.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.
  */
 
@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { ModalProvider } from '@react-aria/overlays';
 import { StyleSheetManager } from 'styled-components';
+import { useViewportSize } from '@react-aria/utils';
 import { BASE_STYLES, BLOCK_STYLES, extractStyles, filterBaseProps, tasty, } from '../tasty';
 import { Provider } from '../provider';
 import { TOKENS } from '../tokens';
@@ -29,20 +30,54 @@ const DEFAULT_STYLES = {
     }, {}),
 };
 const STYLES = [...BASE_STYLES, ...BLOCK_STYLES];
+const IS_DVH_SUPPORTED = typeof CSS?.supports !== 'undefined' ? CSS.supports('height: 100dvh') : false;
 export function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
     bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, ...props } = allProps;
     const ref = useRef(null);
     const [rootRef, setRootRef] = useState();
+    // We need to measure the window's height in JS rather than using percentages in CSS
+    // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
+    // does not work properly because there is nothing to base the percentage on.
+    // We cannot use vh units because mobile browsers adjust the window height dynamically
+    // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
+    // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
+    // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
+    let viewport = useViewportSize();
+    let [height, setHeight] = useState(IS_DVH_SUPPORTED ? undefined : viewport.height);
+    let timeoutRef = useRef();
+    useEffect(() => {
+        if (IS_DVH_SUPPORTED) {
+            return;
+        }
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        // When the height is decreasing, and the keyboard is visible
+        // (visual viewport smaller than layout viewport), delay setting
+        // the new max height until after the animation is complete
+        // so that there isn't an empty space under the tray briefly.
+        if (viewport.height < (height || 0) &&
+            viewport.height < window.innerHeight) {
+            timeoutRef.current = setTimeout(() => {
+                setHeight(viewport.height);
+            }, 500);
+        }
+        else {
+            setHeight(viewport.height);
+        }
+    }, [height, viewport.height]);
     useEffect(() => {
         if (!rootRef) {
             // @ts-ignore
-            setRootRef(ref === null || ref === void 0 ? void 0 : ref.current);
+            setRootRef(ref?.current);
         }
     }, []);
     const styles = extractStyles(props, STYLES, DEFAULT_STYLES);
-    return (_jsx(Provider, { router: router, root: rootRef, children: _jsx(StyleSheetManager, { disableVendorPrefixes: true, children: _jsxs(RootElement, { ref: ref, ...filterBaseProps(props, { eventProps: true }), styles: styles, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
+    return (_jsx(Provider, { router: router, root: rootRef, children: _jsx(StyleSheetManager, { disableVendorPrefixes: true, children: _jsxs(RootElement, { ref: ref, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
+                    '--cube-dynamic-viewport-height': height ? height + 'px' : '100dvh',
+                }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
 }
 
         

package/es/components/actions/Action.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.
  */
 
@@ -46,7 +46,7 @@ export function parseTo(to) {
 }
 export function performClickHandler(evt, router, to, onPress) {
     const { newTab, nativeRoute, href } = parseTo(to);
-    onPress === null || onPress === void 0 ? void 0 : onPress(evt);
+    onPress?.(evt);
     if (!to)
         return;
     if (evt.shiftKey || evt.metaKey || newTab) {

package/es/components/actions/Button/Button.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,7 +12,7 @@ import { Action } from '../Action';
 import { accessibilityWarning } from '../../../utils/warnings';
 export function provideButtonStyles({ type, theme }) {
     return {
-        ...(theme === 'danger' ? DANGER_STYLES_BY_TYPE : DEFAULT_STYLES_BY_TYPE)[type !== null && type !== void 0 ? type : 'secondary'],
+        ...(theme === 'danger' ? DANGER_STYLES_BY_TYPE : DEFAULT_STYLES_BY_TYPE)[type ?? 'secondary'],
     };
 }
 const DEFAULT_STYLES_BY_TYPE = {
@@ -297,7 +297,7 @@ export const Button = forwardRef(function Button(allProps, ref) {
         'single-icon-only': singleIcon,
         ...mods,
     }), [mods, isDisabled, isLoading, isSelected, singleIcon]);
-    return (_jsxs(Action, { as: props.to ? 'a' : undefined, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type !== null && type !== void 0 ? type : 'secondary', "data-size": size !== null && size !== void 0 ? size : 'medium', mods: modifiers, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
+    return (_jsxs(Action, { as: props.to ? 'a' : undefined, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', mods: modifiers, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
 });
 
         

package/es/components/actions/Button/Submit.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/es/components/actions/Button/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/es/components/actions/ButtonGroup/ButtonGroup.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/es/components/actions/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/es/components/content/ActiveZone/ActiveZone.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/es/components/content/Alert/Alert.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/es/components/content/Alert/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/es/components/content/Alert/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/es/components/content/Alert/use-alert.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.
  */
 
@@ -9,7 +9,6 @@ import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, } from '
 import { useDeprecationWarning } from '../../../_internal';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 export function useAlert(props) {
-    var _a;
     const { type, isDisabled = false, theme } = props;
     const styles = extractStyles(props, STYLE_LIST);
     useDeprecationWarning(typeof type === 'undefined', {
@@ -17,7 +16,7 @@ export function useAlert(props) {
         name: 'Alert',
         betterAlternative: 'theme',
     });
-    const _theme = isDisabled ? 'disabled' : (_a = theme !== null && theme !== void 0 ? theme : type) !== null && _a !== void 0 ? _a : 'note';
+    const _theme = isDisabled ? 'disabled' : theme ?? type ?? 'note';
     return {
         styles,
         theme: _theme,

package/es/components/content/Avatar/Avatar.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/es/components/content/Badge/Badge.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/es/components/content/Card/Card.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/es/components/content/Content.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/es/components/content/CopySnippet/CopySnippet.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/es/components/content/CopySnippet/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/es/components/content/Divider.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/es/components/content/Footer.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/es/components/content/Header.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/es/components/content/Paragraph.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/es/components/content/Placeholder/Placeholder.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/es/components/content/PrismCode/PrismCode.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/es/components/content/Result/Result.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.
  */
 
@@ -78,7 +78,7 @@ const statusIconMap = {
 };
 function Result(props, ref) {
     let { children, icon, status, subTitle, subtitle, title, ...otherProps } = props;
-    subtitle = subtitle !== null && subtitle !== void 0 ? subtitle : subTitle;
+    subtitle = subtitle ?? subTitle;
     if (icon && status) {
         console.warn('Don\'t use "icon" and "status" together, it can lead to possible errors.');
     }

package/es/components/content/Skeleton/Skeleton.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/es/components/content/Tag/Tag.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/es/components/content/Text.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.
  */