linear-react-components-ui 2.0.0-beta.4 → 2.0.0-rc.0

package/lib/inputs2/selectfield/base.js

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