@cube-dev/ui-kit 0.9.1 → 0.9.4

package/dist/cjs/components/forms/RadioGroup/context.js

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

package/dist/cjs/components/forms/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ const searchfield_2 = require("@react-aria/searchfield");
 const react_2 = require("../../../utils/react");
 const TextInputBase_1 = require("../TextInput/TextInputBase");
 const provider_1 = require("../../../provider");
-const Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const mapProps_1 = require("../../../utils/react/mapProps");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 exports.SearchInput = (0, react_1.forwardRef)((props, ref) => {
@@ -34,9 +34,9 @@ exports.SearchInput = (0, react_1.forwardRef)((props, ref) => {
     }, [combinedRef, value]);
     let state = (0, searchfield_1.useSearchFieldState)(props);
     let { inputProps, clearButtonProps } = (0, searchfield_2.useSearchField)(props, state, inputRef);
-    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: "search", prefix: (0, jsx_runtime_1.jsx)(icons_1.SearchOutlined, {}, void 0), suffixPosition: "after", suffix: isClearable
-            && state.value !== ''
-            && !props.isReadOnly && ((0, jsx_runtime_1.jsx)(Button_1.Button, { type: "clear", ...(0, mapProps_1.ariaToCubeButtonProps)(clearButtonProps), color: {
+    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: "search", prefix: (0, jsx_runtime_1.jsx)(icons_1.SearchOutlined, {}, void 0), suffixPosition: "after", suffix: isClearable &&
+            state.value !== '' &&
+            !props.isReadOnly && ((0, jsx_runtime_1.jsx)(actions_1.Button, { type: "clear", ...(0, mapProps_1.ariaToCubeButtonProps)(clearButtonProps), color: {
                 '': '#dark.50',
                 'hovered | pressed': '#purple-text',
             }, radius: "right (1r - 1bw)", padding: ".5x 1x", placeSelf: "stretch", icon: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)), ...props }, void 0));

package/dist/cjs/components/forms/Switch/Switch.js

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

package/dist/cjs/components/forms/TextArea/TextArea.js

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

package/dist/cjs/components/forms/TextInput/TextInput.js

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

package/dist/cjs/components/forms/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -107,12 +107,12 @@ function TextInputBase(props, ref) {
     (0, react_1.useImperativeHandle)(ref, () => ({
         ...(0, utils_1.createFocusableRef)(domRef, inputRef),
         select() {
-            if (inputRef?.current) {
+            if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
                 inputRef.current.select();
             }
         },
         getInputElement() {
-            return inputRef?.current;
+            return inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
         },
     }));
     let isInvalid = validationState === 'invalid';
@@ -121,7 +121,7 @@ function TextInputBase(props, ref) {
     suffix =
         typeof suffix === 'string' ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { padding: "1x right", children: suffix }, void 0)) : (suffix);
     // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
-    if (!inputProps?.placeholder) {
+    if (!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder)) {
         if (!inputProps) {
             inputProps = {};
         }

package/dist/cjs/components/forms/index.js

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

package/dist/cjs/components/layout/Flex.js

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

package/dist/cjs/components/layout/Flow.js

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

package/dist/cjs/components/layout/Grid.js

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

package/dist/cjs/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -33,7 +33,7 @@ exports.Prefix = (0, react_1.forwardRef)((allProps, outerRef) => {
     const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
     const ref = (0, react_2.useCombinedRefs)(outerRef);
     (0, react_1.useEffect)(() => {
-        if (ref?.current && onWidthChange) {
+        if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
             onWidthChange(ref.current.offsetWidth);
         }
     }, [children, ref, onWidthChange]);

package/dist/cjs/components/layout/Space.js

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

package/dist/cjs/components/layout/Suffix.js

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

package/dist/cjs/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const react_1 = require("react");
 const Block_1 = require("../../Block");
 const Space_1 = require("../../layout/Space");
 const Flex_1 = require("../../layout/Flex");
-const Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const LegacyTabsContext = (0, react_1.createContext)({
     addTab() { },
     removeTab() { },
@@ -125,7 +125,7 @@ const TABS_CONTAINER_CSS = `
   }
 `;
 const Tab = ({ isSelected, isHidden, onClose, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { type: "tab", styles: TAB_STYLES, css: TAB_CSS, isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
+    return ((0, jsx_runtime_1.jsx)(actions_1.Button, { type: "tab", styles: TAB_STYLES, css: TAB_CSS, isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
 };
 function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
     const tabsRef = (0, react_1.useRef)(null);
@@ -138,8 +138,8 @@ function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, on
         if (!el)
             return;
         setLeftFade(!!el.scrollLeft);
-        setRightFade(el.scrollWidth !== el.offsetWidth
-            && !!(el.scrollWidth - el.offsetWidth - el.scrollLeft));
+        setRightFade(el.scrollWidth !== el.offsetWidth &&
+            !!(el.scrollWidth - el.offsetWidth - el.scrollLeft));
     }
     (0, react_1.useLayoutEffect)(updateScroll, [tabs]);
     function scrollCurrentIntoView() {

package/dist/cjs/components/navigation/Link/Link.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 exports.Link = (0, react_1.forwardRef)((props, ref) => {
-    return (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "link", ...props, ref: ref }, void 0);
+    return (0, jsx_runtime_1.jsx)(actions_1.Button, { type: "link", ...props, ref: ref }, void 0);
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -35,7 +35,7 @@ exports.Alert = (0, react_1.forwardRef)((allProps, ref) => {
         border: themes_1.default[type] && themes_1.default[type].border ? themes_1.default[type].border : '#clear',
         color: '#dark',
     });
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { role: "region", ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { role: "alert", ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopySnippet = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
-const Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const Card_1 = require("../../content/Card/Card");
 const Grid_1 = require("../../layout/Grid");
 const styled_1 = require("../../../styled");
@@ -91,7 +91,7 @@ function CopySnippet(allProps) {
                         multiline,
                         scroll: showScroll,
                         serif,
-                    }, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay } }, void 0), (0, jsx_runtime_1.jsx)(Button_1.Button, { label: `Copy ${codeTitle}`, type: "clear", styles: {
+                    }, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay } }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { label: `Copy ${codeTitle}`, type: "clear", styles: {
                         padding: '1x 1.5x',
                         fontWeight: 500,
                         radius: multiline || showScroll ? '0 1r' : '0 1r 1r 0',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ 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 Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const Space_1 = require("../../layout/Space");
 const Block_1 = require("../../Block");
 const IMAGES = {
@@ -145,7 +145,7 @@ function DirectoryTree(props) {
     function recursiveRender(subTreeData, indent = 0) {
         return subTreeData.reduce((list, item) => {
             if (!item.isLeaf) {
-                list.push((0, jsx_runtime_1.jsx)(Item, { indent: indent, isSelected: selected === item.key, onPress: () => select(item), children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".5x", css: HOVER_CSS, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { type: "clear", margin: "-.5x", padding: ".25x", color: {
+                list.push((0, jsx_runtime_1.jsx)(Item, { indent: indent, isSelected: selected === item.key, onPress: () => select(item), 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(item), label: expanded.includes(item.key) ? 'Collapse' : 'Expand', children: expanded.includes(item.key) ? ((0, jsx_runtime_1.jsx)(icons_1.CaretUpOutlined, {}, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CaretDownOutlined, {}, void 0)) }, void 0), (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1x", flexGrow: 1, color: selected === item.key ? '#purple' : '#dark.50', children: [expanded.includes(item.key) ? ((0, jsx_runtime_1.jsx)(icons_1.FolderOpenFilled, {}, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.FolderFilled, {}, void 0)), (0, jsx_runtime_1.jsx)(Block_1.Block, { style: TEXT_OVERFLOW_STYLES, color: selected === item.key ? '#purple-text' : '#dark.75', children: item.title }, void 0)] }, void 0), actionsPanel && actionsPanel(item)] }, void 0) }, item.key));

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ 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 Button_1 = require("../../actions/Button/Button");
+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"));
@@ -167,7 +167,7 @@ function Modal(allProps) {
     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)(Button_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)(Button_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)(Button_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));
+                                }, 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;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ 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 Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const Space_1 = require("../../layout/Space");
 const Block_1 = require("../../Block");
 const Paragraph_1 = require("../../content/Paragraph");
@@ -93,7 +93,7 @@ function SearchResults({ onSelect, files, selectedKey, defaultExpandAll, ...othe
         }, ...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)(Button_1.Button, { type: "clear", margin: "-.5x", padding: ".25x", color: {
+                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) => {

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Base64Upload = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const Block_1 = require("../../Block");
 const Text_1 = require("../../content/Text");
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -62,8 +62,8 @@ exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)(
                 console.error(e);
                 return;
             }
-            onInput
-                && onInput({
+            onInput &&
+                onInput({
                     encoded: base64text,
                     raw: JSON.parse(text),
                 });
@@ -76,7 +76,7 @@ exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)(
             setError('Invalid file');
         }
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Button_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));
+    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;

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -10,8 +10,9 @@ 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 Button_1 = require("../../actions/Button/Button");
+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");
@@ -30,9 +31,10 @@ const DEFAULT_CANCEL_PROPS = {
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
  */
 function AlertDialog(props, ref) {
-    const { onClose = () => { } } = (0, react_1.useContext)(context_1.DialogContext) ?? {};
+    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 ?? {};
+    let { confirm: confirmProps, secondary: secondaryProps, cancel: cancelProps, } = actions !== null && actions !== void 0 ? actions : {};
     // the confirm button is present by default
     confirmProps =
         confirmProps !== false
@@ -48,7 +50,13 @@ function AlertDialog(props, ref) {
             ...(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, (0, jsx_runtime_1.jsx)(Content_1.Content, { children: content }, void 0), !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)(Button_1.Button, { theme: danger ? 'danger' : undefined, autoFocus: true, ...confirmProps, onPress: (e) => (0, utils_1.chain)(confirmProps?.onPress?.(e), onClose('confirm')) }, void 0), secondaryProps && ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...secondaryProps, onPress: (e) => (0, utils_1.chain)(secondaryProps?.onPress?.(e), onClose('secondary')) }, void 0)), cancelProps && ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...cancelProps, onPress: (e) => (0, utils_1.chain)(cancelProps?.onPress?.(e), onClose('cancel')) }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
+    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.

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -31,21 +31,22 @@ function AlertDialogApiProvider(props) {
                 meta: { id: currentId, isClosed: false, isVisible: true },
             };
             const close = () => {
+                var _a;
                 if (currentDialog.meta.isClosed)
                     return;
                 currentDialog.meta.isClosed = true;
-                params.cancelToken?.removeEventListener('abort', close);
-                setOpenedDialog((currentState) => currentState?.meta.id !== currentId
+                (_a = params.cancelToken) === null || _a === void 0 ? void 0 : _a.removeEventListener('abort', close);
+                setOpenedDialog((currentState) => (currentState === null || currentState === void 0 ? void 0 : currentState.meta.id) !== currentId
                     ? currentState
                     : {
                         props: currentState.props,
                         meta: { ...currentState.meta, isVisible: false },
                     });
-                setTimeout(() => setOpenedDialog((currentState) => currentState?.meta.id !== currentId ? currentState : null), 300);
+                setTimeout(() => setOpenedDialog((currentState) => (currentState === null || currentState === void 0 ? void 0 : currentState.meta.id) !== currentId ? currentState : null), 300);
             };
-            if (cancelToken?.aborted)
+            if (cancelToken === null || cancelToken === void 0 ? void 0 : cancelToken.aborted)
                 return new Promise(() => { });
-            cancelToken?.addEventListener('abort', close, { once: true });
+            cancelToken === null || cancelToken === void 0 ? void 0 : cancelToken.addEventListener('abort', close, { once: true });
             currentDialog.meta.promise = new Promise((resolve, reject) => {
                 currentDialog.meta.resolve = (status) => {
                     close();

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ function AlertDialogZone(props) {
             return {
                 ...action,
                 onPress: (e) => {
-                    onPress?.(e);
+                    onPress === null || onPress === void 0 ? void 0 : onPress(e);
                     resolve(status);
                 },
             };

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Button_1 = require("../../actions/Button/Button");
+const actions_1 = require("../../actions");
 const utils_1 = require("@react-spectrum/utils");
 const context_1 = require("./context");
 const overlays_1 = require("@react-aria/overlays");
@@ -169,7 +169,7 @@ function Dialog(props, ref) {
     };
     return ((0, jsx_runtime_1.jsx)(focus_1.FocusScope, { contain: true, restoreFocus: true, children: (0, jsx_runtime_1.jsxs)(Base_1.Base, { "data-id": "Dialog", "data-qa": qa || 'Dialog', styles: styles, as: "section", ...dialogProps, mods: {
                 dismissable: isDismissable,
-            }, "data-type": type, "data-size": size, ref: domRef, children: [dismissButton, (0, jsx_runtime_1.jsxs)(react_2.SlotProvider, { slots: slots, children: [isDismissable && ((0, jsx_runtime_1.jsx)(Button_1.Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() }, void 0)), children] }, void 0)] }, void 0) }, void 0));
+            }, "data-type": type, "data-size": size, ref: domRef, children: [dismissButton, (0, jsx_runtime_1.jsxs)(react_2.SlotProvider, { slots: slots, children: [isDismissable && ((0, jsx_runtime_1.jsx)(actions_1.Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() }, void 0)), children] }, void 0)] }, void 0) }, void 0));
 }
 /**
  * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.

package/dist/cjs/components/overlays/Dialog/DialogContainer.js

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