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

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.

var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
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));

// src/index.ts
import { useState } from "react";
function useFormLite(initialState = {}) {
  const [formData, setFormData] = 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
  };
}
export {
  useFormLite
};