npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-7b3ae05 → 0.0.0-canary-3ac5723 - Mend

@cube-dev/ui-kit 0.0.0-canary-7b3ae05 → 0.0.0-canary-3ac5723

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (594) hide show

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

@@ -1,18 +1,37 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7b3ae05
+ * @cube-dev/ui-kit v0.0.0-canary-3ac5723
  * Released under the MIT license.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Children, cloneElement, createContext, useContext, useMemo, } from 'react';
+import { Children, cloneElement, useEffect, useRef, useState, } from 'react';
 import { mergeProps } from '../../../utils/react';
 import { FieldWrapper } from '../FieldWrapper';
 import { warn } from '../../../utils/warnings';
 import { useFormProps } from './Form';
-import { useField } from './use-field';
+const ID_MAP = {};
+function createId(name) {
+    if (!name)
+        return;
+    if (!ID_MAP[name]) {
+        ID_MAP[name] = [];
+    }
+    let i = 0;
+    let id;
+    do {
+        id = i ? `${name}_${i}` : name;
+        i++;
+    } while (ID_MAP[name].includes(id));
+    ID_MAP[name].push(id);
+    return id;
+}
+function removeId(name, id) {
+    if (!ID_MAP[name])
+        return;
+    ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);
+}
 function getDefaultValidateTrigger(type) {
     type = type || '';
     return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';
@@ -70,42 +89,113 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
         onChange,
     };
 }
-/**
- * @deprecated You can safely remove this component from your code. It's not used anymore.
- */
-export function Field(props) {
-    const allProps = useFormProps(props);
-    let { type: inputType, children, form, label, extra, validationState, necessityLabel, necessityIndicator, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = allProps;
+export function Field(allProps) {
+    const props = useFormProps(allProps);
+    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 = useRef(true);
+    let [fieldId, setFieldId] = useState(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
+    useEffect(() => {
+        let newId;
+        if (!id && !nonInput) {
+            newId = createId(fieldId);
+            setFieldId(newId);
+        }
+        return () => {
+            if (!id) {
+                removeId(idPrefix ? `${idPrefix}_${fieldName}` : fieldName, newId);
+            }
+            if (fieldName && form) {
+                form.removeField(fieldName);
+            }
+        };
+    }, []);
+    let field = form?.getFieldInstance(fieldName);
+    if (field) {
+        field.rules = rules;
+    }
+    let isRequired = rules && !!rules.find((rule) => rule.required);
+    useEffect(() => {
+        if (!form)
+            return;
+        if (field) {
+            form.forceReRender();
+        }
+        else {
+            form.createField(fieldName);
+        }
+    }, [field]);
     if (typeof children === 'function') {
         children = children(form);
     }
-    let child = Children.only(children);
-    inputType = inputType ?? (child?.type).cubeInputType ?? 'Text';
-    const __props = useField(allProps, {
-        defaultValidationTrigger: getDefaultValidateTrigger(inputType),
-    });
-    const { field, isRequired, name, id } = __props;
-    if (!child)
+    if (!children)
         return null;
-    if (__props.nonInput) {
-        return (_jsx(LegacyFieldProvider, { children: _jsx(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 }) }));
+    let child = Children.only(children);
+    if (nonInput) {
+        return (_jsx(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 }));
     }
     if (!form) {
         warn('Form Field requires declared form instance if field name is specified');
         return null;
     }
-    if (!__props.field) {
-        return (_jsx(LegacyFieldProvider, { children: cloneElement(child, mergeProps(child.props, {
-                ...getValueProps(inputType),
-                label: name,
-                name,
-                id,
-            })) }));
+    inputType =
+        inputType || child.type.cubeInputType || 'Text';
+    const defaultValidateTrigger = getDefaultValidateTrigger(inputType);
+    if (firstRunRef.current && defaultValue != null) {
+        if (!field) {
+            form.createField(fieldName, true);
+        }
+        if (field?.value == null) {
+            form.setFieldValue(fieldName, defaultValue, false, true);
+            field = form?.getFieldInstance(fieldName);
+        }
+    }
+    firstRunRef.current = false;
+    if (!field) {
+        return cloneElement(child, mergeProps(child.props, {
+            ...getValueProps(inputType),
+            label: fieldName,
+            name: fieldName,
+            id: fieldId,
+        }));
+    }
+    if (!validateTrigger) {
+        validateTrigger = defaultValidateTrigger;
+    }
+    function onChangeHandler(val, dontTouch) {
+        const field = form.getFieldInstance(fieldName);
+        if (shouldUpdate) {
+            const fieldsValue = form.getFieldsValue();
+            // check if we should update the value of the field
+            const shouldNotBeUpdated = typeof shouldUpdate === 'boolean'
+                ? !shouldUpdate
+                : !shouldUpdate(fieldsValue, {
+                    ...fieldsValue,
+                    [fieldName]: val,
+                });
+            if (shouldNotBeUpdated) {
+                return;
+            }
+        }
+        form.setFieldValue(fieldName, val, !dontTouch, false, dontTouch);
+        if (!dontTouch &&
+            (validateTrigger === 'onChange' ||
+                (field && field.errors && field.errors.length))) {
+            form.validateField(fieldName).catch(() => { }); // do nothing on fail
+        }
     }
     const newProps = {
-        id,
-        name,
-        onBlur: __props.onBlur,
+        id: fieldId,
+        name: fieldName,
+        onBlur() {
+            if (validateTrigger === 'onBlur') {
+                // We need a timeout so the change event can be done.
+                setTimeout(() => {
+                    form.validateField(fieldName).catch(() => { }); // do nothing on fail
+                });
+            }
+        },
     };
     if (necessityIndicator != null) {
         newProps.necessityIndicator = necessityIndicator;
@@ -140,7 +230,7 @@ export function Field(props) {
     if (isLoading != null) {
         newProps.isLoading = isLoading;
     }
-    if (field?.errors?.length) {
+    if (field && field.errors && field.errors.length) {
         if (!validationState) {
             newProps.validationState = 'invalid';
         }
@@ -148,21 +238,10 @@ export function Field(props) {
             newProps.message = field.errors[0];
         }
     }
-    Object.assign(newProps, getValueProps(inputType, __props.field?.inputValue, __props.onChange, child.props.allowsCustomValue));
+    Object.assign(newProps, getValueProps(inputType, field?.inputValue, onChangeHandler, 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 } : {})) }));
-}
-const LegacyFieldContext = createContext({
-    insideLegacyField: false,
-});
-function LegacyFieldProvider(props) {
-    const value = useMemo(() => ({ insideLegacyField: true }), []);
-    return (_jsx(LegacyFieldContext.Provider, { value: value, children: props.children }));
-}
-export function useInsideLegacyField() {
-    const { insideLegacyField } = useContext(LegacyFieldContext);
-    return insideLegacyField;
+    return cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {}));
 }

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

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

package/es/components/forms/Form/SubmitError.js CHANGED Viewed

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7b3ae05
+ * @cube-dev/ui-kit v0.0.0-canary-3ac5723
  * Released under the MIT license.
  */
@@ -217,7 +217,6 @@ export class CubeFormInstance {
         if (!skipRender) {
             this.forceReRender();
         }
-        return this.fields[name];
     }
     removeField(name, skipRender) {
         if (this.fields[name]) {

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

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

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

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

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

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

package/es/components/forms/Label.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/forms/Slider/Gradation.js CHANGED Viewed

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

package/es/components/forms/Slider/Header.js CHANGED Viewed

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

package/es/components/forms/Slider/RangeSlider.js CHANGED Viewed

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

package/es/components/forms/Slider/Slider.js CHANGED Viewed

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

package/es/components/forms/Slider/SliderBase.js CHANGED Viewed

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

package/es/components/forms/Slider/SliderInput.js CHANGED Viewed

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

package/es/components/forms/Slider/SliderThumb.js CHANGED Viewed

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

package/es/components/forms/Slider/SliderTrack.js CHANGED Viewed

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

package/es/components/forms/Slider/elements.js CHANGED Viewed

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

package/es/components/forms/Slider/index.js CHANGED Viewed

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

package/es/components/forms/Slider/types.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

package/es/components/forms/index.js CHANGED Viewed

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

package/es/components/layout/Flex.js CHANGED Viewed

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

package/es/components/layout/Flow.js CHANGED Viewed

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

package/es/components/layout/Grid.js CHANGED Viewed

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

package/es/components/layout/Prefix.js CHANGED Viewed

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

package/es/components/layout/Space.js CHANGED Viewed

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

package/es/components/layout/Suffix.js CHANGED Viewed

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

package/es/components/navigation/LegacyTabs/LegacyTabs.js CHANGED Viewed

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

package/es/components/navigation/Link/Link.js CHANGED Viewed

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

package/es/components/organisms/FileTabs/FileTabs.js CHANGED Viewed

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

package/es/components/organisms/Modal/Modal.js CHANGED Viewed

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

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

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