lib-components-react

Librería de componentes reutilizables para proyectos en React.

🚀 Instalación

Instalá la librería:

npm install lib-components-react

1. Incluye integración con Google OAuth mediante:

• GoogleLoginProvider: Componente proveedor de contexto de Google OAuth.
• GoogleLoginWrapper: Botón listo para usar que inicia sesión con Google y envía el código a tu backend. -Ejemplo de uso

    <GoogleLoginProvider clientId="<CLIENT-ID>">
      <GoogleLoginWrapper
        processOnSuccess={handleLogin}
        backendUrl={BASE_URL_AUTH}
      />
    </GoogleLoginProvider>  
  

2. Incluye boton para subir imagenes y obtener el resultado de comprimir y redimencionar la misma para luego exportar en formato string base 64.

Ejemplo de uso

<ImageUploader 
  onChange={(base64:string) => console.log(base64)}
/>

3. Componente de Edicion y Creacion de registros, tipo modal

selectedCommerceData -> contenido fields -> definicion de campos

Ejemplo de uso

<DynamicFormModal
open={open}
onClose={handleUpdateClose}
defaultValues={selectedCommerceData || {}}
fields={fields}
title="Editar Comercio"
onSubmit={async (formData) => {
  if (selectedCommerceId) {
    // editar
    await dataProvider.update('commerces', {
      id: selectedCommerceId,
      data: formData,
    });
  } else {
    // crear
    await dataProvider.create('commerces', { data: formData });
  }

  // refrescar la lista
  const updated = await dataProvider.getList('commerces', { filter: {}, pagination: { page: 1, perPage: 100 }, sort: { field: "name", order: "ASC" } });
  setCommerceData(updated.data);
  handleUpdateClose();
}}
/>