@cube-dev/ui-kit 0.0.0-canary-a9340d5 → 0.0.0-canary-7e6445c

package/es/components/content/Content.js

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

package/es/components/content/CopySnippet/CopySnippet.js

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

package/es/components/content/CopySnippet/index.js

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

package/es/components/content/Divider.js

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

package/es/components/content/Footer.js

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

package/es/components/content/Header.js

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

package/es/components/content/Paragraph.js

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

package/es/components/content/Placeholder/Placeholder.js

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

package/es/components/content/PrismCode/PrismCode.js

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

package/es/components/content/Result/Result.js

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

package/es/components/content/Skeleton/Skeleton.js

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

package/es/components/content/Tag/Tag.js

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

package/es/components/content/Text.js

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

package/es/components/content/Title.js

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

package/es/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -77,7 +77,7 @@ function Checkbox(props, ref) {
     let originalProps = props;
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, autoFocus, children, label, extra, validationState, labelProps, labelStyles, labelPosition, necessityLabel, necessityIndicator, message, description, requiredMark = true, tooltip, isHidden, ...otherProps } = props;
+    let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, autoFocus, children, label, extra, validationState, labelProps, labelStyles, labelPosition, necessityLabel, necessityIndicator, message, description, requiredMark = true, tooltip, isHidden, labelSuffix, ...otherProps } = props;
     label = label || children;
     // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
     // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
@@ -150,6 +150,7 @@ function Checkbox(props, ref) {
                 description,
                 requiredMark,
                 tooltip,
+                labelSuffix,
                 Component: checkboxField,
                 ref: domRef,
             } }, void 0));

package/es/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -49,7 +49,7 @@ function CheckboxGroup(props, ref) {
     props = castNullableArrayValue(props);
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, ...otherProps } = props;
+    let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, labelSuffix, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     let styles = extractStyles(otherProps, OUTER_STYLES, WRAPPER_STYLES);
     let groupStyles = extractStyles(otherProps, BLOCK_STYLES);
@@ -78,6 +78,7 @@ function CheckboxGroup(props, ref) {
             description,
             requiredMark,
             tooltip,
+            labelSuffix,
             Component: radioGroup,
             ref: domRef,
         } }, void 0));

package/es/components/forms/Checkbox/context.js

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

package/es/components/forms/FieldWrapper.js

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

package/es/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -70,7 +70,7 @@ function extractContents(element, callback) {
     }
 }
 function FileInput(props, ref) {
-    let { id, name, qa, qaVal, onChange, placeholder, inputRef, label, extra, labelPosition, isRequired, necessityIndicator, necessityLabel, labelStyles, labelProps, isDisabled, validationState, message, description, requiredMark, tooltip, isHidden, inputStyles, type = 'file', ...otherProps } = useProviderProps(props);
+    let { id, name, qa, qaVal, onChange, placeholder, inputRef, label, extra, labelPosition, isRequired, necessityIndicator, necessityLabel, labelStyles, labelProps, isDisabled, validationState, message, description, requiredMark, tooltip, isHidden, inputStyles, labelSuffix, type = 'file', ...otherProps } = useProviderProps(props);
     const [value, setValue] = useState();
     const [dragHover, setDragHover] = useState(false);
     let domRef = useRef(null);
@@ -131,6 +131,7 @@ function FileInput(props, ref) {
             requiredMark,
             tooltip,
             isHidden,
+            labelSuffix,
             Component: fileInput,
             ref: domRef,
         } }, void 0));

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ function getDefaultValidateTrigger(type) {
     type = type || '';
     return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';
 }
-function getValueProps(type, value, onChange, allowsCustomValue) {
+function getValueProps(type, value, onChange) {
     type = type || '';
     if (type === 'Number') {
         return {
@@ -68,8 +68,7 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
     else if (type === 'ComboBox') {
         return {
             inputValue: value != null ? value : '',
-            onInputChange: (val) => onChange(val, !allowsCustomValue),
-            onSelectionChange: onChange,
+            onInputChange: onChange,
         };
     }
     else if (type === 'Select') {
@@ -149,7 +148,6 @@ export function Field(allProps) {
     if (!field) {
         return cloneElement(child, mergeProps(child.props, {
             ...getValueProps(inputType),
-            label: fieldName,
             name: fieldName,
             id: fieldId,
         }));
@@ -157,7 +155,7 @@ export function Field(allProps) {
     if (!validateTrigger) {
         validateTrigger = defaultValidateTrigger;
     }
-    function onChangeHandler(val, dontTouch) {
+    function onChangeHandler(val) {
         const field = form.getFieldInstance(fieldName);
         if (shouldUpdate) {
             const fieldsValue = form.getFieldsValue();
@@ -172,10 +170,9 @@ export function Field(allProps) {
                 return;
             }
         }
-        form.setFieldValue(fieldName, val, !dontTouch, false, dontTouch);
-        if (!dontTouch &&
-            (validateTrigger === 'onChange' ||
-                (field && field.errors && field.errors.length))) {
+        form.setFieldValue(fieldName, val, true);
+        if (validateTrigger === 'onChange' ||
+            (field && field.errors && field.errors.length)) {
             form.validateField(fieldName).catch(() => { }); // do nothing on fail
         }
     }
@@ -232,7 +229,7 @@ export function Field(allProps) {
             newProps.message = field.errors[0];
         }
     }
-    Object.assign(newProps, getValueProps(inputType, field === null || field === void 0 ? void 0 : field.inputValue, onChangeHandler, child.props.allowsCustomValue));
+    Object.assign(newProps, getValueProps(inputType, field === null || field === void 0 ? void 0 : field.value, onChangeHandler));
     const { onChange, onSelectionChange, ...childProps } = child.props;
     // onChange event passed to the child should be executed after Form onChange logic
     return cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {}));

package/es/components/forms/Form/Form.js

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -31,7 +31,7 @@ export class CubeFormInstance {
         this.isSubmitting = false;
         this.onValuesChange = () => { };
         this.onSubmit = () => { };
-        this.setFieldsValue = (newData, touched, skipRender, createFields = false, inputOnly = false) => {
+        this.setFieldsValue = (newData, touched, skipRender, createFields = false) => {
             let flag = false;
             Object.keys(newData).forEach((name) => {
                 let field = this.fields[name];
@@ -46,10 +46,7 @@ export class CubeFormInstance {
                     return;
                 }
                 flag = true;
-                if (!inputOnly) {
-                    field.value = newData[name];
-                }
-                field.inputValue = newData[name];
+                field.value = newData[name];
                 if (touched === true) {
                     field.touched = touched;
                 }
@@ -60,7 +57,7 @@ export class CubeFormInstance {
             });
             if (flag && !skipRender) {
                 this.forceReRender();
-                if (touched && !inputOnly) {
+                if (touched) {
                     this.onValuesChange && this.onValuesChange(this.getFormData());
                 }
             }
@@ -108,15 +105,12 @@ export class CubeFormInstance {
             return map;
         }, {});
     }
-    setFieldValue(name, value, touched = false, skipRender = false, inputOnly = false) {
+    setFieldValue(name, value, touched = false, skipRender = false) {
         const field = this.fields[name];
         if (!field || isEqual(value, field.value)) {
             return;
         }
-        if (!inputOnly) {
-            field.value = value;
-        }
-        field.inputValue = value;
+        field.value = value;
         if (touched) {
             field.touched = touched;
         }
@@ -124,7 +118,7 @@ export class CubeFormInstance {
             field.errors = [];
             this.forceReRender();
         }
-        if (touched && !inputOnly) {
+        if (touched) {
             this.onValuesChange && this.onValuesChange(this.getFormData());
         }
     }
@@ -241,18 +235,13 @@ export class CubeFormInstance {
         this.forceReRender();
     }
     _createField(name, data) {
-        let obj = {
+        return {
             name,
             validating: false,
             touched: false,
             errors: [],
             ...data,
         };
-        if (obj) {
-            // condition is here to avoid typing issues
-            obj.inputValue = obj.value;
-        }
-        return obj;
     }
 }
 export function useForm(form, ref, options = {}) {

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

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

package/es/components/forms/Input/Input.js

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

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

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

package/es/components/forms/Label.js

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

package/es/components/forms/NumberInput/NumberInput.js

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

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

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

package/es/components/forms/PasswordInput/PasswordInput.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ import { useProviderProps } from '../../../provider';
 import { INLINE_LABEL_STYLES } from '../Label';
 import { HiddenInput } from '../../HiddenInput';
 import { RadioGroup } from './RadioGroup';
-import { useFormProps } from '../Form/Form';
+import { useFormProps } from '../Form';
 const RadioWrapperElement = tasty({
     as: 'label',
     qa: 'RadioWrapper',

package/es/components/forms/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { useDOMRef } from '@react-spectrum/utils';
 import { useProviderProps } from '../../../provider';
 import { useRadioGroup } from '@react-aria/radio';
 import { useRadioGroupState } from '@react-stately/radio';
-import { FormContext, useFormProps } from '../Form/Form';
+import { FormContext, useFormProps } from '../Form';
 import { RadioContext } from './context';
 import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { FieldWrapper } from '../FieldWrapper';
@@ -40,7 +40,7 @@ function RadioGroup(props, ref) {
     props = castNullableStringValue(props);
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, insideForm, ...otherProps } = props;
+    let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, insideForm, labelSuffix, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
     groupStyles = extractStyles(otherProps, BLOCK_STYLES, groupStyles);
@@ -74,6 +74,7 @@ function RadioGroup(props, ref) {
             isHidden,
             Component: radioGroup,
             ref: domRef,
+            labelSuffix,
         } }, void 0));
 }
 /**

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

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

package/es/components/forms/SearchInput/SearchInput.js

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

package/es/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -94,7 +94,7 @@ function Switch(props, ref) {
     props = castNullableIsSelected(props);
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, 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, labelSuffix, ...otherProps } = props;
     label = label || children;
     let styles = extractStyles(props, OUTER_STYLES);
     inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles);
@@ -132,6 +132,7 @@ function Switch(props, ref) {
                 description,
                 requiredMark,
                 tooltip,
+                labelSuffix,
                 Component: switchField,
                 ref: domRef,
             } }, void 0));

package/es/components/forms/TextArea/TextArea.js

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a9340d5
+ * @cube-dev/ui-kit v0.0.0-canary-7e6445c
  * Released under the MIT license.
  */
 
@@ -85,7 +85,7 @@ const InputElement = tasty({
 function TextInputBase(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(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 { 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, labelSuffix, ...otherProps } = props;
     let [suffixWidth, setSuffixWidth] = useState(0);
     let [prefixWidth, setPrefixWidth] = useState(0);
     let styles = extractStyles(otherProps, STYLE_LIST);
@@ -159,6 +159,7 @@ function TextInputBase(props, ref) {
             requiredMark,
             tooltip,
             isHidden,
+            labelSuffix,
             Component: textField,
             ref: domRef,
         } }, void 0));

package/es/components/forms/index.js

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