@cube-dev/ui-kit 0.48.1 → 0.49.0

package/cjs/components/fields/TextInput/TextInputBase.js

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

package/cjs/components/fields/TextInput/index.js

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

package/cjs/components/fields/TextInputMapper/TextInputMapper.js

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

package/cjs/components/fields/TextInputMapper/index.js

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

package/cjs/components/fields/index.js

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

package/cjs/components/form/FieldWrapper/FieldWrapper.js

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

package/cjs/components/form/FieldWrapper/extract-field-wrapper-props.js

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

package/cjs/components/form/FieldWrapper/index.js

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

package/cjs/components/form/FieldWrapper/types.js

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

package/cjs/components/form/Form/Field.js

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

package/cjs/components/form/Form/Form.js

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

package/cjs/components/form/Form/ResetButton/ResetButton.js

@@ -0,0 +1,40 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.49.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_1 = require("../../../../_internal/index");
+const provider_1 = require("../../../../provider");
+const index_2 = require("../../../../utils/react/index");
+const index_3 = require("../../../actions/index");
+const Form_1 = require("../Form");
+function ResetButton(props, ref) {
+    const providerProps = (0, provider_1.useProviderProps)({});
+    props = (0, Form_1.useFormProps)(props);
+    const { isDisabled: isContextDisabled } = providerProps;
+    const { form, isDisabled, ...otherProps } = props;
+    const onPress = (0, index_1.useEvent)(() => {
+        // Use setTimeout to avoid conflict with onBlur handlers
+        setTimeout(() => {
+            form?.resetFields();
+        });
+    });
+    const isSomethingDisabled = isDisabled || isContextDisabled;
+    return ((0, jsx_runtime_1.jsx)(index_3.Button, { ref: ref, type: "primary", htmlType: "reset", isDisabled: form?.isSubmitting || !form?.isTouched, ...(0, index_2.mergeProps)({
+            onPress,
+            isDisabled: isSomethingDisabled
+                ? true
+                : form?.isSubmitting || !form?.isTouched,
+        }, otherProps) }));
+}
+const _ResetButton = (0, react_1.forwardRef)(ResetButton);
+exports.ResetButton = _ResetButton;
+
+        

package/cjs/components/form/Form/{Submit → ResetButton}/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.48.1
+ * @cube-dev/ui-kit v0.49.0
  * Released under the MIT license.
  */
 
@@ -21,6 +21,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Submit"), exports);
+__exportStar(require("./ResetButton"), exports);
 
         

package/cjs/components/form/Form/SubmitButton/SubmitButton.js

@@ -0,0 +1,28 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.49.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubmitButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const provider_1 = require("../../../../provider");
+const index_1 = require("../../../actions/index");
+const Form_1 = require("../Form");
+function SubmitButton(props, ref) {
+    const providerProps = (0, provider_1.useProviderProps)({});
+    props = (0, Form_1.useFormProps)(props);
+    const { isDisabled: isContextDisabled } = providerProps;
+    props = (0, Form_1.useFormProps)(props);
+    const { form, isDisabled, ...otherProps } = props;
+    const isSomethingDisabled = isDisabled || isContextDisabled;
+    return ((0, jsx_runtime_1.jsx)(index_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isSomethingDisabled ? true : form?.isInvalid, ...otherProps }));
+}
+const _SubmitButton = (0, react_1.forwardRef)(SubmitButton);
+exports.SubmitButton = _SubmitButton;
+
+        

package/cjs/components/form/Form/SubmitButton/index.js

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.49.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SubmitButton"), exports);
+
+        

package/cjs/components/form/Form/SubmitError.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.48.1
+ * @cube-dev/ui-kit v0.49.0
  * Released under the MIT license.
  */
 
@@ -12,10 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const index_1 = require("../../content/Alert/index");
 const Form_1 = require("./Form");
-/**
- * An alert that shows a form error message received from the onSubmit callback.
- */
-const SubmitError = function SubmitError(props) {
+function SubmitError(props, ref) {
     let { submitError } = (0, react_1.useContext)(Form_1.FormContext);
     if (!submitError) {
         return null;
@@ -24,8 +21,12 @@ const SubmitError = function SubmitError(props) {
         typeof submitError !== 'string') {
         submitError = 'Internal error';
     }
-    return ((0, jsx_runtime_1.jsx)(index_1.Alert, { theme: "danger", ...props, children: submitError }));
-};
-exports.SubmitError = SubmitError;
+    return ((0, jsx_runtime_1.jsx)(index_1.Alert, { ref: ref, theme: "danger", ...props, children: submitError }));
+}
+/**
+ * An alert that shows a form error message received from the onSubmit callback.
+ */
+const _SubmitError = (0, react_1.forwardRef)(SubmitError);
+exports.SubmitError = _SubmitError;
 
         

package/cjs/components/form/Form/index.js

@@ -1,25 +1,48 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.48.1
+ * @cube-dev/ui-kit v0.49.0
  * Released under the MIT license.
  */
 
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFieldProps = exports.SubmitError = exports.FormContext = exports.useForm = exports.Field = exports.Form = exports.useFormProps = void 0;
+exports.FormContext = exports.useForm = exports.Field = exports.Form = exports.useFormProps = void 0;
 const Field_1 = require("./Field");
 Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
+const ResetButton_1 = require("./ResetButton");
+const SubmitButton_1 = require("./SubmitButton");
 const SubmitError_1 = require("./SubmitError");
-Object.defineProperty(exports, "SubmitError", { enumerable: true, get: function () { return SubmitError_1.SubmitError; } });
 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: use_form_1.useForm, SubmitError: SubmitError_1.SubmitError });
+const Form = Object.assign(Form_1.Form, {
+    Item: Field_1.Field,
+    useForm: use_form_1.useForm,
+    Submit: SubmitButton_1.SubmitButton,
+    Reset: ResetButton_1.ResetButton,
+    SubmitError: SubmitError_1.SubmitError,
+});
 exports.Form = Form;
-var index_1 = require("./use-field/index");
-Object.defineProperty(exports, "useFieldProps", { enumerable: true, get: function () { return index_1.useFieldProps; } });
+__exportStar(require("./SubmitError"), exports);
+__exportStar(require("./SubmitButton"), exports);
+__exportStar(require("./ResetButton"), exports);
+__exportStar(require("./use-field"), exports);
 
         

package/cjs/components/form/Form/types.js

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

package/cjs/components/form/Form/use-field/index.js

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

package/cjs/components/form/Form/use-field/types.js

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

package/cjs/components/form/Form/use-field/use-field-props.js

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

package/cjs/components/form/Form/use-field/use-field.js

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

package/cjs/components/form/Form/use-form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.48.1
+ * @cube-dev/ui-kit v0.49.0
  * Released under the MIT license.
  */
 
@@ -162,21 +162,23 @@ class CubeFormInstance {
         };
     }
     resetFields(names, skipRender) {
-        const fieldsValue = this.getFieldsValue();
-        const fieldNames = Object.keys({ ...fieldsValue, ...this.defaultValues });
-        const filteredFieldNames = names
-            ? fieldNames.filter((name) => names.includes(name))
-            : fieldNames;
-        const values = filteredFieldNames.reduce((map, name) => {
-            if (name in this.defaultValues) {
-                map[name] = this.defaultValues[name];
-            }
-            else {
-                map[name] = undefined;
+        names = names ?? Object.keys(this.fields);
+        names.forEach((fieldName) => {
+            const field = this.fields[fieldName];
+            if (!field) {
+                return;
             }
-            return map;
-        }, {});
-        this.setFieldsValue(values, false, skipRender);
+            const defaultValue = this.defaultValues[fieldName] ?? undefined;
+            field.value = defaultValue;
+            field.touched = false;
+            field.inputValue = defaultValue;
+            field.errors = [];
+            field.status = undefined;
+            field.validationId = (field.validationId ?? 0) + 1;
+        });
+        if (!skipRender) {
+            this.forceReRender();
+        }
     }
     async validateField(name) {
         const field = this.getFieldInstance(name);
@@ -193,12 +195,8 @@ class CubeFormInstance {
             return Promise.reject(field.errors[0]);
         }
         field.validating = true;
-        if (!field.validationId) {
-            field.validationId = 1;
-        }
-        else {
-            field.validationId++;
-        }
+        field.status = undefined;
+        field.validationId = (field.validationId ?? 0) + 1;
         const validationId = field.validationId;
         // store validation to make sure there is no race condition.
         return (0, validation_1.applyRules)(field, this, validationId)
@@ -258,12 +256,34 @@ class CubeFormInstance {
     get isTouched() {
         return Object.values(this.fields).some((field) => field?.touched);
     }
+    /**
+     * True if all fields are verified and valid
+     * IMPORTANT: This is not the same as `!isInvalid`, because it also checks if all fields are verified.
+     */
+    get isValid() {
+        return Object.values(this.fields).every((field) => {
+            return field?.status === 'valid';
+        });
+    }
+    /**
+     * True if at least one field is verified and invalid.
+     * IMPORTANT: This is not the same as `!isValid`, because it only checks that at least
+     * one field is verified and invalid.
+     */
+    get isInvalid() {
+        return Object.values(this.fields).some((field) => {
+            return field?.status === 'invalid';
+        });
+    }
     getFieldError(name) {
         const field = this.getFieldInstance(name);
         if (!field)
             return [];
         return field.errors || [];
     }
+    /**
+     * @deprecated This field is not supposed to be used directly.
+     */
     createField(name, skipRender) {
         // passing an empty name is incorrect, but we have to return a valid object to avoid inconsistency
         if (!name) {
@@ -277,6 +297,9 @@ class CubeFormInstance {
         }
         return this.fields[name];
     }
+    /**
+     * @deprecated This field is not supposed to be used directly.
+     */
     removeField(name, skipRender) {
         if (this.fields[name]) {
             delete this.fields[name];
@@ -285,6 +308,13 @@ class CubeFormInstance {
             this.forceReRender();
         }
     }
+    /**
+     * @deprecated This method is not recommended. Use other ways to alter fields.
+     * Use `setFieldValue` to change the value of a field.
+     * Use `verifyField` to validate a field.
+     * Use `setFieldError` to set an error for a field.
+     * Use `clearFieldsValidation` to clear all errors for a field.
+     */
     setFields(newFields) {
         newFields.forEach(({ name, value, errors }) => {
             this.fields[name] = this._createField(name, {
@@ -294,6 +324,30 @@ class CubeFormInstance {
         });
         this.forceReRender();
     }
+    resetFieldsValidation(names, skipRender) {
+        (names || Object.keys(this.fields)).forEach((name) => {
+            const field = this.getFieldInstance(name);
+            if (!field)
+                return;
+            field.errors = [];
+            field.status = undefined;
+            field.validationId = (field.validationId ?? 0) + 1;
+        });
+        if (!skipRender) {
+            this.forceReRender();
+        }
+    }
+    setFieldError(name, error, skipRender) {
+        const field = this.getFieldInstance(name);
+        if (!field || !error)
+            return;
+        field.errors = [error];
+        field.status = 'invalid';
+        field.validationId = (field.validationId ?? 0) + 1;
+        if (!skipRender) {
+            this.forceReRender();
+        }
+    }
     setSubmitting(isSubmitting) {
         if (this.isSubmitting === isSubmitting)
             return;

package/cjs/components/form/Form/validation.js

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

package/cjs/components/form/Label.js

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

package/cjs/components/form/index.js

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

package/cjs/components/form/wrapper.js

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

package/cjs/components/layout/Flex.js

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

package/cjs/components/layout/Flow.js

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

package/cjs/components/layout/Grid.js

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

package/cjs/components/layout/Panel.js

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

package/cjs/components/layout/Prefix.js

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