@cube-dev/ui-kit 0.56.3 → 0.58.0

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

@@ -1,31 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOpenTransitionContext = useOpenTransitionContext;
-exports.OpenTransition = OpenTransition;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_transition_group_1 = require("react-transition-group");
-const OPEN_STATES = {
-    entering: false,
-    entered: true,
-};
-const OpenTransitionContext = (0, react_1.createContext)(null);
-function useOpenTransitionContext() {
-    return (0, react_1.useContext)(OpenTransitionContext);
-}
-function OpenTransition(props) {
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => ((0, jsx_runtime_1.jsx)(OpenTransitionContext.Provider, { value: { transitionState: state }, children: react_1.Children.map(props.children, (child) => child &&
-                (0, react_1.cloneElement)(child, {
-                    isOpen: !!OPEN_STATES[state],
-                    transitionState: state,
-                })) })) }));
-}
-
-        

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

@@ -1,42 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const provider_1 = require("../../../provider");
-const OpenTransition_1 = require("./OpenTransition");
-function Overlay(props, ref) {
-    let { children, isOpen, container = null, onEnter, onEntering, onEntered, onExit, onExiting, onExited, hideOnClose = false, } = props;
-    let [exited, setExited] = (0, react_1.useState)(!isOpen);
-    let { root } = (0, provider_1.useProviderProps)({});
-    let handleEntered = (0, react_1.useCallback)(() => {
-        setExited(false);
-        onEntered?.();
-    }, [onEntered]);
-    let handleExited = (0, react_1.useCallback)(() => {
-        setExited(true);
-        onExited?.();
-    }, [onExited]);
-    // Don't un-render the overlay while it's transitioning out.
-    let mountOverlay = isOpen || !exited;
-    if (!mountOverlay) {
-        // Don't bother showing anything if we don't have to.
-        if (!hideOnClose) {
-            return null;
-        }
-    }
-    let contents = ((0, jsx_runtime_1.jsx)(provider_1.Provider, { ref: ref, children: (0, jsx_runtime_1.jsx)(OpenTransition_1.OpenTransition, { appear: true, in: isOpen, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }) }));
-    return (0, react_dom_1.createPortal)(contents, container || root || document.body);
-}
-let _Overlay = (0, react_1.forwardRef)(Overlay);
-exports.Overlay = _Overlay;
-
-        

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

@@ -1,71 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const Overlay_1 = require("./Overlay");
-const PopoverElement = (0, tasty_1.tasty)({
-    role: 'presentation',
-    styles: {
-        display: {
-            '': 'none',
-            'entering | entered': 'initial',
-            exiting: 'initial',
-            exited: 'none',
-        },
-        pointerEvents: 'auto',
-        position: 'absolute',
-        transition: 'opacity .120s linear, visibility 0ms linear, transform .120s ease-in-out',
-        transform: {
-            '': 'scale(1, .9)',
-            open: 'initial',
-        },
-        opacity: {
-            '': 0,
-            open: '.9999',
-        },
-        transformOrigin: {
-            '': 'top center',
-            '[data-placement="top"]': 'bottom center',
-        },
-    },
-});
-function Popover(props, ref) {
-    let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, updatePosition, shouldCloseOnInteractOutside, ...otherProps } = props;
-    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { ...otherProps, children: (0, jsx_runtime_1.jsx)(PopoverWrapper, { ref: ref, qa: qa, style: style, styles: styles, placement: placement, arrowProps: arrowProps, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, updatePosition: updatePosition, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: children }) }));
-}
-const PopoverWrapper = (0, react_1.forwardRef)(function PopoverWrapper(props, ref) {
-    let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, updatePosition, transitionState, shouldCloseOnInteractOutside, ...otherProps } = props;
-    let { overlayProps } = (0, react_aria_1.useOverlay)({ ...props, isDismissable: isDismissable && isOpen }, 
-    // @ts-ignore
-    ref);
-    let { modalProps } = (0, react_aria_1.useModal)({
-        isDisabled: isNonModal,
-    });
-    (0, react_1.useEffect)(() => {
-        if (transitionState === 'entered') {
-            updatePosition?.();
-        }
-    }, [updatePosition, transitionState]);
-    return ((0, jsx_runtime_1.jsx)(PopoverElement, { qa: qa || 'Popover', ...(0, react_2.mergeProps)(otherProps, overlayProps, modalProps), ref: ref, styles: styles, mods: {
-            open: isOpen,
-            entering: transitionState === 'entering',
-            exiting: transitionState === 'exiting',
-            exited: transitionState === 'exited',
-            entered: transitionState === 'entered',
-        }, "data-placement": placement, style: style, children: children }));
-});
-let _Popover = (0, react_1.forwardRef)(Popover);
-exports.Popover = _Popover;
-
-        

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

@@ -1,74 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tray = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-spectrum/utils");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const Modal_1 = require("./Modal");
-const Underlay_1 = require("./Underlay");
-const Overlay_1 = require("./Overlay");
-const TrayWrapperElement = (0, tasty_1.tasty)({
-    qa: 'TrayWrapper',
-    styles: {
-        ...Modal_1.OVERLAY_WRAPPER_STYLES,
-        placeContent: 'end center',
-        placeItems: 'end center',
-    },
-});
-const TrayElement = (0, tasty_1.tasty)({
-    styles: {
-        display: {
-            '': 'none',
-            'entering | entered': 'initial',
-            exiting: 'initial',
-            exited: 'none',
-        },
-        zIndex: 10,
-        height: 'max 90dvh',
-        width: '288px 90vw',
-        pointerEvents: 'auto',
-        transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',
-        opacity: {
-            '': 0,
-            open: '.9999',
-        },
-    },
-});
-function Tray(props, ref) {
-    let { qa, children, onClose, isFixedHeight, isNonModal, styles, ...otherProps } = props;
-    let domRef = (0, utils_1.useDOMRef)(ref);
-    let { overlayProps, underlayProps } = (0, react_aria_1.useOverlay)({ ...props, isDismissable: true }, domRef);
-    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [(0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }), (0, jsx_runtime_1.jsx)(TrayWrapper, { ref: domRef, qa: qa, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, onClose: onClose, children: children })] }));
-}
-let TrayWrapper = (0, react_1.forwardRef)(function TrayWrapper(props, ref) {
-    let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, transitionState, ...otherProps } = props;
-    (0, react_aria_1.usePreventScroll)();
-    let { modalProps } = (0, react_aria_1.useModal)({
-        isDisabled: isNonModal,
-    });
-    let domProps = (0, react_2.mergeProps)(otherProps, overlayProps);
-    return ((0, jsx_runtime_1.jsx)(TrayWrapperElement, { mods: {
-            open: isOpen,
-        }, children: (0, jsx_runtime_1.jsx)(TrayElement, { qa: qa || 'Tray', styles: styles, mods: {
-                open: isOpen,
-                entering: transitionState === 'entering',
-                exiting: transitionState === 'exiting',
-                exited: transitionState === 'exited',
-                entered: transitionState === 'entered',
-                'fixed-height': isFixedHeight,
-            }, ...domProps, ...modalProps, ref: ref, children: children }) }));
-});
-let _Tray = (0, react_1.forwardRef)(Tray);
-exports.Tray = _Tray;
-
-        

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

@@ -1,46 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Underlay = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../../tasty");
-const UnderlayElement = (0, tasty_1.tasty)({
-    qa: 'Underlay',
-    'data-type': 'primary',
-    styles: {
-        position: 'fixed',
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0,
-        zIndex: 10,
-        transitionDelay: '0ms',
-        opacity: {
-            '': 0,
-            open: 0.9999,
-        },
-        pointerEvents: {
-            '': 'none',
-            open: 'auto',
-        },
-        fill: '#dark.30',
-        overflow: 'hidden',
-        transition: 'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',
-    },
-});
-function Underlay({ isOpen, transitionState, ...otherProps }, ref) {
-    return ((0, jsx_runtime_1.jsx)(UnderlayElement, { ref: ref, mods: {
-            open: isOpen,
-        }, ...otherProps }));
-}
-let _Underlay = (0, react_1.forwardRef)(Underlay);
-exports.Underlay = _Underlay;
-
-        

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

@@ -1,37 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = exports.Underlay = exports.Overlay = exports.Modal = exports.Tray = void 0;
-var Tray_1 = require("./Tray");
-Object.defineProperty(exports, "Tray", { enumerable: true, get: function () { return Tray_1.Tray; } });
-var Modal_1 = require("./Modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
-var Overlay_1 = require("./Overlay");
-Object.defineProperty(exports, "Overlay", { enumerable: true, get: function () { return Overlay_1.Overlay; } });
-var Underlay_1 = require("./Underlay");
-Object.defineProperty(exports, "Underlay", { enumerable: true, get: function () { return Underlay_1.Underlay; } });
-var Popover_1 = require("./Popover");
-Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
-__exportStar(require("./types"), exports);
-
-        

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

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

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

@@ -1,57 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingNotification = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _internal_1 = require("../../../../_internal");
-const tasty_1 = require("../../../../tasty");
-const NotificationView_1 = require("../NotificationView");
-const hooks_1 = require("../hooks");
-const NotificationContainer = (0, tasty_1.tasty)({
-    styles: {
-        overflow: 'hidden',
-        radius: true,
-        boxShadow: '0 0.5x 2x #shadow',
-        pointerEvents: 'auto',
-    },
-});
-/**
- * @internal This component is unstable and must not be used outside of `NotificationsBar`.
- */
-exports.FloatingNotification = (0, react_1.memo)(function FloatingNotification(props) {
-    const { item, state, onRemoveNotification, id, isDisabledTimer, onDismissNotification, } = props;
-    const { props: notificationProps, key } = item;
-    const ref = (0, react_1.useRef)(null);
-    const onCloseEvent = (0, _internal_1.useChainedCallback)(() => onRemoveNotification(id), notificationProps.onClose);
-    const chainedOnDismiss = (0, _internal_1.useChainedCallback)(() => onDismissNotification(id), () => onRemoveNotification(id), notificationProps.onDismiss);
-    const onKeyDown = (0, _internal_1.useEvent)(({ key }) => {
-        if (notificationProps.isDismissible === false) {
-            return;
-        }
-        const closeKeys = ['Delete', 'Backspace', 'Escape'];
-        if (closeKeys.includes(key)) {
-            chainedOnDismiss();
-        }
-    });
-    const { itemProps } = (0, hooks_1.useNotificationListItem)({ key, ref, state });
-    const { timer } = (0, _internal_1.useTimer)({
-        callback: chainedOnDismiss,
-        delay: notificationProps.duration,
-        isDisabled: isDisabledTimer,
-    });
-    return ((0, jsx_runtime_1.jsx)(NotificationContainer, { children: (0, jsx_runtime_1.jsx)(NotificationView_1.NotificationView, { ref: ref, ...notificationProps, timer: timer, attributes: {
-                ...itemProps,
-                onKeyDown,
-                role: 'status',
-                'aria-atomic': 'true',
-            }, qa: "FloatingNotification", onDismiss: chainedOnDismiss, onClose: onCloseEvent }) }));
-});
-
-        

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

@@ -1,98 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationsBar = NotificationsBar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_transition_group_1 = require("react-transition-group");
-const react_stately_1 = require("react-stately");
-const react_aria_1 = require("react-aria");
-const focus_1 = require("@react-aria/focus");
-const tasty_1 = require("../../../../tasty");
-const hooks_1 = require("../hooks");
-const react_2 = require("../../../../utils/react");
-const _internal_1 = require("../../../../_internal");
-const FloatingNotification_1 = require("./FloatingNotification");
-const TransitionComponent_1 = require("./TransitionComponent");
-const NotificationsContainer = (0, tasty_1.tasty)({
-    styles: {
-        boxSizing: 'border-box',
-        position: 'fixed',
-        bottom: 'env(safe-area-inset-bottom, 0)',
-        right: 'env(safe-area-inset-right, 0)',
-        display: 'flex',
-        flexDirection: 'column-reverse',
-        width: 'auto 100% 50x',
-        height: '100dvh max',
-        padding: '2x',
-        gap: '1x',
-        /* to be sure that we're over the legacy modal and any widget as well */
-        zIndex: 2147483647,
-        overflow: 'hidden',
-        isolation: 'isolate',
-        pointerEvents: 'none',
-    },
-});
-/**
- * @internal Do not use it
- */
-function NotificationsBar(props) {
-    const { items, children, onRemoveNotification, onDismissNotification, limit = 5, } = props;
-    const ref = (0, react_1.useRef)(null);
-    const [realLimit, setRealLimit] = (0, react_1.useState)(limit + 1);
-    const lastShownIdRef = (0, react_1.useRef)();
-    const { listProps, state } = (0, hooks_1.useNotificationsList)({ items, children, ref });
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({});
-    const { focusProps, isFocusVisible } = (0, react_aria_1.useFocusRing)({ within: true });
-    const moveFocus = (0, _internal_1.useEvent)((key) => {
-        const nextKey = state.collection.getKeyBefore(key.toString()) ??
-            state.collection.getKeyAfter(key.toString()) ??
-            state.collection.getLastKey();
-        const elementToFocus = ref.current?.querySelector(`[data-id="${nextKey}"]`);
-        if (elementToFocus) {
-            (0, focus_1.focusSafely)(elementToFocus);
-        }
-    });
-    const chainedOnRemoveNotification = (0, _internal_1.useChainedCallback)(onRemoveNotification, moveFocus);
-    let collection = [...state.collection].reverse();
-    const collectionLength = collection.length;
-    const lastShownNotificationIndex = collection.findIndex((notification) => notification.props.id === lastShownIdRef.current);
-    if (lastShownNotificationIndex !== -1) {
-        collection = collection.slice(0, lastShownNotificationIndex);
-    }
-    /**
-     * Handy hack to improve animations if the limit is reached.
-     */
-    (0, react_1.useLayoutEffect)(() => {
-        setRealLimit(limit + 1);
-    }, [collectionLength]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (realLimit > limit) {
-            setRealLimit(limit);
-        }
-    }, [realLimit]);
-    // Set the last notification that was gone off the limit
-    collection.slice(realLimit).forEach((notification) => {
-        // It's safe 'cause there is always only a single notification above the limit
-        lastShownIdRef.current = notification.props.id;
-    });
-    (0, react_1.useEffect)(() => {
-        // Auto-dismiss the last shown notification that was off the limit
-        if (lastShownIdRef.current) {
-            onDismissNotification(lastShownIdRef.current);
-            onRemoveNotification(lastShownIdRef.current);
-            const lastNotification = collection.find((notification) => notification.props.id === lastShownIdRef.current);
-            lastNotification?.props.onDismiss?.();
-        }
-    }, [lastShownIdRef.current]);
-    return ((0, jsx_runtime_1.jsx)(NotificationsContainer, { ref: ref, qa: "NotificationsBar", role: "region", "aria-live": "polite", ...(0, react_2.mergeProps)(listProps, hoverProps, focusProps), children: (0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { enter: true, exit: true, component: null, children: collection.slice(0, realLimit).map((notification) => ((0, jsx_runtime_1.jsx)(TransitionComponent_1.TransitionComponent, { children: (0, jsx_runtime_1.jsx)(FloatingNotification_1.FloatingNotification, { isDisabledTimer: isHovered || isFocusVisible, id: notification.props.id, item: notification, state: state, onRemoveNotification: chainedOnRemoveNotification, onDismissNotification: onDismissNotification }) }, notification.props.id))) }) }));
-}
-NotificationsBar.Item = react_stately_1.Item;
-
-        

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

@@ -1,60 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransitionComponent = TransitionComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_transition_group_1 = require("react-transition-group");
-const styled_components_1 = __importDefault(require("styled-components"));
-const CSS_TRANSITION_CLASS_NAME = 'cube-notifications-css-transition';
-const TRANSITION_TIMEOUT = 250;
-function TransitionComponent(props) {
-    const { children, ...transitionProps } = props;
-    const notificationRef = (0, react_1.useRef)(null);
-    const calculateNotificationSize = (0, react_1.useCallback)(() => {
-        if (notificationRef.current) {
-            notificationRef.current.style.setProperty('--__notification-size__', `${notificationRef.current.scrollHeight}px`);
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { unmountOnExit: true, mountOnEnter: true, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: (0, jsx_runtime_1.jsx)(Transition, { ref: notificationRef, children: children }) }));
-}
-const Transition = styled_components_1.default.div `
-  transition-property: height, opacity, margin-top, margin-bottom;
-  transition-duration: ${TRANSITION_TIMEOUT}ms;
-  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
-
-  &.${CSS_TRANSITION_CLASS_NAME} {
-    &-enter {
-      height: 0;
-      opacity: 0;
-      will-change: height, opacity;
-    }
-    &-enter-active {
-      height: var(--__notification-size__);
-      opacity: 1;
-      will-change: height, opacity;
-    }
-    &-exit {
-      height: var(--__notification-size__);
-      opacity: 1;
-      will-change: height, opacity, margin-top;
-    }
-    &-exit-active {
-      margin-top: -8px;
-      height: 0;
-      opacity: 0;
-      will-change: height, opacity;
-    }
-  }
-`;
-
-        

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

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./NotificationsBar"), exports);
-
-        

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

@@ -1,42 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationsDialogTrigger = NotificationsDialogTrigger;
-exports.NotificationsDialog = NotificationsDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const Dialog_1 = require("../../Dialog");
-const tasty_1 = require("../../../../tasty");
-const Flex_1 = require("../../../layout/Flex");
-const Title_1 = require("../../../content/Title");
-const react_1 = require("../../../../utils/react");
-const hooks_1 = require("../hooks");
-function NotificationsDialogTrigger(props) {
-    const { onCloseNotificationInBar, ...dialogTriggerProps } = props;
-    (0, hooks_1.useNotificationsObserver)((args) => onCloseNotificationInBar?.(args));
-    return (0, jsx_runtime_1.jsx)(Dialog_1.DialogTrigger, { ...dialogTriggerProps, type: "popover" });
-}
-const StyledDialog = (0, tasty_1.tasty)(Dialog_1.Dialog, { height: 'auto calc(100vh - 12x)' });
-const StyledDialogContent = (0, tasty_1.tasty)(Flex_1.Flex, {
-    styles: {
-        flow: 'column',
-        placeItems: 'start start',
-        styledScrollbar: true,
-        height: '100%',
-        border: '1bw solid #border',
-        radius: '0.5x',
-        overflow: 'auto',
-    },
-});
-function NotificationsDialog(props) {
-    const { children, title = 'Notifications', ...dialogProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(StyledDialog, { ...dialogProps, children: [(0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }) }), (0, jsx_runtime_1.jsx)(StyledDialogContent, { children: (0, jsx_runtime_1.jsx)(react_1.ClearSlots, { children: children }) })] }));
-}
-
-        

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

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./NotificationsDialogTrigger"), exports);
-
-