@pautena/react-design-system 0.20.2 → 1.0.0

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

@@ -0,0 +1,612 @@
+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