@cube-dev/ui-kit 0.0.0-canary-9917823 → 0.0.0-canary-2a1d026

package/cjs/components/forms/Slider/SliderThumb.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -29,7 +29,7 @@ function SliderThumb(props) {
             dragged: isDragging,
             focused: !isDragging && isFocused,
             disabled: isDisabled,
-        }, ...(0, react_2.mergeProps)(thumbProps, hoverProps), role: "presentation", children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, ...inputProps }, void 0) }, void 0) }, void 0));
+        }, ...(0, react_2.mergeProps)(thumbProps, hoverProps), role: "presentation", children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, ...inputProps }) }) }));
 }
 exports.SliderThumb = SliderThumb;
 

package/cjs/components/forms/Slider/SliderTrack.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ function SliderTrack(props) {
         disabled: isDisabled,
         horizontal: orientation === 'horizontal',
     }), [isDisabled]);
-    return (0, jsx_runtime_1.jsx)(elements_1.SliderTrackContainerElement, { mods: mods }, void 0);
+    return (0, jsx_runtime_1.jsx)(elements_1.SliderTrackContainerElement, { mods: mods });
 }
 exports.SliderTrack = SliderTrack;
 

package/cjs/components/forms/Slider/elements.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/cjs/components/forms/Slider/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -21,10 +21,10 @@ const interactions_2 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const HiddenInput_1 = require("../../HiddenInput");
 const Label_1 = require("../Label");
-const Form_1 = require("../Form/Form");
 const Text_1 = require("../../content/Text");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
+const Form_1 = require("../Form");
 const SwitchWrapperElement = (0, tasty_1.tasty)({
     qa: 'SwitchWrapper',
     styles: {
@@ -99,10 +99,21 @@ const SwitchElement = (0, tasty_1.tasty)({
         },
     },
 });
-function Switch(props, ref) {
+/**
+ * Switches allow users to turn an individual option on or off.
+ * They are usually used to activate or deactivate a specific setting.
+ */
+exports.Switch = (0, react_1.forwardRef)(function Switch(props, ref) {
     props = (0, nullableValue_1.castNullableIsSelected)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
+    props = (0, Form_1.useFieldProps)(props, {
+        defaultValidationTrigger: 'onChange',
+        valuePropsMapper: ({ value, onChange }) => ({
+            isSelected: value != null ? value : false,
+            isIndeterminate: false,
+            onChange: onChange,
+        }),
+    });
     let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, labelSuffix, ...otherProps } = props;
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
     inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, inputStyles);
@@ -124,7 +135,7 @@ function Switch(props, ref) {
         hovered: isHovered,
         focused: isFocused,
     };
-    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { mods: mods, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }, void 0), (0, jsx_runtime_1.jsx)(SwitchElement, { qa: qa || 'Switch', mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0), children ? (0, jsx_runtime_1.jsx)(Text_1.Text, { children: children }, void 0) : null] }, void 0));
+    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { mods: mods, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }), (0, jsx_runtime_1.jsx)(SwitchElement, { qa: qa || 'Switch', mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }) }), children ? (0, jsx_runtime_1.jsx)(Text_1.Text, { children: children }) : null] }));
     if (insideForm) {
         return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
                 as: 'label',
@@ -144,18 +155,11 @@ function Switch(props, ref) {
                 labelSuffix,
                 Component: switchField,
                 ref: domRef,
-            } }, void 0));
+            } }));
     }
     return ((0, jsx_runtime_1.jsxs)(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label ? ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
                     disabled: isDisabled,
-                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0)) : null] }, void 0));
-}
-/**
- * Switches allow users to turn an individual option on or off.
- * They are usually used to activate or deactivate a specific setting.
- */
-let _Switch = (0, react_1.forwardRef)(Switch);
-exports.Switch = _Switch;
-_Switch.cubeInputType = 'Checkbox';
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {})] })) : null] })) : null] }));
+});
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -12,22 +12,35 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-stately/utils");
 const textfield_1 = require("@react-aria/textfield");
-const TextInputBase_1 = require("../TextInput/TextInputBase");
+const TextInput_1 = require("../TextInput");
 const provider_1 = require("../../../provider");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const react_2 = require("../../../utils/react");
-function TextArea(props, ref) {
+const Form_1 = require("../Form");
+const _internal_1 = require("../../../_internal");
+/**
+ * TextInputs are text inputs that allow users to input custom text entries
+ * with a keyboard. Various decorations can be displayed around the field to
+ * communicate the entry requirements.
+ */
+exports.TextArea = (0, react_1.forwardRef)(function TextArea(props, ref) {
     props = (0, nullableValue_1.castNullableStringValue)(props);
     props = (0, provider_1.useProviderProps)(props);
-    let { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, rows, ...otherProps } = props;
-    rows = rows || 3;
-    let [inputValue, setInputValue] = (0, utils_1.useControlledState)(props.value, props.defaultValue, () => { });
-    let inputRef = (0, react_1.useRef)(null);
-    let onHeightChange = (0, react_1.useCallback)(() => {
+    props = (0, Form_1.useFieldProps)(props, {
+        defaultValidationTrigger: 'onBlur',
+        valuePropsMapper: ({ value, onChange }) => ({
+            onChange,
+            value: value?.toString() ?? '',
+        }),
+    });
+    const { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, rows = 3, ...otherProps } = props;
+    const [inputValue, setInputValue] = (0, utils_1.useControlledState)(props.value, props.defaultValue, () => { });
+    const inputRef = (0, react_1.useRef)(null);
+    const onHeightChange = (0, _internal_1.useEvent)(() => {
         if (autoSize && inputRef.current) {
-            let input = inputRef.current;
-            let prevAlignment = input.style.alignSelf;
-            let computedStyle = getComputedStyle(input);
+            const input = inputRef.current;
+            const prevAlignment = input.style.alignSelf;
+            const computedStyle = getComputedStyle(input);
             input.style.alignSelf = 'start';
             input.style.height = 'auto';
             input.style.height = input.scrollHeight
@@ -38,26 +51,16 @@ function TextArea(props, ref) {
                     2}px`;
             input.style.alignSelf = prevAlignment;
         }
-    }, [inputRef]);
+    });
     (0, react_2.useLayoutEffect)(() => {
-        if (inputRef.current) {
-            onHeightChange();
-        }
-    }, [onHeightChange, inputValue, inputRef]);
-    let { labelProps, inputProps } = (0, textfield_1.useTextField)({
+        onHeightChange();
+    }, [onHeightChange, inputValue]);
+    const { labelProps, inputProps } = (0, textfield_1.useTextField)({
         ...props,
         onChange: (0, react_2.chain)(onChange, setInputValue),
         inputElementType: 'textarea',
     }, inputRef);
-    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...otherProps, ref: ref, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }, void 0));
-}
-/**
- * TextInputs are text inputs that allow users to input custom text entries
- * with a keyboard. Various decorations can be displayed around the field to
- * communicate the entry requirements.
- */
-const _TextArea = (0, react_1.forwardRef)(TextArea);
-exports.TextArea = _TextArea;
-_TextArea.cubeInputType = 'Text';
+    return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInputBase, { ...otherProps, ref: ref, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
+});
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -13,19 +13,26 @@ const react_1 = require("react");
 const textfield_1 = require("@react-aria/textfield");
 const provider_1 = require("../../../provider");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
+const Form_1 = require("../Form");
 const TextInputBase_1 = require("./TextInputBase");
-exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
-    (0, nullableValue_1.castNullableStringValue)(props);
-    props = (0, provider_1.useProviderProps)(props);
-    let inputRef = (0, react_1.useRef)(null);
-    let { labelProps, inputProps } = (0, textfield_1.useTextField)(props, inputRef);
-    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }, void 0));
-});
 /**
  * TextInputs are text inputs that allow users to input custom text entries
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-exports.TextInput.cubeInputType = 'Text';
+exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
+    props = (0, nullableValue_1.castNullableStringValue)(props);
+    props = (0, provider_1.useProviderProps)(props);
+    props = (0, Form_1.useFieldProps)(props, {
+        defaultValidationTrigger: 'onBlur',
+        valuePropsMapper: ({ value, onChange }) => ({
+            onChange,
+            value: value?.toString() ?? '',
+        }),
+    });
+    const inputRef = (0, react_1.useRef)(null);
+    const { labelProps, inputProps } = (0, textfield_1.useTextField)(props, inputRef);
+    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }));
+});
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -13,8 +13,6 @@ const icons_1 = require("@ant-design/icons");
 const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
 const interactions_1 = require("@react-aria/interactions");
-const Form_1 = require("../Form");
-const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
 const interactions_2 = require("../../../utils/react/interactions");
 const FieldWrapper_1 = require("../FieldWrapper");
@@ -132,12 +130,10 @@ exports.DEFAULT_INPUT_STYLES = {
     },
 };
 const InputElement = (0, tasty_1.tasty)({ qa: 'Input', styles: exports.DEFAULT_INPUT_STYLES });
-function TextInputBase(props, ref) {
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    let { qa, label, extra, mods, 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, icon, labelSuffix, maxLength, minLength, ...otherProps } = props;
-    let styles = (0, tasty_1.extractStyles)(otherProps, STYLE_LIST);
-    let type = otherProps.type;
+exports.TextInputBase = (0, react_1.forwardRef)(function TextInputBase(props, ref) {
+    let { qa, mods, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, rows = 1, size, validationState, icon, type, maxLength, minLength, ...otherProps } = props;
+    const { fieldWrapperProps, rest } = (0, FieldWrapper_1.extractFieldWrapperProps)(props);
+    const styles = (0, tasty_1.extractStyles)(rest, STYLE_LIST);
     inputStyles = (0, tasty_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
     let ElementType = multiLine ? 'textarea' : 'input';
     let { isFocused, focusProps } = (0, interactions_2.useFocus)({ isDisabled });
@@ -149,16 +145,14 @@ function TextInputBase(props, ref) {
     (0, react_1.useImperativeHandle)(ref, () => ({
         ...(0, utils_1.createFocusableRef)(domRef, inputRef),
         select() {
-            if (inputRef?.current) {
-                inputRef.current.select();
-            }
+            inputRef?.current?.select();
         },
         getInputElement() {
             return inputRef?.current;
         },
     }));
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
+    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } })) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }));
     let validation = (0, react_1.cloneElement)(validationIcon);
     // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
     if (!inputProps?.placeholder) {
@@ -168,9 +162,9 @@ function TextInputBase(props, ref) {
         inputProps.placeholder = ' ';
     }
     if (icon) {
-        icon = (0, jsx_runtime_1.jsx)("div", { "data-element": "InputIcon", children: icon }, void 0);
+        icon = (0, jsx_runtime_1.jsx)("div", { "data-element": "InputIcon", children: icon });
         if (prefix) {
-            prefix = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, prefix] }, void 0));
+            prefix = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, prefix] }));
         }
         else {
             prefix = icon;
@@ -206,30 +200,8 @@ function TextInputBase(props, ref) {
             WebkitTextSecurity: 'disc',
         }
         : {};
-    const textField = ((0, jsx_runtime_1.jsxs)(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [(0, jsx_runtime_1.jsx)(InputElement, { as: ElementType, ...(0, react_2.mergeProps)(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled, maxLength: maxLength, minLength: minLength }, void 0), prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }, void 0) : null, (validationState && !isLoading) || isLoading || suffix ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)) : null] }, void 0));
-    return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
-            labelPosition,
-            label,
-            extra,
-            styles,
-            isRequired,
-            labelStyles,
-            necessityIndicator,
-            necessityLabel,
-            labelProps,
-            isDisabled,
-            validationState,
-            message,
-            description,
-            requiredMark,
-            tooltip,
-            isHidden,
-            labelSuffix,
-            Component: textField,
-            ref: domRef,
-        } }, void 0));
-}
-const _TextInputBase = (0, react_1.forwardRef)(TextInputBase);
-exports.TextInputBase = _TextInputBase;
+    const textField = ((0, jsx_runtime_1.jsxs)(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [(0, jsx_runtime_1.jsx)(InputElement, { as: ElementType, ...(0, react_2.mergeProps)(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled, maxLength: maxLength, minLength: minLength }), prefix ? (0, jsx_runtime_1.jsx)("div", { "data-element": "Prefix", children: prefix }) : null, (validationState && !isLoading) || isLoading || suffix ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, { "data-element": "InputIcon" })] })) : null, suffixPosition === 'after' ? suffix : null] })) : null] }));
+    return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...fieldWrapperProps, ref: domRef, styles: styles, isDisabled: isDisabled, Component: textField }));
+});
 
         

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

@@ -0,0 +1,27 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
+ * 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("./TextInput"), exports);
+__exportStar(require("./TextInputBase"), exports);
+
+        

package/cjs/components/forms/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

package/cjs/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ const FlexElement = (0, tasty_1.tasty)({
 });
 exports.Flex = (0, react_1.forwardRef)(function Flex(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(FlexElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(FlexElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/cjs/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ const FlowElement = (0, tasty_1.tasty)({
 const STYLE_PROPS = tasty_1.CONTAINER_STYLES;
 exports.Flow = (0, react_1.forwardRef)(function Flow(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS);
-    return ((0, jsx_runtime_1.jsx)(FlowElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(FlowElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/cjs/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ const PROP_MAP = {
 };
 exports.Grid = (0, react_1.forwardRef)(function Grid(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, undefined, PROP_MAP);
-    return ((0, jsx_runtime_1.jsx)(GridElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(GridElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/cjs/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -40,7 +40,7 @@ exports.Prefix = (0, react_1.forwardRef)(function Prefix(allProps, outerRef) {
     return ((0, jsx_runtime_1.jsx)(PrefixElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, style: {
             // @ts-ignore
             '--prefix-gap': (0, tasty_1.parseStyle)(outerGap).value,
-        }, children: children }, void 0));
+        }, children: children }));
 });
 
         

package/cjs/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -31,7 +31,7 @@ exports.Space = (0, react_1.forwardRef)(function Space(props, ref) {
     return ((0, jsx_runtime_1.jsx)(SpaceElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, mods: {
             vertical: direction === 'vertical' || otherProps.flow === 'column',
             ...mods,
-        }, styles: styles }, void 0));
+        }, styles: styles }));
 });
 
         

package/cjs/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -39,7 +39,7 @@ exports.Suffix = (0, react_1.forwardRef)(function Suffix(allProps, outerRef) {
     }, [children, ref, onWidthChange]);
     return ((0, jsx_runtime_1.jsx)(SuffixElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, style: {
             '--suffix-gap': (0, tasty_1.parseStyle)(outerGap).value,
-        }, children: children }, void 0));
+        }, children: children }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -149,7 +149,7 @@ const StyledTabsContainerElement = (0, styled_components_1.default)(TabsContaine
   }
 `;
 function Tab({ isSelected, isHidden, onClose, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
+    return ((0, jsx_runtime_1.jsx)(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }));
 }
 function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
     const tabsRef = (0, react_1.useRef)(null);
@@ -245,7 +245,7 @@ function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, on
                 currentTab: activeKey,
             }, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".5x", placeContent: "center space-between", children: [(0, jsx_runtime_1.jsx)(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                                 return ((0, jsx_runtime_1.jsx)(Tab, { "data-qa": tab.qa, isSelected: tab.id === activeKey || false, isDisabled: tab.isDisabled, isHidden: tab.isHidden, onPress: () => onPress(tab), children: tab.title }, tab.id));
-                            }) }, void 0), extra] }, void 0), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
+                            }) }), extra] }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
 }
 exports.LegacyTabs = LegacyTabs;
 LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, children, ...props }) {
@@ -273,7 +273,7 @@ LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, chi
         });
     }, [title, isDisabled, isHidden]);
     const isCurrent = id === currentTab;
-    return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
 };
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const actions_1 = require("../../actions");
 exports.Link = (0, react_1.forwardRef)(function Link(props, ref) {
-    return (0, jsx_runtime_1.jsx)(actions_1.Button, { type: "link", ...props, ref: ref }, void 0);
+    return (0, jsx_runtime_1.jsx)(actions_1.Button, { type: "link", ...props, ref: ref });
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-9917823
+ * @cube-dev/ui-kit v0.0.0-canary-2a1d026
  * Released under the MIT license.
  */
 
@@ -195,7 +195,7 @@ const CloseButton = (0, tasty_1.tasty)(actions_1.Button, {
 function Tab({ isDirty, isDisabled, children, isClosable, onClose, ...props }) {
     return ((0, jsx_runtime_1.jsx)(TabElement, { mods: {
             dirty: isDirty,
-        }, isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(CloseButton, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)("div", {}, void 0)), isDirty ? (0, jsx_runtime_1.jsx)(DirtyBadge, {}, void 0) : null] }, void 0))] }, void 0) }, void 0));
+        }, isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(CloseButton, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}) })) : ((0, jsx_runtime_1.jsx)("div", {})), isDirty ? (0, jsx_runtime_1.jsx)(DirtyBadge, {}) : null] }))] }) }));
 }
 function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
     const tabsRef = (0, react_1.useRef)(null);
@@ -297,7 +297,7 @@ function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTa
                 currentTab: activeKey,
             }, children: [(0, jsx_runtime_1.jsx)(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                         return ((0, jsx_runtime_1.jsx)(Tab, { isClosable: isClosable, isDisabled: tab.id === activeKey || false, isDirty: tab.isDirty, onPress: () => onPress(tab), onClose: () => isClosable && handleClose(tab), children: tab.title }, tab.id));
-                    }) }, void 0), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
+                    }) }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
 }
 exports.FileTabs = FileTabs;
 FileTabs.TabPane = function FileTabPane(allProps) {
@@ -318,7 +318,7 @@ FileTabs.TabPane = function FileTabPane(allProps) {
         setDirtyTab(id, isDirty || false);
     }, [isDirty]);
     const isCurrent = id === currentTab;
-    return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
 };