@envisiongroup/porygon 1.0.0-rc.8 → 1.0.0

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

@@ -1,244 +0,0 @@
-import { jsx as t, Fragment as pe, jsxs as V } from "react/jsx-runtime";
-import { useRef as y, useState as C, useMemo as q, useEffect as T, useCallback as u } from "react";
-import { makeStyles as ue, tokens as r, useTagPickerFilter as fe, TagPickerOption as R, Avatar as ge, Spinner as me, mergeClasses as be, TagPicker as he, TagPickerControl as Ce, TagPickerGroup as Se, Tag as Oe, TagPickerInput as ke, Button as ye, TagPickerList as Te, Text as xe } from "@fluentui/react-components";
-import { CollectionsEmpty20Regular as Pe, Eraser20Regular as ve } from "@fluentui/react-icons";
-const E = [], Ne = ue({
-  efwTagPickerControlError: {
-    backgroundColor: r.colorPaletteRedBackground1,
-    "::after": {
-      borderBottomColor: r.colorPaletteRedBorder2,
-      borderBottomStyle: "solid",
-      borderBottomWidth: "2px"
-    }
-  },
-  efwTagPickerControl: {
-    "& [disabled]": {
-      backgroundColor: r.colorNeutralBackground3,
-      color: r.colorNeutralForeground2,
-      "&::placeholder": {
-        color: "transparent"
-      }
-    },
-    // Afectar el span que contiene el input disabled
-    // Aumentar especificidad repitiendo el selector
-    "&&:has([disabled])": {
-      backgroundColor: r.colorNeutralBackground3,
-      borderTopColor: r.colorNeutralStrokeDisabled,
-      borderBottomColor: r.colorNeutralStrokeDisabled,
-      borderLeftColor: r.colorNeutralStrokeDisabled,
-      borderRightColor: r.colorNeutralStrokeDisabled,
-      "& button": {
-        borderBottomColor: r.colorNeutralStrokeDisabled,
-        borderTopColor: r.colorNeutralStrokeDisabled,
-        borderLeftColor: r.colorNeutralStrokeDisabled,
-        borderRightColor: r.colorNeutralStrokeDisabled,
-        paddingRight: "5px",
-        "& .fui-Tag__dismissIcon": {
-          display: "none"
-          //visibility: 'hidden'
-        }
-      }
-    }
-  }
-}), De = (w) => {
-  const {
-    placeholder: Q = "Selecciona una opción",
-    noMatchesMessage: W = "No se encontraron coincidencias",
-    loadingMessage: G = "Buscando información...",
-    className: J = "",
-    minQueryLength: f = 0,
-    options: a = E,
-    hidden: Y = !1,
-    disabled: D = !1,
-    editable: H = !0,
-    selectedOptions: L = E,
-    defaultSelectedOptions: x = E,
-    noPopover: U = !1,
-    tagSize: X = "medium",
-    tagShape: Z = "rounded",
-    tagAppearance: $ = "brand",
-    onChange: S,
-    beforeRenderOptions: g,
-    multiple: M = !0,
-    validationState: z = "none",
-    validationMessage: K,
-    setParentComponentState: P
-  } = w, ee = y(z), oe = y(K), [l, A] = C(""), i = w.selectedOptions !== void 0, I = (i ? L : x) ?? [], [te, v] = C(I), s = i ? L ?? [] : te, d = q(() => s.map((e) => e.key), [s]), [c, m] = C([]), [re, N] = C(!1), [b, O] = C(!1), p = y(), k = y(
-    Object.fromEntries(I.map((e) => [e.key, e]))
-  ), _ = q(
-    () => x ?? [],
-    [x]
-  );
-  T(() => {
-    s.forEach((e) => {
-      k.current[e.key] = e;
-    });
-  }, [s]);
-  const j = Ne(), ne = u((e) => (s.find((n) => n.key === e) || k.current[e])?.text || e, [s]);
-  T(() => {
-    typeof a == "function" && l.length < f && b && O(!1);
-  }, [l, f, a, b]), T(() => b ? (p.current?.abort(), p.current = new AbortController(), (async () => {
-    if (typeof a != "function") {
-      const o = g ? g(a) : a;
-      m(o);
-      return;
-    }
-    P?.(ee.current, oe.current);
-    try {
-      N(!0), m([]);
-      const o = await a(l, { signal: p.current.signal }), n = g ? g(o) : o;
-      m(n);
-    } catch (o) {
-      p.current?.signal.aborted || (console.error("Error loading options:", o), m([]), P?.("error", JSON.stringify(o)));
-    } finally {
-      p.current?.signal.aborted || N(!1);
-    }
-  })(), () => p.current?.abort()) : void 0, [b, a, l, g, P, f]);
-  const ae = u(() => {
-    i || v([]), S?.([]);
-  }, [i, S]), le = u((e, o) => {
-    if (o.open && typeof a == "function" && l.length < f) {
-      O(!1);
-      return;
-    }
-    o.open && typeof a == "function" && (N(!0), m([])), O(o.open);
-  }, [a, l, f]), se = u((e, o) => {
-    if (o.value === "no-matches") return;
-    let n;
-    M ? n = o.selectedOptions : (n = o.selectedOptions.slice(-1), O(!1)), A("");
-    const F = n.map((h) => {
-      const B = c.find((de) => de.key === h) || k.current[h];
-      return B && (k.current[h] = B), B || { key: h, text: h };
-    });
-    i || v(F), S?.(F);
-  }, [c, S, M, i]), ie = fe({
-    // La consulta actual ingresada por el usuario para filtrar opciones.
-    query: l,
-    // Lista de claves (como strings) de las opciones disponibles, obtenidas de 'availableOptions'.
-    options: c.map((e) => e.key.toString()),
-    // Elemento a mostrar cuando no hay opciones disponibles.
-    noOptionsElement: re ? (
-      // Si está cargando ('isLoading' es true), muestra un spinner pequeño.
-      /* @__PURE__ */ t(
-        me,
-        {
-          style: { height: "30px" },
-          size: "extra-tiny",
-          appearance: "primary",
-          label: {
-            size: "small",
-            children: G
-            // Mensaje como "Buscando información...".
-          }
-        }
-      )
-    ) : (
-      // Si no está cargando y no hay opciones, muestra un mensaje de "sin coincidencias".
-      /* @__PURE__ */ t(
-        R,
-        {
-          value: "no-matches",
-          media: /* @__PURE__ */ t(Pe, {}),
-          children: W
-        }
-      )
-    ),
-    /**
-     * Función para renderizar una opción individual en la lista.
-     * @param {string} optionKey - Clave de la opción a renderizar.
-     * @returns {JSX.Element} - Elemento JSX que representa la opción.
-     */
-    renderOption: u((e) => {
-      const o = c.find((n) => n.key === e);
-      return o ? /* @__PURE__ */ t(
-        R,
-        {
-          secondaryContent: o.secondaryContent || "",
-          media: /* @__PURE__ */ t(ge, { shape: "square", "aria-hidden": !0, name: o.text, color: "colorful" }),
-          value: o.key,
-          children: o.text
-        },
-        o.key
-      ) : (
-        // Si no se encuentra la opción, renderiza una versión básica con solo la clave.
-        /* @__PURE__ */ t(R, { value: e, children: e }, e)
-      );
-    }, [c]),
-    // Dependencia: se recrea si 'availableOptions' cambia.
-    /**
-     * Función de filtrado para determinar qué opciones mostrar.
-     * @param {string} optionKey - Clave de la opción a evaluar.
-     * @returns {boolean} - True si la opción debe mostrarse, false si no.
-     */
-    filter: u((e) => {
-      const o = c.find((n) => n.key === e);
-      return o ? !d.includes(e) && o.text.toLowerCase().includes(l.toLowerCase()) : !1;
-    }, [c, d, l])
-  });
-  if (Y) return null;
-  const ce = be(
-    J,
-    j.efwTagPickerControl,
-    z === "error" && j.efwTagPickerControlError
-  );
-  return T(() => {
-    i || v(_);
-  }, [i, _]), /* @__PURE__ */ t(pe, { children: H ? /* @__PURE__ */ V(
-    he,
-    {
-      open: b,
-      size: X,
-      disabled: D,
-      onOptionSelect: se,
-      onOpenChange: le,
-      selectedOptions: d,
-      noPopover: U,
-      children: [
-        /* @__PURE__ */ V(
-          Ce,
-          {
-            className: ce,
-            secondaryAction: !D && d.length ? /* @__PURE__ */ t(
-              ye,
-              {
-                appearance: "transparent",
-                size: "small",
-                shape: "rounded",
-                onClick: ae,
-                icon: /* @__PURE__ */ t(ve, {}),
-                iconPosition: "before"
-              }
-            ) : void 0,
-            children: [
-              /* @__PURE__ */ t(Se, { "aria-label": "Selected items", children: d.map((e) => /* @__PURE__ */ t(
-                Oe,
-                {
-                  style: { paddingTop: "0px", paddingBottom: "0px" },
-                  shape: Z,
-                  appearance: $,
-                  value: e,
-                  children: ne(e)
-                },
-                e
-              )) }),
-              /* @__PURE__ */ t(
-                ke,
-                {
-                  placeholder: d.length ? "" : Q,
-                  autoComplete: "off",
-                  "aria-label": "Select items",
-                  value: l,
-                  onChange: (e) => A(e.target.value)
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(Te, { children: ie })
-      ]
-    }
-  ) : /* @__PURE__ */ t(xe, { style: s.length ? void 0 : { opacity: 0.7 }, children: s.length ? s.map((e) => e.text).join(", ") : "Sin datos disponibles" }) });
-};
-export {
-  De as EFWTagPicker
-};

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

@@ -1,2 +0,0 @@
-export { EFWTagPicker } from './EFWTagPicker';
-export type { EFWTagPickerProps, AsyncOptionsLoader, EFWTagPickerOption, EFWTagPickerOnChange, EFWTagPickerValue } from './EFWTagPicker.types';

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

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

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

@@ -1,74 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { EFWField as L } from "../EFWField/EFWField.js";
-import { EFWTagPicker as O } from "../EFWTagPicker/EFWTagPicker.js";
-const q = (n) => {
-  const {
-    title: i,
-    // description,
-    infoLabel: o,
-    hint: t,
-    style: l = {},
-    required: d = !1,
-    placeholder: r = "Selecciona una opción",
-    noMatchesMessage: s = "No se encontraron coincidencias",
-    loadingMessage: c = "Buscando información...",
-    validationState: g = "none",
-    validationMessage: h = "",
-    minQueryLength: p = 0,
-    options: f = [],
-    selectedOptions: m,
-    defaultSelectedOptions: u,
-    editable: e = !0,
-    disabled: b = !1,
-    hidden: F = !1,
-    noPopover: C = !1,
-    multiple: S = !1,
-    tagSize: E = "medium",
-    tagShape: M = "rounded",
-    tagAppearance: P = "brand",
-    onChange: W,
-    beforeRenderOptions: _,
-    onValidationChange: k
-  } = n;
-  return /* @__PURE__ */ a(
-    L,
-    {
-      hint: t,
-      style: l,
-      title: i,
-      infoLabel: o,
-      weightLabel: e ? "regular" : "semibold",
-      required: d,
-      validationState: g,
-      validationMessage: h,
-      onValidationChange: k,
-      hidden: F,
-      children: /* @__PURE__ */ a(
-        O,
-        {
-          editable: e,
-          noMatchesMessage: s,
-          loadingMessage: c,
-          placeholder: r,
-          selectedOptions: m,
-          defaultSelectedOptions: u,
-          minQueryLength: p,
-          options: f,
-          onChange: (v = []) => {
-            W?.(v, "[EFWTagPickerField]: __handleChange__");
-          },
-          beforeRenderOptions: _,
-          disabled: b,
-          noPopover: C,
-          tagSize: E,
-          tagShape: M,
-          tagAppearance: P,
-          multiple: S
-        }
-      )
-    }
-  );
-};
-export {
-  q as EFWTagPickerField
-};

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

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

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

@@ -1,2 +0,0 @@
-export { EFWTagPickerField } from './EFWTagPickerField';
-export type { EFWTagPickerFieldProps, EFWTagPickerFieldValue, EFWTagPickerFieldOption, EFWTagPickerFieldOnChange } from './EFWTagPickerField.types';

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

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

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

@@ -1,105 +0,0 @@
-import { jsx as m, Fragment as j } from "react/jsx-runtime";
-import { makeStyles as L, tokens as l, mergeClasses as $, Textarea as U, Text as W } from "@fluentui/react-components";
-import { useId as _, useRef as z, useState as q, useCallback as s, useEffect as h, useLayoutEffect as G } from "react";
-const J = L({
-  efwTextArea: {
-    "& textarea": {
-      maxHeight: "none",
-      "&[disabled]": {
-        backgroundColor: l.colorNeutralBackground3,
-        color: l.colorNeutralForeground3
-      }
-    },
-    // Afectar el span que contiene el textarea disabled
-    "&:has([disabled])": {
-      backgroundColor: l.colorNeutralBackground3
-    }
-  },
-  efwTextAreaError: {
-    backgroundColor: l.colorPaletteRedBackground1
-    // '& textarea': {
-    // 	maxHeight: 'none',
-    // 	backgroundColor: "var(--colorPaletteRedBackground1)",
-    // },
-    // '.fui-Textarea': {
-    // 	backgroundColor: "var(--colorPaletteRedBackground1)",
-    // 	borderBottom: "2px solid var(--colorPaletteRedBorder2) !important"
-    // },
-    // '& textarea::after': {
-    // 	borderBottom: "2px solid var(--colorPaletteRedBorder2) !important"
-    // }
-  }
-}), x = (i) => i ?? "", X = (i) => {
-  const {
-    value: u,
-    defaultValue: p,
-    onKeyDown: C,
-    onChange: y,
-    editable: S = !0,
-    disabled: N = !1,
-    autoComplete: A = "off",
-    className: E = "",
-    placeholder: D,
-    maxLength: c = 250,
-    size: H,
-    validationState: I = "none",
-    setParentComponentState: d,
-    autoResize: f = !0
-    // Nuevo prop con valor por defecto true
-  } = i, t = u !== void 0, R = x(t ? u : p), r = x(p), k = J(), v = _(), g = z(null), [B, V] = q(R), b = z(!1), o = t ? x(u) : B, T = s(() => {
-    if (!f || !g.current) return;
-    const e = g.current;
-    e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
-  }, [f]), a = s((e) => {
-    e.length > c ? d?.("error", `Por favor introduzca menos de ${c} caracteres.`) : d?.("none", "");
-  }, [c, d]);
-  h(() => {
-    t && a(o);
-  }, [t, o, a]), h(() => {
-    t || b.current || (b.current = !0, a(o));
-  }, [t, o, a]), G(() => {
-    T();
-  }, [o, T]);
-  const F = s((e, w) => {
-    if (typeof w.value == "string") {
-      const n = w.value ?? "";
-      a(n), t || V(n), y?.(n, n);
-    }
-  }, [a, t, y]), K = s((e) => {
-    C?.(e, o);
-  }, [C, o]), P = $(
-    E,
-    k.efwTextArea,
-    I === "error" && k.efwTextAreaError
-  );
-  return h(() => {
-    t || (V((e) => e === r ? e : r), a(r));
-  }, [t, r, a]), /* @__PURE__ */ m(j, { children: S ? /* @__PURE__ */ m(
-    U,
-    {
-      ref: g,
-      className: P,
-      id: v,
-      name: v,
-      placeholder: D,
-      disabled: N,
-      value: o,
-      autoComplete: A,
-      autoCorrect: "off",
-      autoCapitalize: "off",
-      spellCheck: "false",
-      onChange: F,
-      onKeyDown: K,
-      size: H,
-      style: {
-        resize: f ? "none" : "vertical",
-        overflow: "hidden",
-        minHeight: "40px"
-        // Altura mínima para mantener usabilidad
-      }
-    }
-  ) : /* @__PURE__ */ m(W, { style: o ? void 0 : { opacity: 0.7 }, children: o || "Sin datos disponibles" }) });
-};
-export {
-  X as EFWTextArea
-};

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

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

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

@@ -1,2 +0,0 @@
-export { EFWTextArea } from './EFWTextArea';
-export type { EFWTextAreaProps, EFWTextAreaValue } from './EFWTextArea.types';

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

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

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

@@ -1,71 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { EFWField as T } from "../EFWField/EFWField.js";
-import { EFWTextArea as V } from "../EFWTextArea/EFWTextArea.js";
-const D = (t) => {
-  const {
-    title: n,
-    infoLabel: o,
-    hint: l,
-    className: i,
-    style: r = {},
-    required: d = !1,
-    contentBefore: s,
-    contentAfter: f,
-    maxLength: h = 1e3,
-    size: m,
-    validationState: c,
-    validationMessage: g,
-    value: u,
-    defaultValue: p,
-    editable: e = !0,
-    disabled: C = !1,
-    hidden: F = !1,
-    onChange: b,
-    onKeyDown: x,
-    autoComplete: v = "off",
-    placeholder: A,
-    formatPattern: E,
-    formatFunction: L,
-    onValidationChange: W
-  } = t;
-  return /* @__PURE__ */ a(
-    T,
-    {
-      className: i,
-      style: r,
-      title: n,
-      infoLabel: o,
-      weightLabel: e ? "regular" : "semibold",
-      hint: l,
-      required: d,
-      validationState: c,
-      validationMessage: g,
-      onValidationChange: W,
-      hidden: F,
-      children: /* @__PURE__ */ a(
-        V,
-        {
-          value: u,
-          defaultValue: p,
-          editable: e,
-          onChange: (w, y) => {
-            b?.(w, y);
-          },
-          onKeyDown: x,
-          maxLength: h,
-          size: m,
-          disabled: C,
-          autoComplete: v,
-          placeholder: A,
-          contentBefore: s,
-          contentAfter: f,
-          formatPattern: E,
-          formatFunction: L
-        }
-      )
-    }
-  );
-};
-export {
-  D as EFWTextAreaField
-};

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

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

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

@@ -1,2 +0,0 @@
-export { EFWTextAreaField } from './EFWTextAreaField';
-export type { EFWTextAreaFieldProps, EFWTextAreaFieldValue } from './EFWTextAreaField.types';

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

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

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

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

package/dist/utils/htmlConverter.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-
-/**
- * Convierte un nodo JSX en un string HTML.
- * @param jsx Nodo JSX o ReactNode a convertir.
- * @returns string con el HTML resultante.
- */
-export declare function jsxToString(jsx: ReactNode): string;
-/**
- * Convierte un string HTML en JSX utilizando dangerouslySetInnerHTML.
- * Usar con contenido controlado para evitar XSS.
- * @param html String con el HTML.
- * @returns JSX renderizable en React.
- */
-export declare function stringToJsx(html: string): JSX.Element;

package/dist/utils/htmlConverter.js

@@ -1,12 +0,0 @@
-import { jsx as n, Fragment as t } from "react/jsx-runtime";
-import { renderToStaticMarkup as o } from "react-dom/server";
-function m(r) {
-  return o(/* @__PURE__ */ n(t, { children: r }));
-}
-function u(r) {
-  return /* @__PURE__ */ n("div", { dangerouslySetInnerHTML: { __html: r } });
-}
-export {
-  m as jsxToString,
-  u as stringToJsx
-};