linear-react-components-ui 1.1.26-beta.23 → 1.1.26-beta.25

package/lib/inputs2/selectfield/base.js

@@ -1,411 +1,288 @@
-import { jsxs as le, jsx as p } from "react/jsx-runtime";
-import { c as cl } from "../../_virtual/compiler-runtime.js";
+import { jsxs as B, jsx as c } from "react/jsx-runtime";
 import '../../assets/styles/selectfield.css';/* empty css                                   */
-import o, { Fragment as rl } from "react";
-import h from "../../_virtual/lodash.js";
-import { createPortal as ul } from "react-dom";
-import dl from "../../hint/index.js";
-import fl from "../../popover/index.js";
-import ml from "../../tooltip/index.js";
-import { mergeRefs as hl } from "../../form2/helpers.js";
-import { LeftSlot as vl, RightSlot as yl } from "../slot/index.js";
-import { ListBox as bl } from "./listbox.js";
-import { Triggers as gl } from "./triggers.js";
-import { Selections as Sl } from "./selections.js";
-import { SelectFieldContext as pl } from "./context.js";
-import { Options as El } from "./options.js";
-import { Item as xl } from "./item.js";
-import { MultipleVariantEnum as Gt, Keys as O } from "./types.js";
-import { isTypingKey as Cl, NAVIGATION_KEYS as Yt } from "./helpers.js";
-import Il from "../../popover/PopoverText.js";
-import kl from "../../node_modules/uuid/dist/v1.js";
-const Jt = `select-field-controls-${kl()}`, Bl = o.forwardRef((t, ne) => {
-  const e = cl.c(232);
-  let m, n, D, V, c, b, d, E, ie, oe, ae, se, ce, re, ue, de, fe, me, he, ve, ye, be, ge, Se, pe, Ee, xe, Ce, Ie, P, R, q;
-  e[0] !== t ? ({
-    name: c,
-    label: V,
-    errors: D,
-    children: m,
-    onChange: b,
-    tooltip: P,
-    tooltipPosition: R,
-    tooltipWidth: q,
-    hintPosition: ie,
-    themePopover: oe,
-    popoverAlign: ye,
-    skeletonize: ge,
-    striped: Se,
-    undigitable: pe,
-    externalSearch: Ee,
-    openDropdownOnFocus: xe,
-    showClearButton: Ce,
-    textAlign: Ie,
-    searchOnDropdown: ae,
-    onSearch: se,
-    customClass: ce,
-    customClassLabel: re,
-    customClassWrapper: ue,
-    customClassInputContainer: de,
-    notFoundFilterLabel: fe,
-    multipleInputLabelEmpty: me,
-    multipleInputLabelManySelection: he,
-    searchInputPlaceholder: ve,
-    dropdownAlignButton: be,
-    disabled: n,
-    readOnly: d,
-    ...E
-  } = t, e[0] = t, e[1] = m, e[2] = n, e[3] = D, e[4] = V, e[5] = c, e[6] = b, e[7] = d, e[8] = E, e[9] = ie, e[10] = oe, e[11] = ae, e[12] = se, e[13] = ce, e[14] = re, e[15] = ue, e[16] = de, e[17] = fe, e[18] = me, e[19] = he, e[20] = ve, e[21] = ye, e[22] = be, e[23] = ge, e[24] = Se, e[25] = pe, e[26] = Ee, e[27] = xe, e[28] = Ce, e[29] = Ie, e[30] = P, e[31] = R, e[32] = q) : (m = e[1], n = e[2], D = e[3], V = e[4], c = e[5], b = e[6], d = e[7], E = e[8], ie = e[9], oe = e[10], ae = e[11], se = e[12], ce = e[13], re = e[14], ue = e[15], de = e[16], fe = e[17], me = e[18], he = e[19], ve = e[20], ye = e[21], be = e[22], ge = e[23], Se = e[24], pe = e[25], Ee = e[26], xe = e[27], Ce = e[28], Ie = e[29], P = e[30], R = e[31], q = e[32]);
-  const k = ie === void 0 ? "below" : ie, it = oe === void 0 ? "light" : oe, ot = ye === void 0 ? "left" : ye, s = ge === void 0 ? !1 : ge, at = Se === void 0 ? !1 : Se, v = pe === void 0 ? !1 : pe, st = Ee === void 0 ? !1 : Ee, M = xe === void 0 ? !0 : xe, ct = Ce === void 0 ? !0 : Ce, rt = Ie === void 0 ? "left" : Ie, ut = ae === void 0 ? !1 : ae, dt = se === void 0 ? void 0 : se, Qt = ce === void 0 ? "" : ce, ft = re === void 0 ? "" : re, Xt = ue === void 0 ? "" : ue, Zt = de === void 0 ? "" : de, mt = fe === void 0 ? "Nenhuma opção encontrada." : fe, B = me === void 0 ? "Nenhum registro selecionado" : me, ht = he === void 0 ? "Múltiplos registros selecionados" : he, vt = ve === void 0 ? "Pesquisar registros" : ve, yt = be === void 0 ? "left" : be, [bt, x] = o.useState(""), [gt, F] = o.useState(""), [a, C] = o.useState(!1), [I, Le] = o.useState(void 0);
-  let Oe;
-  e[33] !== t.multiple ? (Oe = h.isEqual(t?.multiple, Gt.default), e[33] = t.multiple, e[34] = Oe) : Oe = e[34];
-  const N = Oe;
-  let Fe;
-  e[35] !== t.multiple ? (Fe = h.isEqual(t?.multiple, Gt.checkboxes), e[35] = t.multiple, e[36] = Fe) : Fe = e[36];
-  const i = Fe, u = N || i, Kt = o.useRef(null), el = o.useRef(null), w = o.useRef(null), St = o.useRef(null), Wt = o.useRef(null), ke = o.useRef(null);
-  let Be;
-  e[37] !== m ? (Be = /* @__PURE__ */ new Map(), o.Children.forEach(m, (l) => {
-    o.isValidElement(l) && Be.set(l.props.value, l.props.label);
-  }), e[37] = m, e[38] = Be) : Be = e[38];
-  const y = Be;
-  let De;
-  e[39] !== i || e[40] !== B ? (De = () => {
-    i && x(B);
-  }, e[39] = i, e[40] = B, e[41] = De) : De = e[41];
-  let Ve;
-  e[42] === Symbol.for("react.memo_cache_sentinel") ? (Ve = [], e[42] = Ve) : Ve = e[42], o.useEffect(De, Ve);
-  let Re;
-  e[43] !== i || e[44] !== a || e[45] !== M ? (Re = () => {
-    M && a && requestAnimationFrame(() => {
-      i && ke.current?.focus?.();
-    });
-  }, e[43] = i, e[44] = a, e[45] = M, e[46] = Re) : Re = e[46];
-  let Ne;
-  e[47] !== a ? (Ne = [a], e[47] = a, e[48] = Ne) : Ne = e[48], o.useEffect(Re, Ne);
-  let Ae;
-  e[49] !== i || e[50] !== y || e[51] !== B || e[52] !== ht || e[53] !== t.value || e[54] !== E.value ? (Ae = () => {
-    if (!i && !t?.value && x(""), !t?.value || document.activeElement === w.current)
-      return;
-    const l = y.get(E.value);
-    if (i || x(l ?? ""), i) {
-      const r = y.get(t?.value[0]);
-      switch (h.size(t?.value)) {
+import { forwardRef as Ye, useId as Je, useState as N, useRef as E, useMemo as q, Children as M, isValidElement as R, useEffect as H, cloneElement as j, Fragment as ne } from "react";
+import o from "../../_virtual/lodash.js";
+import { createPortal as Qe } from "react-dom";
+import Xe from "../../hint/index.js";
+import Ze from "../../popover/index.js";
+import { Tooltip as _e } from "../../tooltip/index.js";
+import { mergeRefs as et } from "../../form2/helpers.js";
+import { LeftSlot as tt, RightSlot as lt } from "../slot/index.js";
+import { ListBox as nt } from "./listbox.js";
+import { Triggers as at } from "./triggers.js";
+import { Selections as ot } from "./selections.js";
+import { SelectFieldContext as st } from "./context.js";
+import { Options as it } from "./options.js";
+import { Item as rt } from "./item.js";
+import { MultipleVariantEnum as ae, Keys as b } from "./types.js";
+import { scrollListBoxToElement as oe, isTypingKey as ct, NAVIGATION_KEYS as se } from "./helpers.js";
+import ut from "../../popover/PopoverText.js";
+const dt = Ye((t, ie) => {
+  const {
+    name: S,
+    label: U,
+    errors: G,
+    children: v,
+    onChange: T,
+    tooltip: re,
+    tooltipPosition: Y,
+    tooltipWidth: ce,
+    hintPosition: A = "below",
+    themePopover: ue = "light",
+    popoverAlign: de = "left",
+    skeletonize: f = !1,
+    striped: fe = !1,
+    undigitable: I = !1,
+    externalSearch: me = !1,
+    openDropdownOnFocus: J = !0,
+    showClearButton: he = !0,
+    textAlign: pe = "left",
+    searchOnDropdown: ye = !1,
+    onSearch: ge = void 0,
+    customClass: be = "",
+    customClassLabel: ve = "",
+    customClassWrapper: xe = "",
+    customClassInputContainer: Se = "",
+    notFoundFilterLabel: Be = "Nenhuma opção encontrada.",
+    multipleInputLabelEmpty: P = "Nenhum registro selecionado",
+    multipleInputLabelManySelection: Ee = "Múltiplos registros selecionados",
+    searchInputPlaceholder: Ie = "Pesquisar registros",
+    dropdownAlignButton: ke = "left",
+    dropdownMaxWidth: Le = void 0,
+    disabled: i,
+    readOnly: k,
+    ...$
+  } = t, Q = Je(), [we, m] = N(""), [Ce, x] = N(""), [u, h] = N(!1), [F, V] = N(void 0), z = o.isEqual(t?.multiple, ae.default), d = o.isEqual(t?.multiple, ae.checkboxes), y = z || d, X = E(null), Oe = E(null), g = E(null), L = E(null), Z = E(null), w = E(null), C = q(() => {
+    const e = /* @__PURE__ */ new Map();
+    return M.forEach(v, (l) => {
+      R(l) && e.set(l.props.value, l.props.label);
+    }), e;
+  }, [v]);
+  H(() => {
+    d && m(P);
+  }, []), H(() => {
+    if (J && u && d && setTimeout(() => {
+      w.current?.focus?.();
+    }, 10), u) {
+      let e = 0;
+      const l = 20, n = () => {
+        const a = L.current?.querySelector('ul[role="listbox"]'), s = y ? o.orderBy([...t.value], (r) => o.toNumber(r), ["asc"])[0] : t?.value, p = a?.querySelector(`li[id="${o.toString(s)}"]`);
+        p && a && (a.clientHeight > 0 ? oe(a, p, "center") : e < l && (e++, requestAnimationFrame(n)));
+      };
+      requestAnimationFrame(n);
+    }
+  }, [u]), H(() => {
+    if (!d && !t?.value && m(""), !t?.value || document.activeElement === g.current) return;
+    const e = C.get($.value);
+    if (d || m(e ?? ""), d) {
+      const l = C.get(t?.value[0]);
+      switch (o.size(t?.value)) {
         case 0:
-          return x(B);
+          return m(P);
         case 1:
-          return x(r ?? "");
+          return m(l ?? "");
         default:
-          return x(ht);
+          return m(Ee);
       }
     }
-  }, e[49] = i, e[50] = y, e[51] = B, e[52] = ht, e[53] = t.value, e[54] = E.value, e[55] = Ae) : Ae = e[55];
-  const pt = t?.value;
-  let Pe;
-  e[56] !== y || e[57] !== pt ? (Pe = [pt, y], e[56] = y, e[57] = pt, e[58] = Pe) : Pe = e[58], o.useEffect(Ae, Pe);
-  let qe;
-  e[59] !== t.label ? (qe = h.isEmpty(t?.label), e[59] = t.label, e[60] = qe) : qe = e[60];
-  const Et = !qe, T = !!t.hint?.length, L = !!D?.length;
-  let Me;
-  if (e[61] !== m) {
-    const l = [];
-    o.Children.map(m, (r, f) => {
-      if (o.isValidElement(r)) {
-        const g = o.cloneElement(r, {
-          key: r.key ?? `child-item-${f + 1}`
+  }, [t?.value, C]);
+  const Fe = !o.isEmpty(t?.label), _ = !!t.hint?.length, K = !!G?.length, {
+    childrenItems: Ve
+  } = q(() => {
+    const e = [];
+    return M.map(v, (l, n) => {
+      if (R(l)) {
+        const a = j(l, {
+          key: l.key ?? `child-item-${n + 1}`
         });
-        r.type === xl && l.push(g);
+        l.type === rt && e.push(a);
       }
-    }), Me = {
-      childrenItems: l
-    }, e[61] = m, e[62] = Me;
-  } else
-    Me = e[62];
-  const {
-    childrenItems: xt
-  } = Me;
-  let Te;
-  if (e[63] !== m || e[64] !== n) {
-    const l = [], r = [];
-    o.Children.map(m, (f, g) => {
-      if (o.isValidElement(f)) {
-        const S = o.cloneElement(f, {
-          key: f.key ?? `slot-${g}`,
-          disabled: n,
-          "aria-disabled": n
+    }), {
+      childrenItems: e
+    };
+  }, [v, i]), {
+    leftSlotElements: ee,
+    rightSlotElements: te
+  } = q(() => {
+    const e = [], l = [];
+    return M.map(v, (n, a) => {
+      if (R(n)) {
+        const s = j(n, {
+          key: n.key ?? `slot-${a}`,
+          disabled: i,
+          "aria-disabled": i
         });
-        f.type === vl && l.push(S), f.type === yl && r.push(S);
+        n.type === tt && e.push(s), n.type === lt && l.push(s);
       }
-    }), Te = {
-      leftSlotElements: l,
-      rightSlotElements: r
-    }, e[63] = m, e[64] = n, e[65] = Te;
-  } else
-    Te = e[65];
-  const {
-    leftSlotElements: jt,
-    rightSlotElements: Ht
-  } = Te;
-  let $e;
-  if (e[66] !== m || e[67] !== n) {
-    const l = [];
-    o.Children.map(m, (r, f) => {
-      if (o.isValidElement(r)) {
-        const g = o.cloneElement(r, {
-          key: r.key ?? `option-list-${f}`,
-          disabled: n
+    }), {
+      leftSlotElements: e,
+      rightSlotElements: l
+    };
+  }, [v, i]), {
+    optionItens: De
+  } = q(() => {
+    const e = [];
+    return M.map(v, (l, n) => {
+      if (R(l)) {
+        const a = j(l, {
+          key: l.key ?? `option-list-${n}`,
+          disabled: i
         });
-        r.type === El && l.push(g);
+        l.type === it && e.push(a);
       }
-    }), $e = {
-      optionItens: l
-    }, e[66] = m, e[67] = n, e[68] = $e;
-  } else
-    $e = e[68];
-  const {
-    optionItens: Ct
-  } = $e, tl = !!jt?.length, ll = !!Ht?.length;
-  let _e;
-  e[69] === Symbol.for("react.memo_cache_sentinel") ? (_e = () => {
-    C(!1), F("");
-  }, e[69] = _e) : _e = e[69];
-  const nl = _e;
-  let ze;
-  e[70] !== u || e[71] !== t.value ? (ze = () => {
-    const l = u ? h.orderBy([...t.value], wl, ["asc"])[0] : t?.value;
-    Le(h.toString(l) ?? void 0);
-  }, e[70] = u, e[71] = t.value, e[72] = ze) : ze = e[72];
-  const $ = ze;
-  let Ke;
-  e[73] === Symbol.for("react.memo_cache_sentinel") ? (Ke = () => {
-    C((l) => (l && F(""), w.current !== document.activeElement && w?.current?.focus?.(), !l));
-  }, e[73] = Ke) : Ke = e[73];
-  const il = Ke;
-  let We;
-  e[74] === Symbol.for("react.memo_cache_sentinel") ? (We = (l) => {
-    Kt.current = l;
-  }, e[74] = We) : We = e[74];
-  const ol = We;
-  let je;
-  e[75] !== u || e[76] !== c || e[77] !== b || e[78] !== t.value ? (je = (l, r, f) => {
-    let g = t?.value;
-    f || (g = h.union(t.value, [l])), f && (g = h.without(t.value, l));
-    const S = u ? h.orderBy(g, Ll, ["asc"]) : l;
-    b?.({
+    }), {
+      optionItens: e
+    };
+  }, [v, i]), Ne = !!ee?.length, qe = !!te?.length, Me = () => {
+    h(!1), x("");
+  }, W = () => {
+    const e = y ? o.orderBy([...t.value], (l) => o.toNumber(l), ["asc"])[0] : t?.value;
+    V(o.toString(e) ?? void 0);
+  }, Re = () => {
+    h((e) => (e && x(""), g.current !== document.activeElement && g?.current?.focus?.(), W(), !e));
+  }, Te = (e) => {
+    X.current = e;
+  }, Ae = (e, l, n) => {
+    let a = t?.value;
+    n || (a = o.union(t.value, [e])), n && (a = o.without(t.value, e));
+    const s = y ? o.orderBy(a, (r) => o.toNumber(r), ["asc"]) : e;
+    T?.({
       target: {
-        name: c,
-        value: S
+        name: S,
+        value: s
       }
-    }), u || (C(!1), F(""), x(r ?? ""), document.activeElement === ke.current && (w?.current?.focus?.(), C(!1)));
-  }, e[75] = u, e[76] = c, e[77] = b, e[78] = t.value, e[79] = je) : je = e[79];
-  const It = je;
-  let He;
-  e[80] !== y || e[81] !== c || e[82] !== b ? (He = (l) => {
-    const r = !!l, f = [];
-    y.forEach((A, te) => f.push(te)), b?.({
+    }), y || (h(!1), x(""), m(l ?? ""), document.activeElement === w.current && (g?.current?.focus?.(), h(!1)));
+  }, Pe = (e) => {
+    const l = !!e, n = [];
+    C.forEach((p, r) => n.push(r)), T?.({
       target: {
-        name: c,
-        value: r ? f : []
+        name: S,
+        value: l ? n : []
       }
     });
-  }, e[80] = y, e[81] = c, e[82] = b, e[83] = He) : He = e[83];
-  const kt = He;
-  let Ue;
-  e[84] !== u || e[85] !== i || e[86] !== B || e[87] !== c || e[88] !== b ? (Ue = () => {
-    b?.({
+  }, $e = () => {
+    T?.({
       target: {
-        name: c,
-        value: u ? [] : ""
+        name: S,
+        value: y ? [] : ""
       }
-    }), C(!1), u || (F(""), x("")), i && x(B);
-  }, e[84] = u, e[85] = i, e[86] = B, e[87] = c, e[88] = b, e[89] = Ue) : Ue = e[89];
-  const Bt = Ue;
-  let Ge;
-  e[90] !== t ? (Ge = (l) => {
-    t?.onBlur?.(l), (!l.relatedTarget || l.relatedTarget !== ke.current) && C(!1), F("");
-  }, e[90] = t, e[91] = Ge) : Ge = e[91];
-  const wt = Ge;
-  let Ye;
-  e[92] !== $ || e[93] !== M || e[94] !== t ? (Ye = (l) => {
-    t?.onFocus?.(l), M && (C(!0), $());
-  }, e[92] = $, e[93] = M, e[94] = t, e[95] = Ye) : Ye = e[95];
-  const Lt = Ye;
-  let Je;
-  e[96] === Symbol.for("react.memo_cache_sentinel") ? (Je = (l) => {
-    F(l.target.value), x(l.target.value);
-  }, e[96] = Je) : Je = e[96];
-  const al = Je;
-  let Qe;
-  e[97] !== i || e[98] !== t || e[99] !== v ? (Qe = (l) => {
-    v || i ? l.preventDefault() : t.onPaste?.(l);
-  }, e[97] = i, e[98] = t, e[99] = v, e[100] = Qe) : Qe = e[100];
-  const Ot = Qe;
-  let Xe;
-  e[101] !== i || e[102] !== t || e[103] !== v ? (Xe = (l) => {
-    v || i ? l.preventDefault() : t.onBeforeInput?.(l);
-  }, e[101] = i, e[102] = t, e[103] = v, e[104] = Xe) : Xe = e[104];
-  const Ft = Xe;
-  let Ze;
-  e[105] !== st || e[106] !== dt ? (Ze = (l) => {
-    st ? dt?.(l) : F(l.target.value);
-  }, e[105] = st, e[106] = dt, e[107] = Ze) : Ze = e[107];
-  const Dt = Ze;
-  let et;
-  e[108] !== I || e[109] !== $ || e[110] !== u || e[111] !== a || e[112] !== t || e[113] !== v ? (et = (l) => {
-    t?.onKeyDown?.(l);
-    const r = [O.backspace, O.delete];
-    if (v && r.includes(l.key)) {
-      l.preventDefault();
+    }), h(!1), y || (x(""), m("")), d && m(P);
+  }, ze = (e) => {
+    t?.onBlur?.(e), (!e.relatedTarget || e.relatedTarget !== w.current) && h(!1), x("");
+  }, Ke = (e) => {
+    t?.onFocus?.(e), J && (h(!0), W());
+  }, We = (e) => {
+    x(e.target.value), m(e.target.value);
+  }, He = (e) => {
+    I || d ? e.preventDefault() : t.onPaste?.(e);
+  }, je = (e) => {
+    I || d ? e.preventDefault() : t.onBeforeInput?.(e);
+  }, Ue = (e) => {
+    me ? ge?.(e) : x(e.target.value);
+  }, le = (e) => {
+    t?.onKeyDown?.(e);
+    const l = [b.backspace, b.delete];
+    if (I && l.includes(e.key)) {
+      e.preventDefault();
       return;
     }
-    (Cl(l) || l.key === O.arrowDown) && w.current === document.activeElement && (l.key === O.arrowDown && l.preventDefault(), requestAnimationFrame(() => {
-      const S = St.current?.querySelector('ul[role="listbox"]')?.querySelectorAll('li[data-state-filtered="true"]') ?? [];
-      if (!a && l.key === O.arrowDown) {
-        const A = u ? h.orderBy([...t.value], Ol, ["asc"])[0] : t?.value;
-        Le(h.toString(A) ?? void 0);
+    (ct(e) || e.key === b.arrowDown) && g.current === document.activeElement && (e.key === b.arrowDown && e.preventDefault(), requestAnimationFrame(() => {
+      const s = L.current?.querySelector('ul[role="listbox"]')?.querySelectorAll('li[data-state-filtered="true"]') ?? [];
+      if (!u && e.key === b.arrowDown) {
+        const p = y ? o.orderBy([...t.value], (r) => o.toNumber(r), ["asc"])[0] : t?.value;
+        V(o.toString(p) ?? void 0);
       } else
-        Le(S[0]?.id ?? void 0);
-    }), a || (C(!0), $())), a && Yt.includes(l.key) && l.preventDefault(), requestAnimationFrame(() => {
-      const S = St.current?.querySelector('ul[role="listbox"]')?.querySelectorAll('li[data-state-filtered="true"]') ?? [], A = Array.from(S).findIndex((we) => we.id === I);
-      let te = A;
-      if (a) {
-        if (Yt.includes(l.key)) {
-          e: switch (l.key) {
-            case O.escape: {
-              C(!1), F(""), w.current?.focus(), l.target === ke.current && C(!1);
-              break e;
-            }
-            case O.arrowDown: {
-              te = Math.min(A + 1, S.length - 1);
-              break e;
-            }
-            case O.arrowUp: {
-              te = Math.max(A - 1, 0);
-              break e;
-            }
-            case O.enter: {
-              if (I) {
-                const Ut = S[te];
-                Ut && Ut.click();
+        V(s[0]?.id ?? void 0);
+    }), u || (h(!0), W())), u && se.includes(e.key) && e.preventDefault(), requestAnimationFrame(() => {
+      const s = L.current?.querySelector('ul[role="listbox"]')?.querySelectorAll('li[data-state-filtered="true"]') ?? [], p = Array.from(s).findIndex((O) => O.id === F);
+      let r = p;
+      if (u) {
+        if (se.includes(e.key)) {
+          switch (e.key) {
+            case b.escape:
+              h(!1), x(""), g.current?.focus(), e.target === w.current && h(!1);
+              break;
+            case b.arrowDown:
+              r = Math.min(p + 1, s.length - 1);
+              break;
+            case b.arrowUp:
+              r = Math.max(p - 1, 0);
+              break;
+            case b.enter:
+              if (F) {
+                const D = s[r];
+                D && D.click();
               }
-              break e;
-            }
+              break;
+          }
+          const O = s[r];
+          if (O) {
+            V(O?.id ?? "");
+            const D = L.current?.querySelector('ul[role="listbox"]');
+            oe(D, O, "nearest");
           }
-          const we = S[te];
-          we && (Le(we?.id ?? ""), we.scrollIntoView({
-            block: "nearest"
-          }));
         }
-      } else
-        return null;
+      } else return null;
     });
-  }, e[108] = I, e[109] = $, e[110] = u, e[111] = a, e[112] = t, e[113] = v, e[114] = et) : et = e[114];
-  const _ = et, sl = t.label, Vt = String(t.name), Rt = t?.value;
-  let tt;
-  e[115] !== I || e[116] !== n || e[117] !== yt || e[118] !== gt || e[119] !== kt || e[120] !== Bt || e[121] !== It || e[122] !== _ || e[123] !== Dt || e[124] !== N || e[125] !== u || e[126] !== i || e[127] !== a || e[128] !== mt || e[129] !== Ct || e[130] !== t.label || e[131] !== vt || e[132] !== ut || e[133] !== ct || e[134] !== at || e[135] !== Vt || e[136] !== Rt ? (tt = {
-    selectFieldId: Jt,
-    label: sl,
-    striped: at,
-    listBoxOpen: a,
-    filterValue: gt,
-    disabled: n,
-    liSelectedRef: Kt,
-    selectInputRef: w,
-    selectSearchInputRef: ke,
-    handleOnSearch: Dt,
-    searchOnDropdown: ut,
-    nameSelect: Vt,
-    valueSelect: Rt,
-    activeDescendant: I,
-    handleOnChange: It,
-    handleOnKeyDown: _,
-    selectContainerRef: Wt,
-    handleCloseListBox: nl,
-    notFoundFilterLabel: mt,
-    handleChangeLiSelected: ol,
-    isMultipleSelect: u,
-    isMultipleDefault: N,
-    isMultipleWithCheckboxes: i,
-    searchInputPlaceholder: vt,
-    showClearButton: ct,
-    dropdownAlignButton: yt,
-    handleClearValue: Bt,
-    handleCheckMultiple: kt,
-    handleChangeListBoxState: il,
-    optionItens: Ct
-  }, e[115] = I, e[116] = n, e[117] = yt, e[118] = gt, e[119] = kt, e[120] = Bt, e[121] = It, e[122] = _, e[123] = Dt, e[124] = N, e[125] = u, e[126] = i, e[127] = a, e[128] = mt, e[129] = Ct, e[130] = t.label, e[131] = vt, e[132] = ut, e[133] = ct, e[134] = at, e[135] = Vt, e[136] = Rt, e[137] = tt) : tt = e[137];
-  const Nt = tt, At = `select-field-root ${Xt}`;
-  let z;
-  e[138] !== ft || e[139] !== n || e[140] !== T || e[141] !== Et || e[142] !== k || e[143] !== V || e[144] !== c || e[145] !== ot || e[146] !== t.hint || e[147] !== t.required || e[148] !== d || e[149] !== s || e[150] !== it ? (z = Et && /* @__PURE__ */ le("span", { className: `root-label ${ft}`, "data-state-skeletonize": s, children: [
-    /* @__PURE__ */ p("label", { "data-testid": "test-select-field-label", className: "label", title: V, htmlFor: c, "aria-disabled": n, "aria-readonly": d, "data-state-input-required": t.required, children: V }),
-    T && k === "onLabelRight" && !s && /* @__PURE__ */ p(fl, { customClass: "label-popover", theme: it, align: ot, iconColor: "#03bde2", children: /* @__PURE__ */ p(Il, { text: t?.hint ?? "" }) })
-  ] }), e[138] = ft, e[139] = n, e[140] = T, e[141] = Et, e[142] = k, e[143] = V, e[144] = c, e[145] = ot, e[146] = t.hint, e[147] = t.required, e[148] = d, e[149] = s, e[150] = it, e[151] = z) : z = e[151];
-  const Pt = `container ${Zt}`, qt = tl && !s && jt;
-  let K;
-  e[152] !== ne ? (K = hl(ne, w), e[152] = ne, e[153] = K) : K = e[153];
-  const Mt = t.readOnly || v, Tt = `input ${Qt}`, $t = !d && !s ? 0 : -1;
-  let W;
-  e[154] !== I || e[155] !== n || e[156] !== Ft || e[157] !== wt || e[158] !== Lt || e[159] !== _ || e[160] !== Ot || e[161] !== L || e[162] !== bt || e[163] !== u || e[164] !== i || e[165] !== a || e[166] !== c || e[167] !== d || e[168] !== E || e[169] !== s || e[170] !== K || e[171] !== Mt || e[172] !== Tt || e[173] !== $t || e[174] !== rt || e[175] !== v ? (W = /* @__PURE__ */ p("input", { ...E, ref: K, readOnly: Mt, className: Tt, placeholder: E.placeholder, "data-state-error": L, "data-state-multiple": u, "data-state-read-only": d, "data-state-text-align": rt, "data-state-undigitable": v, "data-state-skeletonize": s, "data-state-multiple-with-checkboxes": i, id: c, type: "text", role: "combobox", multiple: !1, disabled: n, "data-testid": "test-select-field-input", "aria-autocomplete": "list", "aria-expanded": a, "aria-controls": Jt, "aria-activedescendant": I, tabIndex: $t, value: bt, onBlur: wt, onFocus: Lt, onKeyDown: _, onChange: al, onPaste: Ot, onBeforeInput: Ft }), e[154] = I, e[155] = n, e[156] = Ft, e[157] = wt, e[158] = Lt, e[159] = _, e[160] = Ot, e[161] = L, e[162] = bt, e[163] = u, e[164] = i, e[165] = a, e[166] = c, e[167] = d, e[168] = E, e[169] = s, e[170] = K, e[171] = Mt, e[172] = Tt, e[173] = $t, e[174] = rt, e[175] = v, e[176] = W) : W = e[176];
-  let j;
-  e[177] !== n || e[178] !== N || e[179] !== y || e[180] !== d ? (j = N && /* @__PURE__ */ p(Sl, { isDisabled: !!n, isReadOnly: !!d, listOfOptionsToSelect: y }), e[177] = n, e[178] = N, e[179] = y, e[180] = d, e[181] = j) : j = e[181];
-  let H;
-  e[182] !== W || e[183] !== j ? (H = /* @__PURE__ */ le("div", { className: "input-root", children: [
-    W,
-    j
-  ] }), e[182] = W, e[183] = j, e[184] = H) : H = e[184];
-  const _t = ll && !s && Ht;
-  let lt;
-  e[185] === Symbol.for("react.memo_cache_sentinel") ? (lt = /* @__PURE__ */ p(gl, {}), e[185] = lt) : lt = e[185];
-  let U;
-  e[186] !== n || e[187] !== d || e[188] !== s ? (U = /* @__PURE__ */ p("div", { className: "triggers", "data-state-disabled": n, "data-state-read-only": d, "data-state-skeletonize": s, children: lt }), e[186] = n, e[187] = d, e[188] = s, e[189] = U) : U = e[189];
-  let G;
-  e[190] !== xt || e[191] !== a ? (G = a && ul(/* @__PURE__ */ p(bl, { ref: St, children: xt }), document.body), e[190] = xt, e[191] = a, e[192] = G) : G = e[192];
-  let Y;
-  e[193] !== a || e[194] !== s || e[195] !== Pt || e[196] !== qt || e[197] !== H || e[198] !== _t || e[199] !== U || e[200] !== G ? (Y = /* @__PURE__ */ le("div", { ref: Wt, className: Pt, "aria-expanded": a, "data-state-skeletonize": s, children: [
-    qt,
-    H,
-    _t,
-    U,
-    G
-  ] }), e[193] = a, e[194] = s, e[195] = Pt, e[196] = qt, e[197] = H, e[198] = _t, e[199] = U, e[200] = G, e[201] = Y) : Y = e[201];
-  let J;
-  e[202] !== n || e[203] !== T || e[204] !== k || e[205] !== t.hint || e[206] !== s ? (J = k === "below" && /* @__PURE__ */ p(dl, { customClass: "hint", skeletonize: s, description: t.hint, disabled: n, visible: T }), e[202] = n, e[203] = T, e[204] = k, e[205] = t.hint, e[206] = s, e[207] = J) : J = e[207];
-  let Q;
-  e[208] !== D || e[209] !== L || e[210] !== c || e[211] !== s ? (Q = L && /* @__PURE__ */ p("span", { "data-testid": "test-select-field-list-errors", className: "error", "data-state-skeletonize": s, "aria-describedby": String(c).concat("-errors"), children: D?.map(Fl) }), e[208] = D, e[209] = L, e[210] = c, e[211] = s, e[212] = Q) : Q = e[212];
-  let X;
-  e[213] !== L || e[214] !== k || e[215] !== At || e[216] !== z || e[217] !== Y || e[218] !== J || e[219] !== Q ? (X = /* @__PURE__ */ le("div", { ref: el, "data-testid": "test-select-field-root", className: At, "data-state-error": L, "data-state-hint-position": k, children: [
-    z,
-    Y,
-    J,
-    Q
-  ] }), e[213] = L, e[214] = k, e[215] = At, e[216] = z, e[217] = Y, e[218] = J, e[219] = Q, e[220] = X) : X = e[220];
-  let Z;
-  e[221] !== Nt || e[222] !== X ? (Z = /* @__PURE__ */ p(pl.Provider, { value: Nt, children: X }), e[221] = Nt, e[222] = X, e[223] = Z) : Z = e[223];
-  const zt = R === "right" ? 64 : void 0;
-  let ee;
-  e[224] !== zt || e[225] !== P || e[226] !== R || e[227] !== q ? (ee = /* @__PURE__ */ p(ml, { targetRef: w, text: P, position: R, width: q, space: zt }), e[224] = zt, e[225] = P, e[226] = R, e[227] = q, e[228] = ee) : ee = e[228];
-  let nt;
-  return e[229] !== Z || e[230] !== ee ? (nt = /* @__PURE__ */ le(rl, { children: [
-    Z,
-    ee
-  ] }), e[229] = Z, e[230] = ee, e[231] = nt) : nt = e[231], nt;
+  }, Ge = {
+    selectFieldId: Q,
+    label: t.label,
+    striped: fe,
+    listBoxOpen: u,
+    filterValue: Ce,
+    disabled: i,
+    liSelectedRef: X,
+    selectInputRef: g,
+    selectSearchInputRef: w,
+    handleOnSearch: Ue,
+    searchOnDropdown: ye,
+    nameSelect: String(t.name),
+    valueSelect: t?.value,
+    activeDescendant: F,
+    handleOnChange: Ae,
+    handleOnKeyDown: le,
+    selectContainerRef: Z,
+    handleCloseListBox: Me,
+    notFoundFilterLabel: Be,
+    handleChangeLiSelected: Te,
+    isMultipleSelect: y,
+    isMultipleDefault: z,
+    isMultipleWithCheckboxes: d,
+    searchInputPlaceholder: Ie,
+    showClearButton: he,
+    dropdownAlignButton: ke,
+    handleClearValue: $e,
+    handleCheckMultiple: Pe,
+    handleChangeListBoxState: Re,
+    optionItens: De
+  };
+  return /* @__PURE__ */ B(ne, { children: [
+    /* @__PURE__ */ c(st.Provider, { value: Ge, children: /* @__PURE__ */ B("div", { ref: Oe, "data-testid": "test-select-field-root", className: `select-field-root ${xe}`, "data-state-error": K, "data-state-hint-position": A, children: [
+      Fe && /* @__PURE__ */ B("span", { className: `root-label ${ve}`, "data-state-skeletonize": f, children: [
+        /* @__PURE__ */ c("label", { "data-testid": "test-select-field-label", className: "label", title: U, htmlFor: S, "aria-disabled": i, "aria-readonly": k, "data-state-input-required": t.required, children: U }),
+        _ && A === "onLabelRight" && !f && /* @__PURE__ */ c(Ze, { customClass: "label-popover", theme: ue, align: de, iconColor: "#03bde2", children: /* @__PURE__ */ c(ut, { text: t?.hint ?? "" }) })
+      ] }),
+      /* @__PURE__ */ B("div", { ref: Z, className: `container ${Se}`, "aria-expanded": u, "data-state-skeletonize": f, children: [
+        Ne && !f && ee,
+        /* @__PURE__ */ B("div", { className: "input-root", children: [
+          /* @__PURE__ */ c("input", { ...$, ref: et(ie, g), readOnly: t.readOnly || I, className: `input ${be}`, placeholder: $.placeholder, "data-state-error": K, "data-state-multiple": y, "data-state-read-only": k, "data-state-text-align": pe, "data-state-undigitable": I, "data-state-skeletonize": f, "data-state-multiple-with-checkboxes": d, id: S, type: "text", role: "combobox", multiple: !1, disabled: i, "data-testid": "test-select-field-input", "aria-autocomplete": "list", "aria-expanded": u, "aria-controls": Q, "aria-activedescendant": F, tabIndex: !k && !f ? 0 : -1, value: we, onBlur: ze, onFocus: Ke, onKeyDown: le, onChange: We, onPaste: He, onBeforeInput: je }),
+          z && /* @__PURE__ */ c(ot, { disabled: !!i, isReadOnly: !!k, listOfOptionsToSelect: C })
+        ] }),
+        qe && !f && te,
+        /* @__PURE__ */ c("div", { className: "triggers", "data-state-disabled": i, "data-state-read-only": k, "data-state-skeletonize": f, children: /* @__PURE__ */ c(at, {}) }),
+        u && Qe(/* @__PURE__ */ c(nt, { ref: L, dropdownMaxWidth: Le, children: Ve }), document.body)
+      ] }),
+      A === "below" && /* @__PURE__ */ c(Xe, { customClass: "hint", skeletonize: f, description: t.hint, disabled: i, visible: _ }),
+      K && /* @__PURE__ */ c("span", { "data-testid": "test-select-field-list-errors", className: "error", "data-state-skeletonize": f, "aria-describedby": String(S).concat("-errors"), children: G?.map((e, l) => /* @__PURE__ */ B(ne, { children: [
+        e,
+        " "
+      ] }, `${l + 1}-${e}`)) })
+    ] }) }),
+    /* @__PURE__ */ c(_e, { targetRef: g, text: re, position: Y, width: ce, space: Y === "right" ? 64 : void 0 })
+  ] });
 });
-Bl.displayName = "SelectFieldInputBase";
-function wl(t) {
-  return h.toNumber(t);
-}
-function Ll(t) {
-  return h.toNumber(t);
-}
-function Ol(t) {
-  return h.toNumber(t);
-}
-function Fl(t, ne) {
-  return /* @__PURE__ */ le(o.Fragment, { children: [
-    t,
-    " "
-  ] }, `${ne + 1}-${t}`);
-}
+dt.displayName = "SelectFieldInputBase";
 export {
-  Bl as InputBase
+  dt as InputBase
 };
 //# sourceMappingURL=base.js.map