@apia/validations 4.0.60 → 4.0.63

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { FC, ChangeEvent, ReactNode } from 'react';
 import { TModify, TPropsSelector, TPropsComparator, TPropsConfiguration, TId, EventEmitter, TLabel } from '@apia/util';
-import { TNumberInput, ApiaUtilModalHandler, TOpenModal, TFieldLabel } from '@apia/components';
+import { TNumberInput, SwitchMultipleOption, ApiaUtilModalHandler, TOpenModal, TFieldLabel } from '@apia/components';
 import { BoxProps, ButtonProps, InputProps, RadioProps, SelectProps, SwitchProps, TextareaProps } from '@apia/theme';
 import { TModalContext } from '@apia/components/src/components/modals/ModalContext';
 
@@ -620,7 +620,7 @@ declare abstract class ValidatedCollectorField<ValueType = any, FieldProps = any
     }>);
     set collector(c: Collector);
     get initialValue(): ValueType | undefined;
-    get value(): any;
+    get value(): ValueType;
     setInitialValue: (newValue: ValueType) => void;
     setValidationFunction: (newFunction: TValidationFunction<ValueType>) => void;
     setValidationRules: (newRules: TValidationRules) => void;
@@ -718,6 +718,23 @@ declare class CollectorAutogrowTextarea extends ValidatedCollectorField<string,
     Component: () => React.JSX.Element;
 }
 
+type SwitchInputProps<T extends string> = {
+    name: string;
+    label?: string;
+    title?: string;
+    options: SwitchMultipleOption<T>[];
+    formName?: string;
+    initialValue?: T;
+    removeOnUnmount?: boolean;
+    validationFunction?: any;
+    validationRules?: any;
+    onChange?: (ev: T) => void;
+};
+declare class CollectorSwitchMultiple<T extends string = string> extends ValidatedCollectorField<T, Omit<InputProps, 'name' | 'onChange'> & SwitchInputProps<T>> {
+    type: string;
+    Component: () => React.JSX.Element;
+}
+
 declare class Collector {
     #private;
     fields: {
@@ -735,6 +752,7 @@ declare class Collector {
         switch: typeof CollectorSwitch;
         textarea: typeof CollectorTextarea;
         title: typeof CollectorTitle;
+        switchMultiple: typeof CollectorSwitchMultiple;
     };
     private private__id;
     get id(): string;
@@ -742,6 +760,7 @@ declare class Collector {
     protected fieldsStore: Record<string, CollectorField>;
     add(...fields: CollectorField[]): this;
     forEach(cb: (field: CollectorField, i: number) => void): void;
+    getByName<T extends CollectorField = CollectorField>(name: string): T;
     readonly Render: ({ hideConfirm, modal, resolve, className, }: {
         className?: string;
         hideConfirm?: boolean;
@@ -954,5 +973,5 @@ declare abstract class Validable<T extends object> {
     validate(): Promise<true | Record<string, string>>;
 }
 
-export { InnerCaptcha as Captcha, Checkbox, Collector, CollectorField, DeletableInput, FieldWrapper, FileInput, Form, FormContext, type IWrapper, Input, NumberInputf, Radio, Select, Switchbox, type TCheckbox, type TCheckboxProps, type TDefaultFieldType, type TInput$1 as TInput, type TObjectInspection, type TOnValidate, type TOption, type TRadio, type TSelect, type TSelectProps, type TSwitchbox, type TUseField, type TValidationFunction, type TValidationResult, type TValidationRules, Textarea, Validable, ValidableCheck, ValidableContext, ValidableField, ValidableInput, ValidableSelect, ValidableTextarea, ValidatedCollectorField, ValidationError, type ValidationRules, type ValidationsMap, WithMemoryCollector, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, lang, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidableContext, useValidationClass, validate, validationsStore };
+export { InnerCaptcha as Captcha, Checkbox, Collector, CollectorAutogrowTextarea, CollectorButton, CollectorCheckbox, CollectorField, CollectorInput, CollectorLabel, CollectorSelect, CollectorSeparator, CollectorSwitch, CollectorSwitchMultiple, CollectorTextarea, CollectorTitle, DeletableInput, FieldWrapper, FileInput, Form, FormContext, type IWrapper, Input, NumberInputf, Radio, Select, Switchbox, type TCheckbox, type TCheckboxProps, type TDefaultFieldType, type TInput$1 as TInput, type TObjectInspection, type TOnValidate, type TOption, type TRadio, type TSelect, type TSelectProps, type TSwitchbox, type TUseField, type TValidationFunction, type TValidationResult, type TValidationRules, Textarea, Validable, ValidableCheck, ValidableContext, ValidableField, ValidableInput, ValidableSelect, ValidableTextarea, ValidatedCollectorField, ValidationError, type ValidationRules, type ValidationsMap, WithMemoryCollector, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, lang, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidableContext, useValidationClass, validate, validationsStore };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -4,10 +4,10 @@ import uniqueId from 'lodash-es/uniqueId';
 import React, { useRef, useState, createContext, useContext } from 'react';
 import { Box, getVariant, 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, AutogrowTextarea as AutogrowTextarea$1, useModalContext, FieldLabel } from '@apia/components';
+import { RequiredMark, Captcha, Checkbox as Checkbox$1, IconButton, getFieldErrorStyles, DateInput, ApiaUtil, NumberInput, SimpleButton, AutogrowTextarea as AutogrowTextarea$1, SwitchMultiple, useModalContext, FieldLabel } from '@apia/components';
 import { shallowEqual } from 'react-redux';
-import { makeObservable, observable } from 'mobx';
 import { observer } from 'mobx-react-lite';
+import { makeObservable, observable } from 'mobx';
 
 const FormContext = React.createContext(
   {}
@@ -234,20 +234,20 @@ function getValidations(outerValidation) {
   };
 }
 
-var __defProp$e = Object.defineProperty;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$e = (obj, key, value) => {
-  __defNormalProp$e(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$f = Object.defineProperty;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$f = (obj, key, value) => {
+  __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 const validationsStore = new class {
   constructor() {
-    __publicField$e(this, "activeForms", []);
-    __publicField$e(this, "timeouts", {});
-    __publicField$e(this, "existsField", (formName, fieldName) => {
+    __publicField$f(this, "activeForms", []);
+    __publicField$f(this, "timeouts", {});
+    __publicField$f(this, "existsField", (formName, fieldName) => {
       return !!this.getFormStore(formName)?.fields?.includes(fieldName);
     });
-    __publicField$e(this, "registerField", (formName, registerData, options = { registerIfExists: true }) => {
+    __publicField$f(this, "registerField", (formName, registerData, options = { registerIfExists: true }) => {
       const formProps = this.getFormStore(formName);
       if (formProps === void 0)
         this.registerForm(formName);
@@ -271,7 +271,7 @@ const validationsStore = new class {
     /**
      * Inicializa el estado de un nuevo formulario
      */
-    __publicField$e(this, "registerForm", (formName, props = { avoidFieldsOverride: false }) => {
+    __publicField$f(this, "registerForm", (formName, props = { avoidFieldsOverride: false }) => {
       props.persistToSessionStorage && this.loadFromSessionStorage(formName);
       if (this.activeForms.includes(formName)) {
         this.updateFormStore(
@@ -317,7 +317,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$e(this, "setFieldValue", (formName, fieldName, newValue, options) => {
+    __publicField$f(this, "setFieldValue", (formName, fieldName, newValue, options) => {
       if (!this.getFieldStore(formName, fieldName))
         this.registerField(formName, { name: fieldName, value: newValue });
       else
@@ -333,7 +333,7 @@ const validationsStore = new class {
       if (this.getFormStore(formName).isValid)
         this.updateFormStore(formName, { isValid: false });
     });
-    __publicField$e(this, "setFormIsTouched", (formName, isTouched = true) => {
+    __publicField$f(this, "setFormIsTouched", (formName, isTouched = true) => {
       this.updateFormStore(formName, { isTouched }, true);
     });
     /**
@@ -341,7 +341,7 @@ const validationsStore = new class {
      * forma cualquier validación que pudiera aplicarse sobre el mismo, ya no se
      * aplicará.
      */
-    __publicField$e(this, "unregisterField", (formName, fieldName) => {
+    __publicField$f(this, "unregisterField", (formName, fieldName) => {
       if (this.getFormStore(formName))
         this.updateFormStore(formName, {
           fields: this.getFormStore(formName).fields.filter((current) => {
@@ -354,7 +354,7 @@ const validationsStore = new class {
      * Elimina un formulario del store de validación junto con todos los campos
      * asociados al mismo.
      */
-    __publicField$e(this, "unregisterForm", (formName) => {
+    __publicField$f(this, "unregisterForm", (formName) => {
       this.getFormStore(formName)?.fields?.forEach((current) => {
         return propsStore.removeField(this.makeFieldName(formName, current));
       });
@@ -368,7 +368,7 @@ const validationsStore = new class {
      * Actualiza las propiedades de un campo, si no existe, lo registra en el
      * formulario.
      */
-    __publicField$e(this, "updateField", (formName, field, options) => {
+    __publicField$f(this, "updateField", (formName, field, options) => {
       const previousValue = this.getFieldStore(formName, field.name)?.value;
       if (this.getFormStore(formName))
         this.updateFormStore(formName, { isValid: false }, true);
@@ -396,7 +396,7 @@ const validationsStore = new class {
     /**
      * Actualiza múltiples campos al mismo tiempo.
      */
-    __publicField$e(this, "updateMultipleFields", (formName, fields, options) => {
+    __publicField$f(this, "updateMultipleFields", (formName, fields, options) => {
       fields.forEach((current) => {
         return this.updateField(formName, current, options);
       });
@@ -425,7 +425,7 @@ const validationsStore = new class {
      *   console.error('Validation error', result);
      * }
      */
-    __publicField$e(this, "validateForm", async (formName) => {
+    __publicField$f(this, "validateForm", async (formName) => {
       const state = this.getFormStore(formName);
       if (!state)
         return { errors: { form: "No form with name " + formName } };
@@ -1644,9 +1644,9 @@ const Switchbox = React.forwardRef(
             value: innerValue ? "on" : "off",
             ref: (el) => {
               ref?.(el);
-              if (el && !putValue.current) {
-                putValue.current = true;
-                if (innerValue) {
+              if (el && putValue.current !== innerValue) {
+                putValue.current = innerValue;
+                if (innerValue !== void 0 && innerValue !== null && putValue.current !== el.checked) {
                   el.click();
                 }
               }
@@ -1731,10 +1731,10 @@ const Textarea = React.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-var __defProp$d = Object.defineProperty;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$d = (obj, key, value) => {
-  __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$e = Object.defineProperty;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$e = (obj, key, value) => {
+  __defNormalProp$e(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$2 = (obj, member, msg) => {
@@ -1759,17 +1759,17 @@ class CollectorField extends EventEmitter {
     __privateAdd$2(this, _emitter, new StatefulEmitter({
       isHidden: false
     }));
-    __publicField$d(this, "_collector", {});
-    __publicField$d(this, "isHidden", () => __privateGet$2(this, _emitter).getState("isHidden"));
-    __publicField$d(this, "setIsHidden", (isHidden) => {
+    __publicField$e(this, "_collector", {});
+    __publicField$e(this, "isHidden", () => __privateGet$2(this, _emitter).getState("isHidden"));
+    __publicField$e(this, "setIsHidden", (isHidden) => {
       __privateGet$2(this, _emitter).emit("isHidden", isHidden);
     });
-    __publicField$d(this, "properties", {});
-    __publicField$d(this, "setProperties", (newProps) => {
+    __publicField$e(this, "properties", {});
+    __publicField$e(this, "setProperties", (newProps) => {
       this.properties = { ...this.properties, ...newProps };
       this.emit("propsUpdate", { ...this.properties });
     });
-    __publicField$d(this, "useProperties", () => {
+    __publicField$e(this, "useProperties", () => {
       return useSubscription({
         getInitialState: () => this.properties,
         makeSubscription: (setProps) => this.on("propsUpdate", setProps)
@@ -1779,7 +1779,7 @@ class CollectorField extends EventEmitter {
      * Este componente se utiliza para controlar propiedades comunes a todos los
      * campos.
      */
-    __publicField$d(this, "SuperComponent", () => {
+    __publicField$e(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, {}) });
@@ -1797,10 +1797,10 @@ class CollectorField extends EventEmitter {
 }
 _emitter = new WeakMap();
 
-var __defProp$c = Object.defineProperty;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$c = (obj, key, value) => {
-  __defNormalProp$c(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$d = Object.defineProperty;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$d = (obj, key, value) => {
+  __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ValidatedCollectorField extends CollectorField {
@@ -1809,24 +1809,24 @@ class ValidatedCollectorField extends CollectorField {
     this.name = name;
     this.label = label;
     this.config = config;
-    __publicField$c(this, "setInitialValue", (newValue) => {
+    __publicField$d(this, "setInitialValue", (newValue) => {
       this.config.initialValue = newValue;
     });
-    __publicField$c(this, "setValidationFunction", (newFunction) => {
+    __publicField$d(this, "setValidationFunction", (newFunction) => {
       this.config.validationFunction = newFunction;
       this.emit("functionUpdate", this.config.validationFunction);
     });
-    __publicField$c(this, "setValidationRules", (newRules) => {
+    __publicField$d(this, "setValidationRules", (newRules) => {
       this.config.validationRules = newRules;
       this.emit("rulesUpdate", { ...this.config.validationRules });
     });
-    __publicField$c(this, "toggleRequired", (isReq = this.config?.validationRules?.required ?? false) => {
+    __publicField$d(this, "toggleRequired", (isReq = this.config?.validationRules?.required ?? false) => {
       if (!this.config.validationRules) {
         this.config.validationRules = {};
       }
       this.config.validationRules.required = isReq;
     });
-    __publicField$c(this, "useValidationFunction", () => {
+    __publicField$d(this, "useValidationFunction", () => {
       return useSubscription({
         getInitialState: () => () => this.config.validationFunction,
         makeSubscription: (setValidationFunction) => {
@@ -1834,7 +1834,7 @@ class ValidatedCollectorField extends CollectorField {
         }
       });
     });
-    __publicField$c(this, "useValidationRules", () => {
+    __publicField$d(this, "useValidationRules", () => {
       return useSubscription({
         getInitialState: () => this.config.validationRules,
         makeSubscription: (setValidationRules) => {
@@ -1863,17 +1863,17 @@ class ValidatedCollectorField extends CollectorField {
   }
 }
 
-var __defProp$b = Object.defineProperty;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$b = (obj, key, value) => {
-  __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$c = Object.defineProperty;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$c = (obj, key, value) => {
+  __defNormalProp$c(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class CollectorCheckbox extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$b(this, "type", "checkbox");
-    __publicField$b(this, "Component", () => {
+    __publicField$c(this, "type", "checkbox");
+    __publicField$c(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -1896,17 +1896,17 @@ class CollectorCheckbox extends ValidatedCollectorField {
   }
 }
 
-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);
+var __defProp$b = Object.defineProperty;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$b = (obj, key, value) => {
+  __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class CollectorInput extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$a(this, "type", "input");
-    __publicField$a(this, "Component", () => {
+    __publicField$b(this, "type", "input");
+    __publicField$b(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -1927,10 +1927,10 @@ class CollectorInput extends ValidatedCollectorField {
   }
 }
 
-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;
 };
 var __accessCheck$1 = (obj, member, msg) => {
@@ -1957,13 +1957,13 @@ class CollectorSelect extends ValidatedCollectorField {
     super(_name, label, config);
     this._name = _name;
     this.label = label;
-    __publicField$9(this, "type", "select");
+    __publicField$a(this, "type", "select");
     __privateAdd$1(this, _options, []);
-    __publicField$9(this, "addOption", (newOption) => {
+    __publicField$a(this, "addOption", (newOption) => {
       __privateSet(this, _options, [...__privateGet$1(this, _options), newOption]);
       this.emit("optionsUpdate", __privateGet$1(this, _options));
     });
-    __publicField$9(this, "setOptions", (newOptions) => {
+    __publicField$a(this, "setOptions", (newOptions) => {
       __privateSet(this, _options, [...newOptions]);
       this.emit("optionsUpdate", __privateGet$1(this, _options));
     });
@@ -1974,7 +1974,7 @@ class CollectorSelect extends ValidatedCollectorField {
       });
       return options;
     });
-    __publicField$9(this, "Component", () => {
+    __publicField$a(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const options = __privateGet$1(this, _useOptions).call(this);
@@ -2003,17 +2003,17 @@ class CollectorSelect extends ValidatedCollectorField {
 _options = new WeakMap();
 _useOptions = new WeakMap();
 
-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;
 };
 class CollectorTextarea extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$8(this, "type", "textarea");
-    __publicField$8(this, "Component", () => {
+    __publicField$9(this, "type", "textarea");
+    __publicField$9(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -2035,29 +2035,29 @@ class CollectorTextarea extends ValidatedCollectorField {
   }
 }
 
-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;
 };
 const _CollectorLabel = class _CollectorLabel extends CollectorField {
   constructor(label, kind = "label") {
     super(`label${_CollectorLabel.maxId++}`, label);
     this.kind = kind;
-    __publicField$7(this, "type", "label");
-    __publicField$7(this, "Component", () => {
+    __publicField$8(this, "type", "label");
+    __publicField$8(this, "Component", () => {
       return /* @__PURE__ */ jsx(Box, { as: this.kind, children: getLabelName(this.label) });
     });
   }
 };
-__publicField$7(_CollectorLabel, "maxId", 0);
+__publicField$8(_CollectorLabel, "maxId", 0);
 let CollectorLabel = _CollectorLabel;
 
-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;
 };
 let i = 0;
@@ -2065,25 +2065,25 @@ class CollectorButton extends CollectorField {
   constructor(label, properties) {
     super(`Button${i++}`, label, properties);
     this.label = label;
-    __publicField$6(this, "type", "button");
-    __publicField$6(this, "Component", () => {
+    __publicField$7(this, "type", "button");
+    __publicField$7(this, "Component", () => {
       const props = this.useProperties();
       return /* @__PURE__ */ jsx(SimpleButton, { ...props, children: getLabelName(this.label) });
     });
   }
 }
 
-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 CollectorSwitch extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$5(this, "type", "switch");
-    __publicField$5(this, "Component", () => {
+    __publicField$6(this, "type", "switch");
+    __publicField$6(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -2115,22 +2115,22 @@ class CollectorTitle extends CollectorLabel {
   }
 }
 
-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;
 };
 const _CollectorSeparator = class _CollectorSeparator extends CollectorField {
   constructor() {
     super(`separator${_CollectorSeparator.maxId++}`, "");
-    __publicField$4(this, "type", "label");
-    __publicField$4(this, "Component", () => {
+    __publicField$5(this, "type", "label");
+    __publicField$5(this, "Component", () => {
       return /* @__PURE__ */ jsx(Box, { className: "separator" });
     });
   }
 };
-__publicField$4(_CollectorSeparator, "maxId", 0);
+__publicField$5(_CollectorSeparator, "maxId", 0);
 let CollectorSeparator = _CollectorSeparator;
 
 const AutogrowTextarea = React.forwardRef(
@@ -2206,17 +2206,17 @@ const AutogrowTextarea = React.forwardRef(
 );
 AutogrowTextarea.displayName = "Textarea";
 
-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 CollectorAutogrowTextarea extends ValidatedCollectorField {
   constructor() {
     super(...arguments);
-    __publicField$3(this, "type", "autogrowtextarea");
-    __publicField$3(this, "Component", () => {
+    __publicField$4(this, "type", "autogrowtextarea");
+    __publicField$4(this, "Component", () => {
       const rules = this.useValidationRules();
       const validationFunction = this.useValidationFunction();
       const props = this.useProperties();
@@ -2238,6 +2238,73 @@ class CollectorAutogrowTextarea extends ValidatedCollectorField {
   }
 }
 
+const Component = observer(
+  ({
+    name,
+    label,
+    title,
+    options,
+    formName,
+    initialValue,
+    removeOnUnmount,
+    validationFunction,
+    validationRules,
+    onChange: outerOnChange
+  }) => {
+    const { value, onChange } = useField({
+      formName,
+      name,
+      initialValue,
+      removeOnUnmount,
+      validationFunction,
+      validationRules
+    });
+    return /* @__PURE__ */ jsx(FieldWrapper, { name, label, title, children: /* @__PURE__ */ jsx(
+      SwitchMultiple,
+      {
+        defaultValue: initialValue,
+        value,
+        options,
+        onChange: (ev) => {
+          onChange(ev);
+          outerOnChange && outerOnChange(ev);
+        }
+      }
+    ) });
+  }
+);
+
+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;
+};
+class CollectorSwitchMultiple extends ValidatedCollectorField {
+  constructor() {
+    super(...arguments);
+    __publicField$3(this, "type", "switchInput");
+    __publicField$3(this, "Component", () => {
+      const rules = this.useValidationRules();
+      const validationFunction = this.useValidationFunction();
+      const props = this.useProperties();
+      return /* @__PURE__ */ jsx(
+        Component,
+        {
+          ...props,
+          name: this.name,
+          label: getLabelName(this.label),
+          title: getLabelTooltip(this.label),
+          initialValue: props.initialValue,
+          validationRules: rules,
+          validationFunction,
+          options: props.options
+        }
+      );
+    });
+  }
+}
+
 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) => {
@@ -2281,7 +2348,8 @@ class Collector {
       separator: CollectorSeparator,
       switch: CollectorSwitch,
       textarea: CollectorTextarea,
-      title: CollectorTitle
+      title: CollectorTitle,
+      switchMultiple: CollectorSwitchMultiple
     });
     __publicField$2(this, "private__id", `Collector${maxId++}`);
     __publicField$2(this, "modal", null);
@@ -2339,12 +2407,18 @@ class Collector {
     fields.forEach((field) => {
       this.fieldsStore[field.name] = field;
       field.collector = this;
+      if (field instanceof ValidatedCollectorField) {
+        validationsStore.setFieldValue(this.id, field.name, field.initialValue);
+      }
     });
     return this;
   }
   forEach(cb) {
     Object.values(this.fieldsStore).forEach(cb);
   }
+  getByName(name) {
+    return this.fieldsStore[name];
+  }
   show(modalProps) {
     const { onConfirm, ...actualModalProps } = modalProps ?? {};
     return new Promise((resolve) => {
@@ -2686,5 +2760,5 @@ class Validable {
   }
 }
 
-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, WithMemoryCollector, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, lang, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidableContext, useValidationClass, validate, validationsStore };
+export { InnerCaptcha as Captcha, Checkbox, Collector, CollectorAutogrowTextarea, CollectorButton, CollectorCheckbox, CollectorField, CollectorInput, CollectorLabel, CollectorSelect, CollectorSeparator, CollectorSwitch, CollectorSwitchMultiple, CollectorTextarea, CollectorTitle, DeletableInput, FieldWrapper, FileInput, Form, FormContext, Input, NumberInputf, Radio, Select, Switchbox, Textarea, Validable, ValidableCheck, ValidableContext, ValidableField, ValidableInput, ValidableSelect, ValidableTextarea, ValidatedCollectorField, ValidationError, WithMemoryCollector, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, lang, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidableContext, useValidationClass, validate, validationsStore };
 //# sourceMappingURL=index.js.map