npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-deea394 → 0.0.0-canary-04e4c5c - Mend

@cube-dev/ui-kit 0.0.0-canary-deea394 → 0.0.0-canary-04e4c5c

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

package/cjs/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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * Released under the MIT license.
  */
@@ -15,7 +15,7 @@ const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
 const promise_1 = require("../../../utils/promise");
-const useForm_1 = require("./useForm");
+const use_form_1 = require("./use-form");
 exports.FormContext = (0, react_1.createContext)({});
 const FormElement = (0, tasty_1.tasty)({
     as: 'form',
@@ -51,7 +51,7 @@ const formPropNames = new Set([
 ]);
 function Form(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    let { qa, name, children, labelPosition, orientation, isRequired, necessityIndicator, isDisabled, isReadOnly, validationState, labelStyles, validateTrigger, defaultValues, onValuesChange, requiredMark = true, form, labelWidth, onSubmit, onSubmitFailed, ...otherProps } = props;
+    let { qa, name, children, labelPosition, orientation, isRequired, necessityIndicator, isDisabled, isReadOnly, validationState, labelStyles, validateTrigger, showValid, defaultValues, onValuesChange, requiredMark = true, form, labelWidth, onSubmit, onSubmitFailed, ...otherProps } = props;
     const firstRunRef = (0, react_1.useRef)(true);
     const isHorizontal = orientation === 'horizontal';
     if (!orientation) {
@@ -110,7 +110,7 @@ function Form(props, ref) {
             // onSubmit(Object.fromEntries(new FormData(e.target).entries()));
         };
     }
-    [form] = (0, useForm_1.useForm)(form, ref && ref.current, {
+    [form] = (0, use_form_1.useForm)(form, ref && ref.current, {
         onSubmit: onSubmitCallback,
         onValuesChange,
     });
@@ -126,6 +126,7 @@ function Form(props, ref) {
         necessityIndicator,
         validateTrigger,
         requiredMark,
+        showValid,
         form,
         submitError: form.submitError,
         idPrefix: name,

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

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

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.0.0-canary-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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.0.0-canary-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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.0.0-canary-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * Released under the MIT license.
  */
@@ -12,12 +12,12 @@ const Field_1 = require("./Field");
 Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
 const SubmitError_1 = require("./SubmitError");
 Object.defineProperty(exports, "SubmitError", { enumerable: true, get: function () { return SubmitError_1.SubmitError; } });
-const useForm_1 = require("./useForm");
-Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return useForm_1.useForm; } });
+const use_form_1 = require("./use-form");
+Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return use_form_1.useForm; } });
 const Form_1 = require("./Form");
 Object.defineProperty(exports, "useFormProps", { enumerable: true, get: function () { return Form_1.useFormProps; } });
 Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return Form_1.FormContext; } });
-const Form = Object.assign(Form_1.Form, { Item: Field_1.Field, useForm: useForm_1.useForm, SubmitError: SubmitError_1.SubmitError });
+const Form = Object.assign(Form_1.Form, { Item: Field_1.Field, useForm: use_form_1.useForm, SubmitError: SubmitError_1.SubmitError });
 exports.Form = Form;
 var use_field_1 = require("./use-field");
 Object.defineProperty(exports, "useFieldProps", { enumerable: true, get: function () { return use_field_1.useFieldProps; } });

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

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.0.0-canary-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * Released under the MIT license.
  */
@@ -35,7 +35,7 @@ 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, validationDelay, shouldUpdate, } = props;
+    let { defaultValue, id, idPrefix, name, form, rules, message, validateTrigger = params.defaultValidationTrigger, validationState, validationDelay, showValid, shouldUpdate, } = props;
     if (rules && rules.length && validationDelay) {
         rules.unshift((0, validation_1.delayValidationRule)(validationDelay));
     }
@@ -127,15 +127,21 @@ function useField(props, params) {
         form,
         field,
         nonInput,
-        validationState: validationState ?? (field?.errors?.length ? 'invalid' : undefined),
+        validationState: validationState ??
+            (field?.errors?.length
+                ? 'invalid'
+                : showValid && field?.status === 'valid'
+                    ? 'valid'
+                    : undefined),
         ...(isRequired && { isRequired }),
-        ...(field?.errors?.length && { message: field.errors[0] }),
+        message: message ?? (field?.status === 'invalid' && field?.errors?.[0]),
         onBlur: onBlurHandler,
         onChange: onChangeHandler,
     }), [
         form,
         field,
         field?.errors?.length,
+        field?.status,
         field?.inputValue,
         fieldId,
         fieldName,
@@ -144,6 +150,7 @@ function useField(props, params) {
         onChangeHandler,
         validateTrigger,
         validationState,
+        showValid,
         nonInput,
     ]);
 }

package/cjs/components/forms/Form/{useForm.js → use-form.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * Released under the MIT license.
  */
@@ -120,6 +120,7 @@ class CubeFormInstance {
         }
         if (!inputOnly) {
             field.value = value;
+            field.status = undefined; // reset validation status
         }
         field.inputValue = value;
         if (touched) {
@@ -161,8 +162,18 @@ class CubeFormInstance {
     }
     async validateField(name) {
         const field = this.getFieldInstance(name);
-        if (!field || !field.rules)
+        if (
+        // if there are no rules for such field
+        !field ||
+            !field.rules ||
+            // or field is already validated and valid
+            field.status === 'valid') {
             return Promise.resolve();
+            // or field is already validated and invalid
+        }
+        else if (field.status === 'invalid') {
+            return Promise.reject(field.errors[0]);
+        }
         field.validating = true;
         if (!field.validationId) {
             field.validationId = 1;
@@ -180,12 +191,14 @@ class CubeFormInstance {
             if (!field.errors || field.errors.length) {
                 field.errors = [];
             }
+            field.status = 'valid';
             this.forceReRender();
         })
             .catch((err) => {
             if (field.validationId === validationId) {
                 field.errors = [err];
                 field.validating = false;
+                field.status = 'invalid';
                 this.forceReRender();
             }
             return Promise.reject([err]);

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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * 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-deea394
+ * @cube-dev/ui-kit v0.0.0-canary-04e4c5c
  * Released under the MIT license.
  */