@cube-dev/ui-kit 0.9.4 → 0.9.7

package/dist/cjs/components/organisms/Modal/Modal.js

@@ -1,258 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * 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.Modal = void 0;
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_2 = require("react");
-const react_dom_1 = __importDefault(require("react-dom"));
-const Action_1 = require("../../actions/Action");
-const Card_1 = require("../../content/Card/Card");
-const Flow_1 = require("../../layout/Flow");
-const Flex_1 = require("../../layout/Flex");
-const Block_1 = require("../../Block");
-const actions_1 = require("../../actions");
-const Space_1 = require("../../layout/Space");
-const Title_1 = require("../../content/Title");
-const styled_components_1 = __importDefault(require("styled-components"));
-const icons_1 = require("@ant-design/icons");
-const react_transition_group_1 = require("react-transition-group");
-const Overlay = styled_components_1.default.div `
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: rgba(0, 0, 0, 0.4);
-  place-content: center;
-  place-items: center;
-  z-index: 1000;
-  display: none;
-  white-space: normal;
-
-  .cube-modal {
-    --enter-transition-time: 250ms;
-    --leave-transition-time: 160ms;
-    --base-translate: ((50vh - 50%) / -3);
-    transform: translate(0, calc(var(--base-translate)));
-  }
-
-  &.cube-modal-transition-enter {
-    opacity: 0;
-    display: flex;
-
-    & .cube-modal {
-      transform: translate(0, calc(-32px + var(--base-translate))) scale(0.5);
-    }
-  }
-
-  &.cube-modal-transition-enter-active {
-    opacity: 1;
-    transition: all var(--enter-transition-time) cubic-bezier(0, 0.5, 0, 1);
-
-    & .cube-modal {
-      transform: translate(0, calc(var(--base-translate))) scale(1);
-      transition: all var(--enter-transition-time) cubic-bezier(0.5, 0.5, 0, 1);
-    }
-  }
-
-  &.cube-modal-transition-enter-done {
-    display: flex;
-  }
-
-  &.cube-modal-transition-exit {
-    opacity: 1;
-    display: flex;
-
-    & .cube-modal {
-      transform: translate(0, calc(var(--base-translate))) scale(1);
-    }
-  }
-
-  &.cube-modal-transition-exit-active {
-    opacity: 0;
-    transition: all var(--leave-transition-time) ease-in;
-
-    & .cube-modal {
-      transform: translate(0, calc(-32px + var(--base-translate))) scale(0.5);
-      transition: all var(--leave-transition-time) ease-in;
-    }
-  }
-
-  &.cube-modal-transition-exit-done {
-    display: none;
-  }
-`;
-/**
- * @deprecated Prefer using Dialog instead
- *
- * DEPRECATED Modal component
- * Designed after AntD Modal component and almost duplicate its API.
- * Use Dialog component instead
- */
-function Modal(allProps) {
-    let { title, isVisible, type, okType, isClosable, isLoading, children, okText, cancelText, width, onOk, onCancel, onClose, qa, isDisabled, ...props } = allProps;
-    isClosable = !!isClosable;
-    const [inProp, setInProp] = (0, react_2.useState)(false);
-    const [localLoading, setLocalLoading] = (0, react_2.useState)(false);
-    (0, react_2.useEffect)(() => {
-        setInProp(isVisible || false);
-    }, [isVisible]);
-    function cancel() {
-        if (onCancel) {
-            onCancel();
-        }
-        else if (onClose) {
-            onClose();
-        }
-    }
-    function close() {
-        if (!isVisible)
-            return;
-        if (onClose || onCancel) {
-            if (isClosable) {
-                // @ts-ignore
-                (onClose || onCancel)();
-            }
-            else if (onCancel) {
-                onCancel();
-            }
-        }
-    }
-    const onOverlayClick = (evt) => {
-        if (!evt || !evt.target)
-            return;
-        if (evt.target.classList.contains('cube-modal-overlay') && !isLoading) {
-            close();
-        }
-    };
-    (0, react_2.useEffect)(() => {
-        function handleKeyDown(evt) {
-            if (evt.key === 'Escape' && !isLoading) {
-                close();
-            }
-        }
-        window.addEventListener('keydown', handleKeyDown);
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-        };
-    }, []);
-    const handleOk = (0, react_2.useCallback)((arg) => {
-        setLocalLoading(true);
-        (async () => {
-            if (onOk) {
-                try {
-                    if ((await onOk(arg)) === false && (onClose || onCancel)) {
-                        // @ts-ignore
-                        (onClose || onCancel)();
-                    }
-                }
-                catch (e) {
-                }
-                finally {
-                    setLocalLoading(false);
-                }
-            }
-        })();
-    }, [onOk]);
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { in: inProp, timeout: 250, classNames: "cube-modal-transition", children: (0, jsx_runtime_1.jsx)(Overlay, { className: "cube-modal-overlay", onClick: onOverlayClick, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { "data-qa": qa || 'Modal', className: "cube-modal", display: "flex", role: "region", color: "#dark.85", padding: "0", shadow: true, border: false, radius: "1.5r", width: `288px (100% - 32px) ${typeof width === 'number' ? `${width}px` : width || '360px'}`, style: { textAlign: 'left' }, ...props, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeContent: "space-between", padding: "2x 3x", border: "bottom", children: [typeof title === 'object' ? (title) : ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 4, flexGrow: 1, children: title }, void 0)), isClosable ? ((0, jsx_runtime_1.jsx)(Action_1.Action, { qa: "ModalCloseButton", width: "3x", height: "3x", onPress: onClose || onCancel, color: { '': '#dark.75', hovered: '#purple' }, outline: {
-                                    '': '#purple-03.0',
-                                    'focused & focus-visible': '#purple-03',
-                                }, label: "Close", children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: { fontSize: 16 } }, void 0) }, void 0)) : null] }, void 0), (0, jsx_runtime_1.jsxs)(Flow_1.Flow, { padding: "3x", gap: "3x", height: "max (100vh - 90px)", style: { overflow: 'auto' }, children: [typeof children === 'string' ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0)) : (children), type !== 'info' && (onOk || onCancel) ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1.5x", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'ConfirmButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', isLoading: isLoading || localLoading, onPress: handleOk, children: okText || 'OK' }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'CancelButton', onPress: cancel, isDisabled: isLoading, children: cancelText || (okText === 'Yes' ? 'No' : 'Cancel') }, void 0)] }, void 0)) : null, type === 'info' ? ((0, jsx_runtime_1.jsx)(Space_1.Space, { children: (0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'OkButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', onPress: close, children: okText || 'OK' }, void 0) }, void 0)) : null] }, void 0)] }, void 0) }, void 0) }, void 0));
-}
-exports.Modal = Modal;
-let ID = 0;
-const modal = {
-    root: null,
-    items: [],
-    init() {
-        if (this.root)
-            return;
-        this.root = document.createElement('div');
-        this.root.classList.add('cube-modal-container');
-        document.body.appendChild(this.root);
-        this._render([]);
-    },
-    render() {
-        this.init();
-        this._render();
-    },
-    _render(items) {
-        if (!items) {
-            items = this.items;
-        }
-        react_dom_1.default.render(items.map((item) => {
-            const { id, onOk, onCancel, onClose, content, ...options } = item;
-            const wrapOnOk = async (arg) => {
-                onOk && (await onOk(arg));
-                this.resolve(item, arg);
-            };
-            const wrapOnCancel = () => {
-                onCancel && onCancel();
-                if (item.type === 'info') {
-                    this.resolve(item);
-                }
-                else {
-                    this.reject(item);
-                }
-            };
-            const wrapOnClose = () => {
-                onClose && onClose();
-                if (item.type === 'info') {
-                    this.resolve(item);
-                }
-                else {
-                    this.reject(item);
-                }
-            };
-            return ((0, react_1.createElement)(Modal, { ...options, onOk: wrapOnOk, onCancel: wrapOnCancel, onClose: wrapOnClose, key: id }, content));
-        }), this.root);
-    },
-    open(item) {
-        item.isVisible = false;
-        item.id = ++ID;
-        this.items.push(item);
-        this.render();
-        setTimeout(() => {
-            item.isVisible = true;
-            this.render();
-        });
-        return new Promise((resolve, reject) => {
-            item.resolve = resolve;
-            item.reject = reject;
-        });
-    },
-    close(item) {
-        item.isVisible = false;
-        this.render();
-        setTimeout(() => {
-            this.items = this.items.filter((modal) => item.id !== modal.id);
-            this.render();
-        }, 1000);
-    },
-    resolve(item, arg) {
-        item.resolve(arg);
-        this.close(item);
-    },
-    reject(item, arg) {
-        item.reject(arg);
-        this.close(item);
-    },
-};
-Modal.confirm = (options) => {
-    return modal.open({ type: 'confirm', ...options });
-};
-Modal.info = (options) => {
-    return modal.open({ type: 'info', ...options });
-};
-
-        

package/dist/cjs/components/organisms/SearchResults/SearchResults.js

@@ -1,108 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchResults = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("@ant-design/icons");
-const Flex_1 = require("../../layout/Flex");
-const Action_1 = require("../../actions/Action");
-const actions_1 = require("../../actions");
-const Space_1 = require("../../layout/Space");
-const Block_1 = require("../../Block");
-const Paragraph_1 = require("../../content/Paragraph");
-const Text_1 = require("../../content/Text");
-const TEXT_OVERFLOW_STYLES = {
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-    maxWidth: '100%',
-    overflow: 'hidden',
-};
-function getItemStyles({ indent, isSelected, }) {
-    return {
-        width: 'max 100%',
-        radius: true,
-        textAlign: 'left',
-        fill: isSelected
-            ? '#purple.05'
-            : {
-                '': '#clear',
-                hovered: '#dark.04',
-            },
-        color: isSelected ? '#purple-text' : '#dark.75',
-        outline: {
-            '': '#purple-03.0',
-            'focused & focus-visible': '#purple-03',
-        },
-        fontWeight: 400,
-        padding: `.75x .5x .75x ${indent || 0.5}x`,
-    };
-}
-function Item({ children, indent, onPress, isSelected, }) {
-    return ((0, jsx_runtime_1.jsx)(Action_1.Action, { onPress: onPress, styles: getItemStyles({ indent, isSelected }), style: { whiteSpace: 'nowrap' }, children: children }, void 0));
-}
-const HOVER_CSS = `
-  &:hover .actions {
-    opacity: 1;
-  }
-  &:not(:hover) .actions {
-    opacity: 0;
-  }
-`;
-function SearchResults({ onSelect, files, selectedKey, defaultExpandAll, ...otherProps }) {
-    const [expanded, setExpanded] = (0, react_1.useState)([]);
-    const [selected, setSelected] = (0, react_1.useState)(selectedKey);
-    (0, react_1.useEffect)(() => {
-        setSelected(selectedKey);
-    }, [selectedKey]);
-    (0, react_1.useEffect)(() => {
-        if (defaultExpandAll) {
-            setExpanded(files.map((file) => file.key));
-        }
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (defaultExpandAll) {
-            setExpanded(files.map((file) => file.key));
-        }
-    }, [files]);
-    function toggle(item) {
-        if (expanded.includes(item.key)) {
-            setExpanded(expanded.filter((key) => key !== item.key));
-        }
-        else {
-            setExpanded([...expanded, item.key]);
-        }
-    }
-    function select(item, position) {
-        const key = typeof item === 'string' ? item : item.key;
-        onSelect && onSelect(key.split('|')[0], position);
-        setSelected(key);
-    }
-    const resultsNumber = files.reduce((sum, file) => sum + file.items.length, 0);
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { styles: {
-            flow: 'column',
-            width: '100%',
-            gap: '1bw',
-            padding: '2x bottom',
-        }, ...otherProps, children: [(0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { color: "#dark.50", padding: "1x 0", children: resultsNumber
-                    ? `${resultsNumber} result${resultsNumber > 1 ? 's' : ''} in ${files.length} file${files.length > 1 ? 's' : ''}`
-                    : 'No results found' }, void 0), files.map((file) => {
-                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Item, { isSelected: selected === file.key, onPress: () => select(file), indent: file.items.length ? null : 2.25, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".5x", css: HOVER_CSS, children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { type: "clear", margin: "-.5x", padding: ".25x", color: {
-                                            '': '#dark.60',
-                                            hovered: '#purple',
-                                        }, onPress: () => toggle(file), label: expanded.includes(file.key) ? 'Collapse' : 'Expand', children: file.items.length ? (expanded.includes(file.key) ? ((0, jsx_runtime_1.jsx)(icons_1.CaretUpOutlined, {}, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CaretDownOutlined, {}, void 0))) : null }, void 0), (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1x", flexGrow: 1, color: selected === file.key ? '#purple' : '#dark.50', children: [expanded.includes(file.key) ? ((0, jsx_runtime_1.jsx)(icons_1.FileOutlined, {}, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.FileOutlined, {}, void 0)), (0, jsx_runtime_1.jsx)(Block_1.Block, { style: TEXT_OVERFLOW_STYLES, color: selected === file.key ? '#purple-text' : '#dark.75', children: file.entry ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [file.before || '', (0, jsx_runtime_1.jsx)(Text_1.Text.Selection, { children: file.entry }, void 0), file.after || ''] }, void 0)) : (file.title) }, void 0)] }, void 0)] }, void 0) }, file.key), (expanded.includes(file.key) ? file.items || [] : []).map((item, i) => {
-                            const key = `${file.key}|${i}`;
-                            const isSelected = selected === key;
-                            return ((0, jsx_runtime_1.jsx)(Item, { indent: 3.5, isSelected: isSelected, onPress: () => select(key, [item.row, item.column]), children: (0, jsx_runtime_1.jsx)(Space_1.Space, { gap: "1x", css: HOVER_CSS, color: isSelected ? '#purple' : '#dark.50', children: (0, jsx_runtime_1.jsxs)(Block_1.Block, { style: TEXT_OVERFLOW_STYLES, flexGrow: 1, color: isSelected ? '#purple-text' : '#dark.75', children: [item.before || '', (0, jsx_runtime_1.jsx)(Text_1.Text.Selection, { children: item.entry }, void 0), item.after || ''] }, void 0) }, void 0) }, key));
-                        })] }, file.key));
-            })] }, void 0));
-}
-exports.SearchResults = SearchResults;
-
-        

package/dist/cjs/components/organisms/StatsCard/StatsCard.js

@@ -1,20 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatsCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Card_1 = require("../../content/Card/Card");
-const Title_1 = require("../../content/Title");
-const Text_1 = require("../../content/Text");
-function StatsCard({ title, value, suffix, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { level: 4, color: "#minor", preset: "default", nowrap: true, children: title }, void 0), (0, jsx_runtime_1.jsxs)(Text_1.Text.Strong, { preset: "h3", children: [value, " ", suffix] }, void 0)] }, void 0));
-}
-exports.StatsCard = StatsCard;
-
-        

package/dist/cjs/components/organisms/TopBar/TopBar.js

@@ -1,33 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopBar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Base_1 = require("../../Base");
-const CloudLogo_1 = require("../../other/CloudLogo/CloudLogo");
-const Space_1 = require("../../layout/Space");
-const list_1 = require("../../../styles/list");
-const styles_1 = require("../../../utils/styles");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const DEFAULT_STYLES = {
-    display: 'flex',
-    flow: 'row',
-    gap: '1x',
-    placeContent: 'space-between',
-    placeItems: 'center',
-    padding: '1x 1.5x',
-    fill: '#white',
-};
-function TopBar({ children, onLogoPress, ...props }) {
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { role: "banner", styles: styles, ...(0, filterBaseProps_1.filterBaseProps)(props), children: [(0, jsx_runtime_1.jsx)(CloudLogo_1.CloudLogo, { onPress: onLogoPress }, void 0), (0, jsx_runtime_1.jsx)(Space_1.Space, { flexGrow: 1, placeContent: "space-between", children: children }, void 0)] }, void 0));
-}
-exports.TopBar = TopBar;
-
-        

package/dist/cjs/components/other/Base64Upload/Base64Upload.js

@@ -1,110 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * 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.Base64Upload = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const actions_1 = require("../../actions");
-const Block_1 = require("../../Block");
-const Text_1 = require("../../content/Text");
-const styled_components_1 = __importDefault(require("styled-components"));
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const DEFAULT_STYLES = {
-    display: 'inline-flex',
-    padding: '.75x 1x',
-    gap: '1x',
-    flow: 'row',
-    placeItems: 'center',
-    fill: '#white',
-    border: true,
-    fontWeight: 400,
-};
-exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)((allProps, ref) => {
-    const { onInput, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, list_1.POSITION_STYLES, DEFAULT_STYLES);
-    const [file, setFile] = (0, react_1.useState)();
-    const [error, setError] = (0, react_1.useState)('');
-    function onInputFile(e) {
-        if (!e.target)
-            return;
-        const localFile = e.target.files[0];
-        const reader = new FileReader();
-        setError('');
-        if (!localFile)
-            return;
-        if (!localFile.name.endsWith('.json')) {
-            setError('Incorrect format. JSON file is required');
-            return;
-        }
-        reader.onload = function () {
-            /**
-             * @type {string}
-             */
-            const text = String(reader.result);
-            let base64text;
-            try {
-                JSON.parse(text);
-                base64text = btoa(text);
-            }
-            catch (e) {
-                setError('Invalid JSON file');
-                console.error(e);
-                return;
-            }
-            onInput &&
-                onInput({
-                    encoded: base64text,
-                    raw: JSON.parse(text),
-                });
-            setFile(localFile.name);
-        };
-        try {
-            reader.readAsText(localFile);
-        }
-        catch (e) {
-            setError('Invalid file');
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
-})) `
-  appearance: none;
-  cursor: pointer;
-  outline: none;
-
-  & input {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    cursor: pointer;
-    width: 100%;
-    height: 100%;
-  }
-
-  && {
-    border: var(--border-width) solid rgba(var(--dark-02-color-rgb), 0.1);
-  }
-
-  &&:not([data-is-hovered]) {
-    background: rgba(var(--purple-color), 0);
-  }
-
-  &&[data-is-hovered] {
-    background: rgba(var(--purple-color), 0.1);
-  }
-`;
-
-        

package/dist/cjs/components/other/CloudLogo/CloudLogo.js

@@ -1,43 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * 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.CloudLogo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const button_1 = require("@react-aria/button");
-const utils_1 = require("@react-spectrum/utils");
-const mapProps_1 = require("../../../utils/react/mapProps");
-const Button = styled_components_1.default.button((props) => {
-    return `
-    appearance: none;
-    padding: 0;
-    margin: 0;
-    font-size: inherit;
-    line-height: inherit;
-    width: 159px;
-    height: 26px;
-    border: none;
-    background: none;
-    cursor: ${props.isLink ? 'pointer' : 'default'};
-    outline: none;
-  `;
-});
-function CloudLogo(props, ref) {
-    let domRef = (0, utils_1.useFocusableRef)(ref);
-    let { buttonProps } = (0, button_1.useButton)((0, mapProps_1.cubeToAriaButtonProps)(props), domRef);
-    return ((0, jsx_runtime_1.jsx)(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, isLink: !!props.onPress, ref: domRef, label: "Logo", children: (0, jsx_runtime_1.jsxs)("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 11.029L19.154 13l-7.887-4.567-4.507 2.6-3.38-1.827 7.889-4.684 11.264 6.507z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M36.594 21.099c2.446 0 4.36-1.21 5.503-3.067l-1.967-1.534c-.878 1.21-1.967 1.991-3.509 1.991-2.392 0-4.093-1.856-4.093-4.305 0-2.394 1.7-4.278 4.093-4.278 1.568 0 2.658.807 3.509 2.018l1.967-1.56c-1.117-1.857-3.03-3.067-5.503-3.067-3.854 0-6.91 3.013-6.91 6.887 0 3.902 3.056 6.915 6.91 6.915zM50.224 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM66.42 7.297c-1.807 0-3.376.7-4.36 1.91V.624h-2.79v20.18h2.605v-1.83c.983 1.345 2.658 2.125 4.572 2.125 3.694 0 6.38-2.96 6.38-6.888S70.14 7.297 66.42 7.297zm-.452 11.22c-1.94 0-3.934-1.292-3.934-4.306 0-2.986 1.967-4.332 3.934-4.332 2.233 0 3.987 1.75 3.987 4.305 0 2.556-1.727 4.332-3.987 4.332zM87.469 13.35c0-3.47-2.552-6.053-6.034-6.053-3.801 0-6.752 3.04-6.752 6.914 0 3.902 2.977 6.888 7.018 6.888 2.073 0 3.827-.807 5.21-2.125l-1.33-1.938c-1.09.969-2.286 1.56-3.8 1.56-2.234 0-3.882-1.29-4.254-3.47h9.729c.08-.35.213-1.05.213-1.776zm-6.14-3.659c1.78 0 3.296 1.157 3.349 3.229H77.58c.425-1.964 1.913-3.229 3.747-3.229zM101.014 21.099c2.445 0 4.359-1.21 5.502-3.067l-1.967-1.534c-.877 1.21-1.967 1.991-3.508 1.991-2.393 0-4.094-1.856-4.094-4.305 0-2.394 1.701-4.278 4.094-4.278 1.568 0 2.658.807 3.508 2.018l1.967-1.56c-1.116-1.857-3.03-3.067-5.502-3.067-3.854 0-6.911 3.013-6.911 6.887 0 3.902 3.057 6.915 6.911 6.915zM109.062 20.803h2.791V.624h-2.791v20.18zM121.417 21.099c3.881 0 6.938-3.067 6.938-6.915 0-3.847-3.057-6.887-6.938-6.887-3.854 0-6.884 3.013-6.884 6.887 0 3.848 3.03 6.915 6.884 6.915zm0-2.61c-2.312 0-4.04-1.83-4.04-4.278 0-2.475 1.728-4.332 4.067-4.332 2.286 0 4.04 1.857 4.04 4.332 0 2.422-1.754 4.278-4.067 4.278zM136.605 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM155.566.624v8.583c-.984-1.21-2.552-1.91-4.36-1.91-3.694 0-6.379 2.986-6.379 6.914 0 3.928 2.658 6.888 6.379 6.888 1.941 0 3.615-.807 4.572-2.18v1.884h2.605V.624h-2.817zm-3.881 17.892c-2.286 0-4.014-1.776-4.014-4.332s1.754-4.305 4.014-4.305c1.94 0 3.934 1.346 3.934 4.332 0 3.014-1.994 4.305-3.934 4.305z", fill: "#141446" }, void 0)] }, void 0) }, void 0));
-}
-const _CloudLogo = (0, react_1.forwardRef)(CloudLogo);
-exports.CloudLogo = _CloudLogo;
-
-        

package/dist/cjs/components/overlays/AlertDialog/AlertDialog.js

@@ -1,67 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-aria/utils");
-const actions_1 = require("../../actions");
-const Content_1 = require("../../content/Content");
-const Paragraph_1 = require("../../content/Paragraph");
-const Dialog_1 = require("../Dialog/Dialog");
-const context_1 = require("../Dialog/context");
-const Title_1 = require("../../content/Title");
-const react_1 = require("react");
-const ButtonGroup_1 = require("../../actions/ButtonGroup/ButtonGroup");
-const Header_1 = require("../../content/Header");
-const Footer_1 = require("../../content/Footer");
-const DEFAULT_CONFIRM_PROPS = {
-    label: 'Ok',
-    type: 'primary',
-};
-const DEFAULT_CANCEL_PROPS = {
-    label: 'Cancel',
-};
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */
-function AlertDialog(props, ref) {
-    var _a;
-    const { onClose = () => { } } = (_a = (0, react_1.useContext)(context_1.DialogContext)) !== null && _a !== void 0 ? _a : {};
-    const { danger, actions, title, styles, noActions, content, ...otherProps } = props;
-    let { confirm: confirmProps, secondary: secondaryProps, cancel: cancelProps, } = actions !== null && actions !== void 0 ? actions : {};
-    // the confirm button is present by default
-    confirmProps =
-        confirmProps !== false
-            ? {
-                ...DEFAULT_CONFIRM_PROPS,
-                ...(typeof confirmProps === 'object' ? confirmProps : null),
-            }
-            : undefined;
-    // the cancel button is hidden by default
-    cancelProps = cancelProps
-        ? {
-            ...DEFAULT_CANCEL_PROPS,
-            ...(typeof cancelProps === 'object' ? cancelProps : null),
-        }
-        : undefined;
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { role: "alertdialog", ref: ref, isDismissable: false, ...otherProps, children: [title ? ((0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0)) : null, content ? ((0, jsx_runtime_1.jsx)(Content_1.Content, { children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? ((0, jsx_runtime_1.jsx)(Footer_1.Footer, { children: (0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { align: "end", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { theme: danger ? 'danger' : undefined, autoFocus: true, ...confirmProps, onPress: (e) => {
-                                var _a, _b;
-                                return (0, utils_1.chain)((_b = (_a = confirmProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose('confirm'));
-                            } }, void 0), secondaryProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...secondaryProps, onPress: (e) => { var _a; return (0, utils_1.chain)((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose('secondary')); } }, void 0)), cancelProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...cancelProps, onPress: (e) => {
-                                var _a, _b;
-                                return (0, utils_1.chain)((_b = (_a = cancelProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose('cancel'));
-                            } }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
-}
-/**
- * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
- */
-const _AlertDialog = (0, react_1.forwardRef)(AlertDialog);
-exports.AlertDialog = _AlertDialog;
-
-