@cube-dev/ui-kit 0.11.1 → 0.12.1

package/cjs/components/forms/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -12,12 +12,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Text_1 = require("../content/Text");
 const Label_1 = require("./Label");
-const Grid_1 = require("../layout/Grid");
 const Paragraph_1 = require("../content/Paragraph");
 const tasty_1 = require("../../tasty");
 const TooltipProvider_1 = require("../overlays/Tooltip/TooltipProvider");
 const icons_1 = require("@ant-design/icons");
 const react_2 = require("../../utils/react");
+const Space_1 = require("../layout/Space");
+const Flex_1 = require("../layout/Flex");
 const FieldElement = (0, tasty_1.tasty)({
     qa: 'Field',
     styles: {
@@ -68,8 +69,8 @@ const MessageElement = (0, tasty_1.tasty)({
     },
 });
 function FieldWrapper(props, ref) {
-    const { as, labelPosition, label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, } = props;
-    const labelComponent = label ? ((0, jsx_runtime_1.jsxs)(Label_1.Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: [extra ? ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, { placeContent: "baseline space-between", flow: "column", children: [(0, jsx_runtime_1.jsx)("div", { children: label }, void 0), (0, jsx_runtime_1.jsx)(Text_1.Text, { preset: "t3", children: extra }, void 0)] }, void 0)) : (label), tooltip ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(TooltipProvider_1.TooltipProvider, { title: tooltip, activeWrap: true, width: "initial max-content 40x", children: (0, jsx_runtime_1.jsx)(icons_1.InfoCircleOutlined, { style: { color: 'var(--primary-color)' } }, void 0) }, void 0)] }, void 0)) : null] }, void 0)) : null;
+    const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, } = props;
+    const labelComponent = label ? ((0, jsx_runtime_1.jsx)(Label_1.Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeContent: "baseline space-between", width: "100%", children: [tooltip || labelSuffix || extra ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { placeItems: "baseline", gap: "0.5x", children: [label ? (tooltip || labelSuffix || extra ? ((0, jsx_runtime_1.jsx)("div", { children: label }, void 0)) : (label)) : null, tooltip ? ((0, jsx_runtime_1.jsx)(TooltipProvider_1.TooltipProvider, { title: tooltip, activeWrap: true, width: "initial max-content 40x", children: (0, jsx_runtime_1.jsx)(icons_1.InfoCircleOutlined, { style: { color: 'var(--primary-color)' } }, void 0) }, void 0)) : null, labelSuffix && (0, jsx_runtime_1.jsx)("div", { children: labelSuffix }, void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)("div", { children: label }, void 0)), extra && (0, jsx_runtime_1.jsx)(Text_1.Text, { preset: "t3", children: extra }, void 0)] }, void 0) }, void 0)) : null;
     let descriptionComponent = description ? ((0, jsx_runtime_1.jsx)("div", { "data-element": "Description", children: (0, react_2.wrapNodeIfPlain)(description, () => ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: description }, void 0))) }, void 0)) : null;
     const mods = {
         'has-sider': labelPosition === 'side',

package/cjs/components/forms/FileInput/FileInput.js

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

package/cjs/components/forms/Form/Field.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -87,7 +87,7 @@ function getValueProps(type, value, onChange) {
 }
 function Field(allProps) {
     const props = (0, Form_1.useFormProps)(allProps);
-    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, styles, labelPosition, labelStyles, } = props;
+    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = props;
     const nonInput = !name;
     const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
     let firstRunRef = (0, react_1.useRef)(true);
@@ -129,7 +129,7 @@ function Field(allProps) {
         return null;
     let child = react_1.Children.only(children);
     if (nonInput) {
-        return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { isHidden: isHidden, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles }, void 0));
+        return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }, void 0));
     }
     if (!form) {
         (0, warnings_1.warn)('Form Field requires declared form instance if field name is specified');
@@ -218,6 +218,12 @@ function Field(allProps) {
     if (isHidden != null) {
         newProps.isHidden = isHidden;
     }
+    if (isDisabled != null) {
+        newProps.isDisabled = isDisabled;
+    }
+    if (isLoading != null) {
+        newProps.isLoading = isLoading;
+    }
     if (field && field.errors && field.errors.length) {
         if (!validationState) {
             newProps.validationState = 'invalid';

package/cjs/components/forms/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -112,9 +112,7 @@ function Form(props, ref) {
             form === null || form === void 0 ? void 0 : form.setInitialFieldsValue(defaultValues);
         }
     }, [defaultValues]);
-    return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), onSubmit: onSubmitCallback, noValidate: true, styles: styles, ref: domRef, mods: {
-            'has-sider': labelPosition === 'side',
-        }, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { propNames: formPropNames }), onSubmit: onSubmitCallback, noValidate: true, styles: styles, ref: domRef, mods: { 'has-sider': labelPosition === 'side' }, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));
 }
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.

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

@@ -1,19 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForm = exports.Field = exports.Form = exports.useFormProps = void 0;
+exports.FormContext = exports.useForm = exports.Field = exports.Form = exports.useFormProps = void 0;
 const Field_1 = require("./Field");
 Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
 const useForm_1 = require("./useForm");
 Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return useForm_1.useForm; } });
 const Form_1 = require("./Form");
 Object.defineProperty(exports, "useFormProps", { enumerable: true, get: function () { return Form_1.useFormProps; } });
+Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return Form_1.FormContext; } });
 const Form = Object.assign(Form_1.Form, { Item: Field_1.Field, useForm: useForm_1.useForm });
 exports.Form = Form;
 

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

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

package/cjs/components/forms/Form/useForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -26,7 +26,7 @@ function isEqual(v1, v2) {
     return JSON.stringify(v1) === JSON.stringify(v2);
 }
 class CubeFormInstance {
-    constructor(forceReRender) {
+    constructor(forceReRender = () => { }) {
         this.forceReRender = () => { };
         this.initialFields = {};
         this.fields = {};
@@ -34,12 +34,40 @@ class CubeFormInstance {
         this.isSubmitting = false;
         this.onValuesChange = () => { };
         this.onSubmit = () => { };
-        this.forceReRender = forceReRender || (() => { });
-        this.initialFields = {};
-        this.fields = {};
+        this.setFieldsValue = (newData, touched, skipRender, createFields = false) => {
+            let flag = false;
+            Object.keys(newData).forEach((name) => {
+                let field = this.fields[name];
+                if (!field && createFields) {
+                    this.createField(name, skipRender);
+                    field = this.fields[name];
+                }
+                if (!field || isEqual(field.value, newData[name])) {
+                    if (field && touched === false) {
+                        field.errors = [];
+                    }
+                    return;
+                }
+                flag = true;
+                field.value = newData[name];
+                if (touched === true) {
+                    field.touched = touched;
+                }
+                else if (touched === false) {
+                    field.touched = false;
+                    field.errors = [];
+                }
+            });
+            if (flag && !skipRender) {
+                this.forceReRender();
+                if (touched) {
+                    this.onValuesChange && this.onValuesChange(this.getFormData());
+                }
+            }
+        };
+        this.forceReRender = forceReRender;
         this.getFieldValue = this.getFieldValue.bind(this);
         this.getFieldsValue = this.getFieldsValue.bind(this);
-        this.setFieldsValue = this.setFieldsValue.bind(this);
         this.setFieldValue = this.setFieldValue.bind(this);
         this.getFieldError = this.getFieldError.bind(this);
         this.getFieldInstance = this.getFieldInstance.bind(this);
@@ -54,50 +82,18 @@ class CubeFormInstance {
         this.setFields = this.setFields.bind(this);
     }
     async submit() {
-        if (this.onSubmit) {
-            return this.onSubmit(this.getFormData());
-        }
-    }
-    setFieldsValue(newData, touched, skipRender, createFields = false) {
-        let flag = false;
-        Object.keys(newData).forEach((name) => {
-            let field = this.fields[name];
-            if (!field && createFields) {
-                this.createField(name, skipRender);
-                field = this.fields[name];
-            }
-            if (!field || isEqual(field.value, newData[name])) {
-                if (field && touched === false) {
-                    field.errors = [];
-                }
-                return;
-            }
-            flag = true;
-            field.value = newData[name];
-            if (touched === true) {
-                field.touched = touched;
-            }
-            else if (touched === false) {
-                field.touched = false;
-                field.errors = [];
-            }
-        });
-        if (flag && !skipRender) {
-            this.forceReRender();
-            if (touched) {
-                this.onValuesChange && this.onValuesChange(this.getFormData());
-            }
-        }
+        var _a;
+        return (_a = this.onSubmit) === null || _a === void 0 ? void 0 : _a.call(this, this.getFormData());
     }
     getFieldValue(name) {
-        return this.fields[name] && this.fields[name].value;
+        var _a;
+        return (_a = this.fields[name]) === null || _a === void 0 ? void 0 : _a.value;
     }
     getFieldsValue() {
-        const data = {};
         return Object.values(this.fields).reduce((map, field) => {
             map[field.name] = field.value;
             return map;
-        }, data);
+        }, {});
     }
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
@@ -133,7 +129,8 @@ class CubeFormInstance {
         return this.fields[name];
     }
     setInitialFieldsValue(values) {
-        this.initialFields = tasty_1.dotize.convert(values) || {};
+        var _a;
+        this.initialFields = (_a = tasty_1.dotize.convert(values)) !== null && _a !== void 0 ? _a : {};
     }
     resetFields(names, skipRender) {
         const fieldsValue = this.getFieldsValue();
@@ -171,8 +168,8 @@ class CubeFormInstance {
             return Promise.reject([err]);
         });
     }
-    validateFields(list) {
-        const fieldsList = list || Object.keys(this.fields);
+    validateFields(names) {
+        const fieldsList = names || Object.keys(this.fields);
         const errorList = [];
         return Promise.allSettled(fieldsList.map((name) => {
             return this.validateField(name).catch((errors) => {
@@ -243,7 +240,6 @@ class CubeFormInstance {
     _createField(name, data) {
         return {
             name,
-            value: undefined,
             validating: false,
             touched: false,
             errors: [],

package/cjs/components/forms/Form/validation.js

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

package/cjs/components/forms/Input/Input.js

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

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

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

package/cjs/components/forms/Label.js

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

package/cjs/components/forms/NumberInput/NumberInput.js

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

package/cjs/components/forms/NumberInput/StepButton.js

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

package/cjs/components/forms/PasswordInput/PasswordInput.js

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

package/cjs/components/forms/RadioGroup/Radio.js

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * 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.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -73,31 +73,31 @@ const SwitchElement = (0, tasty_1.tasty)({
             '': null,
             'inside-form & side-label': 'start',
         },
-    },
-});
-const SwitchThumbElement = (0, tasty_1.tasty)({
-    'aria-hidden': 'true',
-    styles: {
-        position: 'absolute',
-        width: '2.5x',
-        height: '2.5x',
-        radius: 'round',
-        fill: 'currentColor',
-        shadow: '0px 2px 4px #dark.20;',
-        top: '.25x',
-        left: {
-            '': '.25x',
-            checked: '2.5x',
+        Thumb: {
+            position: 'absolute',
+            width: '2.5x',
+            height: '2.5x',
+            radius: 'round',
+            fill: {
+                '': 'currentColor',
+                disabled: '#white.5',
+            },
+            shadow: '0px 2px 4px #dark.20;',
+            top: '.25x',
+            left: {
+                '': '.25x',
+                checked: '2.5x',
+            },
+            transition: 'left, theme',
+            cursor: 'pointer',
         },
-        transition: 'left',
-        cursor: 'pointer',
     },
 });
 function Switch(props, ref) {
     props = (0, nullableValue_1.castNullableIsSelected)(props);
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);
-    let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, thumbStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
+    let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
     label = label || children;
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
     inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, inputStyles);
@@ -119,9 +119,7 @@ function Switch(props, ref) {
         hovered: isHovered,
         focused: isFocused,
     };
-    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { qa: qa || 'Switch', 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, { mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)(SwitchThumbElement, { styles: thumbStyles, mods: {
-                        checked: inputProps.checked,
-                    } }, void 0) }, void 0)] }, void 0));
+    const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { qa: qa || 'Switch', 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, { mods: mods, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }, void 0) }, void 0)] }, void 0));
     if (insideForm) {
         return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
                 as: 'label',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -14,8 +14,8 @@ const TextInputBase_1 = require("../TextInput/TextInputBase");
 const utils_1 = require("@react-stately/utils");
 const provider_1 = require("../../../provider");
 const textfield_1 = require("@react-aria/textfield");
-const utils_2 = require("@react-aria/utils");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
+const react_2 = require("../../../utils/react");
 function TextArea(props, ref) {
     props = (0, nullableValue_1.castNullableStringValue)(props);
     props = (0, provider_1.useProviderProps)(props);
@@ -39,14 +39,14 @@ function TextArea(props, ref) {
             input.style.alignSelf = prevAlignment;
         }
     }, [inputRef]);
-    (0, react_1.useLayoutEffect)(() => {
+    (0, react_2.useLayoutEffect)(() => {
         if (inputRef.current) {
             onHeightChange();
         }
     }, [onHeightChange, inputValue, inputRef]);
     let { labelProps, inputProps } = (0, textfield_1.useTextField)({
         ...props,
-        onChange: (0, utils_2.chain)(onChange, setInputValue),
+        onChange: (0, react_2.chain)(onChange, setInputValue),
         inputElementType: 'textarea',
     }, inputRef);
     return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...otherProps, ref: ref, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, multiLine: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }, void 0));

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -144,7 +144,7 @@ function TextInputBase(props, ref) {
                     focused: isFocused,
                 }, style: {
                     WebkitTextSecurity: multiLine && type === 'password' ? 'disc' : 'initial',
-                }, autoFocus: autoFocus, "data-size": size, styles: inputStyles }, void 0), (0, jsx_runtime_1.jsx)(Prefix_1.Prefix, { onWidthChange: setPrefixWidth, opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", children: prefix }, void 0), (0, jsx_runtime_1.jsxs)(Suffix_1.Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: false, padding: `0 ${suffix ? '1x' : '1.5x'} 0 0`, children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
+                }, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled }, void 0), (0, jsx_runtime_1.jsx)(Prefix_1.Prefix, { onWidthChange: setPrefixWidth, opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", children: prefix }, void 0), (0, jsx_runtime_1.jsxs)(Suffix_1.Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: false, padding: `0 ${suffix ? '1x' : '1.5x'} 0 0`, children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
     return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
             labelPosition,
             label,

package/cjs/components/forms/index.js

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

package/cjs/components/layout/Flex.js

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

package/cjs/components/layout/Flow.js

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

package/cjs/components/layout/Grid.js

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

package/cjs/components/layout/Prefix.js

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

package/cjs/components/layout/Space.js

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

package/cjs/components/layout/Suffix.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -20,6 +20,7 @@ const actions_1 = require("../../actions");
 const tasty_1 = require("../../../tasty");
 const styled_components_1 = __importDefault(require("styled-components"));
 const Flow_1 = require("../../layout/Flow");
+const react_2 = require("../../../utils/react");
 const LegacyTabsContext = (0, react_1.createContext)({
     addTab() { },
     removeTab() { },
@@ -164,7 +165,7 @@ function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, on
         setRightFade(el.scrollWidth !== el.offsetWidth &&
             !!(el.scrollWidth - el.offsetWidth - el.scrollLeft));
     }
-    (0, react_1.useLayoutEffect)(updateScroll, [tabs]);
+    (0, react_2.useLayoutEffect)(updateScroll, [tabs]);
     function scrollCurrentIntoView() {
         const el = tabsRef && tabsRef.current;
         if (!el)

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

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