@juantroconisf/lib 1.9.1 → 2.0.0

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ChangeEvent } from 'react';
+import { InputProps } from '@nextui-org/react';
 
 type ValidatorFunction<T, U> = (val: T, ...args: U[]) => boolean;
 interface Validator<T, U = any> {
@@ -25,17 +26,23 @@ type ValidatorErrorMessage = {
     [K in keyof ValidatorTypes]: string;
 };
 
+interface ValidationProps {
+    isInvalid: InputProps["isInvalid"];
+    errorMessage: InputProps["errorMessage"];
+}
+interface RegisterInputProps extends ValidationProps {
+    id: InputProps["id"];
+    onChange: InputProps["onChange"];
+    onBlur: InputProps["onBlur"];
+    value: InputProps["value"];
+}
+
 declare function useFormChange<InitialObj extends object>(initialObj: InitialObj): {
     onChange: ({ target: { id, value }, }: ChangeEvent<HTMLInputElement>) => void;
     onBlur: ({ target: { id } }: ChangeEvent<HTMLInputElement>) => void;
     state: InitialObj;
     setState: react.Dispatch<react.SetStateAction<InitialObj>>;
-    register: <K extends keyof InitialObj>(id: K, validations: ValidatorParams, errorMessages: ValidatorErrorMessage) => {
-        id: K;
-        onChange: ({ target: { id, value }, }: ChangeEvent<HTMLInputElement>) => void;
-        onBlur: ({ target: { id } }: ChangeEvent<HTMLInputElement>) => void;
-        value: any;
-    };
+    register: <K extends keyof InitialObj>(id: K, validations: ValidatorParams, errorMessages: ValidatorErrorMessage) => RegisterInputProps;
     hasInvalidValues: () => boolean;
     touched: InitialObj;
     resetForm: () => void;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ChangeEvent } from 'react';
+import { InputProps } from '@nextui-org/react';
 
 type ValidatorFunction<T, U> = (val: T, ...args: U[]) => boolean;
 interface Validator<T, U = any> {
@@ -25,17 +26,23 @@ type ValidatorErrorMessage = {
     [K in keyof ValidatorTypes]: string;
 };
 
+interface ValidationProps {
+    isInvalid: InputProps["isInvalid"];
+    errorMessage: InputProps["errorMessage"];
+}
+interface RegisterInputProps extends ValidationProps {
+    id: InputProps["id"];
+    onChange: InputProps["onChange"];
+    onBlur: InputProps["onBlur"];
+    value: InputProps["value"];
+}
+
 declare function useFormChange<InitialObj extends object>(initialObj: InitialObj): {
     onChange: ({ target: { id, value }, }: ChangeEvent<HTMLInputElement>) => void;
     onBlur: ({ target: { id } }: ChangeEvent<HTMLInputElement>) => void;
     state: InitialObj;
     setState: react.Dispatch<react.SetStateAction<InitialObj>>;
-    register: <K extends keyof InitialObj>(id: K, validations: ValidatorParams, errorMessages: ValidatorErrorMessage) => {
-        id: K;
-        onChange: ({ target: { id, value }, }: ChangeEvent<HTMLInputElement>) => void;
-        onBlur: ({ target: { id } }: ChangeEvent<HTMLInputElement>) => void;
-        value: any;
-    };
+    register: <K extends keyof InitialObj>(id: K, validations: ValidatorParams, errorMessages: ValidatorErrorMessage) => RegisterInputProps;
     hasInvalidValues: () => boolean;
     touched: InitialObj;
     resetForm: () => void;

package/dist/index.js

@@ -178,18 +178,19 @@ function useFormChange(initialObj) {
   function register(id, validations, errorMessages) {
     const [value, isTouched] = [state, touched].map(
       (obj) => getNestedValueByKey(obj, id)
-    ), hasValidations = validations !== void 0, { isValid = false, validationProps = {} } = hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {};
+    ), hasValidations = validations !== void 0, inputValidations = hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {};
     errors2 = handleNestedChange({
       state: errors2,
       id,
-      value: hasValidations ? !isValid : false
+      value: hasValidations ? !inputValidations.isValid : false
     });
     return {
       id,
       onChange,
-      onBlur,
+      onBlur: (e) => onBlur(e),
       value,
-      ...validationProps
+      isInvalid: hasValidations ? !inputValidations.isValid : false,
+      errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
     };
   }
   const hasInvalidValues = () => {

package/dist/index.mjs

@@ -160,18 +160,19 @@ function useFormChange(initialObj) {
   function register(id, validations, errorMessages) {
     const [value, isTouched] = [state, touched].map(
       (obj) => getNestedValueByKey(obj, id)
-    ), hasValidations = validations !== void 0, { isValid = false, validationProps = {} } = hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {};
+    ), hasValidations = validations !== void 0, inputValidations = hasValidations ? getValidation(value, isTouched, validations, errorMessages) : {};
     errors2 = handleNestedChange({
       state: errors2,
       id,
-      value: hasValidations ? !isValid : false
+      value: hasValidations ? !inputValidations.isValid : false
     });
     return {
       id,
       onChange,
-      onBlur,
+      onBlur: (e) => onBlur(e),
       value,
-      ...validationProps
+      isInvalid: hasValidations ? !inputValidations.isValid : false,
+      errorMessage: hasValidations ? inputValidations.validationProps.errorMessage : ""
     };
   }
   const hasInvalidValues = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juantroconisf/lib",
-  "version": "1.9.1",
+  "version": "2.0.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -23,6 +23,7 @@
     "typescript": "^5.5.4"
   },
   "dependencies": {
+    "@nextui-org/react": "^2.4.8",
     "react": "^18.3.1"
   }
 }

package/lang/en.json

@@ -1 +0,0 @@
-{"BIRTH_DATE":"Birth date","DAY":"Day","DAY_PLACEHOLDER":"Choose a day","MONTH":"Month","MONTH_PLACEHOLDER":"Choose a month","YEAR":"Year","YEAR_PLACEHOLDER":"Choose a year","PRICING":"Pricing","PRICING_TABLE":"Pricing table","OUR_PRICING_PLAN":"Our pricing plan","PRICING_DESCRIPTION":"Level up your experience. Discover the plan that unlocks the features you need.","VALUE_STORAGE":"{{value}} storage","GOOGLE_CALENDAR_SYNC":"Google Calendar Sync","INTERNAL_REMINDERS":"Internal reminders","WHATSAPP_AUTOMATED_REMINDERS":"WhatsApp Automated Reminders","PROFESSIONAL":"Professional","PROFESSIONAL_PLAN_DESCRIPTION":"For single doctors looking to level up their practice","DIGITAL_PRESCRIPTIONS":"Digital prescriptions","DICOM_VIEWER":"DICOM Viewer","VERIFIED_MEDICAL_CREDENTIALS":"Verified medical credentials","PATIENT_SELF_MANAGEMENT":"Patient self management","BUY_NOW":"Buy now","ORGANIZATION":"Organization","ORGANIZATION_PLAN_DESCRIPTION":"For organizations with multiple users looking to share information","UP_TO_VALUE_STORAGE":"Up to {{value}} storage","CONFIGURABLE_USER_PERMISSIONS":"Configurable user permissions","CALCULATE_PRICING":"Calculate pricing","DOCTORS":"Doctors","ASSISTANTS":"Assistants","BASIC":"Basic","BASIC_PLAN_DESCRIPTION":"For starters in the medical industry","USER":"User","TYPE_A_VALUE":"Type a value","STORAGE":"Storage","PASSWORD":"Password","PASSWORD_PLACEHOLDER":"Enter your password","REQUIRED":"Required","TOO_SHORT":"Too short","TOO_LONG":"Too long","VALUE_LOW":"Value is too low","VALUE_HIGH":"Value is too high","PATTERN_INVALID":"Pattern is not valid","INVALID_EMAIL":"Invalid email","SHOW_PASSWORD":"Show password","HIDE_PASSWORD":"Hide password","GROUP_PRICING_CALCULATOR":"Group Pricing Calculator","VERIFIED_ACCOUNT":"Verified account","VERIFIED_ACCOUNT_TEXT":"This account has been verified by Clinikos, as well as its affiliations with the following institutions","PHONE_NUMBER":"Phone number","PHONE_NUMBER_PLACEHOLDER":"Enter your phone number","SEND_MESSAGE":"Send message","BOOK_MEETING":"Book meeting","SIGN_UP":"Sign up","INVALID_PASSWORD":"Your password doesn't meet the security criteria.","NOT_EQUAL":"Values are not equal","GENDER":"Gender","FEMALE":"Female","MALE":"Male","CLOSE":"Close","MANDATORY_FIELDS_WARNING":"","INVALID_FIELDS_WARNING":"","COUNTRY":"Country","COUNTRY_PLACEHOLDER":"Select a country","STATE":"State","STATE_PLACEHOLDER":"Select a state","CITY":"City","CITY_PLACEHOLDER":"Select a city","TIMEZONE":"Timezone","TIMEZONE_PLACEHOLDER":"Selecte a timezone","NAME":"Name","OK":"Ok","PAGE_NOT_FOUND":"Page not found","PAGE_NOT_FOUND_DESCRIPTION":"The link you clicked may be broken or the page may have been removed or renamed","TODAY":"Today","WEEK":"Week","CALENDAR":"Calendar","EVENT":"Event","NO_INFORMATION":"No information","SYNC_GOOGLE_CALENDAR":"Sync Google Calendar","NO_RESULTS":"No results were found","GOOGLE_MEET":"Google Meet","LONG_TIME_AGO":"Long time ago","TOMORROW":"Tomorrow","CHOOSE_PLAN":"Choose a plan","CHOOSE_PLAN_DESCRIPTION":"Choose a plan that fits your needs!","PRIVACY_POLICY":"","OPTIONAL":"Optional","RESULTS":"Results","LOCATION":"Location","ADDRESS":"Address","ADDRESS_PLACEHOLDER":"Enter your address","COPY_TO_CLIPBOARD":"Copy to clipboard","ACTIONS":"Actions","MIN":"Minimum","MAX":"Maximum","DUE_DATE":"Due date","QUICK_SEARCH":"Quick search","MONTHLY":"Monthly","WEEKLY":"Weekly","GOOGLE_MAPS_LINK":"Google maps link","MINUTE":"Minute","MINUTES":"Minutes","HOUR":"Hour","HOURS":"Hours","VE_ID":"Identity card","ACCOUNT_VERIFIED_BY_CLINIKOS":"This account has been verified by Clinikos, as well as its affiliations with the following institutions","INBOX":"Inbox","ACCEPTED":"Accepted","DECLINED":"Declined","NEEDS_ACTION":"Needs action","OVERDUE":"Overdue","FILTER_BY":"Filter by","REFRESH":"Refresh","LOADING":"Loading","MINUTE_LEFT":"One minute left","VALUE_MINUTES_LEFT":"{{value}} minutes left","PLAY":"Play","PAUSE":"Pause","STOP":"Stop","LOAD_MORE":"Load more","BILLING":"Billing","DOCTOR":"Doctor","ASSISTANT":"Assistant","NUMBER_OF_DOCTORS":"Number of Doctors","NUMBER_OF_ASSISTANTS":"Number of Assistants","EACH_DOCTOR":"Each doctor","EACH_ASSISTANT":"Each assistant","ROLE":"Role","PAYMENT_METHODS":"Payment methods","UPGRADE":"Upgrade","TOTAL":"Total","BUY":"Buy","TYPE":"Type","RECURRENT":"Recurrent","ACCEPT":"Accept","DECLINE":"Decline","PREFERENCES":"Preferences","BOOKING":"Booking","PATTERN_NOT_VALID":"Pattern is not valid"}

package/lang/es.json

@@ -1 +0,0 @@
-{"BIRTH_DATE":"Fecha de nacimiento","DAY":"Día","DAY_PLACEHOLDER":"Elige un día","MONTH":"Mes","MONTH_PLACEHOLDER":"Elige un mes","YEAR":"Año","YEAR_PLACEHOLDER":"Elige un año","PRICING":"Precio","PRICING_TABLE":"Tabla de precios","OUR_PRICING_PLAN":"Nuestros precios","PRICING_DESCRIPTION":"Mejora tu experiencia. Descubre el plan que desbloquea las funciones que necesitas.","VALUE_STORAGE":"{{value}} almacenamiento","GOOGLE_CALENDAR_SYNC":"Google Calenar Sync","INTERNAL_REMINDERS":"Recordatorios internos","WHATSAPP_AUTOMATED_REMINDERS":"Recordatorios automatizados de WhatsApp","PROFESSIONAL":"Profesional","PROFESSIONAL_PLAN_DESCRIPTION":"Para doctores individuales que buscan elevar sus prácticas","DIGITAL_PRESCRIPTIONS":"Recipes digitales","DICOM_VIEWER":"Visualizador DICOM","VERIFIED_MEDICAL_CREDENTIALS":"Credenciales médicas verificadas","PATIENT_SELF_MANAGEMENT":"Auto gestión para pacientes","BUY_NOW":"Comprar ahora","ORGANIZATION":"Organización","ORGANIZATION_PLAN_DESCRIPTION":"Para organizaciones con múltiples usuarios que buscan compartir información","UP_TO_VALUE_STORAGE":"Hasta {{value}} de almacenamiento","CONFIGURABLE_USER_PERMISSIONS":"Permisología configurable para usuarios","CALCULATE_PRICING":"Calcular precio","DOCTORS":"Doctores","ASSISTANTS":"Asistentes","BASIC":"Básico","BASIC_PLAN_DESCRIPTION":"Para iniciar en la industria médica","USER":"Usuario","TYPE_A_VALUE":"Ingresa un valor","STORAGE":"Almacenamiento","PASSWORD":"Contraseña","PASSWORD_PLACEHOLDER":"Ingresa tu contraseña","REQUIRED":"Requerido","TOO_SHORT":"Demasiado corto","TOO_LONG":"Demasiado largo","VALUE_LOW":"El valor es muy bajo","VALUE_HIGH":"El valor es muy alto","PATTERN_INVALID":"El patrón no es válido","INVALID_EMAIL":"Correo inválido","SHOW_PASSWORD":"Mostrar contraseña","HIDE_PASSWORD":"Esconder contraseña","GROUP_PRICING_CALCULATOR":"Calculadora de precios grupal","VERIFIED_ACCOUNT":"Cuenta verificada","VERIFIED_ACCOUNT_TEXT":"Esta cuenta ha sido verificada por Clinikos, así como sus afiliaciones con las siguientes instituciones","PHONE_NUMBER":"Número de teléfono","PHONE_NUMBER_PLACEHOLDER":"Ingrese su número de teléfono","SEND_MESSAGE":"Enviar mensaje","BOOK_MEETING":"Agendar cita","SIGN_UP":"Regístrate","INVALID_PASSWORD":"Tu contraseña no cumple con los requisitos de seguridad.","NOT_EQUAL":"Los valores no son iguales","GENDER":"Género","FEMALE":"Femenino","MALE":"Masculino","CLOSE":"Cerrar","MANDATORY_FIELDS_WARNING":"","INVALID_FIELDS_WARNING":"","COUNTRY":"País","COUNTRY_PLACEHOLDER":"Selecciona un país","STATE":"Estado","STATE_PLACEHOLDER":"Selecciona un estado","CITY":"Ciudad","CITY_PLACEHOLDER":"Selecciona una ciudad","TIMEZONE":"Zona horaria","TIMEZONE_PLACEHOLDER":"Selecciona una zora horaria","NAME":"Nombre","OK":"Ok","PAGE_NOT_FOUND":"Página no encontrada","PAGE_NOT_FOUND_DESCRIPTION":"El enlace en el que hiciste click puede que esté roto o la página puede haber sido eliminada o renombrada","TODAY":"Hoy","WEEK":"Semana","CALENDAR":"Calendario","EVENT":"Evento","NO_INFORMATION":"Sin información","SYNC_GOOGLE_CALENDAR":"Vincular Calendario de Google","NO_RESULTS":"No se encontraron resultados","GOOGLE_MEET":"Google Meet","LONG_TIME_AGO":"Hace mucho tiempo","TOMORROW":"Mañana","CHOOSE_PLAN":"Elige un plan","CHOOSE_PLAN_DESCRIPTION":"¡Elige el plan que se ajuste a tus necesidades!","PRIVACY_POLICY":"","OPTIONAL":"Opcional","RESULTS":"Resultados","LOCATION":"Ubicación","ADDRESS":"Dirección","ADDRESS_PLACEHOLDER":"Ingresa tu dirección","COPY_TO_CLIPBOARD":"Copiar al portapapeles","ACTIONS":"Acciones","MIN":"Mínimo","MAX":"Máximo","DUE_DATE":"Fecha límite","QUICK_SEARCH":"Búsqueda rápida","MONTHLY":"Mensual","WEEKLY":"Semanal","GOOGLE_MAPS_LINK":"Link de Google Maps","MINUTE":"Minuto","MINUTES":"Minutos","HOUR":"Hora","HOURS":"Horas","VE_ID":"Cédula de Identidad","ACCOUNT_VERIFIED_BY_CLINIKOS":"Esta cuenta ha sido verificada por Clinikos, así como sus afiliaciones con las siguientes instituciones","INBOX":"Bandeja de entrada","ACCEPTED":"Aceptado","DECLINED":"Declinado","NEEDS_ACTION":"Necesita acción","OVERDUE":"Atrasado","FILTER_BY":"Filtrar por","REFRESH":"Refrescar","LOADING":"Cargando","MINUTE_LEFT":"Un minuto restante","VALUE_MINUTES_LEFT":"{{value}} minutos restantes","PLAY":"Reproducir","PAUSE":"Pausar","STOP":"Detener","LOAD_MORE":"Cargar más","BILLING":"Facturación","DOCTOR":"Doctor","ASSISTANT":"Asistente","NUMBER_OF_DOCTORS":"Número de Doctores","NUMBER_OF_ASSISTANTS":"Número de Asistentes","EACH_DOCTOR":"Cada doctor","EACH_ASSISTANT":"Cada asistente","ROLE":"Rol","PAYMENT_METHODS":"Métodos de pago","UPGRADE":"Mejorar","TOTAL":"Total","BUY":"Comprar","TYPE":"Tipo","RECURRENT":"Recurrente","ACCEPT":"Aceptar","DECLINE":"Declinar","PREFERENCES":"Preferencias","BOOKING":"Agendar cita","PATTERN_NOT_VALID":"El patrón no es válido"}

package/types/errors.ts

@@ -1,91 +0,0 @@
-type ValidatorFunction<T, U> = (val: T, ...args: U[]) => boolean;
-
-interface Validator<T, U = any> {
-  validate: ValidatorFunction<T, U>;
-  msg: string;
-}
-
-interface ValidatorTypes {
-  required: Validator<string | number, boolean>;
-  min: Validator<number, number>;
-  max: Validator<number, number>;
-  minLength: Validator<string, number>;
-  maxLength: Validator<string, number>;
-  pattern: Validator<string, RegExp>;
-  equal: Validator<string, string>;
-  numberIsEqual: Validator<number, number>;
-  email: Validator<string, boolean>;
-  password: Validator<string, boolean>;
-}
-
-export type ValidatorParams = {
-  [K in keyof ValidatorTypes]: ValidatorTypes[K] extends Validator<any, infer U>
-    ? U
-    : never;
-};
-export type ValidatorErrorMessage = {
-  [K in keyof ValidatorTypes]: string;
-};
-
-const regex = {
-  email:
-    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-  password:
-    /^(?!.*\s)(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*[~`!@#$%^&*()--+={}[\]|:;"'<>,.?/_₹]).{8,24}$/,
-};
-
-export const errors: ValidatorTypes = {
-  required: {
-    validate: (val) => Boolean(val),
-    msg: "REQUIRED",
-  },
-  min: {
-    validate: (val, min) => val >= min,
-    msg: "VALUE_LOW",
-  },
-  max: {
-    validate: (val, max) => val <= max,
-    msg: "VALUE_HIGH",
-  },
-  minLength: {
-    validate: (val = "", min) => val.length >= min,
-    msg: "TOO_SHORT",
-  },
-  maxLength: {
-    validate: (val = "", max) => val.length <= max,
-    msg: "TOO_LONG",
-  },
-  pattern: {
-    validate: (val, pattern) => new RegExp(pattern).test(val),
-    msg: "PATTERN_INVALID",
-  },
-  equal: {
-    validate: (val, comparison) => val === comparison,
-    msg: "NOT_EQUAL",
-  },
-  numberIsEqual: {
-    validate: (val, comparison) => val === comparison,
-    msg: "NOT_EQUAL",
-  },
-  email: {
-    validate: (val) => new RegExp(regex.email).test(val),
-    msg: "INVALID_EMAIL",
-  },
-  password: {
-    validate: (val) => new RegExp(regex.password).test(val),
-    msg: "INVALID_PASSWORD",
-  },
-};
-
-class NextUIError {
-  isInvalid: boolean;
-  errorMessage: string;
-
-  constructor(bool: boolean = false, msg: string = "") {
-    this.isInvalid = bool;
-    this.errorMessage = bool ? msg : "";
-  }
-}
-
-export const nxError = (bool?: boolean, msg?: string) =>
-  new NextUIError(bool, msg);

package/types/types.ts

@@ -1,9 +0,0 @@
-import en from "../lang/en.json";
-import es from "../lang/es.json";
-
-export const langMap = {
-  en,
-  es,
-};
-
-export * from "./errors";