@visiion/forms-library 1.1.5 → 1.2.0

package/dist/components/Forms/GenericForm.d.ts

@@ -10,6 +10,7 @@ interface IGenericFormProps {
     className?: string;
     stepperDataKey?: string;
     flowbiteTheme?: CustomFlowbiteTheme;
+    allData?: any;
 }
 export declare const GenericForm: React.FC<IGenericFormProps>;
 export {};

package/dist/contexts/MiDtContext.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { Region, Comuna } from "../utils/Common";
 interface MiDtData {
     allData: {
@@ -8,14 +7,10 @@ interface MiDtData {
         };
     };
 }
-interface MiDtContextType {
+interface MiDtStore {
     miDtData: MiDtData;
+    setMiDtData: (data: MiDtData) => void;
+    resetMiDtData: () => void;
 }
-declare const MiDtContext: React.Context<MiDtContextType>;
-export declare const MiDtProvider: React.FC<{
-    children: React.ReactNode;
-    regiones?: Region[];
-    comunas?: Comuna[];
-}>;
-export declare const useMiDt: () => MiDtContextType;
-export default MiDtContext;
+export declare const useMiDt: import("zustand").UseBoundStore<import("zustand").StoreApi<MiDtStore>>;
+export default useMiDt;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { GenericForm } from "./components/Forms";
 export { TextInput, SelectInput, RadioInput, CheckboxInput, TextareaInput, RutInput, AddressInput, Alert, DynamicInput, InputWrapper, StatusScreen, SwornDeclaration, DatePicker, SubtitleInput, } from "./components/Inputs";
 export { NavigationButton, TextInputField, RadioOption, } from "./components/Common";
 export { GoogleMaps } from "./components/Inputs/GoogleMaps";
-export { MiDtProvider, useMiDt } from "./contexts/MiDtContext";
+export { useMiDt } from "./contexts/MiDtContext";
 export { Flowbite } from "flowbite-react";
 export type { CustomFlowbiteTheme } from "flowbite-react";
 export type { IFormField, IFormConfig, IStepProps, ResponseOnSearch, NavigationButtonProps, DynamicInputProps, InputWrapperProps, StepperContextType, ValidationRule, CommonValidations, } from "./types";

package/dist/index.esm.js

@@ -34004,63 +34004,60 @@ _defineProperty(Autocomplete, "defaultProps", {
 });
 _defineProperty(Autocomplete, "contextType", MapContext);
 
-// Datos por defecto para regiones y comunas de Chile
-var defaultRegiones = [
-    { id: 1, nombre: "Arica Parinacota" },
-    { id: 2, nombre: "Tarapacá" },
-    { id: 3, nombre: "Antofagasta" },
-    { id: 4, nombre: "Atacama" },
-    { id: 5, nombre: "Coquimbo" },
-    { id: 6, nombre: "Valparaíso" },
-    { id: 7, nombre: "Metropolitana" },
-    { id: 8, nombre: "Higgins" },
-    { id: 9, nombre: "Maule" },
-    { id: 10, nombre: "Ñuble" },
-    { id: 11, nombre: "BioBío" },
-    { id: 12, nombre: "Araucanía" },
-    { id: 13, nombre: "Los Ríos" },
-    { id: 14, nombre: "Los Lagos" },
-    { id: 15, nombre: "Aysén" },
-    { id: 16, nombre: "Magallanes" },
-];
-var defaultComunas = [
-    { id: 1, nombre: "Santiago", region_id: 7 },
-    { id: 2, nombre: "Las Condes", region_id: 7 },
-    { id: 3, nombre: "Providencia", region_id: 7 },
-    { id: 4, nombre: "Valparaíso", region_id: 6 },
-    { id: 5, nombre: "Viña del Mar", region_id: 6 },
-    // Agregar más comunas según sea necesario
-];
+const createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const getInitialState = () => initialState;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const api = { setState, getState, getInitialState, subscribe };
+  const initialState = state = createState(setState, getState, api);
+  return api;
+};
+const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
+
+const identity = (arg) => arg;
+function useStore(api, selector = identity) {
+  const slice = React__default.useSyncExternalStore(
+    api.subscribe,
+    () => selector(api.getState()),
+    () => selector(api.getInitialState())
+  );
+  React__default.useDebugValue(slice);
+  return slice;
+}
+const createImpl = (createState) => {
+  const api = createStore(createState);
+  const useBoundStore = (selector) => useStore(api, selector);
+  Object.assign(useBoundStore, api);
+  return useBoundStore;
+};
+const create = (createState) => createState ? createImpl(createState) : createImpl;
+
 var defaultMiDtData = {
     allData: {
         metadata: {
-            Regiones: defaultRegiones,
-            Comunas: defaultComunas,
+            Regiones: [],
+            Comunas: [],
         },
     },
 };
-var MiDtContext = createContext({
+var useMiDt = create(function (set) { return ({
     miDtData: defaultMiDtData,
-});
-var MiDtProvider = function (_a) {
-    var children = _a.children, regiones = _a.regiones, comunas = _a.comunas;
-    var miDtData = {
-        allData: {
-            metadata: {
-                Regiones: regiones || defaultRegiones,
-                Comunas: comunas || defaultComunas,
-            },
-        },
-    };
-    return (jsx(MiDtContext.Provider, { value: { miDtData: miDtData }, children: children }));
-};
-var useMiDt = function () {
-    var context = useContext(MiDtContext);
-    if (!context) {
-        throw new Error("useMiDt must be used within a MiDtProvider");
-    }
-    return context;
-};
+    setMiDtData: function (data) { return set({ miDtData: data }); },
+    resetMiDtData: function () { return set({ miDtData: defaultMiDtData }); },
+}); });
 
 var Common = /** @class */ (function () {
     function Common() {
@@ -34112,7 +34109,7 @@ var center = {
 };
 var AddressInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, onSearch = _a.onSearch, _b = _a.showMap, showMap = _b === void 0 ? true : _b, _c = _a.mapHeight, mapHeight = _c === void 0 ? "h-80" : _c;
-    var miDtData = useContext(MiDtContext).miDtData;
+    var miDtData = useMiDt().miDtData;
     var _d = useState(null), autocomplete = _d[0], setAutocomplete = _d[1];
     var _e = useState(center), location = _e[0], setLocation = _e[1];
     var mapRef = useRef(null);
@@ -34283,7 +34280,6 @@ var AddressInput = function (_a) {
 var libraries = ["places"];
 var GoogleMaps = function (_a) {
     var children = _a.children, _b = _a.apiKey, apiKey = _b === void 0 ? "" : _b;
-    console.log('apiKey', apiKey);
     var _c = useJsApiLoader({
         googleMapsApiKey: apiKey,
         libraries: libraries,
@@ -36558,7 +36554,7 @@ var createValidationSchema = function (fields) {
     var schema = {};
     // Filtrar campos válidos antes de procesarlos
     var validFields = fields.filter(function (_a) {
-        var _b = _a.validate, validate = _b === void 0 ? true : _b, _c = _a.name, name = _c === void 0 ? null : _c, type = _a.type;
+        var _b = _a.validate, validate = _b === void 0 ? true : _b, name = _a.name, type = _a.type;
         // Excluir campos que no tienen name o son de tipos especiales
         if (!name || ["subtitle", "alert", "status"].includes(type)) {
             return false;
@@ -36674,7 +36670,9 @@ var FormStepper = function (_a) {
 
 var GenericForm = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var config = _a.config, _o = _a.stepperData, stepperData = _o === void 0 ? {} : _o, onStepComplete = _a.onStepComplete, _p = _a.loading, loading = _p === void 0 ? false : _p, _q = _a.className, className = _q === void 0 ? "" : _q, stepperDataKey = _a.stepperDataKey, flowbiteTheme = _a.flowbiteTheme;
+    var config = _a.config, _o = _a.stepperData, stepperData = _o === void 0 ? {} : _o, onStepComplete = _a.onStepComplete, _p = _a.loading, loading = _p === void 0 ? false : _p, _q = _a.className, className = _q === void 0 ? "" : _q, stepperDataKey = _a.stepperDataKey, flowbiteTheme = _a.flowbiteTheme, // Nuevo prop
+    allData = _a.allData;
+    var _r = useMiDt(); _r.miDtData; var setMiDtData = _r.setMiDtData;
     // Función para obtener datos del stepper o valores por defecto
     var getFieldValue = function (field) {
         // Prioridad 1: Valor por defecto del campo (máxima prioridad)
@@ -36707,8 +36705,20 @@ var GenericForm = function (_a) {
         }
         return initialData;
     };
-    var _r = useState(getInitialFormData), formData = _r[0], setFormData = _r[1];
-    var _s = useState({}), errors = _s[0], setErrors = _s[1];
+    var _s = useState(getInitialFormData), formData = _s[0], setFormData = _s[1];
+    var _t = useState({}), errors = _t[0], setErrors = _t[1];
+    useEffect(function () {
+        if (allData) {
+            setMiDtData({
+                allData: {
+                    metadata: {
+                        Regiones: allData.metadata.Regiones,
+                        Comunas: allData.metadata.Comunas,
+                    },
+                },
+            });
+        }
+    }, [allData]);
     // Sincronizar formData cuando cambie stepperData
     useEffect(function () {
         if (stepperData && Array.isArray(config.fields)) {
@@ -36848,4 +36858,4 @@ var GenericForm = function (_a) {
     return formContent;
 };
 
-export { AddressInput, Alert, CheckboxInput, Common, DatePicker, DynamicInput, Flowbite, GenericForm, GoogleMaps, InputWrapper, MiDtProvider, NavigationButton, RadioInput, RadioOption, RutInput, SelectInput, StatusScreen, SubtitleInput, SwornDeclaration, TextInput, TextInputField, TextareaInput, clean as cleanRut, commonValidations, createValidationSchema, formatRut, maskRut, useMiDt, validateOnlyNumbersAndLetters, validate as validateRut };
+export { AddressInput, Alert, CheckboxInput, Common, DatePicker, DynamicInput, Flowbite, GenericForm, GoogleMaps, InputWrapper, NavigationButton, RadioInput, RadioOption, RutInput, SelectInput, StatusScreen, SubtitleInput, SwornDeclaration, TextInput, TextInputField, TextareaInput, clean as cleanRut, commonValidations, createValidationSchema, formatRut, maskRut, useMiDt, validateOnlyNumbersAndLetters, validate as validateRut };

package/dist/index.js

@@ -34024,63 +34024,60 @@ _defineProperty(Autocomplete, "defaultProps", {
 });
 _defineProperty(Autocomplete, "contextType", MapContext);
 
-// Datos por defecto para regiones y comunas de Chile
-var defaultRegiones = [
-    { id: 1, nombre: "Arica Parinacota" },
-    { id: 2, nombre: "Tarapacá" },
-    { id: 3, nombre: "Antofagasta" },
-    { id: 4, nombre: "Atacama" },
-    { id: 5, nombre: "Coquimbo" },
-    { id: 6, nombre: "Valparaíso" },
-    { id: 7, nombre: "Metropolitana" },
-    { id: 8, nombre: "Higgins" },
-    { id: 9, nombre: "Maule" },
-    { id: 10, nombre: "Ñuble" },
-    { id: 11, nombre: "BioBío" },
-    { id: 12, nombre: "Araucanía" },
-    { id: 13, nombre: "Los Ríos" },
-    { id: 14, nombre: "Los Lagos" },
-    { id: 15, nombre: "Aysén" },
-    { id: 16, nombre: "Magallanes" },
-];
-var defaultComunas = [
-    { id: 1, nombre: "Santiago", region_id: 7 },
-    { id: 2, nombre: "Las Condes", region_id: 7 },
-    { id: 3, nombre: "Providencia", region_id: 7 },
-    { id: 4, nombre: "Valparaíso", region_id: 6 },
-    { id: 5, nombre: "Viña del Mar", region_id: 6 },
-    // Agregar más comunas según sea necesario
-];
+const createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const getInitialState = () => initialState;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const api = { setState, getState, getInitialState, subscribe };
+  const initialState = state = createState(setState, getState, api);
+  return api;
+};
+const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
+
+const identity = (arg) => arg;
+function useStore(api, selector = identity) {
+  const slice = React.useSyncExternalStore(
+    api.subscribe,
+    () => selector(api.getState()),
+    () => selector(api.getInitialState())
+  );
+  React.useDebugValue(slice);
+  return slice;
+}
+const createImpl = (createState) => {
+  const api = createStore(createState);
+  const useBoundStore = (selector) => useStore(api, selector);
+  Object.assign(useBoundStore, api);
+  return useBoundStore;
+};
+const create = (createState) => createState ? createImpl(createState) : createImpl;
+
 var defaultMiDtData = {
     allData: {
         metadata: {
-            Regiones: defaultRegiones,
-            Comunas: defaultComunas,
+            Regiones: [],
+            Comunas: [],
         },
     },
 };
-var MiDtContext = React.createContext({
+var useMiDt = create(function (set) { return ({
     miDtData: defaultMiDtData,
-});
-var MiDtProvider = function (_a) {
-    var children = _a.children, regiones = _a.regiones, comunas = _a.comunas;
-    var miDtData = {
-        allData: {
-            metadata: {
-                Regiones: regiones || defaultRegiones,
-                Comunas: comunas || defaultComunas,
-            },
-        },
-    };
-    return (jsxRuntime.jsx(MiDtContext.Provider, { value: { miDtData: miDtData }, children: children }));
-};
-var useMiDt = function () {
-    var context = React.useContext(MiDtContext);
-    if (!context) {
-        throw new Error("useMiDt must be used within a MiDtProvider");
-    }
-    return context;
-};
+    setMiDtData: function (data) { return set({ miDtData: data }); },
+    resetMiDtData: function () { return set({ miDtData: defaultMiDtData }); },
+}); });
 
 var Common = /** @class */ (function () {
     function Common() {
@@ -34132,7 +34129,7 @@ var center = {
 };
 var AddressInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, onSearch = _a.onSearch, _b = _a.showMap, showMap = _b === void 0 ? true : _b, _c = _a.mapHeight, mapHeight = _c === void 0 ? "h-80" : _c;
-    var miDtData = React.useContext(MiDtContext).miDtData;
+    var miDtData = useMiDt().miDtData;
     var _d = React.useState(null), autocomplete = _d[0], setAutocomplete = _d[1];
     var _e = React.useState(center), location = _e[0], setLocation = _e[1];
     var mapRef = React.useRef(null);
@@ -34303,7 +34300,6 @@ var AddressInput = function (_a) {
 var libraries = ["places"];
 var GoogleMaps = function (_a) {
     var children = _a.children, _b = _a.apiKey, apiKey = _b === void 0 ? "" : _b;
-    console.log('apiKey', apiKey);
     var _c = useJsApiLoader({
         googleMapsApiKey: apiKey,
         libraries: libraries,
@@ -36578,7 +36574,7 @@ var createValidationSchema = function (fields) {
     var schema = {};
     // Filtrar campos válidos antes de procesarlos
     var validFields = fields.filter(function (_a) {
-        var _b = _a.validate, validate = _b === void 0 ? true : _b, _c = _a.name, name = _c === void 0 ? null : _c, type = _a.type;
+        var _b = _a.validate, validate = _b === void 0 ? true : _b, name = _a.name, type = _a.type;
         // Excluir campos que no tienen name o son de tipos especiales
         if (!name || ["subtitle", "alert", "status"].includes(type)) {
             return false;
@@ -36694,7 +36690,9 @@ var FormStepper = function (_a) {
 
 var GenericForm = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var config = _a.config, _o = _a.stepperData, stepperData = _o === void 0 ? {} : _o, onStepComplete = _a.onStepComplete, _p = _a.loading, loading = _p === void 0 ? false : _p, _q = _a.className, className = _q === void 0 ? "" : _q, stepperDataKey = _a.stepperDataKey, flowbiteTheme = _a.flowbiteTheme;
+    var config = _a.config, _o = _a.stepperData, stepperData = _o === void 0 ? {} : _o, onStepComplete = _a.onStepComplete, _p = _a.loading, loading = _p === void 0 ? false : _p, _q = _a.className, className = _q === void 0 ? "" : _q, stepperDataKey = _a.stepperDataKey, flowbiteTheme = _a.flowbiteTheme, // Nuevo prop
+    allData = _a.allData;
+    var _r = useMiDt(); _r.miDtData; var setMiDtData = _r.setMiDtData;
     // Función para obtener datos del stepper o valores por defecto
     var getFieldValue = function (field) {
         // Prioridad 1: Valor por defecto del campo (máxima prioridad)
@@ -36727,8 +36725,20 @@ var GenericForm = function (_a) {
         }
         return initialData;
     };
-    var _r = React.useState(getInitialFormData), formData = _r[0], setFormData = _r[1];
-    var _s = React.useState({}), errors = _s[0], setErrors = _s[1];
+    var _s = React.useState(getInitialFormData), formData = _s[0], setFormData = _s[1];
+    var _t = React.useState({}), errors = _t[0], setErrors = _t[1];
+    React.useEffect(function () {
+        if (allData) {
+            setMiDtData({
+                allData: {
+                    metadata: {
+                        Regiones: allData.metadata.Regiones,
+                        Comunas: allData.metadata.Comunas,
+                    },
+                },
+            });
+        }
+    }, [allData]);
     // Sincronizar formData cuando cambie stepperData
     React.useEffect(function () {
         if (stepperData && Array.isArray(config.fields)) {
@@ -36878,7 +36888,6 @@ exports.Flowbite = Flowbite;
 exports.GenericForm = GenericForm;
 exports.GoogleMaps = GoogleMaps;
 exports.InputWrapper = InputWrapper;
-exports.MiDtProvider = MiDtProvider;
 exports.NavigationButton = NavigationButton;
 exports.RadioInput = RadioInput;
 exports.RadioOption = RadioOption;

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export interface IFormField {
     id: string;
-    name: string | null;
+    name: string;
     type: "radio" | "text" | "select" | "textarea" | "checkbox" | "rut" | "address" | "subtitle" | "alert" | "date" | "declaration" | "status";
     label: string;
     value?: string | number | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visiion/forms-library",
-  "version": "1.1.5",
+  "version": "1.2.0",
   "description": "Librería de componentes de formularios reutilizables",
   "type": "module",
   "main": "dist/index.js",
@@ -40,7 +40,8 @@
     "flowbite-react": "0.10.1",
     "framer-motion": "^11.3.8",
     "react-icons": "^5.5.0",
-    "yup": "^1.6.1"
+    "yup": "^1.6.1",
+    "zustand": "^5.0.6"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",