@envisiongroup/porygon 1.0.0-rc.37 → 1.0.0-rc.38

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

@@ -1,13 +1,13 @@
-import { jsx as l, Fragment as de, jsxs as ce } from "react/jsx-runtime";
-import { EFWField as me } from "../_shared/EFWField/EFWField.js";
-import { EFWDatePicker as X } from "./EFWDatePicker.js";
-import { mapToValidDates as $, getDatePickerFormattedValue as ue } from "./EFWDatePicker.utils.js";
-import { EFWInput as fe } from "../Input/EFWInput.js";
-import { useMemo as x, useState as he, useRef as De, useEffect as q, useCallback as U } from "react";
-import { makeStyles as Se, mergeClasses as ge, Text as J } from "@fluentui/react-components";
-import { normalizeArrayValue as K } from "../../commons/valueNormalization.js";
+import { jsx as l, Fragment as ce, jsxs as me } from "react/jsx-runtime";
+import { EFWField as ue } from "../_shared/EFWField/EFWField.js";
+import { EFWDatePicker as Z } from "./EFWDatePicker.js";
+import { mapToValidDates as q, getDatePickerFormattedValue as fe } from "./EFWDatePicker.utils.js";
+import { EFWInput as he } from "../Input/EFWInput.js";
+import { useMemo as x, useState as De, useRef as Se, useEffect as U, useCallback as J } from "react";
+import { makeStyles as ge, mergeClasses as w, Text as K } from "@fluentui/react-components";
+import { normalizeArrayValue as Q } from "../../commons/valueNormalization.js";
 import { useFieldsLocaleText as Te } from "../../i18n/PorygonI18nProvider.js";
-const be = Se({
+const be = ge({
   dateTimeContainer: {
     display: "flex",
     gap: "8px",
@@ -37,7 +37,7 @@ const be = Se({
     }
   }
 }), ye = {}, Ce = [];
-function Q(e, t) {
+function X(e, t) {
   const a = new Date(e.getTime());
   if (t && t.length === 4) {
     const n = parseInt(t.substring(0, 2), 10), o = parseInt(t.substring(2, 4), 10);
@@ -56,7 +56,7 @@ const we = (e) => {
     [e.timePlaceholder]
   );
   if (!e.editable) {
-    const n = ue(e.currentDate, {
+    const n = fe(e.currentDate, {
       includeTime: !0,
       timeValue: e.currentTime
     }), o = n || e.labels?.emptyState || "", D = e.selectedDates ?? e.defaultSelectedDates ?? [], c = e.readOnlyRenderer?.(
@@ -65,11 +65,11 @@ const we = (e) => {
       !0,
       e.currentTime
     );
-    return c != null ? /* @__PURE__ */ l(de, { children: c }) : n ? /* @__PURE__ */ l(J, { children: n }) : /* @__PURE__ */ l(J, { style: { opacity: 0.7 }, children: e.labels?.emptyState ?? "" });
+    return c != null ? /* @__PURE__ */ l(ce, { children: c }) : n ? /* @__PURE__ */ l(K, { children: n }) : /* @__PURE__ */ l(K, { style: { opacity: 0.7 }, children: e.labels?.emptyState ?? "" });
   }
-  return /* @__PURE__ */ ce("div", { className: t.dateTimeContainer, children: [
-    /* @__PURE__ */ l("div", { className: t.datePickerWrapper, children: /* @__PURE__ */ l(
-      X,
+  return /* @__PURE__ */ me("div", { className: t.dateTimeContainer, children: [
+    /* @__PURE__ */ l("div", { className: w("efw-date-picker", t.datePickerWrapper), children: /* @__PURE__ */ l(
+      Z,
       {
         editable: e.editable,
         selectedDates: e.selectedDates,
@@ -92,8 +92,8 @@ const we = (e) => {
         validationState: e.validationState
       }
     ) }),
-    /* @__PURE__ */ l("div", { className: t.timeInputWrapper, children: /* @__PURE__ */ l(
-      fe,
+    /* @__PURE__ */ l("div", { className: w("efw-time-input", t.timeInputWrapper), children: /* @__PURE__ */ l(
+      he,
       {
         value: e.currentTime,
         formatType: "time",
@@ -114,133 +114,133 @@ const we = (e) => {
     className: o,
     style: D = ye,
     required: c = !1,
-    validationState: Z,
-    validationMessage: p,
-    validationMessageIcon: ee,
-    disabled: w = !1,
+    validationState: p,
+    validationMessage: ee,
+    validationMessageIcon: te,
+    disabled: P = !1,
     editable: S = !0,
-    hidden: te = !1,
+    hidden: ae = !1,
     onChange: m,
     selectedDates: r,
     defaultSelectedDates: h,
-    allowRangeSelection: P = !1,
-    restrictedDates: I = Ce,
-    allowTextInput: v = !0,
-    minDate: F,
-    maxDate: E,
-    showGoToToday: N,
-    showCloseButton: W,
-    localizedStrings: k,
-    friendlyDateFormat: V = !1,
-    onSelectDate: L,
-    onFormatDate: R,
-    labels: M,
-    readOnlyRenderer: O,
-    onValidationChange: ae,
+    allowRangeSelection: I = !1,
+    restrictedDates: v = Ce,
+    allowTextInput: F = !0,
+    minDate: E,
+    maxDate: N,
+    showGoToToday: W,
+    showCloseButton: k,
+    localizedStrings: V,
+    friendlyDateFormat: L = !1,
+    onSelectDate: R,
+    onFormatDate: M,
+    labels: O,
+    readOnlyRenderer: H,
+    onValidationChange: ne,
     // Props de tiempo
     includeTime: u = !1,
-    timeValue: H,
-    defaultTimeValue: ne = "",
-    timePlaceholder: le = "HH:MM",
-    ...ie
-  } = e, z = Te().datePicker.labels, j = z.placeholder, A = z.emptyState, B = M?.placeholder, G = M?.emptyState, Y = x(() => ({
-    placeholder: B ?? j,
-    emptyState: G ?? A
+    timeValue: z,
+    defaultTimeValue: le = "",
+    timePlaceholder: ie = "HH:MM",
+    ...oe
+  } = e, j = Te().datePicker.labels, A = j.placeholder, B = j.emptyState, G = O?.placeholder, Y = O?.emptyState, _ = x(() => ({
+    placeholder: G ?? A,
+    emptyState: Y ?? B
   }), [
-    B,
     G,
-    j,
-    A
-  ]), d = H !== void 0, [oe, g] = he(ne), T = d ? H : oe, b = De(null), y = x(() => $(K(r ?? h))[0] ?? null, [r, h]);
-  q(() => {
+    Y,
+    A,
+    B
+  ]), d = z !== void 0, [re, g] = De(le), T = d ? z : re, b = Se(null), y = x(() => q(Q(r ?? h))[0] ?? null, [r, h]);
+  U(() => {
     b.current = y;
-  }, [y]), q(() => {
+  }, [y]), U(() => {
     if (!u) return;
     if (!r || r.length === 0) {
       d || g("");
       return;
     }
-    const i = $(K(r))[0];
+    const i = q(Q(r))[0];
     i && (isNaN(i.getTime()) || d || g(xe(i)));
   }, [r, u, d]);
-  const _ = U((i) => {
+  const $ = J((i) => {
     const f = (s) => s instanceof Date ? s.toISOString() : s;
     if (!u) {
       m?.(i.map(f));
       return;
     }
-    const C = i.map((s) => s instanceof Date ? Q(s, T).toISOString() : s);
+    const C = i.map((s) => s instanceof Date ? X(s, T).toISOString() : s);
     m?.(C);
-  }, [u, T, m]), re = U((i) => {
+  }, [u, T, m]), se = J((i) => {
     const f = i ?? "";
     if (d || g(f), b.current && f.length === 4) {
-      const C = Q(b.current, f);
+      const C = X(b.current, f);
       m?.([C.toISOString()]);
     }
-  }, [d, m]), se = ge(o, "efw-datePicker-field");
+  }, [d, m]), de = w(o, "efw-datePicker-field");
   return /* @__PURE__ */ l(
-    me,
+    ue,
     {
-      className: se,
+      className: de,
       style: D,
       title: t,
       infoLabel: a,
       weightLabel: S ? "regular" : "semibold",
       hint: n,
-      hidden: te,
+      hidden: ae,
       required: c,
-      validationState: Z,
-      validationMessage: p,
-      validationMessageIcon: ee,
-      onValidationChange: ae,
-      ...ie,
+      validationState: p,
+      validationMessage: ee,
+      validationMessageIcon: te,
+      onValidationChange: ne,
+      ...oe,
       children: u ? /* @__PURE__ */ l(
         we,
         {
           editable: S,
-          disabled: w,
+          disabled: P,
           selectedDates: r,
           defaultSelectedDates: h,
-          minDate: F,
-          maxDate: E,
-          onDateChange: _,
-          allowTextInput: v,
-          restrictedDates: I,
-          allowRangeSelection: P,
-          showGoToToday: N,
-          showCloseButton: W,
-          localizedStrings: k,
-          friendlyDateFormat: V,
-          onSelectDate: L,
-          onFormatDate: R,
-          labels: Y,
+          minDate: E,
+          maxDate: N,
+          onDateChange: $,
+          allowTextInput: F,
+          restrictedDates: v,
+          allowRangeSelection: I,
+          showGoToToday: W,
+          showCloseButton: k,
+          localizedStrings: V,
+          friendlyDateFormat: L,
+          onSelectDate: R,
+          onFormatDate: M,
+          labels: _,
           currentTime: T,
-          onTimeChange: re,
-          timePlaceholder: le,
+          onTimeChange: se,
+          timePlaceholder: ie,
           currentDate: y,
-          readOnlyRenderer: O
+          readOnlyRenderer: H
         }
       ) : /* @__PURE__ */ l(
-        X,
+        Z,
         {
           editable: S,
-          readOnlyRenderer: O,
+          readOnlyRenderer: H,
           selectedDates: r,
           defaultSelectedDates: h,
-          minDate: F,
-          maxDate: E,
-          onChange: _,
-          allowTextInput: v,
-          disabled: w,
-          restrictedDates: I,
-          allowRangeSelection: P,
-          showGoToToday: N,
-          showCloseButton: W,
-          localizedStrings: k,
-          friendlyDateFormat: V,
-          onSelectDate: L,
-          onFormatDate: R,
-          labels: Y
+          minDate: E,
+          maxDate: N,
+          onChange: $,
+          allowTextInput: F,
+          disabled: P,
+          restrictedDates: v,
+          allowRangeSelection: I,
+          showGoToToday: W,
+          showCloseButton: k,
+          localizedStrings: V,
+          friendlyDateFormat: L,
+          onSelectDate: R,
+          onFormatDate: M,
+          labels: _
         }
       )
     }

package/dist/react-components/forms/EFWForm/EFWForm.utils.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { memo as B, useRef as N, useState as w, useCallback as O, useEffect as E, useMemo as z } from "react";
 import { useIsomorphicLayoutEffect as j } from "../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
-import { normalizeArrayValue as x } from "../../commons/valueNormalization.js";
+import { normalizeArrayValue as R } from "../../commons/valueNormalization.js";
 import { EFWInputField as G } from "../../fields/Input/EFWInputField.js";
 import { EFWNumberInputField as $ } from "../../fields/NumberInput/EFWNumberInputField.js";
 import { EFWTextAreaField as V } from "../../fields/TextArea/EFWTextAreaField.js";
@@ -25,61 +25,61 @@ const be = (t) => {
   onValueChange: n,
   registerUpdateProps: i,
   getFieldLogicByName: l,
-  isControlled: d,
-  getAllValues: D,
-  updateFieldProps: T,
+  isControlled: r,
+  getAllValues: x,
+  updateFieldProps: D,
   localeText: W,
-  onValidationChange: L
+  onValidationChange: T
 }) => {
-  const o = t.internalName, S = N(e), [c, A] = w(() => S.current), M = !!d, [I, P] = w({}), C = N({
+  const o = t.internalName, f = N(e), [c, L] = w(() => f.current), M = !!r, [I, P] = w({}), C = N({
     editable: t.editable,
     disabled: t.disabled
   }), m = O((a) => {
-    A(a), S.current = a;
+    L(a), f.current = a;
   }, []);
   E(() => {
-    M || (A(e), S.current = e);
+    M || (L(e), f.current = e);
   }, [e, M]);
   const u = O(
     (a) => {
-      const g = S.current;
+      const y = f.current;
       m(a);
-      const y = l?.(o);
-      if (y) {
-        const F = D();
-        F[o] = a, y(a, T, {
-          allValues: F,
+      const h = l?.(o);
+      if (h) {
+        const S = x();
+        S[o] = a, h(a, D, {
+          allValues: S,
           trigger: "change",
           fieldName: o,
-          previousValue: g,
+          previousValue: y,
           isControlled: M
         });
       }
       n(o, a);
     },
-    [m, l, D, o, M, n, T]
+    [m, l, x, o, M, n, D]
   ), b = O(
     (a) => {
-      L?.(o, a);
+      T?.(o, a);
     },
-    [o, L]
+    [o, T]
   ), q = O((a) => {
-    P((g) => ({ ...g, ...a })), "value" in a ? m(a.value) : "selectedOptions" in a && a.selectedOptions !== void 0 ? m(a.selectedOptions) : "selectedDates" in a ? m(a.selectedDates) : "files" in a && a.files !== void 0 && m(a.files);
+    P((y) => ({ ...y, ...a })), "value" in a ? m(a.value) : "selectedOptions" in a && a.selectedOptions !== void 0 ? m(a.selectedOptions) : "selectedDates" in a ? m(a.selectedDates) : "files" in a && a.files !== void 0 && m(a.files);
   }, [m]);
   j(() => {
     i(o, q);
   }, [o, i, q]), E(() => {
-    const a = C.current, g = a.editable !== t.editable, y = a.disabled !== t.disabled;
-    !g && !y || (P((F) => {
-      let R = !1;
-      const f = { ...F };
-      return g && "editable" in f && (delete f.editable, R = !0), y && "disabled" in f && (delete f.disabled, R = !0), R ? f : F;
+    const a = C.current, y = a.editable !== t.editable, h = a.disabled !== t.disabled;
+    !y && !h || (P((S) => {
+      let A = !1;
+      const F = { ...S };
+      return y && "editable" in F && (delete F.editable, A = !0), h && "disabled" in F && (delete F.disabled, A = !0), A ? F : S;
     }), C.current = {
       editable: t.editable,
       disabled: t.disabled
     });
   }, [t.editable, t.disabled]);
-  const v = z(
+  const g = z(
     () => ({
       ...t,
       ...I
@@ -90,10 +90,11 @@ const be = (t) => {
     return /* @__PURE__ */ s(
       G,
       {
-        "data-field-internal-name": t.internalName,
+        "data-field-internalname": t.internalName,
+        "data-field-typeAsString": t.typeAsString,
         ...Y(
           t,
-          v,
+          g,
           c,
           u,
           b
@@ -104,10 +105,11 @@ const be = (t) => {
     return /* @__PURE__ */ s(
       $,
       {
-        "data-field-internal-name": t.internalName,
+        "data-field-internalname": t.internalName,
+        "data-field-typeAsString": t.typeAsString,
         ...Z(
           t,
-          v,
+          g,
           c,
           u,
           b
@@ -118,10 +120,11 @@ const be = (t) => {
     return /* @__PURE__ */ s(
       V,
       {
-        "data-field-internal-name": t.internalName,
+        "data-field-internalname": t.internalName,
+        "data-field-typeAsString": t.typeAsString,
         ..._(
           t,
-          v,
+          g,
           c,
           u,
           b
@@ -132,10 +135,11 @@ const be = (t) => {
     return /* @__PURE__ */ s(
       H,
       {
-        "data-field-internal-name": t.internalName,
+        "data-field-internalname": t.internalName,
+        "data-field-typeAsString": t.typeAsString,
         ...te(
           t,
-          v,
+          g,
           c,
           u,
           b
@@ -146,10 +150,11 @@ const be = (t) => {
     return /* @__PURE__ */ s(
       J,
       {
-        "data-field-internal-name": t.internalName,
+        "data-field-internalname": t.internalName,
+        "data-field-typeAsString": t.typeAsString,
         ...U(
           t,
-          v,
+          g,
           c,
           u,
           b
@@ -160,10 +165,11 @@ const be = (t) => {
     return /* @__PURE__ */ s(
       K,
       {
-        "data-field-internal-name": t.internalName,
+        "data-field-internalname": t.internalName,
+        "data-field-typeAsString": t.typeAsString,
         ...p(
           t,
-          v,
+          g,
           c,
           u,
           b
@@ -174,10 +180,11 @@ const be = (t) => {
     return /* @__PURE__ */ s(
       Q,
       {
-        "data-field-internal-name": t.internalName,
+        "data-field-internalname": t.internalName,
+        "data-field-typeAsString": t.typeAsString,
         ...ee(
           t,
-          v,
+          g,
           c,
           u,
           b
@@ -186,19 +193,19 @@ const be = (t) => {
     );
   const k = t.typeAsString ?? "unknown";
   return /* @__PURE__ */ s("div", { children: W.unsupportedFieldType(String(k)) });
-}, ve = B(X), r = (t, e) => {
+}, ge = B(X), d = (t, e) => {
   if (!t) return e;
   if (!e) return t;
   const n = Object.entries(e);
   if (n.length === 0) return t;
   let i = !1;
-  for (const [l, d] of n)
-    if (!Object.is(t[l], d)) {
+  for (const [l, r] of n)
+    if (!Object.is(t[l], r)) {
       i = !0;
       break;
     }
   return i ? { ...t, ...e } : t;
-}, h = (t, e) => Object.prototype.hasOwnProperty.call(e, "validationMessageIcon") ? e.validationMessageIcon : t.validationMessageIcon, Y = (t, e, n, i, l) => ({
+}, v = (t, e) => Object.prototype.hasOwnProperty.call(e, "validationMessageIcon") ? e.validationMessageIcon : t.validationMessageIcon, Y = (t, e, n, i, l) => ({
   title: e.title || t.title,
   type: "text",
   formatType: e.formatType,
@@ -218,11 +225,11 @@ const be = (t) => {
   disabled: e.disabled || !1,
   validationState: e.validationState || "none",
   validationMessage: e.validationMessage || "",
-  validationMessageIcon: h(t, e),
+  validationMessageIcon: v(t, e),
   formatFunction: e.formatFunction,
-  labels: r(t.labels, e.labels),
+  labels: d(t.labels, e.labels),
   readOnlyRenderer: e.readOnlyRenderer ?? t.readOnlyRenderer,
-  validationMessages: r(t.validationMessages, e.validationMessages)
+  validationMessages: d(t.validationMessages, e.validationMessages)
 }), Z = (t, e, n, i, l) => ({
   title: e.title || t.title,
   contentAfter: e.contentAfter,
@@ -246,12 +253,12 @@ const be = (t) => {
   disabled: e.disabled || !1,
   validationState: e.validationState || "none",
   validationMessage: e.validationMessage || "",
-  validationMessageIcon: h(t, e),
-  labels: r(t.labels, e.labels),
+  validationMessageIcon: v(t, e),
+  labels: d(t.labels, e.labels),
   readOnlyRenderer: e.readOnlyRenderer ?? t.readOnlyRenderer,
-  validationMessages: r(t.validationMessages, e.validationMessages)
+  validationMessages: d(t.validationMessages, e.validationMessages)
 }), _ = (t, e, n, i, l) => {
-  const d = e.maxLength ?? t.maxLength ?? 3e3;
+  const r = e.maxLength ?? t.maxLength ?? 3e3;
   return {
     title: e.title || t.title,
     value: n,
@@ -259,43 +266,43 @@ const be = (t) => {
     onValidationChange: l,
     infoLabel: e.infoLabel,
     hint: e.hint,
-    maxLength: d,
+    maxLength: r,
     hidden: e.hidden || !1,
     required: e.required || !1,
     editable: e.editable !== void 0 ? e.editable : !0,
     disabled: e.disabled || !1,
     validationState: e.validationState || "none",
     validationMessage: e.validationMessage || "",
-    validationMessageIcon: h(t, e),
+    validationMessageIcon: v(t, e),
     formatFunction: e.formatFunction,
-    labels: r(t.labels, e.labels),
+    labels: d(t.labels, e.labels),
     readOnlyRenderer: e.readOnlyRenderer ?? t.readOnlyRenderer,
-    validationMessages: r(t.validationMessages, e.validationMessages)
+    validationMessages: d(t.validationMessages, e.validationMessages)
   };
 }, U = (t, e, n, i, l) => {
-  const d = x(n ?? e.selectedOptions ?? t.selectedOptions);
+  const r = R(n ?? e.selectedOptions ?? t.selectedOptions);
   return {
     title: e.title || t.title,
     onChange: i,
     onValidationChange: l,
     infoLabel: e.infoLabel,
     hint: e.hint,
-    labels: r(t.labels, e.labels),
+    labels: d(t.labels, e.labels),
     hidden: e.hidden || !1,
     required: e.required || !1,
     editable: e.editable !== void 0 ? e.editable : !0,
     disabled: e.disabled || !1,
     validationState: e.validationState || "none",
     validationMessage: e.validationMessage || "",
-    validationMessageIcon: h(t, e),
+    validationMessageIcon: v(t, e),
     multiple: e.multiple ?? t.multiple,
     options: e.options ?? t.options ?? [],
-    selectedOptions: d,
+    selectedOptions: r,
     beforeRenderOptions: e.beforeRenderOptions ?? t.beforeRenderOptions,
     readOnlyRenderer: e.readOnlyRenderer ?? t.readOnlyRenderer
   };
 }, p = (t, e, n, i, l) => {
-  const d = x(n ?? e.selectedDates ?? t.selectedDates);
+  const r = R(n ?? e.selectedDates ?? t.selectedDates);
   return {
     title: e.title || t.title,
     onChange: i,
@@ -309,8 +316,8 @@ const be = (t) => {
     disabled: e.disabled || !1,
     validationState: e.validationState || "none",
     validationMessage: e.validationMessage || "",
-    validationMessageIcon: h(t, e),
-    selectedDates: d,
+    validationMessageIcon: v(t, e),
+    selectedDates: r,
     localizedStrings: e.localizedStrings ?? t.localizedStrings,
     allowTextInput: e.allowTextInput ?? t.allowTextInput,
     allowRangeSelection: e.allowRangeSelection ?? t.allowRangeSelection,
@@ -319,7 +326,7 @@ const be = (t) => {
     maxDate: e.maxDate ?? t.maxDate,
     friendlyDateFormat: e.friendlyDateFormat ?? t.friendlyDateFormat,
     onFormatDate: e.onFormatDate ?? t.onFormatDate,
-    labels: r(t.labels, e.labels),
+    labels: d(t.labels, e.labels),
     showGoToToday: e.showGoToToday ?? t.showGoToToday,
     showCloseButton: e.showCloseButton ?? t.showCloseButton,
     includeTime: e.includeTime ?? t.includeTime ?? !1,
@@ -327,7 +334,7 @@ const be = (t) => {
     readOnlyRenderer: e.readOnlyRenderer ?? t.readOnlyRenderer
   };
 }, ee = (t, e, n, i, l) => {
-  const d = x(n ?? e.files);
+  const r = R(n ?? e.files);
   return {
     title: e.title || t.title,
     onChange: i,
@@ -340,12 +347,12 @@ const be = (t) => {
     disabled: e.disabled || !1,
     validationState: e.validationState || "none",
     validationMessage: e.validationMessage || "",
-    validationMessageIcon: h(t, e),
-    files: d,
+    validationMessageIcon: v(t, e),
+    files: r,
     multiple: e.multiple ?? t.multiple,
     acceptedTypes: e.acceptedTypes ?? t.acceptedTypes,
     maxFileSize: e.maxFileSize ?? t.maxFileSize,
-    labels: r(t.labels, e.labels),
+    labels: d(t.labels, e.labels),
     onRemoveAttachment: e.onRemoveAttachment ?? t.onRemoveAttachment,
     readOnlyRenderer: e.readOnlyRenderer ?? t.readOnlyRenderer
   };
@@ -353,7 +360,7 @@ const be = (t) => {
   title: e.title || t.title,
   value: n,
   onChange: i,
-  labels: r(t.labels, e.labels),
+  labels: d(t.labels, e.labels),
   onValidationChange: l,
   infoLabel: e.infoLabel,
   hint: e.hint,
@@ -363,10 +370,10 @@ const be = (t) => {
   disabled: e.disabled || !1,
   validationState: e.validationState || "none",
   validationMessage: e.validationMessage || "",
-  validationMessageIcon: h(t, e),
+  validationMessageIcon: v(t, e),
   readOnlyRenderer: e.readOnlyRenderer ?? t.readOnlyRenderer
 });
 export {
-  ve as EFWFormFieldWrapper,
+  ge as EFWFormFieldWrapper,
   be as generateGridTemplateColumns
 };

package/dist/react-components/tables/EFWTable/hooks/useDefaultFilterButton/useDefaultFilterButton.js

@@ -220,7 +220,7 @@ const oe = (r) => {
           k
         ) : { fields: T }, U = {
           ...A,
-          className: Z("efwTable-filter", A.className)
+          className: Z("efw-table-filter", A.className)
         };
         c({
           size: I,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envisiongroup/porygon",
-  "version": "1.0.0-rc.37",
+  "version": "1.0.0-rc.38",
   "description": "Librerias de componentes de React creados por la empresa Envision",
   "license": "CC-BY-ND-4.0",
   "main": "./dist/index.js",