npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-7fb118e → 0.0.0-canary-26d261f - Mend

@cube-dev/ui-kit 0.0.0-canary-7fb118e → 0.0.0-canary-26d261f

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 (595) hide show

package/cjs/components/forms/Form/use-field/use-field.js ADDED Viewed

@@ -0,0 +1,146 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
+ * Released under the MIT license.
+ */
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useField = void 0;
+const react_1 = require("react");
+const _internal_1 = require("../../../../_internal");
+const Form_1 = require("../Form");
+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 useField(props, params) {
+    props = (0, Form_1.useFormProps)(props);
+    let { defaultValue, id, idPrefix, name, form, rules, validateTrigger = params.defaultValidationTrigger, validationState, shouldUpdate, } = props;
+    const nonInput = !name;
+    const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
+    const isFirstRender = (0, _internal_1.useIsFirstRender)();
+    let [fieldId, setFieldId] = (0, react_1.useState)(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
+    (0, react_1.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);
+    (0, react_1.useEffect)(() => {
+        if (!form)
+            return;
+        if (field) {
+            form.forceReRender();
+        }
+        else {
+            form.createField(fieldName);
+        }
+    }, [field]);
+    if (form) {
+        if (isFirstRender) {
+            if (!field) {
+                field = form.createField(fieldName, true);
+            }
+            if (field?.value == null) {
+                form.setFieldValue(fieldName, defaultValue, false, true);
+                field = form?.getFieldInstance(fieldName);
+            }
+        }
+        if (!field?.touched) {
+            form.setFieldValue(fieldName, defaultValue, false, true);
+        }
+    }
+    const onChangeHandler = (0, _internal_1.useEvent)((val, dontTouch) => {
+        if (!form)
+            return;
+        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 onBlurHandler = (0, _internal_1.useEvent)(() => {
+        if (validateTrigger === 'onBlur') {
+            // We need a timeout so the change event can be done.
+            setTimeout(() => {
+                form?.validateField(fieldName).catch(() => { }); // do nothing on fail
+            });
+        }
+    });
+    return (0, react_1.useMemo)(() => ({
+        id: fieldId,
+        name: fieldName,
+        value: field?.inputValue,
+        validateTrigger,
+        form,
+        field,
+        nonInput,
+        validationState: validationState ?? (field?.errors?.length ? 'invalid' : undefined),
+        ...(isRequired && { isRequired }),
+        ...(field?.errors?.length && { message: field.errors[0] }),
+        onBlur: onBlurHandler,
+        onChange: onChangeHandler,
+    }), [
+        form,
+        field,
+        fieldId,
+        fieldName,
+        isRequired,
+        onBlurHandler,
+        onChangeHandler,
+        validateTrigger,
+        validationState,
+        nonInput,
+    ]);
+}
+exports.useField = useField;

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */
@@ -220,6 +220,7 @@ class CubeFormInstance {
         if (!skipRender) {
             this.forceReRender();
         }
+        return this.fields[name];
     }
     removeField(name, skipRender) {
         if (this.fields[name]) {

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

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

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

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/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-7fb118e
+ * @cube-dev/ui-kit v0.0.0-canary-26d261f
  * Released under the MIT license.
  */

package/cjs/components/other/Base64Upload/Base64Upload.js CHANGED Viewed

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

package/cjs/components/other/CloudLogo/CloudLogo.js CHANGED Viewed

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

package/cjs/components/overlays/AlertDialog/AlertDialog.js CHANGED Viewed

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

package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js CHANGED Viewed

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

package/cjs/components/overlays/AlertDialog/AlertDialogZone.js CHANGED Viewed

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

package/cjs/components/overlays/AlertDialog/index.js CHANGED Viewed

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

package/cjs/components/overlays/AlertDialog/types.js CHANGED Viewed

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

package/cjs/components/overlays/Dialog/Dialog.js CHANGED Viewed

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

package/cjs/components/overlays/Dialog/DialogContainer.js CHANGED Viewed

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

package/cjs/components/overlays/Dialog/DialogForm.js CHANGED Viewed

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

package/cjs/components/overlays/Dialog/DialogTrigger.js CHANGED Viewed

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