@cube-dev/ui-kit 0.9.8 → 0.9.11

package/es/components/forms/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.8
+ * @cube-dev/ui-kit v0.9.11
  * Released under the MIT license.
  */
 
@@ -73,7 +73,7 @@ export const DEFAULT_INPUT_STYLES = {
 function TextInputBase(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
+    let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
     let [suffixWidth, setSuffixWidth] = useState(0);
     let [prefixWidth, setPrefixWidth] = useState(0);
     let styles = extractStyles(otherProps, STYLE_LIST);
@@ -141,6 +141,7 @@ function TextInputBase(props, ref) {
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,
+            extra,
             styles,
             isRequired,
             labelStyles,

package/es/components/forms/index.js

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

package/es/components/layout/Flex.js

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

package/es/components/layout/Flow.js

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

package/es/components/layout/Grid.js

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

package/es/components/layout/Prefix.js

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

package/es/components/layout/Space.js

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

package/es/components/layout/Suffix.js

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

package/es/components/navigation/LegacyTabs/LegacyTabs.js

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

package/es/components/navigation/Link/Link.js

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

package/es/components/organisms/Alert/Alert.js

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

package/es/components/organisms/CopySnippet/CopySnippet.js

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

package/es/components/organisms/DirectoryTree/DirectoryTree.js

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

package/es/components/organisms/FileTabs/FileTabs.js

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

package/es/components/organisms/Modal/Modal.js

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

package/es/components/organisms/SearchResults/SearchResults.js

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

package/es/components/organisms/StatsCard/StatsCard.js

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

package/es/components/organisms/TopBar/TopBar.js

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

package/es/components/other/Base64Upload/Base64Upload.js

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

package/es/components/other/CloudLogo/CloudLogo.js

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

package/es/components/overlays/AlertDialog/AlertDialog.js

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

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/es/components/overlays/AlertDialog/AlertDialogZone.js

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

package/es/components/overlays/AlertDialog/index.js

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

package/es/components/overlays/AlertDialog/types.js

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

package/es/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.8
+ * @cube-dev/ui-kit v0.9.11
  * Released under the MIT license.
  */
 
@@ -127,13 +127,10 @@ function Dialog(props, ref) {
         content: {
             styles: {
                 flexGrow: 1,
-                padding: {
-                    '': '@dialog-content-padding-v @dialog-padding-h 0 @dialog-padding-h',
-                    ':last-child': '@dialog-content-padding-v @dialog-padding-h',
-                },
+                padding: '@dialog-content-padding-v @dialog-padding-h 0 @dialog-padding-h',
                 margin: {
-                    '': '@dialog-content-padding-v bottom',
-                    ':last-child': '0',
+                    '': '0',
+                    ':last-child': '@dialog-content-padding-v bottom',
                 },
                 gap: '@dialog-content-gap',
                 height: {

package/es/components/overlays/Dialog/DialogContainer.js

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

package/es/components/overlays/Dialog/DialogForm.js

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

package/es/components/overlays/Dialog/DialogTrigger.js

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

package/es/components/overlays/Dialog/context.js

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

package/es/components/overlays/Dialog/index.js

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

package/es/components/overlays/Modal/Modal.js

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/overlays/Notification/Notification.js

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

package/es/components/overlays/OverlayWrapper.js

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

package/es/components/overlays/Tooltip/Tooltip.js

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

package/es/components/overlays/Tooltip/TooltipProvider.js

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

package/es/components/overlays/Tooltip/TooltipTrigger.js

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

package/es/components/overlays/Tooltip/context.js

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

package/es/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.8
+ * @cube-dev/ui-kit v0.9.11
  * Released under the MIT license.
  */
 
@@ -61,7 +61,7 @@ function ComboBox(props, ref) {
     var _a;
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, ...otherProps } = props;
+    let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, ...otherProps } = props;
     let isAsync = loadingState != null;
     let { contains } = useFilter({ sensitivity: 'base' });
     let [suffixWidth, setSuffixWidth] = useState(0);
@@ -146,6 +146,7 @@ function ComboBox(props, ref) {
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,
+            extra,
             styles,
             isRequired,
             labelStyles,

package/es/components/pickers/Menu/Menu.js

@@ -0,0 +1,72 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.11
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Item as BaseItem, Section as BaseSection, } from '@react-stately/collections';
+import { useMenu } from '@react-aria/menu';
+import { mergeProps, useSyncRef } from '@react-aria/utils';
+import { useDOMRef } from '@react-spectrum/utils';
+import { useTreeState } from '@react-stately/tree';
+import { useContextStyles } from '../../../providers/StylesProvider';
+import { CONTAINER_STYLES } from '../../../styles/list';
+import { extractStyles } from '../../../utils/styles';
+import { StyledMenu, StyledMenuHeader } from './styled';
+import { MenuItem } from './MenuItem';
+import { MenuSection } from './MenuSection';
+import { useMenuContext } from './context';
+function Menu(props, ref) {
+    const domRef = useDOMRef(ref);
+    const contextProps = useMenuContext();
+    const { header, footer, styles } = props;
+    const completeProps = {
+        ...mergeProps(contextProps, props, {
+            mods: {
+                footer: !!footer,
+                header: !!header,
+            },
+        }),
+    };
+    const state = useTreeState(completeProps);
+    const { menuProps } = useMenu(completeProps, state, domRef);
+    const containerStyles = extractStyles(completeProps, CONTAINER_STYLES);
+    const menuStyles = useContextStyles('Menu', props) || {};
+    const completeStyles = {
+        ...menuStyles,
+        ...containerStyles,
+        ...styles,
+    };
+    useSyncRef(contextProps, domRef);
+    return (_jsxs(StyledMenu, { ...mergeProps(menuProps, completeProps), styles: completeStyles, ref: domRef, children: [header && _jsx(StyledMenuHeader, { children: header }, void 0), [...state.collection].map((item) => {
+                if (item.type === 'section') {
+                    return (_jsx(MenuSection, { item: item, state: state, onAction: completeProps.onAction }, item.key));
+                }
+                let menuItem = (_jsx(MenuItem, { item: item, state: state, onAction: completeProps.onAction }, item.key));
+                if (item.wrapper) {
+                    menuItem = item.wrapper(menuItem);
+                }
+                return menuItem;
+            })] }, void 0));
+}
+// forwardRef doesn't support generic parameters, so cast the result to the correct type
+// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
+const _Menu = React.forwardRef(Menu);
+const Item = Object.assign(BaseItem, {
+    displayName: 'Item',
+});
+const Section = Object.assign(BaseSection, {
+    displayName: 'Section',
+});
+const __Menu = Object.assign(_Menu, {
+    Item,
+    Section,
+    displayName: 'Menu',
+});
+__Menu.displayName = 'Menu';
+export { __Menu as Menu };
+
+        

package/es/components/pickers/Menu/MenuButton.js

@@ -0,0 +1,63 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.11
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../actions';
+import { Text } from '../../content/Text';
+import { Space } from '../../layout/Space';
+import { CheckOutlined } from '@ant-design/icons';
+const ACTION_BUTTON = {
+    border: {
+        '': '#clear',
+        pressed: '#clear',
+    },
+    fill: {
+        '': '#clear',
+        hovered: '#dark.04',
+        'pressed | selected': '#purple.1',
+        disabled: '#clear',
+    },
+    color: {
+        '': '#dark-02',
+        hovered: '#dark-02',
+        'pressed | selected': '#purple-text',
+        disabled: '#dark-04',
+    },
+    cursor: {
+        '': 'pointer',
+        disabled: 'default',
+    },
+    shadow: '#clear',
+    padding: {
+        '': '(0.75x - 1px) (1.5x - 1px)',
+        'selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px + 22px)',
+    },
+    display: 'flex',
+    flow: 'row',
+    justifyContent: 'start',
+    Postfix: {
+        color: {
+            '': '#dark-03',
+            hovered: '#dark-03',
+            'pressed | selected': '#purple-text',
+            disabled: '#dark-04',
+        },
+    },
+};
+const getPostfix = (postfix) => typeof postfix === 'string' ? (_jsx(Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix }, void 0)) : (postfix);
+export function MenuButton({ children, icon, postfix, ...props }) {
+    const { isSelected, isSelectable } = props;
+    const checkIcon = isSelectable && isSelected ? _jsx(CheckOutlined, {}, void 0) : null;
+    const mods = {
+        ...props.mods,
+        selectable: isSelectable,
+        selected: isSelected,
+    };
+    return (_jsxs(Button, { type: "neutral", size: "small", styles: ACTION_BUTTON, ...props, icon: checkIcon, mods: mods, children: [icon && _jsx(Text, { color: "inherit", children: icon }, void 0), _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [_jsx(Text, { color: "inherit", ellipsis: true, children: children }, void 0), postfix && getPostfix(postfix)] }, void 0)] }, void 0));
+}
+
+