@envisiongroup/porygon 0.1.0-rc.1

package/dist/react-components/fields/EFWAttachments/EFWAttachmentsCard/EFWAttachmentsCard.types.d.ts

@@ -0,0 +1,73 @@
+import { EFWAttachmentsValue } from '../EFWAttachments.types';
+
+/**
+ * Propiedades para el componente de tarjeta de adjunto.
+ * @interface EFWAttachmentsCardProps
+ */
+export interface EFWAttachmentsCardProps {
+    /**
+     * El adjunto que se mostrará en la tarjeta.
+     * @type {EFWAttachmentsValue}
+     */
+    attachment: EFWAttachmentsValue;
+    /**
+     * Función opcional que se ejecuta al eliminar un adjunto.
+     * @param {string} id - Identificador único del adjunto a eliminar.
+     * @returns {void}
+     */
+    onRemoveAttachment?: (id: string) => void;
+    /**
+     * Clase CSS opcional para personalizar el estilo de la tarjeta.
+     * @type {string}
+     */
+    className?: string;
+    /**
+     * Indica si el botón de eliminación está habilitado.
+     * @type {boolean}
+     * @default false
+     */
+    enableRemoveButton?: boolean;
+}
+/**
+ * Propiedades para el contenedor de múltiples adjuntos.
+ * @interface EFWAttachmentsContainerProps
+ */
+export interface EFWAttachmentsContainerProps {
+    /**
+     * Lista opcional de adjuntos a mostrar en el contenedor.
+     * @type {EFWAttachmentsValue[]}
+     */
+    attachments?: EFWAttachmentsValue[];
+    /**
+     * Función opcional que se ejecuta al eliminar un adjunto.
+     * @param {string} id - Identificador único del adjunto a eliminar.
+     * @returns {void}
+     */
+    onRemoveAttachment?: (id: string) => void;
+    /**
+     * Clase CSS opcional para personalizar el estilo del contenedor.
+     * @type {string}
+     */
+    className?: string;
+    /**
+     * Clase CSS opcional para personalizar el estilo de las tarjetas dentro del contenedor.
+     * @type {string}
+     */
+    cardClassName?: string;
+    /**
+     * Indica si los botones de eliminación están habilitados en las tarjetas.
+     * @type {boolean}
+     * @default false
+     */
+    enableRemoveButtons?: boolean;
+    /**
+     * Mensaje opcional que se muestra cuando no hay adjuntos.
+     * @type {string}
+     */
+    emptyMessage?: string;
+    /**
+     * Número máximo de adjuntos que se pueden mostrar en el contenedor.
+     * @type {number}
+     */
+    maxItems?: number;
+}

package/dist/react-components/fields/EFWAttachments/EFWAttachmentsCard/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/react-components/fields/EFWAttachments/index.d.ts

@@ -0,0 +1,2 @@
+export { EFWAttachment } from './EFWAttachments';
+export type { EFWAttachmentsValue, EFWAttachmentsOnChange, EFWAttachmentsProps } from './EFWAttachments.types';

package/dist/react-components/fields/EFWAttachments/index.js

@@ -0,0 +1,4 @@
+import { EFWAttachment as m } from "./EFWAttachments.js";
+export {
+  m as EFWAttachment
+};

package/dist/react-components/fields/EFWAttachmentsField/EFWAttachmentsField.d.ts

@@ -0,0 +1,21 @@
+import { EFWAttachmentsFieldProps } from './EFWAttachmentsField.types';
+
+/**
+ * Componente de campo para gestionar adjuntos dentro de un formulario.
+ * @param {EFWAttachmentsFieldProps} props - Propiedades del componente.
+ * @param {string} [props.title] - Título del campo.
+ * @param {string} [props.infoLabel] - Etiqueta informativa del campo.
+ * @param {string} [props.hint] - Texto de ayuda o pista para el campo.
+ * @param {React.CSSProperties} [props.style={}] - Estilos CSS personalizados para el campo.
+ * @param {boolean} [props.required=false] - Indica si el campo es obligatorio.
+ * @param {ValidationState} [props.validationState] - Estado de validación del campo.
+ * @param {string} [props.validationMessage] - Mensaje de validación para mostrar.
+ * @param {boolean} [props.disabled=false] - Indica si el campo está deshabilitado.
+ * @param {boolean} [props.editable=true] - Indica si el campo permite cargar o eliminar adjuntos.
+ * @param {boolean} [props.hidden=false] - Indica si el campo está oculto.
+ * @param {EFWAttachmentsFieldValue[]} [props.values=[]] - Lista inicial de adjuntos.
+ * @param {(values: EFWAttachmentsFieldValue[], displayValue?: string) => void} [props.onChange] - Callback ejecutado al cambiar los adjuntos.
+ * @param {(state: ValidationState, message?: string) => void} [props.onValidationChange] - Callback ejecutado al cambiar el estado de validación.
+ * @returns {JSX.Element} Elemento JSX que representa el campo de adjuntos en un formulario.
+ */
+export declare const EFWAttachmentsField: (props: EFWAttachmentsFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react-components/fields/EFWAttachmentsField/EFWAttachmentsField.js

@@ -0,0 +1,55 @@
+import { jsx as t } from "react/jsx-runtime";
+import { EFWField as v } from "../EFWField/EFWField.js";
+import { EFWAttachment as A } from "../EFWAttachments/EFWAttachments.js";
+const L = (a) => {
+  const {
+    title: n,
+    infoLabel: i,
+    hint: l,
+    style: o = {},
+    required: d = !1,
+    validationState: r,
+    validationMessage: s,
+    disabled: h = !1,
+    editable: e = !0,
+    hidden: m = !1,
+    files: c = [],
+    multiple: f = !0,
+    acceptedTypes: g = "*/*",
+    onRemoveAttachment: p,
+    onChange: u,
+    onValidationChange: b
+  } = a;
+  return /* @__PURE__ */ t(
+    v,
+    {
+      style: o,
+      title: n,
+      infoLabel: i,
+      weightLabel: e ? "regular" : "semibold",
+      hint: l,
+      hidden: m,
+      required: d,
+      validationState: r,
+      validationMessage: s,
+      onValidationChange: b,
+      children: /* @__PURE__ */ t(
+        A,
+        {
+          files: c,
+          editable: e,
+          onChange: (C, F) => {
+            u?.(C, F);
+          },
+          disabled: h,
+          multiple: f,
+          acceptedTypes: g,
+          onRemoveAttachment: p
+        }
+      )
+    }
+  );
+};
+export {
+  L as EFWAttachmentsField
+};

package/dist/react-components/fields/EFWAttachmentsField/EFWAttachmentsField.types.d.ts

@@ -0,0 +1,7 @@
+import { EFWFieldProps } from '../EFWField/EFWField.types';
+import { EFWAttachmentsProps, EFWAttachmentsValue, EFWAttachmentsOnChange } from '../EFWAttachments/EFWAttachments.types';
+
+export type EFWAttachmentsFieldValue = EFWAttachmentsValue;
+export type EFWAttachmentsFieldOnChange = EFWAttachmentsOnChange;
+export interface EFWAttachmentsFieldProps extends Omit<EFWFieldProps, 'children'>, EFWAttachmentsProps {
+}

package/dist/react-components/fields/EFWAttachmentsField/index.d.ts

@@ -0,0 +1,2 @@
+export { EFWAttachmentsField } from './EFWAttachmentsField';
+export type { EFWAttachmentsFieldProps, EFWAttachmentsFieldValue, EFWAttachmentsFieldOnChange } from './EFWAttachmentsField.types';

package/dist/react-components/fields/EFWAttachmentsField/index.js

@@ -0,0 +1,4 @@
+import { EFWAttachmentsField as m } from "./EFWAttachmentsField.js";
+export {
+  m as EFWAttachmentsField
+};

package/dist/react-components/fields/EFWDatePicker/EFWDatePicker.d.ts

@@ -0,0 +1,34 @@
+import { EFWDatePickerProps } from './EFWDatePicker.types';
+
+/**
+ * Componente funcional de React que renderiza un selector de fechas (DatePicker) con soporte para entrada de texto,
+ * formato personalizado, y sincronización con valores externos. Permite seleccionar una fecha y manejar su estado interno
+ * y externo a través de callbacks.
+ *
+ * @param {EFWDatePickerProps} props - Propiedades del componente.
+ * @param {boolean} [props.editable=true] - Indica si el DatePicker es editable.
+ * @param {boolean} [props.disabled=false] - Indica si el DatePicker está deshabilitado.
+ * @param {string} [props.placeholder='DD/MM/YYYY'] - Texto placeholder para el campo de entrada.
+ * @param {any[]} [props.selectedDates=[]] - Valores iniciales para el estado del componente.
+ * @param {boolean} [props.allowTextInput=true] - Permite la entrada de texto para introducir fechas manualmente.
+ * @param {object} [props.localizedStrings=esLocalizedStrings] - Objeto con cadenas localizadas para el componente.
+ * @param {Date} [props.minDate] - Fecha mínima seleccionable.
+ * @param {Date} [props.maxDate] - Fecha máxima seleccionable.
+ * @param {boolean} [props.showGoToToday=true] - Muestra el botón "Ir a hoy" en el calendario.
+ * @param {boolean} [props.showCloseButton=true] - Muestra el botón de cerrar en el calendario.
+ * @param {Date[]} [props.restrictedDates=[]] - Lista de fechas no seleccionables.
+ * @param {boolean} [props.friendlyDateFormat=false] - Si es true, formatea la fecha en un formato amigable (ej. "Enero 1, 2025").
+ * @param {function} [props.onSelectDate] - Callback ejecutado al seleccionar una fecha.
+ * @param {function} [props.onChange] - Callback ejecutado al cambiar los valores del estado.
+ * @param {string} [props.validationState='none'] - Estado de validación externo ('none' o 'error').
+ * @param {function} [props.setParentComponentState] - Callback para actualizar el estado del componente padre.
+ * @returns {JSX.Element} Elemento JSX que renderiza el DatePicker o un texto si no es editable.
+ * @example
+ * <EFWDatePicker
+ *   editable={true}
+ *   placeholder="DD/MM/YYYY"
+ *   onSelectDate={(date) => console.log(date)}
+ *   friendlyDateFormat={true}
+ * />
+ */
+export declare const EFWDatePicker: (props: EFWDatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react-components/fields/EFWDatePicker/EFWDatePicker.js

@@ -0,0 +1,135 @@
+import { jsx as D, Fragment as W } from "react/jsx-runtime";
+import { makeStyles as j, tokens as u, mergeClasses as q, Text as G } from "@fluentui/react-components";
+import { useId as U, useState as H, useRef as b, useEffect as J, useCallback as h } from "react";
+import { DatePicker as K } from "@fluentui/react-datepicker-compat";
+import { arraysAreEqual as O, esLocalizedStrings as F } from "./EFWDatePicker.utils.js";
+const Q = j({
+  efwDatePickerControl: {
+    "& [disabled]": {
+      backgroundColor: u.colorNeutralBackground3,
+      color: u.colorNeutralForeground2,
+      "&::placeholder": {
+        color: "transparent"
+      }
+    },
+    // Afectar el span que contiene el input disabled
+    "&:has([disabled])": {
+      backgroundColor: u.colorNeutralBackground3
+    }
+  },
+  efwDatePickerControlError: {
+    backgroundColor: u.colorPaletteRedBackground1,
+    "::after": {
+      borderBottomColor: u.colorPaletteRedBorder2,
+      borderBottomStyle: "solid",
+      borderBottomWidth: "2px"
+    }
+  }
+});
+function P(i) {
+  return i.map((a) => {
+    if (a instanceof Date)
+      return p(a) ? a : null;
+    if (typeof a == "string") {
+      const l = new Date(a);
+      return p(l) ? l : null;
+    }
+    if (typeof a == "number") {
+      const l = new Date(a);
+      return p(l) ? l : null;
+    }
+    return null;
+  }).filter((a) => a !== null);
+}
+function p(i) {
+  return i instanceof Date && !isNaN(i.getTime());
+}
+const ot = (i) => {
+  const {
+    editable: a = !0,
+    disabled: l = !1,
+    placeholder: M = "DD/MM/YYYY",
+    className: x = "",
+    selectedDates: r = [],
+    allowTextInput: w = !0,
+    localizedStrings: B = F,
+    minDate: N,
+    maxDate: T,
+    showGoToToday: V = !0,
+    showCloseButton: Y = !0,
+    restrictedDates: $ = [],
+    friendlyDateFormat: C = !1,
+    onSelectDate: d,
+    onChange: g,
+    validationState: R = "none",
+    setParentComponentState: m
+  } = i, k = U(), y = Q(), [t, S] = H(P(r)), v = b(null), E = b(null);
+  J(() => {
+    const o = r.length === 0 && t.length > 0, n = t.length === 0 && r.length > 0, e = r.length > 0 && !O(r, t);
+    console.log("useeffect initialValues", r);
+    let s = P(r);
+    (o || n || e) && (console.log("Actualizando valores:", {
+      isReset: o,
+      isFirstMount: n,
+      isExternalUpdate: e,
+      newValues: s
+    }), S(s));
+  }, [r]);
+  const I = h((o) => {
+    if (!o) return "";
+    const n = o.getDate(), e = o.getMonth(), s = o.getFullYear();
+    if (C)
+      return `${F.months[e]} ${n}, ${s}`;
+    {
+      const f = n < 10 ? `0${n}` : n, c = e + 1 < 10 ? `0${e + 1}` : e + 1;
+      return `${f}/${c}/${s}`;
+    }
+  }, [C]), z = h((o) => {
+    const n = t.length && t[0] instanceof Date ? t[0] : /* @__PURE__ */ new Date(), e = (o || "").trim().split("/"), s = e.length > 0 ? Math.max(1, Math.min(31, parseInt(e[0], 10))) : n.getDate(), f = e.length > 1 ? Math.max(1, Math.min(12, parseInt(e[1], 10))) - 1 : n.getMonth();
+    let c = e.length > 2 ? parseInt(e[2], 10) : n.getFullYear();
+    return c < 100 && (c += n.getFullYear() - n.getFullYear() % 100), new Date(c, f, s);
+  }, [t]), A = h((o) => {
+    if ((t.length === 0 || (o instanceof Date && t[0] instanceof Date ? o.getTime() !== t[0].getTime() : o !== t[0])) && o instanceof Date) {
+      const e = [o];
+      S(e), d?.(o), g?.(e), m?.("none", "");
+    } else
+      d?.(null), g?.([]), m?.("none", "");
+  }, [t, d, g, m]), L = q(
+    x,
+    y.efwDatePickerControl,
+    R === "error" && y.efwDatePickerControlError
+  );
+  return /* @__PURE__ */ D(W, { children: a ? /* @__PURE__ */ D(
+    K,
+    {
+      calendar: {
+        componentRef: E,
+        restrictedDates: $
+      },
+      strings: B,
+      className: L,
+      ref: v,
+      id: k,
+      name: k,
+      autoComplete: "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      spellCheck: "false",
+      allowTextInput: w,
+      disableAutoFocus: !0,
+      value: t.length > 0 ? t[0] : null,
+      minDate: N,
+      maxDate: T,
+      disabled: l,
+      onSelectDate: A,
+      formatDate: I,
+      parseDateFromString: z,
+      placeholder: M,
+      showGoToToday: V,
+      showCloseButton: Y
+    }
+  ) : /* @__PURE__ */ D(G, { style: t.length ? void 0 : { opacity: 0.7 }, children: t.length > 0 && t[0] instanceof Date ? t[0].toLocaleDateString() : "Sin datos disponibles" }) });
+};
+export {
+  ot as EFWDatePicker
+};

package/dist/react-components/fields/EFWDatePicker/EFWDatePicker.types.d.ts

@@ -0,0 +1,81 @@
+import { EFWFieldChildrenProps } from '../EFWField/EFWField.types';
+import { DatePickerProps, CalendarStrings } from '@fluentui/react-datepicker-compat';
+
+export type EFWDatePickerValue = (Date | string);
+export type EFWDatePickerOnChange = (value: EFWDatePickerValue[]) => void;
+/**
+ * Propiedades del componente EFWDatePicker que extiende las funcionalidades del DatePicker de Fluent UI
+ * con características adicionales para formularios y validación.
+ */
+export interface EFWDatePickerProps extends Omit<Partial<DatePickerProps>, 'onChange' | 'id' | 'value'>, EFWFieldChildrenProps {
+    /**
+     * Array de fechas seleccionadas iniciales. Puede contener objetos Date o strings que representen fechas.
+     * @default []
+     */
+    selectedDates?: EFWDatePickerValue[];
+    /**
+     * Permite la entrada de texto manual para introducir fechas directamente en el campo de entrada.
+     * @default true
+     */
+    allowTextInput?: boolean;
+    /**
+     * Texto de marcador de posición que se muestra cuando el campo está vacío.
+     * @default 'DD/MM/YYYY'
+     */
+    placeholder?: string;
+    /**
+     * Determina si el DatePicker es editable o de solo lectura.
+     * @default true
+     */
+    editable?: boolean;
+    /**
+     * Clases CSS adicionales para personalizar el estilo del componente.
+     * @default ""
+     */
+    className?: string;
+    /**
+     * Número de días que se pueden seleccionar en la vista de día (para selección múltiple).
+     */
+    daysToSelectInDayView?: number;
+    /**
+     * Función de callback ejecutada cuando se selecciona una fecha en el calendario.
+     */
+    onSelectDate?: ((date: Date | null | undefined) => void);
+    /**
+     * Objeto con cadenas localizadas para personalizar el idioma del calendario.
+     * @default esLocalizedStrings
+     */
+    localizedStrings?: CalendarStrings;
+    /**
+     * Fecha mínima seleccionable en el calendario.
+     */
+    minDate?: Date;
+    /**
+     * Fecha máxima seleccionable en el calendario.
+     */
+    maxDate?: Date;
+    /**
+     * Permite la selección de un rango de fechas en lugar de una sola fecha.
+     */
+    allowRangeSelection?: boolean;
+    /**
+     * Array de fechas que están restringidas y no pueden ser seleccionadas.
+     * @default []
+     */
+    restrictedDates?: Date[];
+    /**
+     * Si es true, formatea las fechas en un formato amigable (ej. "Enero 1, 2025").
+     * Si es false, usa formato numérico (ej. "01/01/2025").
+     * @default false
+     */
+    friendlyDateFormat?: boolean;
+    /**
+     * Función personalizada para formatear las fechas mostradas en el campo de entrada.
+     */
+    onFormatDate?: (date?: Date) => string;
+    /**
+     * Función de callback ejecutada cuando cambia el valor del componente.
+     * Recibe un array con los nuevos valores seleccionados.
+     */
+    onChange?: EFWDatePickerOnChange;
+}

package/dist/react-components/fields/EFWDatePicker/EFWDatePicker.utils.d.ts

@@ -0,0 +1,22 @@
+import { CalendarStrings } from '@fluentui/react-datepicker-compat';
+
+declare const esLocalizedStrings: CalendarStrings;
+/**
+ * Formatea una fecha en el formato "[mes en español] [día], [año]"
+ * Por ejemplo: "mayo 2, 2025"
+ *
+ * @param {Date} [date] - Objeto Date opcional a formatear
+ * @returns {string} Fecha formateada en español o cadena vacía si no se proporciona fecha
+ *
+ * @example
+ * // Retorna "mayo 2, 2025" (asumiendo que esLocalizedStrings.months[4] es "mayo")
+ * esOnFormatDate(new Date(2025, 4, 2));
+ *
+ * @example
+ * // Retorna cadena vacía
+ * esOnFormatDate();
+ */
+declare const esOnFormatDate: (date?: Date, friendlyFormat?: boolean) => string;
+declare const normalizeToDate: (value: Date | string | null | undefined) => Date | null;
+declare const arraysAreEqual: (arr1: (Date | string)[], arr2: (Date | string)[]) => boolean;
+export { esLocalizedStrings, esOnFormatDate, normalizeToDate, arraysAreEqual };

package/dist/react-components/fields/EFWDatePicker/EFWDatePicker.utils.js

@@ -0,0 +1,76 @@
+import { defaultDatePickerStrings as l } from "@fluentui/react-datepicker-compat";
+const u = {
+  ...l,
+  days: [
+    "Domingo",
+    "Lunes",
+    "Martes",
+    "Miercoles",
+    "Jueves",
+    "Viernes",
+    "Sabado"
+  ],
+  shortDays: ["D", "L", "M", "M", "J", "V", "S"],
+  months: [
+    "Enero",
+    "Febrero",
+    "Marzo",
+    "Abril",
+    "Mayo",
+    "Junio",
+    "Julio",
+    "Agosto",
+    "Septiembre",
+    "Octubre",
+    "Noviembre",
+    "Diciembre"
+  ],
+  shortMonths: [
+    "Ene",
+    "Feb",
+    "Mar",
+    "Abr",
+    "May",
+    "Jun",
+    "Jul",
+    "Ago",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dic"
+  ],
+  goToToday: "Ir a hoy"
+}, f = (t, o = !1) => {
+  if (!t) return "";
+  const e = t.getDate(), n = t.getMonth(), r = t.getFullYear();
+  if (o)
+    return `${u.months[n]} ${e}, ${r}`;
+  {
+    const s = e < 10 ? `0${e}` : e, a = n + 1 < 10 ? `0${n + 1}` : n + 1;
+    return `${s}/${a}/${r}`;
+  }
+}, i = (t) => {
+  if (t instanceof Date) return t;
+  if (typeof t == "string")
+    try {
+      const o = new Date(t);
+      return isNaN(o.getTime()) ? null : o;
+    } catch {
+      return null;
+    }
+  return null;
+}, g = (t, o) => {
+  if (t.length !== o.length) return !1;
+  for (let e = 0; e < t.length; e++) {
+    const n = i(t[e]), r = i(o[e]);
+    if (!(n === null && r === null) && (n === null || r === null || n.getTime() !== r.getTime()))
+      return !1;
+  }
+  return !0;
+};
+export {
+  g as arraysAreEqual,
+  u as esLocalizedStrings,
+  f as esOnFormatDate,
+  i as normalizeToDate
+};

package/dist/react-components/fields/EFWDatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { EFWDatePicker } from './EFWDatePicker';
+export type { EFWDatePickerProps, EFWDatePickerValue } from './EFWDatePicker.types';

package/dist/react-components/fields/EFWDatePicker/index.js

@@ -0,0 +1,4 @@
+import { EFWDatePicker as o } from "./EFWDatePicker.js";
+export {
+  o as EFWDatePicker
+};

package/dist/react-components/fields/EFWDatePickerField/EFWDatePickerField.d.ts

@@ -0,0 +1,3 @@
+import { EFWDatePickerFieldProps } from './EFWDatePickerField.types';
+
+export declare const EFWDatePickerField: (props: EFWDatePickerFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react-components/fields/EFWDatePickerField/EFWDatePickerField.js

@@ -0,0 +1,63 @@
+import { jsx as t } from "react/jsx-runtime";
+import { EFWField as C } from "../EFWField/EFWField.js";
+import { EFWDatePicker as E } from "../EFWDatePicker/EFWDatePicker.js";
+const k = (a) => {
+  const {
+    title: l,
+    infoLabel: o,
+    hint: i,
+    style: r = {},
+    required: n = !1,
+    validationState: s,
+    validationMessage: d,
+    disabled: c = !1,
+    editable: e = !0,
+    hidden: h = !1,
+    onChange: m,
+    placeholder: f = "DD/MM/YYYY",
+    selectedDates: D = [],
+    allowRangeSelection: u = !1,
+    restrictedDates: g = [],
+    allowTextInput: p = !0,
+    minDate: b,
+    maxDate: w,
+    showGoToToday: F,
+    showCloseButton: x,
+    onValidationChange: Y
+  } = a;
+  return /* @__PURE__ */ t(
+    C,
+    {
+      style: r,
+      title: l,
+      infoLabel: o,
+      weightLabel: e ? "regular" : "semibold",
+      hint: i,
+      hidden: h,
+      required: n,
+      validationState: s,
+      validationMessage: d,
+      onValidationChange: Y,
+      children: /* @__PURE__ */ t(
+        E,
+        {
+          editable: e,
+          selectedDates: D,
+          minDate: b,
+          maxDate: w,
+          onChange: m,
+          allowTextInput: p,
+          disabled: c,
+          placeholder: f,
+          restrictedDates: g,
+          allowRangeSelection: u,
+          showGoToToday: F,
+          showCloseButton: x
+        }
+      )
+    }
+  );
+};
+export {
+  k as EFWDatePickerField
+};

package/dist/react-components/fields/EFWDatePickerField/EFWDatePickerField.types.d.ts

@@ -0,0 +1,7 @@
+import { EFWFieldProps } from '../EFWField/EFWField.types';
+import { EFWDatePickerProps, EFWDatePickerValue, EFWDatePickerOnChange } from '../EFWDatePicker/EFWDatePicker.types';
+
+export type EFWDatePickerFieldValue = EFWDatePickerValue;
+export type EFWDatePickerFieldOnChange = EFWDatePickerOnChange;
+export interface EFWDatePickerFieldProps extends Omit<EFWFieldProps, 'children'>, EFWDatePickerProps {
+}

package/dist/react-components/fields/EFWDatePickerField/index.d.ts

@@ -0,0 +1,2 @@
+export { EFWDatePickerField } from './EFWDatePickerField';
+export type { EFWDatePickerFieldProps, EFWDatePickerFieldValue, EFWDatePickerFieldOnChange } from './EFWDatePickerField.types';

package/dist/react-components/fields/EFWDatePickerField/index.js

@@ -0,0 +1,4 @@
+import { EFWDatePickerField as i } from "./EFWDatePickerField.js";
+export {
+  i as EFWDatePickerField
+};