@cube-dev/ui-kit 0.0.0-canary-21e7da7 → 0.0.0-canary-d796692

package/es/components/fields/TextArea/index.js

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

package/es/components/fields/TextInput/TextInput.js

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

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

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

package/es/components/fields/TextInput/index.js

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

package/es/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -118,7 +118,7 @@ function TextInputMapper(props, ref) {
     KeyComponent = KeyComponent ?? TextInputMapperInput;
     ValueComponent = ValueComponent ?? TextInputMapperInput;
     const onKeyChange = useEvent((id, value) => {
-        mappings.find((mapping) => {
+        mappings.forEach((mapping) => {
             if (mapping.id === id) {
                 mapping.key = value;
             }
@@ -126,7 +126,7 @@ function TextInputMapper(props, ref) {
         setMappings([...mappings]);
     });
     const onValueChange = useEvent((id, value) => {
-        mappings.find((mapping) => {
+        mappings.forEach((mapping) => {
             if (mapping.id === id) {
                 mapping.value = value;
             }
@@ -182,6 +182,7 @@ function TextInputMapperInput(props) {
     return (_jsx(Component, { qa: "AddMapping", "data-type": fieldType, width: "auto", rows: 1, ...mergeProps(rest, PROPS_GRID_HACK), id: undefined, value: value, labelPosition: "top", "aria-label": placeholder, placeholder: placeholder, onChange: onChange, onBlur: onBlur }));
 }
 const _TextInputMapper = forwardRef(TextInputMapper);
+_TextInputMapper.displayName = 'TextInputMapper';
 export { _TextInputMapper as TextInputMapper };
 
         

package/es/components/fields/TextInputMapper/index.js

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

package/es/components/fields/index.js

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

package/es/components/form/FieldWrapper/FieldWrapper.js

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

package/es/components/form/FieldWrapper/extract-field-wrapper-props.js

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

package/es/components/form/FieldWrapper/index.js

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

package/es/components/form/FieldWrapper/types.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -54,8 +54,7 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
     }
     else if (type === 'ComboBox') {
         return {
-            inputValue: value != null ? value : '',
-            onInputChange: (val) => onChange(val, !allowsCustomValue),
+            value: value,
             onSelectionChange: onChange,
         };
     }
@@ -143,7 +142,7 @@ export function Field(props) {
     if (isLoading != null) {
         newProps.isLoading = isLoading;
     }
-    Object.assign(newProps, getValueProps(inputType, __props.field?.inputValue, __props.onChange, child.props.allowsCustomValue));
+    Object.assign(newProps, getValueProps(inputType, __props.field?.value, __props.onChange, child.props.allowsCustomValue));
     const { onChange, onSelectionChange, ...childProps } = child.props;
     // onChange event passed to the child should be executed after Form onChange logic
     return (_jsx(LegacyFieldProvider, { children: cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange: __props.onChange } : {}, onSelectionChange ? { onSelectionChange: __props.onChange } : {})) }));

package/es/components/form/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -145,6 +145,7 @@ function Form(props, ref) {
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
  */
 const _Form = forwardRef(Form);
+_Form.displayName = 'Form';
 export { _Form as Form };
 
         

package/es/components/form/Form/ResetButton/ResetButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -32,6 +32,7 @@ function ResetButton(props, ref) {
         }, otherProps) }));
 }
 const _ResetButton = forwardRef(ResetButton);
+_ResetButton.displayName = 'ResetButton';
 export { _ResetButton as ResetButton };
 
         

package/es/components/form/Form/ResetButton/index.js

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

package/es/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -20,6 +20,7 @@ function SubmitButton(props, ref) {
     return (_jsx(Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isSomethingDisabled ? true : form?.isInvalid, ...otherProps }));
 }
 const _SubmitButton = forwardRef(SubmitButton);
+_SubmitButton.displayName = 'SubmitButton';
 export { _SubmitButton as SubmitButton };
 
         

package/es/components/form/Form/SubmitButton/index.js

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

package/es/components/form/Form/SubmitError.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -24,6 +24,7 @@ function SubmitError(props, ref) {
  * An alert that shows a form error message received from the onSubmit callback.
  */
 const _SubmitError = forwardRef(SubmitError);
+_SubmitError.displayName = 'SubmitError';
 export { _SubmitError as SubmitError };
 
         

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

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

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

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

package/es/components/form/Form/use-field/index.js

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

package/es/components/form/Form/use-field/types.js

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

package/es/components/form/Form/use-field/use-field-props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -15,10 +15,12 @@ import { useField } from './use-field';
 export function useFieldProps(props, params = {}) {
     // We use ref here to "memoize" initial value
     const isDisabledRef = useRef(params.unsafe__isDisabled ?? false);
-    const { valuePropsMapper = ({ value, onChange }) => ({
-        value: value ?? null,
-        onChange,
-    }), defaultValidationTrigger = 'onBlur', } = params;
+    const { valuePropsMapper = ({ value, onChange }) => {
+        return {
+            value: value ?? null,
+            onChange,
+        };
+    }, defaultValidationTrigger = 'onBlur', } = params;
     const isInsideLegacyField = useInsideLegacyField();
     // useWarn(isInsideLegacyField, {
     //   key: 'use-field-props',
@@ -43,9 +45,14 @@ export function useFieldProps(props, params = {}) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const onBlurChained = useChainedCallback(field?.onBlur, 'onBlur' in props ? props.onBlur : undefined);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onChangeEvent = useEvent((value, dontTouch) => field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger));
+    const onChangeEvent = useEvent((value, dontTouch) => {
+        field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger);
+    });
     const valueProps = !isOutsideOfForm
-        ? valuePropsMapper({ value: field.value, onChange: onChangeEvent })
+        ? valuePropsMapper({
+            value: field.value,
+            onChange: onChangeEvent,
+        })
         : {};
     if (isInsideLegacyField && !isOutsideOfForm) {
         const valuePropEventNames = !isOutsideOfForm

package/es/components/form/Form/use-field/use-field.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -67,7 +67,7 @@ export function useField(props, params) {
             form.forceReRender();
         }
         else {
-            form.createField(fieldName);
+            field = form.createField(fieldName);
         }
     }, [field]);
     if (form) {
@@ -102,7 +102,7 @@ export function useField(props, params) {
                 return;
             }
         }
-        form.setFieldValue(fieldName, val, !dontTouch, false, dontTouch);
+        form.setFieldValue(fieldName, val, !dontTouch);
         if (!dontTouch &&
             (validateTrigger === 'onChange' ||
                 (field && field.errors && field.errors.length))) {
@@ -117,11 +117,11 @@ export function useField(props, params) {
             });
         }
     });
-    let inputValue = field?.inputValue;
+    let value = field?.value;
     return useMemo(() => ({
         id: fieldId,
         name: fieldName,
-        value: inputValue,
+        value,
         validateTrigger,
         form,
         field,
@@ -141,9 +141,9 @@ export function useField(props, params) {
     }), [
         form,
         field,
+        field?.value,
         field?.errors?.length,
         field?.status,
-        field?.inputValue,
         fieldId,
         fieldName,
         isRequired,

package/es/components/form/Form/use-form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ export class CubeFormInstance {
     async submit() {
         return this.onSubmit?.(this.getFormData());
     }
-    setFieldsValue = (newData, touched, skipRender, inputOnly = false) => {
+    setFieldsValue = (newData, touched, skipRender) => {
         let flag = false;
         newData = { ...newData, ...dotize.convert(newData) };
         Object.keys(newData).forEach((name) => {
@@ -67,10 +67,7 @@ export class CubeFormInstance {
                 return;
             }
             flag = true;
-            if (!inputOnly) {
-                field.value = newData[name];
-            }
-            field.inputValue = newData[name];
+            field.value = newData[name];
             field.errors = [];
             field.status = undefined;
             if (touched === true) {
@@ -81,7 +78,7 @@ export class CubeFormInstance {
             }
         });
         if (flag && !skipRender) {
-            if (touched && !inputOnly) {
+            if (touched) {
                 this.onValuesChange && this.onValuesChange(this.getFormData());
                 this.submitError = null;
             }
@@ -114,30 +111,26 @@ export class CubeFormInstance {
             return map;
         }, {});
     }
-    setFieldValue(name, value, isTouched = false, skipRender = false, inputOnly = false) {
+    setFieldValue(name, value, isTouched = false, skipRender = false) {
         const field = this.fields[name];
-        if (!field || isEqual(value, inputOnly ? field.inputValue : field.value)) {
+        if (!field || isEqual(value, field.value)) {
             return;
         }
-        if (!inputOnly) {
-            field.value = value;
-            field.status = undefined; // reset validation status
-            if (typeof value === 'object' && !Array.isArray(value)) {
-                Object.keys(this.fields)
-                    .filter((key) => key.startsWith(`${name}.`))
-                    .forEach((key) => {
-                    const objKey = key.replace(`${name}.`, '');
-                    this.setFieldValue(key, value[objKey] ?? null, isTouched, false);
-                });
-            }
+        field.value = value;
+        if (typeof value === 'object' && !Array.isArray(value)) {
+            Object.keys(this.fields)
+                .filter((key) => key.startsWith(`${name}.`))
+                .forEach((key) => {
+                const objKey = key.replace(`${name}.`, '');
+                this.setFieldValue(key, value[objKey] ?? null, isTouched, false);
+            });
         }
-        field.inputValue = value;
         field.errors = [];
-        field.status = undefined;
+        field.status = undefined; // reset validation status
         if (isTouched) {
             field.touched = isTouched;
         }
-        if (isTouched && !inputOnly) {
+        if (isTouched) {
             this.onValuesChange && this.onValuesChange(this.getFormData());
             this.submitError = null;
         }
@@ -168,7 +161,6 @@ export class CubeFormInstance {
             const defaultValue = this.defaultValues[fieldName] ?? undefined;
             field.value = defaultValue;
             field.touched = false;
-            field.inputValue = defaultValue;
             field.errors = [];
             field.status = undefined;
             field.validationId = (field.validationId ?? 0) + 1;
@@ -371,10 +363,6 @@ export class CubeFormInstance {
             // it should be impossible to define or override status value
             status: data?.errors?.length ? 'invalid' : undefined,
         };
-        if (obj) {
-            // condition is here to avoid typing issues
-            obj.inputValue = obj.value;
-        }
         return obj;
     }
 }

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

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

package/es/components/form/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 
@@ -71,6 +71,7 @@ function Label(props, ref) {
                         : undefined, children: necessityLabel })), necessityIndicator === 'icon' && isRequired && icon] })) }));
 }
 let _Label = forwardRef(Label);
+_Label.displayName = 'Label';
 export { _Label as Label };
 
         

package/es/components/form/index.js

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

package/es/components/form/wrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 

package/es/components/layout/Panel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */
 

package/es/components/layout/ResizablePanel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * 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.0.0-canary-21e7da7
+ * @cube-dev/ui-kit v0.0.0-canary-d796692
  * Released under the MIT license.
  */