@envisiongroup/porygon 1.0.0-rc.9 → 1.0.0

package/dist/react-components/i18n/PorygonI18nProvider.js

@@ -0,0 +1,145 @@
+import { jsx as T } from "react/jsx-runtime";
+import { createContext as E, useContext as p, useMemo as i } from "react";
+import { DEFAULT_EFW_BUTTONS_LOCALE_TEXT as u, DEFAULT_EFW_FIELDS_LOCALE_TEXT as s, DEFAULT_EFW_TABLE_LOCALE_TEXT as A, DEFAULT_EFW_FORM_LOCALE_TEXT as _ } from "./defaultLocaleText.js";
+const f = E({}), P = (e, t) => {
+  if (!e && !t) return;
+  if (!e) return t;
+  if (!t) return e;
+  const n = {}, l = [
+    "input",
+    "numberInput",
+    "textArea",
+    "switch",
+    "tagPicker",
+    "datePicker",
+    "attachments"
+  ];
+  for (const o of l) {
+    const a = e[o], r = t[o];
+    if (!a && !r) continue;
+    if (!a) {
+      n[o] = r;
+      continue;
+    }
+    if (!r) {
+      n[o] = a;
+      continue;
+    }
+    const d = {}, L = a, x = r;
+    for (const b of ["labels", "validationMessages"]) {
+      const m = L[b], g = x[b];
+      !m && !g || (d[b] = { ...m, ...g });
+    }
+    n[o] = d;
+  }
+  return n;
+}, v = (e, t) => {
+  if (!e && !t) return;
+  if (!e) return t;
+  if (!t) return e;
+  const n = {}, l = ["button", "groupButton", "drawer"];
+  for (const o of l) {
+    const a = e[o], r = t[o];
+    if (!(!a && !r)) {
+      if (!a) {
+        n[o] = r;
+        continue;
+      }
+      if (!r) {
+        n[o] = a;
+        continue;
+      }
+      n[o] = {
+        labels: {
+          ...a.labels ?? {},
+          ...r.labels ?? {}
+        }
+      };
+    }
+  }
+  return n;
+}, C = ({ children: e, localeText: t }) => {
+  const n = p(f), l = i(() => ({
+    form: {
+      ...n.form,
+      ...t?.form
+    },
+    table: {
+      ...n.table,
+      ...t?.table
+    },
+    fields: P(n.fields, t?.fields),
+    buttons: v(n.buttons, t?.buttons)
+  }), [n.form, n.table, n.fields, n.buttons, t?.form, t?.table, t?.fields, t?.buttons]);
+  return /* @__PURE__ */ T(f.Provider, { value: l, children: e });
+}, c = () => p(f), y = (e) => {
+  const t = c();
+  return i(() => ({
+    ..._,
+    ...t.form ?? {},
+    ...e ?? {}
+  }), [t.form, e]);
+}, I = () => {
+  const e = c();
+  return i(() => {
+    const t = e.fields;
+    return t ? {
+      input: {
+        labels: { ...s.input.labels, ...t.input?.labels },
+        validationMessages: { ...s.input.validationMessages, ...t.input?.validationMessages }
+      },
+      numberInput: {
+        labels: { ...s.numberInput.labels, ...t.numberInput?.labels },
+        validationMessages: { ...s.numberInput.validationMessages, ...t.numberInput?.validationMessages }
+      },
+      textArea: {
+        labels: { ...s.textArea.labels, ...t.textArea?.labels },
+        validationMessages: { ...s.textArea.validationMessages, ...t.textArea?.validationMessages }
+      },
+      switch: {
+        labels: { ...s.switch.labels, ...t.switch?.labels }
+      },
+      tagPicker: {
+        labels: { ...s.tagPicker.labels, ...t.tagPicker?.labels }
+      },
+      datePicker: {
+        labels: { ...s.datePicker.labels, ...t.datePicker?.labels },
+        calendarStrings: t.datePicker?.calendarStrings ?? s.datePicker.calendarStrings
+      },
+      attachments: {
+        labels: { ...s.attachments.labels, ...t.attachments?.labels }
+      }
+    } : s;
+  }, [e.fields]);
+}, h = () => {
+  const e = c();
+  return i(() => {
+    const t = e.buttons;
+    return t ? {
+      button: {
+        labels: { ...u.button.labels, ...t.button?.labels }
+      },
+      groupButton: {
+        labels: { ...u.groupButton.labels, ...t.groupButton?.labels }
+      },
+      drawer: {
+        labels: { ...u.drawer.labels, ...t.drawer?.labels }
+      }
+    } : u;
+  }, [e.buttons]);
+}, w = (e) => {
+  const t = c();
+  return i(() => ({
+    ...A,
+    ...t.table ?? {},
+    ...e ?? {}
+  }), [t.table, e]);
+};
+export {
+  C as PorygonI18nProvider,
+  h as useButtonsLocaleText,
+  I as useFieldsLocaleText,
+  y as useFormLocaleText,
+  c as usePorygonLocaleText,
+  w as useTableLocaleText
+};

package/dist/react-components/i18n/defaultLocaleText.d.ts

@@ -0,0 +1,6 @@
+import { EFWFormLocaleText, EFWFieldsLocaleText, EFWButtonsLocaleText, EFWTableLocaleText } from './porygonI18n.types';
+
+export declare const DEFAULT_EFW_FORM_LOCALE_TEXT: EFWFormLocaleText;
+export declare const DEFAULT_EFW_FIELDS_LOCALE_TEXT: EFWFieldsLocaleText;
+export declare const DEFAULT_EFW_BUTTONS_LOCALE_TEXT: EFWButtonsLocaleText;
+export declare const DEFAULT_EFW_TABLE_LOCALE_TEXT: EFWTableLocaleText;

package/dist/react-components/i18n/defaultLocaleText.js

@@ -0,0 +1,176 @@
+import { jsxs as o, Fragment as r, jsx as t } from "react/jsx-runtime";
+import { Text as l } from "@fluentui/react-components";
+import { esLocalizedStrings as i } from "../fields/DatePicker/EFWDatePicker.utils.js";
+const c = {
+  requiredFieldError: "Este campo es obligatorio",
+  requiredFieldsNotification: "Por favor complete todos los campos indicados como requeridos e inténtelo nuevamente.",
+  unsupportedFieldType: (e) => `Tipo de campo no soportado: ${e}`
+}, m = {
+  input: {
+    labels: {
+      placeholder: "",
+      emptyState: "Sin datos disponibles"
+    },
+    validationMessages: {
+      minLength: (e) => `Por favor introduzca más de ${e} caracteres.`,
+      maxLength: (e) => `Por favor introduzca menos de ${e} caracteres.`,
+      creditCardInvalid: "El número de tarjeta ingresado no es válido.",
+      chileanRutInvalid: "El R.U.T ingresado no es válido.",
+      dateInvalid: "La fecha ingresada no es válida.",
+      dateInvalidWithFormat: "La fecha ingresada no es válida. Use formato DD/MM/AAAA.",
+      timeInvalid: "Use formato HH:MM (00:00 - 23:59).",
+      emailInvalid: "El correo ingresado no es válido.",
+      formatInvalid: "El formato del valor ingresado no es válido."
+    }
+  },
+  numberInput: {
+    labels: {
+      placeholder: "",
+      emptyState: "Sin datos disponibles"
+    },
+    validationMessages: {
+      invalidNumber: "El valor ingresado no es un número válido.",
+      minValue: (e, a) => `El valor debe ser mayor o igual a ${a}.`,
+      maxValue: (e, a) => `El valor debe ser menor o igual a ${a}.`
+    }
+  },
+  textArea: {
+    labels: {
+      placeholder: "",
+      emptyState: "Sin datos disponibles"
+    },
+    validationMessages: {
+      maxLength: (e) => `Por favor introduzca menos de ${e} caracteres.`
+    }
+  },
+  switch: {
+    labels: {
+      checkedText: "Sí",
+      uncheckedText: "No",
+      emptyState: "Sin datos disponibles"
+    }
+  },
+  tagPicker: {
+    labels: {
+      placeholder: "Selecciona una opción",
+      noMatchesMessage: "No se encontraron coincidencias",
+      loadingMessage: "Buscando información...",
+      emptyState: "Sin datos disponibles",
+      selectedItemsAriaLabel: "Selected items",
+      inputAriaLabel: "Select items"
+    }
+  },
+  datePicker: {
+    labels: {
+      placeholder: "DD/MM/YYYY",
+      emptyState: "Sin datos disponibles"
+    },
+    calendarStrings: i
+  },
+  attachments: {
+    labels: {
+      attachButtonLabel: "Adjuntar archivos",
+      emptyMessage: "Sin archivos disponibles",
+      downloadMenuItemLabel: "Descargar",
+      removeMenuItemLabel: "Quitar datos adjuntos",
+      maxFileSizeExceededMessage: (e, a) => `Existe un adjunto que excede el peso máximo de ${a} (${e} bytes).`
+    }
+  }
+}, u = {
+  button: {
+    labels: {
+      loadingText: "Procesando...",
+      defaultErrorMessage: "Ha ocurrido un error",
+      operationFailedMessage: "Operación fallida",
+      unknownErrorMessage: "Error desconocido",
+      parseErrorMessage: "No fue posible parsear el error"
+    }
+  },
+  groupButton: {
+    labels: {
+      invalidButtonText: "Botón inválido (missing or unknown 'kind' property)"
+    }
+  },
+  drawer: {
+    labels: {
+      closeButtonAriaLabel: "Cerrar",
+      loadingContentText: "Cargando contenido..."
+    }
+  }
+}, p = {
+  addButtonLabel: "Nuevo",
+  addDrawerTitle: "Nuevo elemento",
+  addDrawerDescription: /* @__PURE__ */ o(r, { children: [
+    "Complete los campos requeridos para crear un nuevo elemento en la tabla. Los campos marcados con asterisco (",
+    /* @__PURE__ */ t(l, { style: { color: "var(--colorPaletteRedForeground1)" }, children: "*" }),
+    ") son obligatorios."
+  ] }),
+  addActionText: "Guardar",
+  addLoadingText: "Guardando...",
+  addSuccessText: "¡Guardado!",
+  addErrorTitle: "Error al intentar guardar elemento",
+  updateButtonLabel: "Editar",
+  updateDrawerTitle: "Editar elemento",
+  updateDrawerDescription: /* @__PURE__ */ o(r, { children: [
+    "Complete los campos requeridos para actualizar el elemento seleccionado. Los campos marcados con asterisco (",
+    /* @__PURE__ */ t(l, { style: { color: "var(--colorPaletteRedForeground1)" }, children: "*" }),
+    ") son obligatorios."
+  ] }),
+  updateActionText: "Actualizar",
+  updateLoadingText: "Actualizando...",
+  updateSuccessText: "¡Actualizado!",
+  updateErrorTitleSingle: "Error al intentar actualizar elemento",
+  updateErrorTitleMultiple: "Error al intentar actualizar elementos",
+  drawerCloseButtonAriaLabel: "Cerrar",
+  drawerLoadingContentText: "Cargando contenido...",
+  deleteButtonLabel: "Eliminar",
+  deleteDrawerTitle: "Eliminar elemento",
+  deleteConfirmSingle: "¿Está seguro de querer eliminar el elemento seleccionado?",
+  deleteConfirmMultiple: (e) => `¿Está seguro de querer eliminar los ${e} elementos seleccionados?`,
+  deleteActionText: "Eliminar",
+  deleteLoadingText: "Eliminando...",
+  deleteSuccessText: "¡Eliminado!",
+  deleteErrorTitleSingle: "Error al intentar eliminar elemento",
+  deleteErrorTitleMultiple: "Error al intentar eliminar elementos",
+  cancelButtonLabel: "Cancelar",
+  filterButtonLabel: "",
+  filterDrawerTitle: "Filtros",
+  filterDrawerDescription: "Escriba o seleccione una opción para buscar por una o más propiedades. Los filtros se aplican automáticamente.",
+  filterClearButtonLabel: "Limpiar filtros",
+  filterCloseButtonLabel: "Cerrar",
+  filterEmptyChoiceOptionLabel: "(Vacío)",
+  filterBooleanTrueLabel: "Sí",
+  filterBooleanFalseLabel: "No",
+  filterTextPlaceholder: "Escriba el texto...",
+  filterNumberPlaceholder: "Ingrese un número...",
+  filterNotePlaceholder: "Escriba el texto...",
+  filterChoicePlaceholder: "Selecciona una opción",
+  filterMultiChoicePlaceholder: "Selecciona una o más opciones",
+  filterDatePlaceholder: "DD/MM/AAAA",
+  filterBooleanPlaceholder: "Selecciona Sí o No",
+  overlayEmptyTitle: "Sin datos disponibles",
+  overlayEmptyDescription: "Los datos aparecerán aquí una vez se agreguen registros",
+  overlayLoadingTitle: "Cargando datos...",
+  overlayLoadingDescription: "Por favor espere mientras se cargan los datos",
+  overlayErrorTitle: "Error al cargar datos",
+  overlayErrorDescription: "Ha ocurrido un error al cargar los datos",
+  overlayRetryButtonLabel: "Reintentar",
+  overlayEmptyImageAlt: "Sin datos",
+  filteredEmptyTitle: "Sin resultados para el filtro aplicado",
+  filteredEmptyDescription: "Ajusta o limpia los filtros para ver registros.",
+  commandBarClearSelectionTitle: "Limpiar selección",
+  commandBarSelectedCountLabel: (e) => `Seleccionados (${e})`,
+  commandBarSelectedCountShortLabel: (e) => `(${e})`,
+  sortStateAscLabel: "Ordenado ascendente, clic para orden descendente",
+  sortStateDescLabel: "Ordenado descendente, clic para quitar orden",
+  sortStateNoneLabel: "Clic para ordenar",
+  loadingMoreAriaLabel: "Cargando más elementos",
+  loadingMoreSpinnerLabel: "Cargando más...",
+  resizeColumnAriaLabel: "Redimensionar columna"
+};
+export {
+  u as DEFAULT_EFW_BUTTONS_LOCALE_TEXT,
+  m as DEFAULT_EFW_FIELDS_LOCALE_TEXT,
+  c as DEFAULT_EFW_FORM_LOCALE_TEXT,
+  p as DEFAULT_EFW_TABLE_LOCALE_TEXT
+};

package/dist/react-components/i18n/index.d.ts

@@ -0,0 +1,4 @@
+export { PorygonI18nProvider, usePorygonLocaleText, useFormLocaleText, useFieldsLocaleText, useButtonsLocaleText, useTableLocaleText } from './PorygonI18nProvider';
+export { DEFAULT_EFW_FORM_LOCALE_TEXT, DEFAULT_EFW_FIELDS_LOCALE_TEXT, DEFAULT_EFW_BUTTONS_LOCALE_TEXT, DEFAULT_EFW_TABLE_LOCALE_TEXT } from './defaultLocaleText';
+export { PORYGON_LOCALE_ES, PORYGON_LOCALE_EN, PORYGON_LOCALE_PT_BR, PORYGON_LOCALES } from './localePresets';
+export type { EFWFormLocaleText, EFWFormExtendedLocaleText, EFWFieldsLocaleText, EFWButtonsLocaleText, EFWTableLocaleText, EFWTableExtendedLocaleText, PorygonLocaleText, PorygonResolvedLocaleText, PorygonLocalePresetCode, DeepPartial, } from './porygonI18n.types';

package/dist/react-components/i18n/index.js

@@ -0,0 +1,19 @@
+import { PorygonI18nProvider as _, useButtonsLocaleText as T, useFieldsLocaleText as e, useFormLocaleText as o, usePorygonLocaleText as O, useTableLocaleText as A } from "./PorygonI18nProvider.js";
+import { DEFAULT_EFW_BUTTONS_LOCALE_TEXT as r, DEFAULT_EFW_FIELDS_LOCALE_TEXT as t, DEFAULT_EFW_FORM_LOCALE_TEXT as x, DEFAULT_EFW_TABLE_LOCALE_TEXT as C } from "./defaultLocaleText.js";
+import { PORYGON_LOCALES as l, PORYGON_LOCALE_EN as s, PORYGON_LOCALE_ES as a, PORYGON_LOCALE_PT_BR as u } from "./localePresets.js";
+export {
+  r as DEFAULT_EFW_BUTTONS_LOCALE_TEXT,
+  t as DEFAULT_EFW_FIELDS_LOCALE_TEXT,
+  x as DEFAULT_EFW_FORM_LOCALE_TEXT,
+  C as DEFAULT_EFW_TABLE_LOCALE_TEXT,
+  l as PORYGON_LOCALES,
+  s as PORYGON_LOCALE_EN,
+  a as PORYGON_LOCALE_ES,
+  u as PORYGON_LOCALE_PT_BR,
+  _ as PorygonI18nProvider,
+  T as useButtonsLocaleText,
+  e as useFieldsLocaleText,
+  o as useFormLocaleText,
+  O as usePorygonLocaleText,
+  A as useTableLocaleText
+};

package/dist/react-components/i18n/localePresets.d.ts

@@ -0,0 +1,10 @@
+import { PorygonResolvedLocaleText } from './porygonI18n.types';
+
+export declare const PORYGON_LOCALE_ES: PorygonResolvedLocaleText;
+export declare const PORYGON_LOCALE_EN: PorygonResolvedLocaleText;
+export declare const PORYGON_LOCALE_PT_BR: PorygonResolvedLocaleText;
+export declare const PORYGON_LOCALES: {
+    readonly 'es-ES': PorygonResolvedLocaleText;
+    readonly 'en-EN': PorygonResolvedLocaleText;
+    readonly 'pt-BR': PorygonResolvedLocaleText;
+};