@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/node_modules/@mui/material/esm/useAutocomplete/useAutocomplete.mjs

@@ -1,612 +0,0 @@
-import * as p from "react";
-import at from "../../../utils/esm/useId/useId.mjs";
-import ue from "../../../utils/esm/useControlled/useControlled.mjs";
-import ct from "../../../utils/esm/usePreviousProps/usePreviousProps.mjs";
-import re from "../../../utils/esm/useEventCallback/useEventCallback.mjs";
-import ft from "../../../utils/esm/setRef/setRef.mjs";
-function $e({
-  array1: f,
-  array2: A,
-  parser: m = (y) => y
-}) {
-  return f && A && f.length === A.length && f.every((y, L) => m(y) === m(A[L]));
-}
-function Le(f) {
-  return f.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-}
-function dt(f = {}) {
-  const {
-    ignoreAccents: A = !0,
-    ignoreCase: m = !0,
-    limit: y,
-    matchFrom: L = "any",
-    stringify: W,
-    trim: K = !1
-  } = f;
-  return (v, {
-    inputValue: J,
-    getOptionLabel: O
-  }) => {
-    let D = K ? J.trim() : J;
-    m && (D = D.toLowerCase()), A && (D = Le(D));
-    const X = D ? v.filter((_) => {
-      let E = (W || O)(_);
-      return m && (E = E.toLowerCase()), A && (E = Le(E)), L === "start" ? E.startsWith(D) : E.includes(D);
-    }) : v;
-    return typeof y == "number" ? X.slice(0, y) : X;
-  };
-}
-const pt = dt(), Ve = 5, gt = (f) => f.current !== null && f.current.parentElement?.contains(document.activeElement), ht = [];
-function Me(f, A, m, y) {
-  if (A || f == null || y)
-    return "";
-  const L = m(f);
-  return typeof L == "string" ? L : "";
-}
-function Ot(f) {
-  const {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: A = gt,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_classNamePrefix: m = "Mui",
-    autoComplete: y = !1,
-    autoHighlight: L = !1,
-    autoSelect: W = !1,
-    blurOnSelect: K = !1,
-    clearOnBlur: v = !f.freeSolo,
-    clearOnEscape: J = !1,
-    componentName: O = "useAutocomplete",
-    defaultValue: D = f.multiple ? ht : null,
-    disableClearable: X = !1,
-    disableCloseOnSelect: _ = !1,
-    disabled: E,
-    disabledItemsFocusable: Ne = !1,
-    disableListWrap: ae = !1,
-    filterOptions: He = pt,
-    filterSelectedOptions: Re = !1,
-    freeSolo: M = !1,
-    getOptionDisabled: Y,
-    getOptionKey: ve,
-    getOptionLabel: ce = (t) => t.label ?? t,
-    groupBy: G,
-    handleHomeEndKeys: fe = !f.freeSolo,
-    id: Fe,
-    includeInputInList: de = !1,
-    inputValue: Ue,
-    isOptionEqualToValue: F = (t, e) => t === e,
-    multiple: s = !1,
-    onChange: pe,
-    onClose: ge,
-    onHighlightChange: he,
-    onInputChange: k,
-    onOpen: be,
-    open: Be,
-    openOnFocus: qe = !1,
-    options: Ke,
-    readOnly: V = !1,
-    renderValue: w,
-    selectOnFocus: _e = !f.freeSolo,
-    value: me
-  } = f, C = at(Fe);
-  let g = ce;
-  g = (t) => {
-    const e = ce(t);
-    if (typeof e != "string") {
-      if (process.env.NODE_ENV !== "production") {
-        const n = e === void 0 ? "undefined" : `${typeof e} (${e})`;
-        console.error(`MUI: The \`getOptionLabel\` method of ${O} returned ${n} instead of a string for ${JSON.stringify(t)}.`);
-      }
-      return String(e);
-    }
-    return e;
-  };
-  const oe = p.useRef(!1), ie = p.useRef(!0), c = p.useRef(null), S = p.useRef(null), [Q, ze] = p.useState(null), [x, U] = p.useState(-1), xe = L ? 0 : -1, h = p.useRef(xe), je = p.useRef(Me(D ?? me, s, g)).current, [r, We] = ue({
-    controlled: me,
-    default: D,
-    name: O
-  }), [l, B] = ue({
-    controlled: Ue,
-    default: je,
-    name: O,
-    state: "inputValue"
-  }), [Z, Ie] = p.useState(!1), ee = p.useCallback((t, e, n) => {
-    if (!(s ? r.length < e.length : e !== null) && !v)
-      return;
-    const o = Me(e, s, g, w);
-    l !== o && (B(o), k && k(t, o, n));
-  }, [g, l, s, k, B, v, r, w]), [q, ye] = ue({
-    controlled: Be,
-    default: !1,
-    name: O,
-    state: "open"
-  }), [Je, Oe] = p.useState(!0), ke = !s && r != null && l === g(r), b = q && !V, u = b ? He(
-    Ke.filter((t) => !(Re && (s ? r : [r]).some((e) => e !== null && F(t, e)))),
-    // we use the empty string to manipulate `filterOptions` to not filter any options
-    // i.e. the filter predicate always returns true
-    {
-      inputValue: ke && Je ? "" : l,
-      getOptionLabel: g
-    }
-  ) : [], P = ct({
-    filteredOptions: u,
-    value: r,
-    inputValue: l
-  });
-  p.useEffect(() => {
-    const t = r !== P.value;
-    Z && !t || M && !t || ee(null, r, "reset");
-  }, [r, ee, Z, P.value, M]);
-  const we = q && u.length > 0 && !V, N = re((t) => {
-    if (t === -1)
-      c.current.focus();
-    else {
-      const e = w ? "data-item-index" : "data-tag-index";
-      Q.querySelector(`[${e}="${t}"]`).focus();
-    }
-  });
-  p.useEffect(() => {
-    s && x > r.length - 1 && (U(-1), N(-1));
-  }, [r, s, x, N]);
-  function Xe(t, e) {
-    if (!S.current || t < 0 || t >= u.length)
-      return -1;
-    let n = t;
-    for (; ; ) {
-      const i = S.current.querySelector(`[data-option-index="${n}"]`), o = Ne ? !1 : !i || i.disabled || i.getAttribute("aria-disabled") === "true";
-      if (i && i.hasAttribute("tabindex") && !o)
-        return n;
-      if (e === "next" ? n = (n + 1) % u.length : n = (n - 1 + u.length) % u.length, n === t)
-        return -1;
-    }
-  }
-  const H = re(({
-    event: t,
-    index: e,
-    reason: n
-  }) => {
-    if (h.current = e, e === -1 ? c.current.removeAttribute("aria-activedescendant") : c.current.setAttribute("aria-activedescendant", `${C}-option-${e}`), he && ["mouse", "keyboard", "touch"].includes(n) && he(t, e === -1 ? null : u[e], n), !S.current)
-      return;
-    const i = S.current.querySelector(`[role="option"].${m}-focused`);
-    i && (i.classList.remove(`${m}-focused`), i.classList.remove(`${m}-focusVisible`));
-    let o = S.current;
-    if (S.current.getAttribute("role") !== "listbox" && (o = S.current.parentElement.querySelector('[role="listbox"]')), !o)
-      return;
-    if (e === -1) {
-      o.scrollTop = 0;
-      return;
-    }
-    const a = S.current.querySelector(`[data-option-index="${e}"]`);
-    if (a && (a.classList.add(`${m}-focused`), n === "keyboard" && a.classList.add(`${m}-focusVisible`), o.scrollHeight > o.clientHeight && n !== "mouse" && n !== "touch")) {
-      const d = a, I = o.clientHeight + o.scrollTop, ne = d.offsetTop + d.offsetHeight;
-      ne > I ? o.scrollTop = ne - o.clientHeight : d.offsetTop - d.offsetHeight * (G ? 1.3 : 0) < o.scrollTop && (o.scrollTop = d.offsetTop - d.offsetHeight * (G ? 1.3 : 0));
-    }
-  }), T = re(({
-    event: t,
-    diff: e,
-    direction: n = "next",
-    reason: i
-  }) => {
-    if (!b)
-      return;
-    const a = Xe((() => {
-      const d = u.length - 1;
-      if (e === "reset")
-        return xe;
-      if (e === "start")
-        return 0;
-      if (e === "end")
-        return d;
-      const I = h.current + e;
-      return I < 0 ? I === -1 && de ? -1 : ae && h.current !== -1 || Math.abs(e) > 1 ? 0 : d : I > d ? I === d + 1 && de ? -1 : ae || Math.abs(e) > 1 ? d : 0 : I;
-    })(), n);
-    if (H({
-      index: a,
-      reason: i,
-      event: t
-    }), y && e !== "reset")
-      if (a === -1)
-        c.current.value = l;
-      else {
-        const d = g(u[a]);
-        c.current.value = d, d.toLowerCase().indexOf(l.toLowerCase()) === 0 && l.length > 0 && c.current.setSelectionRange(l.length, d.length);
-      }
-  }), Se = !$e({
-    array1: P.filteredOptions,
-    array2: u,
-    parser: g
-  }), Ye = () => {
-    const t = (e, n) => {
-      const i = e ? g(e) : "", o = n ? g(n) : "";
-      return i === o;
-    };
-    if (h.current !== -1 && !$e({
-      array1: P.filteredOptions,
-      array2: u,
-      parser: g
-    }) && P.inputValue === l && (s ? r.length === P.value.length && P.value.every((e, n) => g(r[n]) === g(e)) : t(P.value, r))) {
-      const e = P.filteredOptions[h.current];
-      if (e)
-        return u.findIndex((n) => g(n) === g(e));
-    }
-    return -1;
-  }, se = p.useCallback(() => {
-    if (!b)
-      return;
-    const t = Ye();
-    if (t !== -1) {
-      h.current = t;
-      return;
-    }
-    const e = s ? r[0] : r;
-    if (u.length === 0 || e == null) {
-      T({
-        diff: "reset"
-      });
-      return;
-    }
-    if (S.current) {
-      if (e != null) {
-        const n = u[h.current];
-        if (s && n && r.findIndex((o) => F(n, o)) !== -1)
-          return;
-        const i = u.findIndex((o) => F(o, e));
-        i === -1 ? T({
-          diff: "reset"
-        }) : H({
-          index: i
-        });
-        return;
-      }
-      if (h.current >= u.length - 1) {
-        H({
-          index: u.length - 1
-        });
-        return;
-      }
-      H({
-        index: h.current
-      });
-    }
-  }, [
-    // Only sync the highlighted index when the option switch between empty and not
-    u.length,
-    // Don't sync the highlighted index with the value when multiple
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    s ? !1 : r,
-    T,
-    H,
-    b,
-    l,
-    s
-  ]), Ge = re((t) => {
-    ft(S, t), t && se();
-  });
-  process.env.NODE_ENV !== "production" && p.useEffect(() => {
-    (!c.current || c.current.nodeName !== "INPUT") && (c.current && c.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${O} where input was expected.`, "This is not a supported scenario but it may work under certain conditions.", "A textarea keyboard navigation may conflict with Autocomplete controls (for example enter and arrow keys).", "Make sure to test keyboard navigation and add custom event handlers if necessary."].join(`
-`)) : console.error([`MUI: Unable to find the input element. It was resolved to ${c.current} while an HTMLInputElement was expected.`, `Instead, ${O} expects an input element.`, "", O === "useAutocomplete" ? "Make sure you have bound getInputProps correctly and that the normal ref/effect resolutions order is guaranteed." : "Make sure you have customized the input component correctly."].join(`
-`)));
-  }, [O]), p.useEffect(() => {
-    (Se || b && !_) && se();
-  }, [se, Se, b, _]);
-  const R = (t) => {
-    q || (ye(!0), Oe(!0), be && be(t));
-  }, z = (t, e) => {
-    q && (ye(!1), ge && ge(t, e));
-  }, $ = (t, e, n, i) => {
-    if (s) {
-      if (r.length === e.length && r.every((o, a) => o === e[a]))
-        return;
-    } else if (r === e)
-      return;
-    pe && pe(t, e, n, i), We(e);
-  }, te = p.useRef(!1), j = (t, e, n = "selectOption", i = "options") => {
-    let o = n, a = e;
-    if (s) {
-      if (a = Array.isArray(r) ? r.slice() : [], process.env.NODE_ENV !== "production") {
-        const I = a.filter((ne) => F(e, ne));
-        I.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${O} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${I.length} matches.`].join(`
-`));
-      }
-      const d = a.findIndex((I) => F(e, I));
-      d === -1 ? a.push(e) : i !== "freeSolo" && (a.splice(d, 1), o = "removeOption");
-    }
-    ee(t, a, o), $(t, a, o, {
-      option: e
-    }), !_ && (!t || !t.ctrlKey && !t.metaKey) && z(t, o), (K === !0 || K === "touch" && te.current || K === "mouse" && !te.current) && c.current.blur();
-  };
-  function Qe(t, e) {
-    if (t === -1)
-      return -1;
-    let n = t;
-    for (; ; ) {
-      if (e === "next" && n === r.length || e === "previous" && n === -1)
-        return -1;
-      const i = w ? "data-item-index" : "data-tag-index", o = Q.querySelector(`[${i}="${n}"]`);
-      if (!o || !o.hasAttribute("tabindex") || o.disabled || o.getAttribute("aria-disabled") === "true")
-        n += e === "next" ? 1 : -1;
-      else
-        return n;
-    }
-  }
-  const Ae = (t, e) => {
-    if (!s)
-      return;
-    l === "" && z(t, "toggleInput");
-    let n = x;
-    x === -1 && e === "previous" ? (n = r.length - 1, M && l !== "" && (B(""), k && k(t, "", "reset"))) : (n += e === "next" ? 1 : -1, n < 0 && (n = 0), n === r.length && (n = -1)), n = Qe(n, e), U(n), N(n);
-  }, De = (t) => {
-    oe.current = !0, B(""), k && k(t, "", "clear"), $(t, s ? [] : null, "clear");
-  }, Ze = (t) => (e) => {
-    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (x !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (U(-1), N(-1)), e.which !== 229))
-      switch (e.key) {
-        case "Home":
-          b && fe && (e.preventDefault(), T({
-            diff: "start",
-            direction: "next",
-            reason: "keyboard",
-            event: e
-          }));
-          break;
-        case "End":
-          b && fe && (e.preventDefault(), T({
-            diff: "end",
-            direction: "previous",
-            reason: "keyboard",
-            event: e
-          }));
-          break;
-        case "PageUp":
-          e.preventDefault(), T({
-            diff: -Ve,
-            direction: "previous",
-            reason: "keyboard",
-            event: e
-          }), R(e);
-          break;
-        case "PageDown":
-          e.preventDefault(), T({
-            diff: Ve,
-            direction: "next",
-            reason: "keyboard",
-            event: e
-          }), R(e);
-          break;
-        case "ArrowDown":
-          e.preventDefault(), T({
-            diff: 1,
-            direction: "next",
-            reason: "keyboard",
-            event: e
-          }), R(e);
-          break;
-        case "ArrowUp":
-          e.preventDefault(), T({
-            diff: -1,
-            direction: "previous",
-            reason: "keyboard",
-            event: e
-          }), R(e);
-          break;
-        case "ArrowLeft": {
-          const n = c.current;
-          if (!(n && n.selectionStart === 0 && n.selectionEnd === 0))
-            return;
-          !s && w && r != null ? (M && l !== "" && (B(""), k && k(e, "", "reset")), U(0), N(0)) : Ae(e, "previous");
-          break;
-        }
-        case "ArrowRight":
-          !s && w ? (U(-1), N(-1)) : Ae(e, "next");
-          break;
-        case "Enter":
-          if (h.current !== -1 && b) {
-            const n = u[h.current], i = Y ? Y(n) : !1;
-            if (e.preventDefault(), i)
-              return;
-            j(e, n, "selectOption"), y && c.current.setSelectionRange(c.current.value.length, c.current.value.length);
-          } else M && l !== "" && ke === !1 && (s && e.preventDefault(), j(e, l, "createOption", "freeSolo"));
-          break;
-        case "Escape":
-          b ? (e.preventDefault(), e.stopPropagation(), z(e, "escape")) : J && (l !== "" || s && r.length > 0 || w) && (e.preventDefault(), e.stopPropagation(), De(e));
-          break;
-        case "Backspace":
-          if (s && !V && l === "" && r.length > 0) {
-            const n = x === -1 ? r.length - 1 : x, i = r.slice();
-            i.splice(n, 1), $(e, i, "removeOption", {
-              option: r[n]
-            });
-          }
-          !s && w && !V && l === "" && $(e, null, "removeOption", {
-            option: r
-          });
-          break;
-        case "Delete":
-          if (s && !V && l === "" && r.length > 0 && x !== -1) {
-            const n = x, i = r.slice();
-            i.splice(n, 1), $(e, i, "removeOption", {
-              option: r[n]
-            });
-          }
-          !s && w && !V && l === "" && $(e, null, "removeOption", {
-            option: r
-          });
-          break;
-      }
-  }, et = (t) => {
-    Ie(!0), x !== -1 && (U(-1), N(-1)), qe && !oe.current && R(t);
-  }, Ee = (t) => {
-    if (A(S)) {
-      c.current.focus();
-      return;
-    }
-    Ie(!1), ie.current = !0, oe.current = !1, W && h.current !== -1 && b ? j(t, u[h.current], "blur") : W && M && l !== "" ? j(t, l, "blur", "freeSolo") : v && ee(t, r, "blur"), z(t, "blur");
-  }, tt = (t) => {
-    const e = t.target.value;
-    l !== e && (B(e), Oe(!1), k && k(t, e, "input")), e === "" ? !X && !s && !w && $(t, null, "clear") : R(t);
-  }, nt = (t) => {
-    const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    h.current !== e && H({
-      event: t,
-      index: e,
-      reason: "mouse"
-    });
-  }, rt = (t) => {
-    H({
-      event: t,
-      index: Number(t.currentTarget.getAttribute("data-option-index")),
-      reason: "touch"
-    }), te.current = !0;
-  }, ot = (t) => {
-    const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    j(t, u[e], "selectOption"), te.current = !1;
-  }, Ce = (t) => (e) => {
-    const n = r.slice();
-    n.splice(t, 1), $(e, n, "removeOption", {
-      option: r[t]
-    });
-  }, it = (t) => {
-    $(t, null, "removeOption", {
-      option: r
-    });
-  }, Pe = (t) => {
-    q ? z(t, "toggleInput") : R(t);
-  }, st = (t) => {
-    t.currentTarget.contains(t.target) && t.target.getAttribute("id") !== C && t.preventDefault();
-  }, lt = (t) => {
-    t.currentTarget.contains(t.target) && (c.current.focus(), _e && ie.current && c.current.selectionEnd - c.current.selectionStart === 0 && c.current.select(), ie.current = !1);
-  }, ut = (t) => {
-    !E && (l === "" || !q) && Pe(t);
-  };
-  let le = M && l.length > 0;
-  le = le || (s ? r.length > 0 : r !== null);
-  let Te = u;
-  if (G) {
-    const t = /* @__PURE__ */ new Map();
-    let e = !1;
-    Te = u.reduce((n, i, o) => {
-      const a = G(i);
-      return n.length > 0 && n[n.length - 1].group === a ? n[n.length - 1].options.push(i) : (process.env.NODE_ENV !== "production" && (t.get(a) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${O} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), t.set(a, !0)), n.push({
-        key: o,
-        index: o,
-        group: a,
-        options: [i]
-      })), n;
-    }, []);
-  }
-  return E && Z && Ee(), {
-    getRootProps: (t = {}) => ({
-      ...t,
-      onKeyDown: Ze(t),
-      onMouseDown: st,
-      onClick: lt
-    }),
-    getInputLabelProps: () => ({
-      id: `${C}-label`,
-      htmlFor: C
-    }),
-    getInputProps: () => ({
-      id: C,
-      value: l,
-      onBlur: Ee,
-      onFocus: et,
-      onChange: tt,
-      onMouseDown: ut,
-      // if open then this is handled imperatively so don't let react override
-      // only have an opinion about this when closed
-      "aria-activedescendant": b ? "" : null,
-      "aria-autocomplete": y ? "both" : "list",
-      "aria-controls": we ? `${C}-listbox` : void 0,
-      "aria-expanded": we,
-      // Disable browser's suggestion that might overlap with the popup.
-      // Handle autocomplete but not autofill.
-      autoComplete: "off",
-      ref: c,
-      autoCapitalize: "none",
-      spellCheck: "false",
-      role: "combobox",
-      disabled: E
-    }),
-    getClearProps: () => ({
-      tabIndex: -1,
-      type: "button",
-      onClick: De
-    }),
-    getItemProps: ({
-      index: t = 0
-    } = {}) => ({
-      ...s && {
-        key: t
-      },
-      ...w ? {
-        "data-item-index": t
-      } : {
-        "data-tag-index": t
-      },
-      tabIndex: -1,
-      ...!V && {
-        onDelete: s ? Ce(t) : it
-      }
-    }),
-    getPopupIndicatorProps: () => ({
-      tabIndex: -1,
-      type: "button",
-      onClick: Pe
-    }),
-    // deprecated
-    getTagProps: ({
-      index: t
-    }) => ({
-      key: t,
-      "data-tag-index": t,
-      tabIndex: -1,
-      ...!V && {
-        onDelete: Ce(t)
-      }
-    }),
-    getListboxProps: () => ({
-      role: "listbox",
-      id: `${C}-listbox`,
-      "aria-labelledby": `${C}-label`,
-      "aria-multiselectable": s || void 0,
-      ref: Ge,
-      onMouseDown: (t) => {
-        t.preventDefault();
-      }
-    }),
-    getOptionProps: ({
-      index: t,
-      option: e
-    }) => {
-      const n = (s ? r : [r]).some((o) => o != null && F(e, o)), i = Y ? Y(e) : !1;
-      return {
-        key: ve?.(e) ?? g(e),
-        tabIndex: -1,
-        role: "option",
-        id: `${C}-option-${t}`,
-        onMouseMove: nt,
-        onClick: ot,
-        onTouchStart: rt,
-        "data-option-index": t,
-        "aria-disabled": i,
-        "aria-selected": n
-      };
-    },
-    id: C,
-    inputValue: l,
-    value: r,
-    dirty: le,
-    expanded: b && Q,
-    popupOpen: b,
-    focused: Z || x !== -1,
-    anchorEl: Q,
-    setAnchorEl: ze,
-    focusedItem: x,
-    // deprecated
-    focusedTag: x,
-    groupedOptions: Te
-  };
-}
-export {
-  dt as createFilterOptions,
-  Ot as default
-};
-//# sourceMappingURL=useAutocomplete.mjs.map