@choc-ui/chakra-autocomplete 5.8.0 → 5.8.2

package/dist/index.es.js

@@ -1,8 +1,8 @@
-import { jsx as p, jsxs as K, Fragment as it } from "react/jsx-runtime";
+import { jsx as p, jsxs as V, Fragment as it } from "react/jsx-runtime";
 import * as fe from "react";
 import ee, { useMemo as ue, useRef as te, useState as Le, useEffect as D, useImperativeHandle as ut, memo as at } from "react";
-import { useDisclosure as ct, useControllableState as ft, useUpdateEffect as pt, forwardRef as B, Popover as dt, chakra as gt, useMergeRefs as Pe, Flex as pe, Box as Xe, Divider as Qe, InputGroup as mt, Input as vt, InputRightElement as ht, Spinner as Ze, useMultiStyleConfig as yt, Wrap as bt, WrapItem as qe, PopoverAnchor as Ct, PopoverContent as St, Center as xt, Tag as At, TagLabel as It, TagCloseButton as wt } from "@chakra-ui/react";
-const [Ot, W] = Et();
+import { useDisclosure as ct, useControllableState as ft, useUpdateEffect as pt, forwardRef as H, Popover as dt, chakra as gt, useMergeRefs as Pe, Flex as pe, Box as Xe, Divider as $e, InputGroup as mt, Input as vt, InputRightElement as ht, Spinner as Ze, useMultiStyleConfig as yt, Wrap as bt, WrapItem as qe, PopoverAnchor as Ct, PopoverContent as St, Center as xt, Tag as At, TagLabel as It, TagCloseButton as wt } from "@chakra-ui/react";
+const [Ot, j] = Et();
 function Et() {
   const e = fe.createContext(void 0);
   e.displayName = "AutoCompleteContext";
@@ -100,7 +100,7 @@ var de = function(e, t) {
   }
   return o;
 };
-function $e(e, t, n = 2) {
+function Ke(e, t, n = 2) {
   function r(c, O) {
     c = " ".repeat(O - 1) + c.toLowerCase() + " ".repeat(O - 1);
     let C = new Array(c.length - O + 1);
@@ -135,7 +135,7 @@ const _e = (e) => {
   _light: {
     bg: "gray.200"
   }
-}), jt = (e, t, n) => (t == null ? void 0 : t.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || (n == null ? void 0 : n.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || $e(e, t) >= 0.5 || $e(e, n) >= 0.5;
+}), jt = (e, t, n) => (t == null ? void 0 : t.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || (n == null ? void 0 : n.toLowerCase().indexOf(e == null ? void 0 : e.toLowerCase())) >= 0 || Ke(e, t) >= 0.5 || Ke(e, n) >= 0.5;
 function kt(e) {
   return e.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
 }
@@ -188,7 +188,7 @@ const zt = (e, t) => de(
     // w: "full",
   };
 };
-function Vt(e) {
+function Qt(e) {
   var He;
   let {
     prefocusFirstItem: t = !0,
@@ -205,8 +205,8 @@ function Vt(e) {
     closeOnSelect: O = !c,
     defaultValue: C,
     defaultValues: I = C ? [C] : [],
-    onReady: H,
-    defaultIsOpen: j,
+    onReady: U,
+    defaultIsOpen: k,
     disableFilter: ne,
     isLoading: ge = !1,
     placement: oe = "bottom",
@@ -214,18 +214,18 @@ function Vt(e) {
     shouldRenderSuggestions: me = () => !0,
     submitKeys: ve = [],
     suggestWhenEmpty: re,
-    value: k,
-    values: J = k ? typeof k == "string" ? [k] : [...k] : void 0
+    value: z,
+    values: J = z ? typeof z == "string" ? [z] : [...z] : void 0
   } = e;
   u = u || (c ? !0 : e.freeSolo);
-  const { isOpen: w, onClose: _, onOpen: U } = ct({ defaultIsOpen: j }), he = ue(
+  const { isOpen: w, onClose: _, onOpen: Q } = ct({ defaultIsOpen: k }), he = ue(
     () => m(e.children, {
       isOpen: w,
       onClose: _,
-      onOpen: U
+      onOpen: Q
     }),
     [e.children, w]
-  ), E = ue(() => Gt(he), [he]), N = te(null), Ge = te(null), X = te(null), V = te(null), [We, se] = Le(!1);
+  ), E = ue(() => Gt(he), [he]), N = te(null), Ge = te(null), X = te(null), $ = te(null), [We, se] = Le(!1);
   let le = "";
   c ? le = "" : ce(I) ? ce(J) || (le = J[0]) : le = I[0];
   const [R, Z] = Le(le ?? ""), ye = ue(
@@ -259,9 +259,9 @@ function Vt(e) {
   D(() => {
     y.length === 0 && !l && w && _();
   }, [y.length, l, w]);
-  const [Q, G] = Le(
+  const [K, G] = Le(
     t ? (He = E[0]) == null ? void 0 : He.value : null
-  ), st = e.maxSelections || T.length + 1, Ce = y.findIndex((s) => s.value === Q), Se = Nt(
+  ), st = e.maxSelections || T.length + 1, Ce = y.findIndex((s) => s.value === K), Se = Nt(
     Ce,
     y,
     !!e.rollNavigation
@@ -270,7 +270,7 @@ function Vt(e) {
     y,
     !!e.rollNavigation
   ), P = Ft(y), Ae = Ne(y), ke = !y.some(
-    (s) => s.value === Q
+    (s) => s.value === K
   );
   D(() => {
     var s;
@@ -283,29 +283,29 @@ function Vt(e) {
   }, [w]), D(() => {
     w && h && se(!0);
   }, [w, h, se]), D(() => {
-    const s = E.find((a) => a.value === Q);
+    const s = E.find((a) => a.value === K);
     m(e.onOptionFocus, {
       item: s,
-      focusMethod: V.current,
+      focusMethod: $.current,
       isNewInput: s == null ? void 0 : s.creatable
     });
-  }, [Q, e.onOptionFocus]);
+  }, [K, e.onOptionFocus]);
   const Ie = (s) => {
     var F, L;
     const a = y.find((x) => x.value === s), d = (a == null ? void 0 : a.label) || (a == null ? void 0 : a.value);
     Z(() => c ? "" : d ?? ""), !T.includes(s) && T.length < st && be((x) => c ? [...x, s] : [s]), c && ((F = N.current) == null || F.focus()), e.focusInputOnSelect && ((L = N.current) == null || L.focus()), m(e.onSelectOption, {
       item: a,
-      selectMethod: V.current,
+      selectMethod: $.current,
       isNewInput: a == null ? void 0 : a.creatable
     }), a != null && a.creatable && m(e.onCreateOption, {
       item: Me(a, ["noFilter"]),
-      selectMethod: V.current
+      selectMethod: $.current
     }), O && _();
   }, ze = (s, a) => {
     var L;
     be((x) => {
-      const $ = E.find((M) => M.value === s);
-      return $ ? (m(e.onTagRemoved, s, $, x), x.filter((M) => M !== s)) : x;
+      let W = E.find((M) => M.value === s);
+      return !W && r === !0 && (W = { label: s, value: s }), W ? (m(e.onTagRemoved, s, W, x), x.filter((M) => M !== s)) : x;
     });
     const d = E.find((x) => x.value === s), F = (d == null ? void 0 : d.label) || (d == null ? void 0 : d.value);
     R === F && Z(""), a && ((L = N.current) == null || L.focus());
@@ -320,13 +320,13 @@ function Vt(e) {
     };
   }) : [];
   return D(() => {
-    m(H, { tags: Be });
+    m(U, { tags: Be });
   }, [T]), {
     autoCompleteProps: e,
     children: he,
     filteredList: y,
     filteredResults: ye,
-    focusedValue: Q,
+    focusedValue: K,
     defaultEmptyStateProps: i,
     getEmptyStateProps: (s) => {
       if (y.every((d) => d.noFilter) && l && !r)
@@ -348,7 +348,7 @@ function Vt(e) {
       };
     },
     getInputProps: (s, a) => {
-      const { onBlur: d, onChange: F, onFocus: L, onKeyDown: x, variant: $, ...M } = s;
+      const { onBlur: d, onChange: F, onFocus: L, onKeyDown: x, variant: W, ...M } = s;
       return {
         wrapper: {
           ref: Ge,
@@ -362,12 +362,12 @@ function Vt(e) {
         input: {
           isReadOnly: v,
           onFocus: (f) => {
-            m(L, f), e.openOnFocus && !v && U(), e.selectOnFocus && f.target.select(), h && se(!0);
+            m(L, f), e.openOnFocus && !v && Q(), e.selectOnFocus && f.target.select(), h && se(!0);
           },
           onBlur: (f) => {
-            var z, ie;
+            var B, ie;
             m(d, f);
-            const S = f.relatedTarget === (X == null ? void 0 : X.current) || ((z = X.current) == null ? void 0 : z.contains(f.relatedTarget)), g = (ie = Ge.current) == null ? void 0 : ie.contains(
+            const S = f.relatedTarget === (X == null ? void 0 : X.current) || ((B = X.current) == null ? void 0 : B.contains(f.relatedTarget)), g = (ie = Ge.current) == null ? void 0 : ie.contains(
               f.relatedTarget
             );
             if (!S && !g && (n && _(), !T.includes(f.target.value) && Y)) {
@@ -381,22 +381,22 @@ function Vt(e) {
             const S = f.target.value;
             m(F, f), Z(S);
             const g = Te(S);
-            m(me, S) && (!g || re) ? U() : _(), se(!1);
+            m(me, S) && (!g || re) ? Q() : _(), se(!1);
           },
           onKeyDown: (f) => {
-            var z;
-            m(x, f), V.current = "keyboard";
+            var B;
+            m(x, f), $.current = "keyboard";
             const { key: S } = f, g = y[Ce];
             if (["Enter", ...ve].includes(S)) {
-              g && !(g != null && g.disabled) && w ? Ie(g == null ? void 0 : g.value) : (z = N.current) == null || z.focus(), f.preventDefault();
+              g && !(g != null && g.disabled) && w ? Ie(g == null ? void 0 : g.value) : (B = N.current) == null || B.focus(), f.preventDefault();
               return;
             }
             if (S === "ArrowDown") {
-              w ? G(Se == null ? void 0 : Se.value) : U(), f.preventDefault();
+              w ? G(Se == null ? void 0 : Se.value) : Q(), f.preventDefault();
               return;
             }
             if (S === "ArrowUp") {
-              w ? G(xe == null ? void 0 : xe.value) : U(), f.preventDefault();
+              w ? G(xe == null ? void 0 : xe.value) : Q(), f.preventDefault();
               return;
             }
             if (S === "Tab") {
@@ -414,7 +414,7 @@ function Vt(e) {
             S === "Escape" && (_(), f.preventDefault());
           },
           value: R,
-          variant: c ? "unstyled" : $,
+          variant: c ? "unstyled" : W,
           ...M
         }
       };
@@ -426,15 +426,15 @@ function Vt(e) {
         _focus: F,
         children: L,
         disabled: x,
-        label: $,
+        label: W,
         value: M,
         fixed: f,
         getValue: S = _e,
         onClick: g,
-        onMouseOver: z,
+        onMouseOver: B,
         sx: ie,
         ...we
-      } = s, A = a ? M : (Ue = S(M)) == null ? void 0 : Ue.toString(), Oe = A === Q, Ee = y.findIndex((q) => q.value === A) >= 0, Fe = L || $ || A;
+      } = s, A = a ? M : (Ue = S(M)) == null ? void 0 : Ue.toString(), Oe = A === K, Ee = y.findIndex((q) => q.value === A) >= 0, Fe = L || W || A;
       return {
         item: {
           ...typeof Fe != "string" || !o ? { children: Fe } : {
@@ -446,11 +446,11 @@ function Vt(e) {
           "aria-disabled": x,
           _disabled: { opacity: 0.4, cursor: "not-allowed", userSelect: "none" },
           onClick: (q) => {
-            var Ve;
-            m(g, q), x ? (Ve = N.current) == null || Ve.focus() : Ie(A);
+            var Qe;
+            m(g, q), x ? (Qe = N.current) == null || Qe.focus() : Ie(A);
           },
           onMouseOver: (q) => {
-            m(z, q), G(A), V.current = "mouse";
+            m(B, q), G(A), $.current = "mouse";
           },
           sx: {
             ...ie,
@@ -473,26 +473,26 @@ function Vt(e) {
       };
     },
     inputRef: N,
-    interactionRef: V,
+    interactionRef: $,
     isLoading: ge,
     isOpen: w,
     itemList: E,
     listRef: X,
     onClose: _,
-    onOpen: U,
+    onOpen: Q,
     placement: oe,
     query: R,
     removeItem: ze,
     resetItems: lt,
     setQuery: Z,
     tags: Be,
-    value: k,
+    value: z,
     values: T
   };
 }
-const Qt = B(
+const $t = H(
   (e, t) => {
-    const n = Vt(e), {
+    const n = Qt(e), {
       children: r,
       isOpen: o,
       onClose: l,
@@ -511,8 +511,6 @@ const Qt = B(
       {
         isLazy: !0,
         isOpen: o,
-        onClose: l,
-        onOpen: i,
         autoFocus: !1,
         placement: u,
         closeOnBlur: !0,
@@ -522,17 +520,17 @@ const Qt = B(
     ) });
   }
 );
-Qt.displayName = "AutoComplete";
-const $t = B(
+$t.displayName = "AutoComplete";
+const Kt = H(
   (e, t) => {
     const {
       focusedValue: n,
       getItemProps: r,
       interactionRef: o
-    } = W(), l = te(), i = Pe(t, l), u = r(e), { isValidSuggestion: v, value: h } = u.root, b = n === h;
+    } = j(), l = te(), i = Pe(t, l), u = r(e), { isValidSuggestion: v, value: h } = u.root, b = n === h;
     D(() => {
-      var H;
-      b && o.current === "keyboard" && ((H = l == null ? void 0 : l.current) == null || H.scrollIntoView({
+      var U;
+      b && o.current === "keyboard" && ((U = l == null ? void 0 : l.current) == null || U.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       }));
@@ -545,7 +543,7 @@ const $t = B(
     return v ? /* @__PURE__ */ p(pe, { ref: i, ...ot, ...I, children: c || /* @__PURE__ */ p("span", { dangerouslySetInnerHTML: O }) }) : null;
   }
 );
-$t.displayName = "AutoCompleteItem";
+Kt.displayName = "AutoCompleteItem";
 const ot = {
   mx: "2",
   px: "2",
@@ -553,13 +551,13 @@ const ot = {
   rounded: "md",
   cursor: "pointer"
 };
-function Kt(e) {
+function Vt(e) {
   const { alwaysDisplay: t, children: n, ...r } = e, {
     autoCompleteProps: o,
     getItemProps: l,
     query: i,
     filteredResults: u
-  } = W(), { children: v, ...h } = l(
+  } = j(), { children: v, ...h } = l(
     {
       ...e,
       value: i,
@@ -571,17 +569,17 @@ function Kt(e) {
   ).item, b = u.some((C) => C.value === i), c = Te(i) ? t : !0;
   return o.creatable && c && !b ? /* @__PURE__ */ p(pe, { ...ot, ...h, ...r, children: v || `Add ${i}` }) : null;
 }
-Kt.displayName = "AutoCompleteCreatable";
-const Yt = B(
+Vt.displayName = "AutoCompleteCreatable";
+const Yt = H(
   (e, t) => {
-    const { children: n, showDivider: r, ...o } = e, l = Me(o, ["groupSibling"]), { getGroupProps: i } = W(), { group: u } = i(e), v = Zt(e);
-    return /* @__PURE__ */ K(Xe, { ref: t, ...u, ...l, children: [
-      /* @__PURE__ */ p(Qe, { ...v.top }),
+    const { children: n, showDivider: r, ...o } = e, l = Me(o, ["groupSibling"]), { getGroupProps: i } = j(), { group: u } = i(e), v = Zt(e);
+    return /* @__PURE__ */ V(Xe, { ref: t, ...u, ...l, children: [
+      /* @__PURE__ */ p($e, { ...v.top }),
       n,
-      /* @__PURE__ */ p(Qe, { ...v.bottom })
+      /* @__PURE__ */ p($e, { ...v.bottom })
     ] });
   }
-), Jt = B(
+), Jt = H(
   (e, t) => /* @__PURE__ */ p(pe, { ...Xt, ...e, ref: t })
 );
 Yt.displayName = "AutoCompleteGroup";
@@ -594,7 +592,7 @@ const Xt = {
   fontWeight: "extrabold",
   textTransform: "uppercase"
 }, Zt = (e) => {
-  const { getGroupProps: t } = W(), n = e.groupSibling, {
+  const { getGroupProps: t } = j(), n = e.groupSibling, {
     divider: { hasFirstChild: r, hasLastChild: o }
   } = t(e), l = {
     my: 2,
@@ -608,13 +606,13 @@ const Xt = {
     display: !e.showDivider || o || n ? "none" : ""
   };
   return { top: i, bottom: u };
-}, Ke = B((e, t) => {
-  const { isLoading: n } = W(), { loadingIcon: r, ...o } = e;
-  return /* @__PURE__ */ K(mt, { children: [
+}, Ve = H((e, t) => {
+  const { isLoading: n } = j(), { loadingIcon: r, ...o } = e;
+  return /* @__PURE__ */ V(mt, { children: [
     /* @__PURE__ */ p(vt, { ...o, ref: t }),
     n && /* @__PURE__ */ p(ht, { children: r || /* @__PURE__ */ p(Ze, {}) })
   ] });
-}), rt = B(
+}), rt = H(
   (e, t) => {
     const {
       autoCompleteProps: n,
@@ -624,7 +622,7 @@ const Xt = {
       setQuery: i,
       value: u,
       itemList: v
-    } = W(), {
+    } = j(), {
       children: h,
       isInvalid: b,
       hidePlaceholder: c,
@@ -632,33 +630,33 @@ const Xt = {
     } = e, { value: C } = O;
     D(() => {
       if (u !== void 0 && (typeof u == "string" || u instanceof String)) {
-        const re = v.find((J) => J.value === u), k = re === void 0 ? u : re.label;
-        i(k);
+        const re = v.find((J) => J.value === u), z = re === void 0 ? u : re.label;
+        i(z);
       }
     }, [u]), D(() => {
       C !== void 0 && (typeof C == "string" || C instanceof String) && i(C);
     }, [C]);
     const I = yt("Input", e);
-    let { wrapper: H, input: j } = o(O, I);
-    const { ref: ne, ...ge } = H, oe = Pe(t, r), Y = m(h, { tags: l });
-    c && (j = {
-      ...j,
-      placeholder: Array.isArray(Y) && Y.length ? void 0 : j.placeholder
+    let { wrapper: U, input: k } = o(O, I);
+    const { ref: ne, ...ge } = U, oe = Pe(t, r), Y = m(h, { tags: l });
+    c && (k = {
+      ...k,
+      placeholder: Array.isArray(Y) && Y.length ? void 0 : k.placeholder
     });
     const me = /* @__PURE__ */ p(
-      Ke,
+      Ve,
       {
         isInvalid: b,
-        ...j,
+        ...k,
         ref: oe
       }
-    ), ve = /* @__PURE__ */ K(bt, { "aria-invalid": b, ...ge, ref: ne, children: [
+    ), ve = /* @__PURE__ */ V(bt, { "aria-invalid": b, ...ge, ref: ne, children: [
       Y,
       /* @__PURE__ */ p(
         qe,
         {
-          as: Ke,
-          ...j,
+          as: Ve,
+          ...k,
           ref: oe
         }
       )
@@ -669,7 +667,7 @@ const Xt = {
 rt.displayName = "Input";
 rt.id = "Input";
 const qt = (e) => {
-  const { getEmptyStateProps: t, defaultEmptyStateProps: n } = W(), r = t(
+  const { getEmptyStateProps: t, defaultEmptyStateProps: n } = j(), r = t(
     /* @__PURE__ */ p(pe, { ...en, ...n, children: "No options found!" })
   );
   return /* @__PURE__ */ p(Xe, { ...e, children: r });
@@ -709,12 +707,12 @@ const qt = (e) => {
       );
     }
   ), n];
-}, nn = B(
+}, nn = H(
   (e, t) => {
-    const { children: n, loadingState: r, ...o } = e, { listRef: l, isLoading: i } = W(), u = Pe(t, l), [v, h] = tn(n);
-    return /* @__PURE__ */ K(St, { ref: u, w: "inherit", ...on, ...o, children: [
+    const { children: n, loadingState: r, ...o } = e, { listRef: l, isLoading: i } = j(), u = Pe(t, l), [v, h] = tn(n);
+    return /* @__PURE__ */ V(St, { ref: u, w: "inherit", ...on, ...o, children: [
       i && /* @__PURE__ */ p(xt, { children: r || /* @__PURE__ */ p(Ze, { size: "md" }) }),
-      !i && /* @__PURE__ */ K(it, { children: [
+      !i && /* @__PURE__ */ V(it, { children: [
         v,
         /* @__PURE__ */ p(qt, {}),
         h
@@ -741,7 +739,7 @@ const on = {
   }
 }, pn = at((e) => {
   const { label: t, onRemove: n, disabled: r, ...o } = e;
-  return /* @__PURE__ */ p(qe, { children: /* @__PURE__ */ K(
+  return /* @__PURE__ */ p(qe, { children: /* @__PURE__ */ V(
     At,
     {
       borderRadius: "md",
@@ -768,17 +766,17 @@ const on = {
   _focus: { boxShadow: "none" }
 };
 export {
-  Qt as AutoComplete,
-  Kt as AutoCompleteCreatable,
+  $t as AutoComplete,
+  Vt as AutoCompleteCreatable,
   Yt as AutoCompleteGroup,
   Jt as AutoCompleteGroupTitle,
   rt as AutoCompleteInput,
-  $t as AutoCompleteItem,
+  Kt as AutoCompleteItem,
   nn as AutoCompleteList,
   Ot as AutoCompleteProvider,
   pn as AutoCompleteTag,
   ot as baseItemStyles,
   Et as createContext,
-  Vt as useAutoComplete,
-  W as useAutoCompleteContext
+  Qt as useAutoComplete,
+  j as useAutoCompleteContext
 };

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),f=require("react"),a=require("@chakra-ui/react");function st(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const le=st(f),[Ve,_]=Qe();function Qe(){const e=le.createContext(void 0);e.displayName="AutoCompleteContext";function t(){var o;const n=le.useContext(e),r="useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";if(!n){const u=new Error(r);throw u.name="ContextError",(o=Error.captureStackTrace)==null||o.call(Error,u,t),u}return n}return[e.Provider,t,e]}function ut(e){return e==null?void 0:e[0]}function we(e){return e!=null&&e.length?e[e.length-1]:void 0}function $e(e,t,n=1,r=!0){if(t===0)return-1;let o=e+n;return e===-1&&(o=n>0?0:t-1),r?o=(o%t+t)%t:o=Math.max(0,Math.min(o,t-1)),o}function lt(e,t,n=!0){return $e(e,t,-1,n)}function it(e,t,n=!0){const r=$e(e,t.length,1,n);return t[r]}function at(e,t,n=!0){const r=lt(e,t.length,n);return t[r]}function Ie(e){return Array.isArray(e)}function ct(e){return Ie(e)&&e.length===0}function je(e){return e!==null&&typeof e=="object"&&!Ie(e)}function ft(e){return je(e)&&Object.keys(e).length===0}function Ee(e){return Ie(e)?ct(e):je(e)?ft(e):e==null||e===""}function ue(e){return typeof e>"u"}function Ke(e){return typeof e<"u"}function pt(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function Oe(e,t){const n={...e};return t.forEach(r=>{delete n[r]}),n}function dt(e){return typeof e=="function"}function h(e,...t){return dt(e)?e(...t):e}var ie=function(e,t){for(var n,r=le.Children.toArray(e),o=0,u=r;o<u.length;o++){var l=u[o];if(t(l))return l;if(!((n=l.props)===null||n===void 0)&&n.children){var i=ie(l.props.children,t);if(i)return i}}},se=function(e,t){for(var n=0,r=t.length,o=e.length;n<r;n++,o++)e[o]=t[n];return e},Ye=function(e,t){for(var n,r=le.Children.toArray(e),o=[],u=0,l=r;u<l.length;u++){var i=l[u];t(i)&&(o=se(se([],o),[i])),!((n=i.props)===null||n===void 0)&&n.children&&(o=se(se([],o),Ye(i.props.children,t)))}return o};function ze(e,t,n=2){function r(d,O){d=" ".repeat(O-1)+d.toLowerCase()+" ".repeat(O-1);let S=new Array(d.length-O+1);for(let j=0;j<S.length;j++)S[j]=d.slice(j,j+O);return S}if(!(e!=null&&e.length)||!(t!=null&&t.length))return 0;let o=e.length<t.length?e:t,u=e.length<t.length?t:e,l=r(o,n),i=r(u,n),y=new Set(l),C=i.length,b=0;for(let d of i)y.delete(d)&&b++;return b/C}const Re=e=>{var t;return(t=typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])==null?void 0:t.toString()},gt=(e,t)=>typeof e!="string"||Ee(t)?e:e.toString().replace(new RegExp(yt(t),"gi"),r=>`<mark>${r}</mark>`),mt=e=>Ye(e,n=>{var r;return((r=n==null?void 0:n.type)==null?void 0:r.displayName)==="AutoCompleteItem"}).map(n=>{const r=pt(n.props,["value","label","fixed","disabled"]),{getValue:o=Re}=n.props,u=o(r.value);return{...Ke(r.label)?r:{...r,label:u},value:u,originalValue:r.value}}),vt=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),ht=(e,t,n)=>(t==null?void 0:t.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||(n==null?void 0:n.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||ze(e,t)>=.5||ze(e,n)>=.5;function yt(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const Ct=(e,t)=>ie(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),xt=(e,t)=>ie(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),bt=(e,t)=>Ke(ie(e,n=>{var o,u;const r=h(((o=n.props)==null?void 0:o.getValue)||Re,((u=n.props)==null?void 0:u.value)||{});return t.some(l=>l.value===r)})),St=(e,t)=>{const n={},r={},{field:o}=e;return o&&Object.keys(o).forEach(u=>{if(u.startsWith("--input")===!1)n[u]=o[u];else{let l=o[u];const y=u.replace("--input-","").replace(/-([a-z])/g,function(C){return C[1].toUpperCase()});l.indexOf(".")!==-1&&(l=l.substring(l.indexOf(".")+1)),r[y]=l}}),{...t&&{...n,...r,_focusWithin:e.field._focus,pos:"relative",minH:9,py:1.5,spacing:3},cursor:"text",h:"fit-content"}};function Je(e){var Ge;let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:u=!0,defaultEmptyStateProps:l={},freeSolo:i,isReadOnly:y,listAllValuesOnFocus:C,maxSuggestions:b,multiple:d,closeOnSelect:O=!d,defaultValue:S,defaultValues:j=S?[S]:[],onReady:H,defaultIsOpen:k,disableFilter:q,isLoading:ae=!1,placement:ee="bottom",restoreOnBlurIfEmpty:K=!i,shouldRenderSuggestions:ce=()=>!0,submitKeys:fe=[],suggestWhenEmpty:te,value:z,values:Y=z?typeof z=="string"?[z]:[...z]:void 0}=e;i=i||(d?!0:e.freeSolo);const{isOpen:E,onClose:G,onOpen:U}=a.useDisclosure({defaultIsOpen:k}),pe=f.useMemo(()=>h(e.children,{isOpen:E,onClose:G,onOpen:U}),[e.children,E]),R=f.useMemo(()=>mt(pe),[pe]),N=f.useRef(null),Ne=f.useRef(null),J=f.useRef(null),V=f.useRef(null),[Pe,ne]=f.useState(!1);let oe="";d?oe="":ue(j)?ue(Y)||(oe=Y[0]):oe=j[0];const[D,X]=f.useState(oe??""),de=f.useMemo(()=>q?R:R.filter(s=>s.fixed||h(e.filter||ht,D,s.value,s.label)||Pe).filter((s,c)=>b?s.fixed||c<b:!0),[D,R,Pe,b,q]),De=r?[{value:D,noFilter:!0,creatable:!0}]:[],x=f.useMemo(()=>[...de,...De],[de,De]),[M,ge]=a.useControllableState({defaultValue:j.map(s=>s==null?void 0:s.toString()),value:Y,onChange:s=>{const c=x.find(F=>F.value===s[0]);if(!c)return;const m=s.map(F=>x.find(L=>L.value===F));h(e.onChange,d?s:s[0],d?m:c)}});f.useEffect(()=>{x.length===0&&!u&&E&&G()},[x.length,u,E]);const[Q,W]=f.useState(t?(Ge=R[0])==null?void 0:Ge.value:null),ot=e.maxSelections||M.length+1,me=x.findIndex(s=>s.value===Q),ve=it(me,x,!!e.rollNavigation),he=at(me,x,!!e.rollNavigation),P=ut(x),ye=we(x),Me=!x.some(s=>s.value===Q);f.useEffect(()=>{var s;Me&&W(t?(s=R[0])==null?void 0:s.value:null)},[Me]),a.useUpdateEffect(()=>{t&&W(P==null?void 0:P.value)},[D,P==null?void 0:P.value]),f.useEffect(()=>{var s;!E&&t&&W((s=R[0])==null?void 0:s.value)},[E]),f.useEffect(()=>{E&&C&&ne(!0)},[E,C,ne]),f.useEffect(()=>{const s=R.find(c=>c.value===Q);h(e.onOptionFocus,{item:s,focusMethod:V.current,isNewInput:s==null?void 0:s.creatable})},[Q,e.onOptionFocus]);const Ce=s=>{var F,L;const c=x.find(w=>w.value===s),m=(c==null?void 0:c.label)||(c==null?void 0:c.value);X(()=>d?"":m??""),!M.includes(s)&&M.length<ot&&ge(w=>d?[...w,s]:[s]),d&&((F=N.current)==null||F.focus()),e.focusInputOnSelect&&((L=N.current)==null||L.focus()),h(e.onSelectOption,{item:c,selectMethod:V.current,isNewInput:c==null?void 0:c.creatable}),c!=null&&c.creatable&&h(e.onCreateOption,{item:Oe(c,["noFilter"]),selectMethod:V.current}),O&&G()},Te=(s,c)=>{var L;ge(w=>{const $=R.find(T=>T.value===s);return $?(h(e.onTagRemoved,s,$,w),w.filter(T=>T!==s)):w});const m=R.find(w=>w.value===s),F=(m==null?void 0:m.label)||(m==null?void 0:m.value);D===F&&X(""),c&&((L=N.current)==null||L.focus())},rt=s=>{var c;ge([]),s&&((c=N.current)==null||c.focus())},_e=d?M.map(s=>{var c;return{label:((c=R.find(m=>m.value===(s==null?void 0:s.toString())))==null?void 0:c.label)||s,onRemove:()=>Te(s)}}):[];return f.useEffect(()=>{h(H,{tags:_e})},[M]),{autoCompleteProps:e,children:pe,filteredList:x,filteredResults:de,focusedValue:Q,defaultEmptyStateProps:l,getEmptyStateProps:s=>{if(x.every(m=>m.noFilter)&&u&&!r)return typeof u=="boolean"?s:h(u,{query:D})},getGroupProps:s=>{const c=bt(s.children,x);return{divider:{hasFirstChild:Ct(s.children,P),hasLastChild:xt(s.children,we(x.filter(m=>ue(m==null?void 0:m.noFilter))))},group:{display:c?"initial":"none"}}},getInputProps:(s,c)=>{const{onBlur:m,onChange:F,onFocus:L,onKeyDown:w,variant:$,...T}=s;return{wrapper:{ref:Ne,onClick:()=>{var g;(g=N==null?void 0:N.current)==null||g.focus()},...St(c,d),...T},input:{isReadOnly:y,onFocus:g=>{h(L,g),e.openOnFocus&&!y&&U(),e.selectOnFocus&&g.target.select(),C&&ne(!0)},onBlur:g=>{var B,re;h(m,g);const A=g.relatedTarget===(J==null?void 0:J.current)||((B=J.current)==null?void 0:B.contains(g.relatedTarget)),v=(re=Ne.current)==null?void 0:re.contains(g.relatedTarget);if(!A&&!v&&(n&&G(),!M.includes(g.target.value)&&K)){const xe=we(M),I=R.find(Se=>Se.value===xe),be=(I==null?void 0:I.label)||(I==null?void 0:I.value)||"";X(be)}},onChange:g=>{const A=g.target.value;h(F,g),X(A);const v=Ee(A);h(ce,A)&&(!v||te)?U():G(),ne(!1)},onKeyDown:g=>{var B;h(w,g),V.current="keyboard";const{key:A}=g,v=x[me];if(["Enter",...fe].includes(A)){v&&!(v!=null&&v.disabled)&&E?Ce(v==null?void 0:v.value):(B=N.current)==null||B.focus(),g.preventDefault();return}if(A==="ArrowDown"){E?W(ve==null?void 0:ve.value):U(),g.preventDefault();return}if(A==="ArrowUp"){E?W(he==null?void 0:he.value):U(),g.preventDefault();return}if(A==="Tab"){E&&v&&!(v!=null&&v.disabled)?Ce(v==null?void 0:v.value):G();return}if(A==="Home"){W(P==null?void 0:P.value),g.preventDefault();return}if(A==="End"){W(ye==null?void 0:ye.value),g.preventDefault();return}A==="Escape"&&(G(),g.preventDefault())},value:D,variant:d?"unstyled":$,...T}}},getItemProps:(s,c)=>{var We;const{_fixed:m,_focus:F,children:L,disabled:w,label:$,value:T,fixed:g,getValue:A=Re,onClick:v,onMouseOver:B,sx:re,...xe}=s,I=c?T:(We=A(T))==null?void 0:We.toString(),be=I===Q,Se=x.findIndex(Z=>Z.value===I)>=0,Ae=L||$||I;return{item:{...typeof Ae!="string"||!o?{children:Ae}:{dangerouslySetInnerHTML:{__html:gt(Ae,D)}},"aria-selected":M.includes(I),"aria-disabled":w,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onClick:Z=>{var ke;h(v,Z),w?(ke=N.current)==null||ke.focus():Ce(I)},onMouseOver:Z=>{h(B,Z),W(I),V.current="mouse"},sx:{...re,mark:{color:"inherit",bg:"transparent",...je(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...be&&(F||vt()),...g&&m,...xe},root:{isValidSuggestion:Se,value:I}}},inputRef:N,interactionRef:V,isLoading:ae,isOpen:E,itemList:R,listRef:J,onClose:G,onOpen:U,placement:ee,query:D,removeItem:Te,resetItems:rt,setQuery:X,tags:_e,value:z,values:M}}const Xe=a.forwardRef((e,t)=>{const n=Je(e),{children:r,isOpen:o,onClose:u,onOpen:l,placement:i,resetItems:y,removeItem:C}=n;f.useImperativeHandle(t,()=>({resetItems:y,removeItem:C}));const{matchWidth:b=!0}=n.autoCompleteProps;return p.jsx(Ve,{value:n,children:p.jsx(a.Popover,{isLazy:!0,isOpen:o,onClose:u,onOpen:l,autoFocus:!1,placement:i,closeOnBlur:!0,matchWidth:b,children:p.jsx(a.chakra.div,{w:"full",ref:t,children:r})})})});Xe.displayName="AutoComplete";const Ze=a.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=_(),u=f.useRef(),l=a.useMergeRefs(t,u),i=r(e),{isValidSuggestion:y,value:C}=i.root,b=n===C;f.useEffect(()=>{var H;b&&o.current==="keyboard"&&((H=u==null?void 0:u.current)==null||H.scrollIntoView({behavior:"smooth",block:"nearest"}))},[b,o]),f.useEffect(()=>{typeof C!="string"&&console.warn("wow"),typeof C!="string"&&ue(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:d,dangerouslySetInnerHTML:O,...S}=i.item,j=Oe(S,["groupId"]);return y?p.jsx(a.Flex,{ref:l,...Fe,...j,children:d||p.jsx("span",{dangerouslySetInnerHTML:O})}):null});Ze.displayName="AutoCompleteItem";const Fe={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function qe(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:u,query:l,filteredResults:i}=_(),{children:y,...C}=u({...e,value:l,children:h(n,{value:l})},!0).item,b=i.some(S=>S.value===l),d=Ee(l)?t:!0;return o.creatable&&d&&!b?p.jsx(a.Flex,{...Fe,...C,...r,children:y||`Add ${l}`}):null}qe.displayName="AutoCompleteCreatable";const et=a.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,u=Oe(o,["groupSibling"]),{getGroupProps:l}=_(),{group:i}=l(e),y=wt(e);return p.jsxs(a.Box,{ref:t,...i,...u,children:[p.jsx(a.Divider,{...y.top}),n,p.jsx(a.Divider,{...y.bottom})]})}),tt=a.forwardRef((e,t)=>p.jsx(a.Flex,{...At,...e,ref:t}));et.displayName="AutoCompleteGroup";tt.displayName="AutoCompleteGroupTitle";const At={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},wt=e=>{const{getGroupProps:t}=_(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),u={my:2,borderColor:e.dividerColor},l={...u,mb:4,display:!e.showDivider||r?"none":""},i={...u,display:!e.showDivider||o||n?"none":""};return{top:l,bottom:i}},Be=a.forwardRef((e,t)=>{const{isLoading:n}=_(),{loadingIcon:r,...o}=e;return p.jsxs(a.InputGroup,{children:[p.jsx(a.Input,{...o,ref:t}),n&&p.jsx(a.InputRightElement,{children:r||p.jsx(a.Spinner,{})})]})}),Le=a.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:u,setQuery:l,value:i,itemList:y}=_(),{children:C,isInvalid:b,hidePlaceholder:d,...O}=e,{value:S}=O;f.useEffect(()=>{if(i!==void 0&&(typeof i=="string"||i instanceof String)){const te=y.find(Y=>Y.value===i),z=te===void 0?i:te.label;l(z)}},[i]),f.useEffect(()=>{S!==void 0&&(typeof S=="string"||S instanceof String)&&l(S)},[S]);const j=a.useMultiStyleConfig("Input",e);let{wrapper:H,input:k}=o(O,j);const{ref:q,...ae}=H,ee=a.useMergeRefs(t,r),K=h(C,{tags:u});d&&(k={...k,placeholder:Array.isArray(K)&&K.length?void 0:k.placeholder});const ce=p.jsx(Be,{isInvalid:b,...k,ref:ee}),fe=p.jsxs(a.Wrap,{"aria-invalid":b,...ae,ref:q,children:[K,p.jsx(a.WrapItem,{as:Be,...k,ref:ee})]});return p.jsx(a.PopoverAnchor,{children:n.multiple?fe:ce})});Le.displayName="Input";Le.id="Input";const It=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=_(),r=t(p.jsx(a.Flex,{...jt,...n,children:"No options found!"}));return p.jsx(a.Box,{...e,children:r})},jt={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},He=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Et=e=>{const t=f.Children.map(e,(o,u)=>{var l;if(((l=o==null?void 0:o.type)==null?void 0:l.displayName)==="AutoCompleteGroup"){const i=f.Children.toArray(e)[u+1];return f.cloneElement(o,{groupSibling:i?i.type.displayName==="AutoCompleteGroup":!1})}return o}),n=f.Children.toArray(t).filter(o=>{var u;return!He.includes((u=o==null?void 0:o.type)==null?void 0:u.displayName)});return[f.Children.toArray(t).filter(o=>{var u;return He.includes((u=o==null?void 0:o.type)==null?void 0:u.displayName)}),n]},nt=a.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:u,isLoading:l}=_(),i=a.useMergeRefs(t,u),[y,C]=Et(n);return p.jsxs(a.PopoverContent,{ref:i,w:"inherit",...Ot,...o,children:[l&&p.jsx(a.Center,{children:r||p.jsx(a.Spinner,{size:"md"})}),!l&&p.jsxs(p.Fragment,{children:[y,p.jsx(It,{}),C]})]})});nt.displayName="AutoCompleteList";const Ot={py:"4",opacity:"0",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Rt=f.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return p.jsx(a.WrapItem,{children:p.jsxs(a.Tag,{borderRadius:"md",fontWeight:"normal",...r&&Ue,...o,children:[p.jsx(a.TagLabel,{children:t}),p.jsx(a.TagCloseButton,{onClick:()=>!r&&h(n),cursor:"pointer",...r&&Ue})]})})}),Ue={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=Xe;exports.AutoCompleteCreatable=qe;exports.AutoCompleteGroup=et;exports.AutoCompleteGroupTitle=tt;exports.AutoCompleteInput=Le;exports.AutoCompleteItem=Ze;exports.AutoCompleteList=nt;exports.AutoCompleteProvider=Ve;exports.AutoCompleteTag=Rt;exports.baseItemStyles=Fe;exports.createContext=Qe;exports.useAutoComplete=Je;exports.useAutoCompleteContext=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),f=require("react"),a=require("@chakra-ui/react");function st(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const ue=st(f),[Qe,_]=$e();function $e(){const e=ue.createContext(void 0);e.displayName="AutoCompleteContext";function t(){var o;const n=ue.useContext(e),r="useAutoCompleteContext: `context` is undefined. Seems you forgot to wrap all autoomplete components within `<AutoComplete />`";if(!n){const l=new Error(r);throw l.name="ContextError",(o=Error.captureStackTrace)==null||o.call(Error,l,t),l}return n}return[e.Provider,t,e]}function lt(e){return e==null?void 0:e[0]}function we(e){return e!=null&&e.length?e[e.length-1]:void 0}function Ke(e,t,n=1,r=!0){if(t===0)return-1;let o=e+n;return e===-1&&(o=n>0?0:t-1),r?o=(o%t+t)%t:o=Math.max(0,Math.min(o,t-1)),o}function ut(e,t,n=!0){return Ke(e,t,-1,n)}function it(e,t,n=!0){const r=Ke(e,t.length,1,n);return t[r]}function at(e,t,n=!0){const r=ut(e,t.length,n);return t[r]}function Ie(e){return Array.isArray(e)}function ct(e){return Ie(e)&&e.length===0}function je(e){return e!==null&&typeof e=="object"&&!Ie(e)}function ft(e){return je(e)&&Object.keys(e).length===0}function Ee(e){return Ie(e)?ct(e):je(e)?ft(e):e==null||e===""}function le(e){return typeof e>"u"}function Ve(e){return typeof e<"u"}function pt(e,t){const n={};return t.forEach(r=>{r in e&&(n[r]=e[r])}),n}function Oe(e,t){const n={...e};return t.forEach(r=>{delete n[r]}),n}function dt(e){return typeof e=="function"}function h(e,...t){return dt(e)?e(...t):e}var ie=function(e,t){for(var n,r=ue.Children.toArray(e),o=0,l=r;o<l.length;o++){var u=l[o];if(t(u))return u;if(!((n=u.props)===null||n===void 0)&&n.children){var i=ie(u.props.children,t);if(i)return i}}},se=function(e,t){for(var n=0,r=t.length,o=e.length;n<r;n++,o++)e[o]=t[n];return e},Ye=function(e,t){for(var n,r=ue.Children.toArray(e),o=[],l=0,u=r;l<u.length;l++){var i=u[l];t(i)&&(o=se(se([],o),[i])),!((n=i.props)===null||n===void 0)&&n.children&&(o=se(se([],o),Ye(i.props.children,t)))}return o};function ze(e,t,n=2){function r(d,O){d=" ".repeat(O-1)+d.toLowerCase()+" ".repeat(O-1);let S=new Array(d.length-O+1);for(let j=0;j<S.length;j++)S[j]=d.slice(j,j+O);return S}if(!(e!=null&&e.length)||!(t!=null&&t.length))return 0;let o=e.length<t.length?e:t,l=e.length<t.length?t:e,u=r(o,n),i=r(l,n),y=new Set(u),C=i.length,b=0;for(let d of i)y.delete(d)&&b++;return b/C}const Re=e=>{var t;return(t=typeof e=="string"||typeof e=="number"?e:e[Object.keys(e)[0]])==null?void 0:t.toString()},gt=(e,t)=>typeof e!="string"||Ee(t)?e:e.toString().replace(new RegExp(yt(t),"gi"),r=>`<mark>${r}</mark>`),mt=e=>Ye(e,n=>{var r;return((r=n==null?void 0:n.type)==null?void 0:r.displayName)==="AutoCompleteItem"}).map(n=>{const r=pt(n.props,["value","label","fixed","disabled"]),{getValue:o=Re}=n.props,l=o(r.value);return{...Ve(r.label)?r:{...r,label:l},value:l,originalValue:r.value}}),vt=()=>({bg:"whiteAlpha.100",_light:{bg:"gray.200"}}),ht=(e,t,n)=>(t==null?void 0:t.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||(n==null?void 0:n.toLowerCase().indexOf(e==null?void 0:e.toLowerCase()))>=0||ze(e,t)>=.5||ze(e,n)>=.5;function yt(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}const Ct=(e,t)=>ie(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),xt=(e,t)=>ie(e,r=>{var o;return((o=r==null?void 0:r.type)==null?void 0:o.displayName)==="AutoCompleteItem"&&r.props.value===(t==null?void 0:t.value)}),bt=(e,t)=>Ve(ie(e,n=>{var o,l;const r=h(((o=n.props)==null?void 0:o.getValue)||Re,((l=n.props)==null?void 0:l.value)||{});return t.some(u=>u.value===r)})),St=(e,t)=>{const n={},r={},{field:o}=e;return o&&Object.keys(o).forEach(l=>{if(l.startsWith("--input")===!1)n[l]=o[l];else{let u=o[l];const y=l.replace("--input-","").replace(/-([a-z])/g,function(C){return C[1].toUpperCase()});u.indexOf(".")!==-1&&(u=u.substring(u.indexOf(".")+1)),r[y]=u}}),{...t&&{...n,...r,_focusWithin:e.field._focus,pos:"relative",minH:9,py:1.5,spacing:3},cursor:"text",h:"fit-content"}};function Je(e){var Ge;let{prefocusFirstItem:t=!0,closeOnBlur:n=!0,creatable:r,emphasize:o,emptyState:l=!0,defaultEmptyStateProps:u={},freeSolo:i,isReadOnly:y,listAllValuesOnFocus:C,maxSuggestions:b,multiple:d,closeOnSelect:O=!d,defaultValue:S,defaultValues:j=S?[S]:[],onReady:U,defaultIsOpen:z,disableFilter:q,isLoading:ae=!1,placement:ee="bottom",restoreOnBlurIfEmpty:V=!i,shouldRenderSuggestions:ce=()=>!0,submitKeys:fe=[],suggestWhenEmpty:te,value:B,values:Y=B?typeof B=="string"?[B]:[...B]:void 0}=e;i=i||(d?!0:e.freeSolo);const{isOpen:E,onClose:G,onOpen:Q}=a.useDisclosure({defaultIsOpen:z}),pe=f.useMemo(()=>h(e.children,{isOpen:E,onClose:G,onOpen:Q}),[e.children,E]),R=f.useMemo(()=>mt(pe),[pe]),N=f.useRef(null),Ne=f.useRef(null),J=f.useRef(null),$=f.useRef(null),[Pe,ne]=f.useState(!1);let oe="";d?oe="":le(j)?le(Y)||(oe=Y[0]):oe=j[0];const[D,X]=f.useState(oe??""),de=f.useMemo(()=>q?R:R.filter(s=>s.fixed||h(e.filter||ht,D,s.value,s.label)||Pe).filter((s,c)=>b?s.fixed||c<b:!0),[D,R,Pe,b,q]),De=r?[{value:D,noFilter:!0,creatable:!0}]:[],x=f.useMemo(()=>[...de,...De],[de,De]),[M,ge]=a.useControllableState({defaultValue:j.map(s=>s==null?void 0:s.toString()),value:Y,onChange:s=>{const c=x.find(F=>F.value===s[0]);if(!c)return;const m=s.map(F=>x.find(L=>L.value===F));h(e.onChange,d?s:s[0],d?m:c)}});f.useEffect(()=>{x.length===0&&!l&&E&&G()},[x.length,l,E]);const[K,W]=f.useState(t?(Ge=R[0])==null?void 0:Ge.value:null),ot=e.maxSelections||M.length+1,me=x.findIndex(s=>s.value===K),ve=it(me,x,!!e.rollNavigation),he=at(me,x,!!e.rollNavigation),P=lt(x),ye=we(x),Me=!x.some(s=>s.value===K);f.useEffect(()=>{var s;Me&&W(t?(s=R[0])==null?void 0:s.value:null)},[Me]),a.useUpdateEffect(()=>{t&&W(P==null?void 0:P.value)},[D,P==null?void 0:P.value]),f.useEffect(()=>{var s;!E&&t&&W((s=R[0])==null?void 0:s.value)},[E]),f.useEffect(()=>{E&&C&&ne(!0)},[E,C,ne]),f.useEffect(()=>{const s=R.find(c=>c.value===K);h(e.onOptionFocus,{item:s,focusMethod:$.current,isNewInput:s==null?void 0:s.creatable})},[K,e.onOptionFocus]);const Ce=s=>{var F,L;const c=x.find(w=>w.value===s),m=(c==null?void 0:c.label)||(c==null?void 0:c.value);X(()=>d?"":m??""),!M.includes(s)&&M.length<ot&&ge(w=>d?[...w,s]:[s]),d&&((F=N.current)==null||F.focus()),e.focusInputOnSelect&&((L=N.current)==null||L.focus()),h(e.onSelectOption,{item:c,selectMethod:$.current,isNewInput:c==null?void 0:c.creatable}),c!=null&&c.creatable&&h(e.onCreateOption,{item:Oe(c,["noFilter"]),selectMethod:$.current}),O&&G()},Te=(s,c)=>{var L;ge(w=>{let k=R.find(T=>T.value===s);return!k&&r===!0&&(k={label:s,value:s}),k?(h(e.onTagRemoved,s,k,w),w.filter(T=>T!==s)):w});const m=R.find(w=>w.value===s),F=(m==null?void 0:m.label)||(m==null?void 0:m.value);D===F&&X(""),c&&((L=N.current)==null||L.focus())},rt=s=>{var c;ge([]),s&&((c=N.current)==null||c.focus())},_e=d?M.map(s=>{var c;return{label:((c=R.find(m=>m.value===(s==null?void 0:s.toString())))==null?void 0:c.label)||s,onRemove:()=>Te(s)}}):[];return f.useEffect(()=>{h(U,{tags:_e})},[M]),{autoCompleteProps:e,children:pe,filteredList:x,filteredResults:de,focusedValue:K,defaultEmptyStateProps:u,getEmptyStateProps:s=>{if(x.every(m=>m.noFilter)&&l&&!r)return typeof l=="boolean"?s:h(l,{query:D})},getGroupProps:s=>{const c=bt(s.children,x);return{divider:{hasFirstChild:Ct(s.children,P),hasLastChild:xt(s.children,we(x.filter(m=>le(m==null?void 0:m.noFilter))))},group:{display:c?"initial":"none"}}},getInputProps:(s,c)=>{const{onBlur:m,onChange:F,onFocus:L,onKeyDown:w,variant:k,...T}=s;return{wrapper:{ref:Ne,onClick:()=>{var g;(g=N==null?void 0:N.current)==null||g.focus()},...St(c,d),...T},input:{isReadOnly:y,onFocus:g=>{h(L,g),e.openOnFocus&&!y&&Q(),e.selectOnFocus&&g.target.select(),C&&ne(!0)},onBlur:g=>{var H,re;h(m,g);const A=g.relatedTarget===(J==null?void 0:J.current)||((H=J.current)==null?void 0:H.contains(g.relatedTarget)),v=(re=Ne.current)==null?void 0:re.contains(g.relatedTarget);if(!A&&!v&&(n&&G(),!M.includes(g.target.value)&&V)){const xe=we(M),I=R.find(Se=>Se.value===xe),be=(I==null?void 0:I.label)||(I==null?void 0:I.value)||"";X(be)}},onChange:g=>{const A=g.target.value;h(F,g),X(A);const v=Ee(A);h(ce,A)&&(!v||te)?Q():G(),ne(!1)},onKeyDown:g=>{var H;h(w,g),$.current="keyboard";const{key:A}=g,v=x[me];if(["Enter",...fe].includes(A)){v&&!(v!=null&&v.disabled)&&E?Ce(v==null?void 0:v.value):(H=N.current)==null||H.focus(),g.preventDefault();return}if(A==="ArrowDown"){E?W(ve==null?void 0:ve.value):Q(),g.preventDefault();return}if(A==="ArrowUp"){E?W(he==null?void 0:he.value):Q(),g.preventDefault();return}if(A==="Tab"){E&&v&&!(v!=null&&v.disabled)?Ce(v==null?void 0:v.value):G();return}if(A==="Home"){W(P==null?void 0:P.value),g.preventDefault();return}if(A==="End"){W(ye==null?void 0:ye.value),g.preventDefault();return}A==="Escape"&&(G(),g.preventDefault())},value:D,variant:d?"unstyled":k,...T}}},getItemProps:(s,c)=>{var We;const{_fixed:m,_focus:F,children:L,disabled:w,label:k,value:T,fixed:g,getValue:A=Re,onClick:v,onMouseOver:H,sx:re,...xe}=s,I=c?T:(We=A(T))==null?void 0:We.toString(),be=I===K,Se=x.findIndex(Z=>Z.value===I)>=0,Ae=L||k||I;return{item:{...typeof Ae!="string"||!o?{children:Ae}:{dangerouslySetInnerHTML:{__html:gt(Ae,D)}},"aria-selected":M.includes(I),"aria-disabled":w,_disabled:{opacity:.4,cursor:"not-allowed",userSelect:"none"},onClick:Z=>{var ke;h(v,Z),w?(ke=N.current)==null||ke.focus():Ce(I)},onMouseOver:Z=>{h(H,Z),W(I),$.current="mouse"},sx:{...re,mark:{color:"inherit",bg:"transparent",...je(o)?o:{fontWeight:o?"extrabold":"inherit"}}},...be&&(F||vt()),...g&&m,...xe},root:{isValidSuggestion:Se,value:I}}},inputRef:N,interactionRef:$,isLoading:ae,isOpen:E,itemList:R,listRef:J,onClose:G,onOpen:Q,placement:ee,query:D,removeItem:Te,resetItems:rt,setQuery:X,tags:_e,value:B,values:M}}const Xe=a.forwardRef((e,t)=>{const n=Je(e),{children:r,isOpen:o,onClose:l,onOpen:u,placement:i,resetItems:y,removeItem:C}=n;f.useImperativeHandle(t,()=>({resetItems:y,removeItem:C}));const{matchWidth:b=!0}=n.autoCompleteProps;return p.jsx(Qe,{value:n,children:p.jsx(a.Popover,{isLazy:!0,isOpen:o,autoFocus:!1,placement:i,closeOnBlur:!0,matchWidth:b,children:p.jsx(a.chakra.div,{w:"full",ref:t,children:r})})})});Xe.displayName="AutoComplete";const Ze=a.forwardRef((e,t)=>{const{focusedValue:n,getItemProps:r,interactionRef:o}=_(),l=f.useRef(),u=a.useMergeRefs(t,l),i=r(e),{isValidSuggestion:y,value:C}=i.root,b=n===C;f.useEffect(()=>{var U;b&&o.current==="keyboard"&&((U=l==null?void 0:l.current)==null||U.scrollIntoView({behavior:"smooth",block:"nearest"}))},[b,o]),f.useEffect(()=>{typeof C!="string"&&console.warn("wow"),typeof C!="string"&&le(e.getValue)&&console.error("You must define the `getValue` prop, when an Item's value is not a string")},[]);const{children:d,dangerouslySetInnerHTML:O,...S}=i.item,j=Oe(S,["groupId"]);return y?p.jsx(a.Flex,{ref:u,...Fe,...j,children:d||p.jsx("span",{dangerouslySetInnerHTML:O})}):null});Ze.displayName="AutoCompleteItem";const Fe={mx:"2",px:"2",py:"2",rounded:"md",cursor:"pointer"};function qe(e){const{alwaysDisplay:t,children:n,...r}=e,{autoCompleteProps:o,getItemProps:l,query:u,filteredResults:i}=_(),{children:y,...C}=l({...e,value:u,children:h(n,{value:u})},!0).item,b=i.some(S=>S.value===u),d=Ee(u)?t:!0;return o.creatable&&d&&!b?p.jsx(a.Flex,{...Fe,...C,...r,children:y||`Add ${u}`}):null}qe.displayName="AutoCompleteCreatable";const et=a.forwardRef((e,t)=>{const{children:n,showDivider:r,...o}=e,l=Oe(o,["groupSibling"]),{getGroupProps:u}=_(),{group:i}=u(e),y=wt(e);return p.jsxs(a.Box,{ref:t,...i,...l,children:[p.jsx(a.Divider,{...y.top}),n,p.jsx(a.Divider,{...y.bottom})]})}),tt=a.forwardRef((e,t)=>p.jsx(a.Flex,{...At,...e,ref:t}));et.displayName="AutoCompleteGroup";tt.displayName="AutoCompleteGroupTitle";const At={ml:5,my:1,fontSize:"xs",letterSpacing:"wider",fontWeight:"extrabold",textTransform:"uppercase"},wt=e=>{const{getGroupProps:t}=_(),n=e.groupSibling,{divider:{hasFirstChild:r,hasLastChild:o}}=t(e),l={my:2,borderColor:e.dividerColor},u={...l,mb:4,display:!e.showDivider||r?"none":""},i={...l,display:!e.showDivider||o||n?"none":""};return{top:u,bottom:i}},Be=a.forwardRef((e,t)=>{const{isLoading:n}=_(),{loadingIcon:r,...o}=e;return p.jsxs(a.InputGroup,{children:[p.jsx(a.Input,{...o,ref:t}),n&&p.jsx(a.InputRightElement,{children:r||p.jsx(a.Spinner,{})})]})}),Le=a.forwardRef((e,t)=>{const{autoCompleteProps:n,inputRef:r,getInputProps:o,tags:l,setQuery:u,value:i,itemList:y}=_(),{children:C,isInvalid:b,hidePlaceholder:d,...O}=e,{value:S}=O;f.useEffect(()=>{if(i!==void 0&&(typeof i=="string"||i instanceof String)){const te=y.find(Y=>Y.value===i),B=te===void 0?i:te.label;u(B)}},[i]),f.useEffect(()=>{S!==void 0&&(typeof S=="string"||S instanceof String)&&u(S)},[S]);const j=a.useMultiStyleConfig("Input",e);let{wrapper:U,input:z}=o(O,j);const{ref:q,...ae}=U,ee=a.useMergeRefs(t,r),V=h(C,{tags:l});d&&(z={...z,placeholder:Array.isArray(V)&&V.length?void 0:z.placeholder});const ce=p.jsx(Be,{isInvalid:b,...z,ref:ee}),fe=p.jsxs(a.Wrap,{"aria-invalid":b,...ae,ref:q,children:[V,p.jsx(a.WrapItem,{as:Be,...z,ref:ee})]});return p.jsx(a.PopoverAnchor,{children:n.multiple?fe:ce})});Le.displayName="Input";Le.id="Input";const It=e=>{const{getEmptyStateProps:t,defaultEmptyStateProps:n}=_(),r=t(p.jsx(a.Flex,{...jt,...n,children:"No options found!"}));return p.jsx(a.Box,{...e,children:r})},jt={fontSize:"sm",align:"center",justify:"center",fontWeight:"bold",fontStyle:"italic"},He=["AutoCompleteGroup","AutoCompleteItem","AutoCompleteCreatable"],Et=e=>{const t=f.Children.map(e,(o,l)=>{var u;if(((u=o==null?void 0:o.type)==null?void 0:u.displayName)==="AutoCompleteGroup"){const i=f.Children.toArray(e)[l+1];return f.cloneElement(o,{groupSibling:i?i.type.displayName==="AutoCompleteGroup":!1})}return o}),n=f.Children.toArray(t).filter(o=>{var l;return!He.includes((l=o==null?void 0:o.type)==null?void 0:l.displayName)});return[f.Children.toArray(t).filter(o=>{var l;return He.includes((l=o==null?void 0:o.type)==null?void 0:l.displayName)}),n]},nt=a.forwardRef((e,t)=>{const{children:n,loadingState:r,...o}=e,{listRef:l,isLoading:u}=_(),i=a.useMergeRefs(t,l),[y,C]=Et(n);return p.jsxs(a.PopoverContent,{ref:i,w:"inherit",...Ot,...o,children:[u&&p.jsx(a.Center,{children:r||p.jsx(a.Spinner,{size:"md"})}),!u&&p.jsxs(p.Fragment,{children:[y,p.jsx(It,{}),C]})]})});nt.displayName="AutoCompleteList";const Ot={py:"4",opacity:"0",bg:"#232934",rounded:"md",maxH:"350px",border:"none",shadow:"base",zIndex:"popover",overflowY:"auto",_light:{bg:"#ffffff"},_focus:{boxShadow:"none"}},Rt=f.memo(e=>{const{label:t,onRemove:n,disabled:r,...o}=e;return p.jsx(a.WrapItem,{children:p.jsxs(a.Tag,{borderRadius:"md",fontWeight:"normal",...r&&Ue,...o,children:[p.jsx(a.TagLabel,{children:t}),p.jsx(a.TagCloseButton,{onClick:()=>!r&&h(n),cursor:"pointer",...r&&Ue})]})})}),Ue={cursor:"text",userSelect:"none",opacity:.4,_focus:{boxShadow:"none"}};exports.AutoComplete=Xe;exports.AutoCompleteCreatable=qe;exports.AutoCompleteGroup=et;exports.AutoCompleteGroupTitle=tt;exports.AutoCompleteInput=Le;exports.AutoCompleteItem=Ze;exports.AutoCompleteList=nt;exports.AutoCompleteProvider=Qe;exports.AutoCompleteTag=Rt;exports.baseItemStyles=Fe;exports.createContext=$e;exports.useAutoComplete=Je;exports.useAutoCompleteContext=_;

package/dist/use-autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../src/use-autocomplete.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAUnD,OAAO,EAAQ,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;GAIG;AAEH,wBAAgB,eAAe,CAC7B,iBAAiB,EAAE,iBAAiB,GACnC,qBAAqB,CAwdvB"}
+{"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../src/use-autocomplete.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAUnD,OAAO,EAAQ,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;GAIG;AAEH,wBAAgB,eAAe,CAC7B,iBAAiB,EAAE,iBAAiB,GACnC,qBAAqB,CA+dvB"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.8.0",
+  "version": "5.8.2",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",