@cube-dev/ui-kit 0.42.0 → 0.43.0

package/es/components/fields/Slider/elements.js

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

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

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

package/es/components/fields/Slider/types.js

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

package/es/components/fields/Switch/Switch.js

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

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

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

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

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

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

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

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

@@ -1,13 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.42.0
+ * @cube-dev/ui-kit v0.43.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useMemo, useRef, useState, } from 'react';
 import { useEvent } from '../../../_internal/hooks';
+import { mergeProps, useCombinedRefs } from '../../../utils/react/index';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
 import { CloseIcon, PlusIcon } from '../../../icons';
 import { Button } from '../../actions';
@@ -16,6 +17,18 @@ import { Flow } from '../../layout/Flow';
 import { Grid } from '../../layout/Grid';
 import { Space } from '../../layout/Space';
 import { TextInput } from '../TextInput';
+// Rewrites upper level field component styles
+// @TODO: Remove this after the release of new Element API
+const PROPS_GRID_HACK = {
+    styles: {
+        InputArea: {
+            gridColumn: {
+                '': 'auto',
+                'has-sider': 'auto',
+            },
+        },
+    },
+};
 // remove duplicates in mappings
 function removeDuplicates(mappings) {
     const keys = new Set();
@@ -28,6 +41,7 @@ function removeDuplicates(mappings) {
     });
 }
 function TextInputMapper(props, ref) {
+    ref = useCombinedRefs(ref);
     props = useFormProps(props);
     props = useFieldProps(props, {
         defaultValidationTrigger: 'onChange',
@@ -65,7 +79,7 @@ function TextInputMapper(props, ref) {
     }, [JSON.stringify(value)]);
     const onMappingsChange = useEvent((newMappings) => {
         const newValue = newMappings.reduce((acc, { key, value }) => {
-            acc[key] = value;
+            acc[key.trim()] = value.trim();
             return acc;
         }, {});
         const keys = Object.keys(newValue);
@@ -75,7 +89,21 @@ function TextInputMapper(props, ref) {
         else {
             onChange?.(newValue);
         }
+        const updatedMappings = extractLocalValues(newValue ?? {}, newMappings);
+        if (JSON.stringify(updatedMappings) !== JSON.stringify(mappings)) {
+            setMappings(updatedMappings);
+        }
     });
+    // useEffect(() => {
+    //   // focus on the last non-disabled input
+    //   setTimeout(() => {
+    //     (
+    //       ref?.current?.querySelector(
+    //         '[data-qa="Mapping"]:last-child input:not([disabled])',
+    //       ) as HTMLInputElement
+    //     )?.focus();
+    //   }, 100);
+    // }, [mappings.length]);
     const addNewMapping = useEvent(() => {
         setMappings((prev) => {
             return [...prev, { key: '', value: '', id: counterRef.current++ }];
@@ -104,16 +132,22 @@ function TextInputMapper(props, ref) {
     const onSubmit = useEvent(() => {
         onMappingsChange(mappings);
     });
+    const onKeyDown = useEvent((e) => {
+        // if Ctrl+Enter or Cmd+Enter is pressed then add new mapping if that's enabled
+        if ((e.ctrlKey || e.metaKey) && e.key === 'Enter' && showNewButton) {
+            addNewMapping();
+        }
+    });
     const renderedMappings = useMemo(() => {
-        return mappings.map((mapping) => {
+        return mappings.map((mapping, index) => {
             const { key, value, id } = mapping;
-            return (_jsxs(Grid, { columns: "minmax(0, 1fr) minmax(0, 1fr) min-content", gap: "1x", children: [_jsx(TextInputMapperInput, { id: id, isDisabled: isDisabled, type: "name", value: key, placeholder: "Key", onChange: onKeyChange, onSubmit: onSubmit, ...keyProps }), _jsx(ValueComponent, { id: id, type: "value", isDisabled: !key || isDisabled, value: value, placeholder: "Value", onChange: onValueChange, onSubmit: onSubmit, ...valueProps }), _jsx(Button, { "aria-label": "Remove mapping", theme: "danger", type: "clear", icon: _jsx(CloseIcon, {}), onPress: () => {
+            return (_jsxs(Grid, { qa: "Mapping", columns: "minmax(0, 1fr) minmax(0, 1fr) min-content", gap: "1x", children: [_jsx(TextInputMapperInput, { autoFocus: index === mappings.length - 1, id: id, isDisabled: isDisabled, type: "name", value: key, placeholder: "Key", onChange: onKeyChange, onSubmit: onSubmit, ...keyProps }), _jsx(ValueComponent, { id: id, type: "value", isDisabled: !key || isDisabled, value: value, placeholder: "Value", onChange: onValueChange, onSubmit: onSubmit, ...valueProps }), _jsx(Button, { "aria-label": "Remove mapping", theme: "danger", type: "clear", icon: _jsx(CloseIcon, {}), onPress: () => {
                             setMappings(mappings.filter((m) => m.id !== id));
                             onMappingsChange(mappings.filter((m) => m.id !== id));
                         } })] }, id));
         });
     }, [JSON.stringify(mappings)]);
-    const element = (_jsxs(Flow, { gap: "1x", children: [[...renderedMappings], showNewButton ? (_jsxs(Space, { gap: 0, children: [_jsx(Block, { styles: { overflow: 'clip', width: 'max 0px' }, children: "\u00A0" }), _jsx(Button, { isDisabled: isDisabled, icon: _jsx(PlusIcon, {}), onPress: addNewMapping, children: actionLabel ? actionLabel : 'Mapping' })] })) : null] }));
+    const element = (_jsxs(Flow, { ref: ref, gap: "1x", onKeyDown: onKeyDown, children: [[...renderedMappings], showNewButton ? (_jsxs(Space, { gap: 0, children: [_jsx(Block, { styles: { overflow: 'clip', width: 'max 0px' }, children: "\u00A0" }), _jsx(Button, { isDisabled: isDisabled, icon: _jsx(PlusIcon, {}), onPress: addNewMapping, children: actionLabel ? actionLabel : 'Mapping' })] })) : null] }));
     return wrapWithField(element, ref, props);
 }
 function TextInputMapperInput(props) {
@@ -124,7 +158,7 @@ function TextInputMapperInput(props) {
     const onBlur = useEvent(() => {
         props.onSubmit?.(id);
     });
-    return (_jsx(TextInput, { qa: "AddMapping", width: "auto", ...rest, id: undefined, value: value, labelPosition: "top", "aria-label": placeholder, placeholder: placeholder, onChange: onChange, onBlur: onBlur }));
+    return (_jsx(TextInput, { qa: "AddMapping", width: "auto", ...mergeProps(rest, PROPS_GRID_HACK), id: undefined, value: value, labelPosition: "top", "aria-label": placeholder, placeholder: placeholder, onChange: onChange, onBlur: onBlur }));
 }
 const _TextInputMapper = forwardRef(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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * 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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * 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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * 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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * 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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * 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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * 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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * Released under the MIT license.
  */
 

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

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

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

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

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

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

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

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

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.42.0
+ * @cube-dev/ui-kit v0.43.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.42.0
+ * @cube-dev/ui-kit v0.43.0
  * Released under the MIT license.
  */
 
@@ -25,20 +25,20 @@ function isEqual(v1, v2) {
 export class CubeFormInstance {
     constructor(forceReRender = () => { }) {
         this.forceReRender = () => { };
-        this.initialFields = {};
+        this.defaultValues = {};
         this.fields = {};
         this.ref = {};
         this.isSubmitting = false;
         this.submitError = null;
         this.onValuesChange = () => { };
         this.onSubmit = () => { };
-        this.setFieldsValue = (newData, touched, skipRender, createFields = false, inputOnly = false) => {
+        this.setFieldsValue = (newData, touched, skipRender, inputOnly = false) => {
             let flag = false;
+            newData = { ...newData, ...dotize.convert(newData) };
             Object.keys(newData).forEach((name) => {
                 let field = this.fields[name];
-                if (!field && createFields) {
-                    this.createField(name, skipRender);
-                    field = this.fields[name];
+                if (!field) {
+                    return;
                 }
                 if (!field || isEqual(field.value, newData[name])) {
                     if (field && touched === false) {
@@ -148,31 +148,31 @@ export class CubeFormInstance {
         return this.fields[name];
     }
     setInitialFieldsValue(values) {
-        this.initialFields = { ...values, ...dotize.convert(values) };
+        this.defaultValues = { ...values, ...dotize.convert(values) };
     }
     updateInitialFieldsValue(values) {
-        this.initialFields = {
-            ...this.initialFields,
+        this.defaultValues = {
+            ...this.defaultValues,
             ...values,
             ...dotize.convert(values),
         };
     }
     resetFields(names, skipRender) {
         const fieldsValue = this.getFieldsValue();
-        const fieldNames = Object.keys({ ...fieldsValue, ...this.initialFields });
+        const fieldNames = Object.keys({ ...fieldsValue, ...this.defaultValues });
         const filteredFieldNames = names
             ? fieldNames.filter((name) => names.includes(name))
             : fieldNames;
         const values = filteredFieldNames.reduce((map, name) => {
-            if (name in this.initialFields) {
-                map[name] = this.initialFields[name];
+            if (name in this.defaultValues) {
+                map[name] = this.defaultValues[name];
             }
             else {
                 map[name] = undefined;
             }
             return map;
         }, {});
-        this.setFieldsValue(values, false, skipRender, true);
+        this.setFieldsValue(values, false, skipRender);
     }
     async validateField(name) {
         const field = this.getFieldInstance(name);
@@ -303,6 +303,7 @@ export class CubeFormInstance {
             touched: false,
             errors: [],
             validationId: 0,
+            value: this.defaultValues[name],
             ...data,
             // it should be impossible to define or override status value
             status: data?.errors?.length ? 'invalid' : undefined,

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

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

package/es/components/form/index.js

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

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

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

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

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

package/es/components/other/Calendar/Calendar.js

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

package/es/components/other/Calendar/CalendarCell.js

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

package/es/components/other/Calendar/CalendarGrid.js

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