@apia/validations 4.0.9 → 4.0.11

package/dist/index.js

@@ -1,11 +1,13 @@
 import { jsx, jsxs } from '@apia/theme/jsx-runtime';
-import { customEvents, propsStore, usePropsSelector, useUpdateEffect, useUnmount, useMount, PropsSelectorUndefinedObject, formatMessage, toBoolean, EventEmitter, StatefulEmitter, useSubscription, getLabel } from '@apia/util';
+import { customEvents, usePropsSelector, propsStore, useUnmount, useMount, PropsSelectorUndefinedObject, formatMessage, toBoolean, EventEmitter, StatefulEmitter, useSubscription, getLabel, getValueByPath } from '@apia/util';
 import uniqueId from 'lodash-es/uniqueId';
-import React, { useState } from 'react';
-import { shallowEqual } from 'react-redux';
+import React, { useState, createContext, useContext } from 'react';
 import { Box, getVariant, injectStyles, Input as Input$1, Label, Radio as Radio$1, Select as Select$1, Switch, Textarea as Textarea$1, Button } from '@apia/theme';
 import { notify } from '@apia/notifications';
-import { RequiredMark, Captcha, Checkbox as Checkbox$1, IconButton, getFieldErrorStyles, DateInput, ApiaUtil, NumberInput, SimpleButton, useModalContext } from '@apia/components';
+import { RequiredMark, Captcha, Checkbox as Checkbox$1, IconButton, getFieldErrorStyles, DateInput, ApiaUtil, NumberInput, SimpleButton, useModalContext, FieldLabel } from '@apia/components';
+import { shallowEqual } from 'react-redux';
+import { makeObservable, observable } from 'mobx';
+import { observer } from 'mobx-react-lite';
 
 const FormContext = React.createContext(
   {}
@@ -232,20 +234,20 @@ function getValidations(outerValidation) {
   };
 }
 
-var __defProp$9 = Object.defineProperty;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$9 = (obj, key, value) => {
-  __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$a = Object.defineProperty;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$a = (obj, key, value) => {
+  __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 const validationsStore = new class {
   constructor() {
-    __publicField$9(this, "activeForms", []);
-    __publicField$9(this, "timeouts", {});
-    __publicField$9(this, "existsField", (formName, fieldName) => {
+    __publicField$a(this, "activeForms", []);
+    __publicField$a(this, "timeouts", {});
+    __publicField$a(this, "existsField", (formName, fieldName) => {
       return !!this.getFormStore(formName)?.fields?.includes(fieldName);
     });
-    __publicField$9(this, "registerField", (formName, registerData, options = { registerIfExists: true }) => {
+    __publicField$a(this, "registerField", (formName, registerData, options = { registerIfExists: true }) => {
       const formProps = this.getFormStore(formName);
       if (formProps === void 0)
         this.registerForm(formName);
@@ -275,7 +277,7 @@ const validationsStore = new class {
     /**
      * Inicializa el estado de un nuevo formulario
      */
-    __publicField$9(this, "registerForm", (formName, props = { avoidFieldsOverride: false }) => {
+    __publicField$a(this, "registerForm", (formName, props = { avoidFieldsOverride: false }) => {
       props.persistToSessionStorage && this.loadFromSessionStorage(formName);
       if (this.activeForms.includes(formName)) {
         this.updateFormStore(
@@ -321,7 +323,7 @@ const validationsStore = new class {
      * Setea el valor del campo con el nombre provisto. Si el campo no existe
      * en el formulario lo crea.
      */
-    __publicField$9(this, "setFieldValue", (formName, fieldName, newValue, options) => {
+    __publicField$a(this, "setFieldValue", (formName, fieldName, newValue, options) => {
       if (!this.getFieldStore(formName, fieldName))
         this.registerField(formName, { name: fieldName, value: newValue });
       else
@@ -337,7 +339,7 @@ const validationsStore = new class {
       if (this.getFormStore(formName).isValid)
         this.updateFormStore(formName, { isValid: false });
     });
-    __publicField$9(this, "setFormIsTouched", (formName, isTouched = true) => {
+    __publicField$a(this, "setFormIsTouched", (formName, isTouched = true) => {
       this.updateFormStore(formName, { isTouched }, true);
     });
     /**
@@ -345,7 +347,7 @@ const validationsStore = new class {
      * forma cualquier validación que pudiera aplicarse sobre el mismo, ya no se
      * aplicará.
      */
-    __publicField$9(this, "unregisterField", (formName, fieldName) => {
+    __publicField$a(this, "unregisterField", (formName, fieldName) => {
       if (this.getFormStore(formName))
         this.updateFormStore(formName, {
           fields: this.getFormStore(formName).fields.filter((current) => {
@@ -358,7 +360,7 @@ const validationsStore = new class {
      * Elimina un formulario del store de validación junto con todos los campos
      * asociados al mismo.
      */
-    __publicField$9(this, "unregisterForm", (formName) => {
+    __publicField$a(this, "unregisterForm", (formName) => {
       this.getFormStore(formName)?.fields?.forEach((current) => {
         return propsStore.removeField(this.makeFieldName(formName, current));
       });
@@ -372,7 +374,7 @@ const validationsStore = new class {
      * Actualiza las propiedades de un campo, si no existe, lo registra en el
      * formulario.
      */
-    __publicField$9(this, "updateField", (formName, field, options) => {
+    __publicField$a(this, "updateField", (formName, field, options) => {
       const previousValue = this.getFieldStore(formName, field.name)?.value;
       if (this.getFormStore(formName))
         this.updateFormStore(formName, { isValid: false }, true);
@@ -400,7 +402,7 @@ const validationsStore = new class {
     /**
      * Actualiza múltiples campos al mismo tiempo.
      */
-    __publicField$9(this, "updateMultipleFields", (formName, fields, options) => {
+    __publicField$a(this, "updateMultipleFields", (formName, fields, options) => {
       fields.forEach((current) => {
         return this.updateField(formName, current, options);
       });
@@ -429,7 +431,7 @@ const validationsStore = new class {
      *   console.error('Validation error', result);
      * }
      */
-    __publicField$9(this, "validateForm", async (formName) => {
+    __publicField$a(this, "validateForm", async (formName) => {
       const state = this.getFormStore(formName);
       if (!state)
         return { errors: { form: "No form with name " + formName } };
@@ -627,21 +629,16 @@ const Form = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const validationResult = useFormSelector(
-    actualName,
-    (props) => props.validationResult,
-    shallowEqual
-  );
-  useUpdateEffect(() => {
-    if (validationResult && onValidate)
-      onValidate(validationResult);
-  }, [validationResult]);
   const handleSubmit = React.useCallback(
-    (ev) => {
+    async (ev) => {
       ev.preventDefault();
-      void validationsStore.validateForm(actualName);
+      const validationRes = await validationsStore.validateForm(
+        actualName
+      );
+      if (validationRes && onValidate)
+        onValidate(validationRes);
     },
-    [actualName]
+    [actualName, onValidate]
   );
   const contextValue = React.useMemo(
     () => ({
@@ -1725,10 +1722,10 @@ const Textarea = React.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-var __defProp$8 = Object.defineProperty;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$8 = (obj, key, value) => {
-  __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$9 = Object.defineProperty;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$9 = (obj, key, value) => {
+  __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$2 = (obj, member, msg) => {
@@ -1753,17 +1750,17 @@ class CollectorField extends EventEmitter {
     __privateAdd$2(this, _emitter, new StatefulEmitter({
       isHidden: false
     }));
-    __publicField$8(this, "collector", {});
-    __publicField$8(this, "isHidden", () => __privateGet$2(this, _emitter).getState("isHidden"));
-    __publicField$8(this, "setIsHidden", (isHidden) => {
+    __publicField$9(this, "collector", {});
+    __publicField$9(this, "isHidden", () => __privateGet$2(this, _emitter).getState("isHidden"));
+    __publicField$9(this, "setIsHidden", (isHidden) => {
       __privateGet$2(this, _emitter).emit("isHidden", isHidden);
     });
-    __publicField$8(this, "properties", {});
-    __publicField$8(this, "setProperties", (newProps) => {
+    __publicField$9(this, "properties", {});
+    __publicField$9(this, "setProperties", (newProps) => {
       this.properties = newProps;
       this.emit("propsUpdate", { ...this.properties });
     });
-    __publicField$8(this, "useProperties", () => {
+    __publicField$9(this, "useProperties", () => {
       return useSubscription({
         getInitialState: () => this.properties,
         makeSubscription: (setProps) => this.on("propsUpdate", setProps)
@@ -1773,7 +1770,7 @@ class CollectorField extends EventEmitter {
      * Este componente se utiliza para controlar propiedades comunes a todos los
      * campos.
      */
-    __publicField$8(this, "SuperComponent", () => {
+    __publicField$9(this, "SuperComponent", () => {
       if (__privateGet$2(this, _emitter).useState("isHidden"))
         return null;
       return /* @__PURE__ */ jsx(Box, { className: `collector__field ${this.type}`, children: /* @__PURE__ */ jsx(this.Component, {}) });
@@ -1785,10 +1782,10 @@ class CollectorField extends EventEmitter {
 }
 _emitter = new WeakMap();
 
-var __defProp$7 = Object.defineProperty;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$7 = (obj, key, value) => {
-  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$8 = Object.defineProperty;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$8 = (obj, key, value) => {
+  __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ValidatedCollectorField extends CollectorField {
@@ -1797,21 +1794,21 @@ class ValidatedCollectorField extends CollectorField {
     this.name = name;
     this.label = label;
     this.config = config;
-    __publicField$7(this, "setInitialValue", (newValue) => {
+    __publicField$8(this, "setInitialValue", (newValue) => {
       this.config.initialValue = newValue;
     });
-    __publicField$7(this, "setValidationFunction", (newFunction) => {
+    __publicField$8(this, "setValidationFunction", (newFunction) => {
       this.config.validationFunction = newFunction;
       this.emit("functionUpdate", this.config.validationFunction);
     });
-    __publicField$7(this, "setValidationRules", (newRules) => {
+    __publicField$8(this, "setValidationRules", (newRules) => {
       this.config.validationRules = newRules;
       this.emit("rulesUpdate", { ...this.config.validationRules });
     });
-    __publicField$7(this, "setValue", (newValue) => {
+    __publicField$8(this, "setValue", (newValue) => {
       validationsStore.setFieldValue(this.collector.id, this.name, newValue);
     });
-    __publicField$7(this, "useValidationFunction", () => {
+    __publicField$8(this, "useValidationFunction", () => {
       return useSubscription({
         getInitialState: () => () => this.config.validationFunction,
         makeSubscription: (setValidationFunction) => {
@@ -1819,7 +1816,7 @@ class ValidatedCollectorField extends CollectorField {
         }
       });
     });
-    __publicField$7(this, "useValidationRules", () => {
+    __publicField$8(this, "useValidationRules", () => {
       return useSubscription({
         getInitialState: () => this.config.validationRules,
         makeSubscription: (setValidationRules) => {
@@ -1836,17 +1833,17 @@ class ValidatedCollectorField extends CollectorField {
   }
 }
 
-var __defProp$6 = Object.defineProperty;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$6 = (obj, key, value) => {
-  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$7 = Object.defineProperty;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$7 = (obj, key, value) => {
+  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class CollectorCheckbox extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$6(this, "type", "checkbox");
-    __publicField$6(this, "Component", () => {
+    __publicField$7(this, "type", "checkbox");
+    __publicField$7(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -1866,17 +1863,17 @@ class CollectorCheckbox extends ValidatedCollectorField {
   }
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$5 = (obj, key, value) => {
-  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$6 = Object.defineProperty;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$6 = (obj, key, value) => {
+  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class CollectorInput extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$5(this, "type", "input");
-    __publicField$5(this, "Component", () => {
+    __publicField$6(this, "type", "input");
+    __publicField$6(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -1895,10 +1892,10 @@ class CollectorInput extends ValidatedCollectorField {
   }
 }
 
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$5 = Object.defineProperty;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => {
+  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$1 = (obj, member, msg) => {
@@ -1916,7 +1913,7 @@ var __privateAdd$1 = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck$1(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
+  member.set(obj, value);
   return value;
 };
 var _options, _useOptions;
@@ -1925,13 +1922,13 @@ class CollectorSelect extends ValidatedCollectorField {
     super(_name, label, config);
     this._name = _name;
     this.label = label;
-    __publicField$4(this, "type", "select");
+    __publicField$5(this, "type", "select");
     __privateAdd$1(this, _options, []);
-    __publicField$4(this, "addOption", (newOption) => {
+    __publicField$5(this, "addOption", (newOption) => {
       __privateSet(this, _options, [...__privateGet$1(this, _options), newOption]);
       this.emit("optionsUpdate", __privateGet$1(this, _options));
     });
-    __publicField$4(this, "setOptions", (newOptions) => {
+    __publicField$5(this, "setOptions", (newOptions) => {
       __privateSet(this, _options, [...newOptions]);
       this.emit("optionsUpdate", __privateGet$1(this, _options));
     });
@@ -1942,7 +1939,7 @@ class CollectorSelect extends ValidatedCollectorField {
       });
       return options;
     });
-    __publicField$4(this, "Component", () => {
+    __publicField$5(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const options = __privateGet$1(this, _useOptions).call(this);
@@ -1968,17 +1965,17 @@ class CollectorSelect extends ValidatedCollectorField {
 _options = new WeakMap();
 _useOptions = new WeakMap();
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => {
+  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class CollectorTextarea extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$3(this, "type", "textarea");
-    __publicField$3(this, "Component", () => {
+    __publicField$4(this, "type", "textarea");
+    __publicField$4(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -1997,31 +1994,31 @@ class CollectorTextarea extends ValidatedCollectorField {
   }
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$3 = Object.defineProperty;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$3 = (obj, key, value) => {
+  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 const _CollectorLabel = class _CollectorLabel extends CollectorField {
   constructor(label, kind = "label") {
     super(`label${_CollectorLabel.maxId++}`, label);
     this.kind = kind;
-    __publicField$2(this, "type", "label");
-    __publicField$2(this, "Component", () => {
+    __publicField$3(this, "type", "label");
+    __publicField$3(this, "Component", () => {
       if (this.kind === "label")
         return /* @__PURE__ */ jsx(Box, { as: this.kind, children: this.label });
       return /* @__PURE__ */ jsx(Box, { as: this.kind, children: this.label });
     });
   }
 };
-__publicField$2(_CollectorLabel, "maxId", 0);
+__publicField$3(_CollectorLabel, "maxId", 0);
 let CollectorLabel = _CollectorLabel;
 
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => {
+  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 let i = 0;
@@ -2029,18 +2026,18 @@ class CollectorButton extends CollectorField {
   constructor(label, properties) {
     super(`Button${i++}`, label, properties);
     this.label = label;
-    __publicField$1(this, "type", "button");
-    __publicField$1(this, "Component", () => {
+    __publicField$2(this, "type", "button");
+    __publicField$2(this, "Component", () => {
       const props = this.useProperties();
       return /* @__PURE__ */ jsx(SimpleButton, { ...props, children: this.label });
     });
   }
 }
 
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -2066,7 +2063,7 @@ try {
 let maxId = 0;
 class Collector {
   constructor() {
-    __publicField(this, "fields", {
+    __publicField$1(this, "fields", {
       button: CollectorButton,
       checkbox: CollectorCheckbox,
       input: CollectorInput,
@@ -2078,17 +2075,17 @@ class Collector {
       select: CollectorSelect,
       textarea: CollectorTextarea
     });
-    __publicField(this, "private__id", `Collector${maxId++}`);
-    __publicField(this, "modal", null);
+    __publicField$1(this, "private__id", `Collector${maxId++}`);
+    __publicField$1(this, "modal", null);
     __privateAdd(this, _fields, {});
-    __publicField(this, "add", (...fields) => {
+    __publicField$1(this, "add", (...fields) => {
       fields.forEach((field) => {
         __privateGet(this, _fields)[field.name] = field;
         field.collector = this;
       });
       return this;
     });
-    __publicField(this, "forEach", (cb) => {
+    __publicField$1(this, "forEach", (cb) => {
       Object.values(__privateGet(this, _fields)).forEach(cb);
     });
     __privateAdd(this, _Component, ({
@@ -2127,7 +2124,7 @@ class Collector {
         }
       );
     });
-    __publicField(this, "show", (modalProps) => {
+    __publicField$1(this, "show", (modalProps) => {
       const { onConfirm, ...actualModalProps } = modalProps ?? {};
       return new Promise((resolve) => {
         const C = __privateGet(this, _Component);
@@ -2173,5 +2170,256 @@ class Collector {
 _fields = new WeakMap();
 _Component = new WeakMap();
 
-export { InnerCaptcha as Captcha, Checkbox, Collector, CollectorField, DeletableInput, FieldWrapper, FileInput, Form, FormContext, Input, NumberInputf, Radio, Select, Switchbox, Textarea, ValidatedCollectorField, ValidationError, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, lang, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidationClass, validationsStore };
+const ValidableContext = createContext(
+  void 0
+);
+function useValidableContext() {
+  const context = useContext(ValidableContext);
+  return context;
+}
+
+function setValueByPath(obj, path, value) {
+  if (path !== "") {
+    const steps = path.split(".");
+    if (steps.length === 0) {
+      console.warn(`An empty path was provoided ${path}`);
+      return null;
+    }
+    if (steps.length === 1) {
+      obj[steps[0]] = value;
+    } else {
+      const step = steps.shift();
+      if (!obj[step])
+        obj[step] = {};
+      setValueByPath(obj[step], steps.join("."), value);
+    }
+  }
+}
+
+const ValidableField = observer(
+  ({
+    children,
+    context,
+    label,
+    path,
+    ...props
+  }) => {
+    const reactContext = useValidableContext();
+    const actualContext = context ?? reactContext;
+    if (!actualContext)
+      throw new Error("ValidableContext not found");
+    const validations = actualContext.getValidations(path);
+    const error = actualContext.getError(path);
+    return /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        ...props,
+        error,
+        label: label ?? validations?.fieldLabel ?? `Label not provided: ${path}`,
+        required: validations?.required,
+        children
+      }
+    );
+  }
+);
+
+function makeValidableField(Component) {
+  const ActualComponent = observer(Component);
+  const NewValidableField = (props) => {
+    const reactContext = useValidableContext();
+    const actualContext = props.context ?? reactContext;
+    if (!actualContext)
+      throw new Error("ValidableContext not found");
+    return /* @__PURE__ */ jsx(ActualComponent, { ...props, context: actualContext });
+  };
+  return NewValidableField;
+}
+
+const ValidableInput = makeValidableField(
+  ({ type, context, label, path, onChange, ...props }) => {
+    const handleChange = (event) => {
+      context.setValue(path, event.target.value);
+      onChange?.(event);
+    };
+    return /* @__PURE__ */ jsx(
+      ValidableField,
+      {
+        context,
+        path,
+        label,
+        ...props,
+        className: `input ${props.className}`,
+        children: /* @__PURE__ */ jsx(
+          Input$1,
+          {
+            name: path,
+            type,
+            value: context.getValue(path),
+            onChange: handleChange
+          }
+        )
+      }
+    );
+  }
+);
+
+const ValidableSelect = makeValidableField(({ context, label, path, onChange, options, ...props }) => {
+  const handleChange = (event) => {
+    context.setValue(path, event.target.value);
+    onChange?.(event);
+  };
+  return /* @__PURE__ */ jsx(
+    ValidableField,
+    {
+      context,
+      path,
+      label,
+      ...props,
+      className: `select ${props.className}`,
+      children: /* @__PURE__ */ jsx(
+        Select$1,
+        {
+          name: path,
+          value: context.getValue(path),
+          onChange: handleChange,
+          children: options.map((option) => /* @__PURE__ */ jsx(
+            "option",
+            {
+              selected: option.selected,
+              value: option.value,
+              children: option.label
+            },
+            option.value
+          ))
+        }
+      )
+    }
+  );
+});
+
+const ValidableTextarea = makeValidableField(
+  ({ context, label, path, onChange, ...props }) => {
+    const handleChange = (event) => {
+      context.setValue(path, event.target.value);
+      onChange?.(event);
+    };
+    return /* @__PURE__ */ jsx(
+      ValidableField,
+      {
+        context,
+        path,
+        label,
+        ...props,
+        className: `textarea ${props.className}`,
+        children: /* @__PURE__ */ jsx(
+          Textarea$1,
+          {
+            name: path,
+            value: context.getValue(path),
+            onChange: handleChange
+          }
+        )
+      }
+    );
+  }
+);
+
+const ValidableCheck = makeValidableField(
+  ({ context, label, path, onChange, ...props }) => {
+    const handleChange = (event) => {
+      context.setValue(path, event.target.value);
+      onChange?.(event);
+    };
+    return /* @__PURE__ */ jsx(
+      ValidableField,
+      {
+        context,
+        path,
+        avoidSemicolon: true,
+        label,
+        ...props,
+        className: `checkbox ${props.className}`,
+        children: /* @__PURE__ */ jsx(
+          Checkbox$1,
+          {
+            name: path,
+            checked: context.getValue(path),
+            onChange: handleChange
+          }
+        )
+      }
+    );
+  }
+);
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+async function validate(target, validations) {
+  const errors = {};
+  let focus = void 0;
+  for (const key in validations) {
+    const validation = validations[key];
+    const value = getValueByPath(target, key);
+    if (validation.validationFunction) {
+      const validationResult = await validation.validationFunction(value);
+      if (validationResult !== true) {
+        errors[key] = validationResult;
+      }
+    } else if (validation.required && !value) {
+      errors[key] = validation.errorsLabels?.required ?? getLabel("msgReqField", { text: { TOK1: key } }).text;
+    } else if (validation.minLength !== void 0 && value && String(value).length < validation.minLength) {
+      errors[key] = validation.errorsLabels?.minLength ?? getLabel("msgMinLength", { text: { TOK1: key } }).text;
+    } else if (validation.maxLength !== void 0 && value && String(value).length > validation.maxLength) {
+      errors[key] = validation.errorsLabels?.maxLength ?? getLabel("msgMaxLength", { text: { TOK1: key } }).text;
+    } else if (validation.min !== void 0 && value && Number(value) < validation.min) {
+      errors[key] = validation.errorsLabels?.min ?? getLabel("msgMinValue", { text: { TOK1: key } }).text;
+    } else if (validation.max !== void 0 && value && Number(value) > validation.max) {
+      errors[key] = validation.errorsLabels?.max ?? getLabel("msgMaxValue", { text: { TOK1: key } }).text;
+    } else if (validation.pattern && value && !new RegExp(validation.pattern).test(String(value))) {
+      errors[key] = validation.errorsLabels?.pattern ?? getLabel("msgExpRegFal", { text: { TOK1: key } }).text;
+    }
+    if (errors[key] && !focus) {
+      focus = validation.focus || (() => document.querySelector(`[name=${key.replace(/\./g, "\\.")}]`)?.focus());
+    }
+  }
+  const hasErrors = Object.keys(errors).length > 0;
+  hasErrors && focus?.();
+  return hasErrors ? errors : true;
+}
+class Validable {
+  constructor() {
+    __publicField(this, "errors", {});
+    __publicField(this, "Context", ({ children }) => {
+      return /* @__PURE__ */ jsx(ValidableContext.Provider, { value: this, children });
+    });
+    makeObservable(this, {
+      errors: observable
+    });
+  }
+  getError(path) {
+    return this.errors[path];
+  }
+  getValidations(path) {
+    return getValueByPath(this.validations, path);
+  }
+  getValue(path) {
+    return getValueByPath(this.state, path);
+  }
+  setValue(path, value) {
+    setValueByPath(this.state, path, value);
+  }
+  async validate() {
+    const result = await validate(this.state, this.validations);
+    if (result !== true) {
+      Object.assign(this.errors, result);
+    }
+    return result;
+  }
+}
+
+export { InnerCaptcha as Captcha, Checkbox, Collector, CollectorField, DeletableInput, FieldWrapper, FileInput, Form, FormContext, Input, NumberInputf, Radio, Select, Switchbox, Textarea, Validable, ValidableCheck, ValidableContext, ValidableField, ValidableInput, ValidableSelect, ValidableTextarea, ValidatedCollectorField, ValidationError, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, lang, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidableContext, useValidationClass, validate, validationsStore };
 //# sourceMappingURL=index.js.map