npm - @cube-dev/ui-kit - Versions diffs - 0.20.8 → 0.22.0 - Mend

@cube-dev/ui-kit 0.20.8 → 0.22.0

Files changed (593) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.8
+ * @cube-dev/ui-kit v0.22.0
  * Released under the MIT license.
  */
@@ -22,10 +22,10 @@ function useFieldProps(props, params = {}) {
         onChange,
     }), defaultValidationTrigger = 'onBlur', } = params;
     const isInsideLegacyField = (0, Field_1.useInsideLegacyField)();
-    (0, _internal_1.useWarn)(isInsideLegacyField, {
-        key: 'use-field-props',
-        args: ['<Field /> is deprecated, use component without <Field /> instead.'],
-    });
+    // useWarn(isInsideLegacyField, {
+    //   key: 'use-field-props',
+    //   args: ['<Field /> is deprecated, use component without <Field /> instead.'],
+    // });
     if (isInsideLegacyField === true ||
         isDisabledRef.current === true ||
         props.name == null) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.8
+ * @cube-dev/ui-kit v0.22.0
  * Released under the MIT license.
  */
@@ -11,6 +11,7 @@ exports.useField = void 0;
 const react_1 = require("react");
 const _internal_1 = require("../../../../_internal");
 const Form_1 = require("../Form");
+const validation_1 = require("../validation");
 const ID_MAP = {};
 function createId(name) {
     if (!name)
@@ -34,9 +35,12 @@ function removeId(name, id) {
 }
 function useField(props, params) {
     props = (0, Form_1.useFormProps)(props);
-    let { defaultValue, id, idPrefix, name, form, rules, validateTrigger = params.defaultValidationTrigger, validationState, shouldUpdate, } = props;
+    let { defaultValue, id, idPrefix, name, form, rules, validateTrigger = params.defaultValidationTrigger, validationState, validationDelay, shouldUpdate, } = props;
+    if (rules && rules.length && validationDelay) {
+        rules.unshift((0, validation_1.delayValidationRule)(validationDelay));
+    }
     const nonInput = !name;
-    const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
+    const fieldName = name != null ? name : '';
     const isFirstRender = (0, _internal_1.useIsFirstRender)();
     let [fieldId, setFieldId] = (0, react_1.useState)(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
     (0, react_1.useEffect)(() => {
@@ -131,6 +135,7 @@ function useField(props, params) {
     }), [
         form,
         field,
+        field?.errors?.length,
         field?.inputValue,
         fieldId,
         fieldName,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.8
+ * @cube-dev/ui-kit v0.22.0
  * Released under the MIT license.
  */
@@ -94,7 +94,9 @@ class CubeFormInstance {
     }
     getFieldsValue() {
         return Object.values(this.fields).reduce((map, field) => {
-            map[field.name] = field.value;
+            if (field && map) {
+                map[field.name] = field.value;
+            }
             return map;
         }, {});
     }
@@ -161,16 +163,31 @@ class CubeFormInstance {
         const field = this.getFieldInstance(name);
         if (!field || !field.rules)
             return Promise.resolve();
-        return (0, validation_1.applyRules)(field.value, field.rules, this)
+        field.validating = true;
+        if (!field.validationId) {
+            field.validationId = 1;
+        }
+        else {
+            field.validationId++;
+        }
+        const validationId = field.validationId;
+        // store validation to make sure there is no race condition.
+        return (0, validation_1.applyRules)(field, this, validationId)
             .then(() => {
+            if (field.validationId !== validationId)
+                return;
+            field.validating = false;
             if (!field.errors || field.errors.length) {
                 field.errors = [];
-                this.forceReRender();
             }
+            this.forceReRender();
         })
             .catch((err) => {
-            field.errors = [err];
-            this.forceReRender();
+            if (field.validationId === validationId) {
+                field.errors = [err];
+                field.validating = false;
+                this.forceReRender();
+            }
             return Promise.reject([err]);
         });
     }
@@ -251,6 +268,7 @@ class CubeFormInstance {
             validating: false,
             touched: false,
             errors: [],
+            validation: 0,
             ...data,
         };
         if (obj) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.8
+ * @cube-dev/ui-kit v0.22.0
  * Released under the MIT license.
  */
@@ -10,7 +10,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyRules = exports.applyRule = void 0;
+exports.delayValidationRule = exports.applyRules = exports.applyRule = void 0;
 const valid_url_1 = __importDefault(require("valid-url"));
 const email_validator_1 = require("email-validator");
 const TYPE_CHECKERS = {
@@ -132,10 +132,13 @@ async function applyRule(value, rule, form) {
     }
 }
 exports.applyRule = applyRule;
-async function applyRules(value, rules, form) {
+async function applyRules(field, form, validationId = 0) {
+    const { value, rules } = field;
     if (!rules || !rules.length)
         return;
     for (let rule of rules) {
+        if (field.validationId && validationId !== field.validationId)
+            return;
         await applyRule(value, rule, form).catch((err) => {
             if (err instanceof Error) {
                 err = err?.message || rule.message;
@@ -145,5 +148,24 @@ async function applyRules(value, rules, form) {
     }
 }
 exports.applyRules = applyRules;
+const delayValidationRule = (timeout = 500) => {
+    let timeoutId;
+    let storedResolve;
+    return {
+        async validator() {
+            clearTimeout(timeoutId);
+            if (storedResolve) {
+                storedResolve();
+            }
+            return new Promise((resolve) => {
+                storedResolve = resolve;
+                timeoutId = setTimeout(() => {
+                    resolve();
+                }, timeout);
+            });
+        },
+    };
+};
+exports.delayValidationRule = delayValidationRule;

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

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