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

@cube-dev/ui-kit 0.20.8 → 0.22.0

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 (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.
  */