react-native-use-form-lite/dist/index.js

Un hook personalizado y ligero para gestionar formularios en React Native de manera sencilla y eficiente. Facilita la captura y manejo de datos en formularios sin complicaciones, optimizando el proceso de integración y mejora la legibilidad del código.

"use strict";
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/index.ts
var index_exports = {};
__export(index_exports, {
  useFormLite: () => useFormLite
});
module.exports = __toCommonJS(index_exports);
var import_react = require("react");
function useFormLite(initialState = {}) {
  const [formData, setFormData] = (0, import_react.useState)(__spreadValues({}, initialState));
  const onChange = (key, value) => {
    setFormData((prevState) => __spreadProps(__spreadValues({}, prevState), { [key]: value }));
  };
  const resetForm = () => setFormData(initialState);
  const register = (key, options = {}) => {
    var _a, _b, _c, _d, _e, _f, _g;
    if (options.type === "select") {
      return {
        selectedValue: formData[key],
        onValueChange: (value) => onChange(key, value)
      };
    }
    if (options.type === "switch") {
      return {
        value: formData[key],
        onValueChange: (value) => onChange(key, value)
      };
    }
    if (options.type === "range") {
      return {
        value: (_a = formData[key]) != null ? _a : 0,
        onValueChange: (value) => onChange(key, value)
      };
    }
    if (options.type === "radio") {
      return {
        value: formData[key],
        // El valor seleccionado
        onValueChange: (value) => onChange(key, value)
        // Actualiza el valor cuando se selecciona
      };
    }
    if (options.type === "checkbox") {
      if (Array.isArray(formData[key])) {
        const valueArray = (_b = formData[key]) != null ? _b : [];
        const value = (_c = options.value) != null ? _c : "";
        return {
          value: valueArray.includes(value),
          onValueChange: (checked) => {
            const newArray = checked ? [...valueArray, value] : valueArray.filter((item) => item !== value);
            onChange(key, newArray);
          }
        };
      } else {
        return {
          value: (_d = formData[key]) != null ? _d : false,
          onValueChange: (value) => onChange(key, value)
        };
      }
    }
    if (options.type === "checkbox-multiple") {
      const valueArray = (_e = formData[key]) != null ? _e : [];
      const value = (_f = options.value) != null ? _f : "";
      return {
        value: valueArray.includes(value),
        onValueChange: (checked) => {
          const newArray = checked ? [...valueArray, value] : valueArray.filter((item) => item !== value);
          onChange(key, newArray);
        }
      };
    }
    return {
      value: (_g = formData[key]) != null ? _g : "",
      // asegúrate de que siempre sea string
      onChangeText: (text) => onChange(key, text)
    };
  };
  const getEmptyFields = () => {
    const emptyFields = {};
    Object.keys(formData).forEach((key) => {
      if (formData[key] === "" || formData[key] === null || formData[key] === void 0) {
        emptyFields[key] = "Este campo est\xE1 vac\xEDo";
      }
    });
    return emptyFields;
  };
  return {
    formData,
    // Estado actual del formulario
    onChange,
    // Función para actualizar manualmente un campo
    resetForm,
    // Función para resetear el formulario
    register,
    // Función para registrar inputs automáticamente,
    getEmptyFields
    // Función para obtener los campos vacíos
  };
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  useFormLite
});