@cube-dev/ui-kit 0.10.11 → 0.11.0

package/es/_internal/hooks/use-event.js

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.11.0
+ * Released under the MIT license.
+ */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useCallback } from 'react';
+import { useSyncRef } from './use-sync-ref';
+/**
+ * useEvent shim from the latest React RFC.
+ *
+ * @see https://github.com/reactjs/rfcs/pull/220
+ * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation
+ */
+export function useEvent(callback) {
+    const callbackRef = useSyncRef(callback);
+    return useCallback((...args) => callbackRef.current(...args), []);
+}
+
+        

package/es/_internal/hooks/use-sync-ref.js

@@ -0,0 +1,17 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.11.0
+ * Released under the MIT license.
+ */
+
+import { useLayoutEffect, useRef } from 'react';
+export function useSyncRef(value) {
+    const ref = useRef(value);
+    useLayoutEffect(() => {
+        ref.current = value;
+    });
+    return ref;
+}
+
+        

package/es/_internal/hooks/use-timer/index.js

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.11.0
+ * Released under the MIT license.
+ */
+
+export * from './timer';
+export * from './use-timer';
+
+        

package/es/_internal/hooks/use-timer/timer.js

@@ -0,0 +1,57 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.11.0
+ * Released under the MIT license.
+ */
+
+export class Timer {
+    constructor(callback, delay) {
+        this.timerId = null;
+        this.startTime = null;
+        this._status = 'stopped';
+        this.callback = callback;
+        this.delay = delay;
+        this.remaining = delay;
+        this.resume();
+    }
+    get status() {
+        return this._status;
+    }
+    set status(status) {
+        this._status = status;
+    }
+    reset() {
+        this.clear();
+        this.remaining = this.delay;
+        this.status = 'stopped';
+    }
+    pause() {
+        if (this.timerId === null || this.startTime === null) {
+            return;
+        }
+        this.clear();
+        this.remaining -= Date.now() - this.startTime;
+        this.status = 'paused';
+    }
+    resume() {
+        if (this.timerId !== null)
+            return;
+        this.startTime = Date.now();
+        this.clear();
+        this.timerId = setTimeout(() => {
+            this.reset();
+            this.callback();
+        }, this.remaining);
+        this.status = 'running';
+    }
+    clear() {
+        if (this.timerId === null) {
+            return;
+        }
+        clearTimeout(this.timerId);
+        this.timerId = null;
+    }
+}
+
+        

package/es/_internal/hooks/use-timer/use-timer.js

@@ -0,0 +1,45 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.11.0
+ * Released under the MIT license.
+ */
+
+import { useEffect, useState } from 'react';
+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 [timer, setTimer] = useState(() => {
+        if (propsTimer) {
+            return propsTimer;
+        }
+        if (typeof delay === 'number') {
+            return new Timer(callbackEvent, delay);
+        }
+        return null;
+    });
+    if (isDisabled) {
+        timer === null || timer === void 0 ? void 0 : timer.reset();
+    }
+    else {
+        timer === null || timer === void 0 ? void 0 : timer.resume();
+    }
+    useEffect(() => {
+        setTimer(propsTimer);
+        return () => timer === null || timer === void 0 ? void 0 : timer.reset();
+    }, [propsTimer]);
+    useEffect(() => {
+        if (propsTimer)
+            return;
+        if (typeof delay === 'number') {
+            setTimer(new Timer(callbackEvent, delay));
+        }
+        return () => timer === null || timer === void 0 ? void 0 : timer.reset();
+    }, [delay, propsTimer]);
+    useEffect(() => () => timer === null || timer === void 0 ? void 0 : 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.10.11
+ * @cube-dev/ui-kit v0.11.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.10.11
+ * @cube-dev/ui-kit v0.11.0
  * Released under the MIT license.
  */
 

package/es/components/Block.js

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

package/es/components/HiddenInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.10.11
+ * @cube-dev/ui-kit v0.11.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.10.11
+ * @cube-dev/ui-kit v0.11.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.10.11
+ * @cube-dev/ui-kit v0.11.0
  * Released under the MIT license.
  */
 
@@ -15,6 +15,7 @@ import { ModalProvider } from '@react-aria/overlays';
 import { StyleSheetManager } from 'styled-components';
 import { TOKENS } from '../tokens';
 import { AlertDialogApiProvider } from './overlays/AlertDialog';
+import { NotificationsProvider } from './overlays/NewNotifications';
 const RootElement = tasty({
     id: 'cube-ui-kit-root',
     className: 'root',
@@ -41,7 +42,7 @@ export const Root = (allProps) => {
         }
     }, []);
     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(AlertDialogApiProvider, { children: children }, 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, 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.10.11
+ * @cube-dev/ui-kit v0.11.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Button/Button.js

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

package/es/components/actions/Button/Submit.js

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

package/es/components/content/Avatar/Avatar.js

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

package/es/components/content/CopySnippet/CopySnippet.js

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.10.11
+ * @cube-dev/ui-kit v0.11.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CopyOutlined } from '@ant-design/icons';
 import copy from 'clipboard-copy';
 import { Action, Button } from '../../actions';
 import { Card } from '../Card/Card';
 import { tasty } from '../../../tasty';
 import { PrismCode, } from '../../content/PrismCode/PrismCode';
-import { notification } from '../../../services/notification';
-import { CopyOutlined } from '@ant-design/icons';
 import { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger';
 import { Tooltip } from '../../overlays/Tooltip/Tooltip';
+import { useToastsApi } from '../../overlays/Toasts';
 const ActionElement = tasty(Action, {
     styles: {
         display: 'block',
@@ -105,32 +105,19 @@ const CopyButton = tasty(Button, {
     },
 });
 export function CopySnippet(allProps) {
-    let { code, title, nowrap, prefix, language, showScroll = true, serif, children, padding, showOverlay = true, showTooltip = false, styles, ...props } = allProps;
-    padding = padding || '1.125x 1.5x';
-    const codeTitle = title || 'Code example';
+    const { code = '', title = 'Code example', nowrap, prefix = '', language, showScroll = true, serif, children, padding = '1.125x 1.5x', showOverlay = true, showTooltip = false, styles, ...props } = allProps;
+    const { toast } = useToastsApi();
     async function onCopy() {
         await copy(code);
-        notification.success(`${codeTitle} copied`);
+        toast.success(`${title} copied`);
     }
-    code = (code || '').replace(/\n$/, '');
-    const multiline = code.includes('\n') && !nowrap;
-    const formattedCode = code
+    const pristineCode = code.replace(/\n$/, '');
+    const multiline = pristineCode.includes('\n') && !nowrap;
+    const formattedCode = pristineCode
         .split(/\n/g)
-        .map((line) => `${prefix || ''}${line} `)
+        .map((line) => `${prefix}${line} `)
         .join('\n');
-    styles = {
-        preset: 'default',
-        ...styles,
-    };
-    const Snippet = (_jsx(CopySnippetElement, { styles: styles, ...props, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: {
-                        nowrap,
-                        multiline,
-                        scroll: showScroll,
-                        serif,
-                    }, styles: { padding }, children: _jsx(PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), _jsx(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: _jsx(CopyButton, { label: `Copy ${codeTitle}`, mods: {
-                            multiline,
-                            'with-scroll': showScroll,
-                        }, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
+    const Snippet = (_jsx(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: _jsx(PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), _jsx(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: _jsx(CopyButton, { label: `Copy ${title}`, mods: { multiline, 'with-scroll': showScroll }, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
     if (showTooltip) {
         return (_jsxs(TooltipTrigger, { children: [_jsx(ActionElement, { children: Snippet }, void 0), _jsx(Tooltip, { children: formattedCode }, void 0)] }, void 0));
     }

package/es/components/content/CopySnippet/index.js

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

package/es/components/content/Skeleton/Skeleton.js

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

package/es/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.10.11
+ * @cube-dev/ui-kit v0.11.0
  * Released under the MIT license.
  */
 
@@ -38,13 +38,13 @@ const TitleElement = tasty({
     },
 });
 const _Title = forwardRef(({ qa, as, styleName, inline, nowrap, ellipsis, level, ...props }, ref) => {
-    props = useSlotProps(props, 'heading');
+    const propsWithSlots = useSlotProps(props, 'heading');
     const tag = `h${level || 1}`;
-    const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);
+    const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);
     return (_jsx(TitleElement, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
             nowrap,
             ellipsis,
-        }, inline: inline, ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+        }, inline: inline, ...filterBaseProps(propsWithSlots, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 const Title = Object.assign(_Title, {
     Danger: forwardRef(function DangerTitle(props, ref) {

package/es/components/forms/Checkbox/Checkbox.js

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

package/es/components/forms/Checkbox/CheckboxGroup.js

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

package/es/components/forms/Checkbox/context.js

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

package/es/components/forms/FieldWrapper.js

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