@purpurds/autocomplete 5.6.0 → 5.8.0

package/dist/autocomplete.es.js

@@ -97,7 +97,7 @@ const $r = /* @__PURE__ */ Ar(Rr), Ir = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
-}, Er = $r.bind(Ir), J = "purpur-icon", Nr = "md", Pr = (t) => t.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), Sr = ({ content: t = "", title: s } = {}) => {
+}, Er = $r.bind(Ir), Z = "purpur-icon", Nr = "md", Pr = (t) => t.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), Sr = ({ content: t = "", title: s } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -116,7 +116,7 @@ const $r = /* @__PURE__ */ Ar(Rr), Ir = {
   const e = Sr({
     content: Cr(s.svg),
     title: n
-  }), o = Er(l, J, `${J}--${i}`);
+  }), o = Er(l, Z, `${Z}--${i}`);
   return /* @__PURE__ */ g(
     "span",
     {
@@ -128,7 +128,7 @@ const $r = /* @__PURE__ */ Ar(Rr), Ir = {
     }
   );
 };
-function Dr(t) {
+function kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var nr = { exports: {} };
@@ -167,8 +167,8 @@ var nr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(nr);
-var kr = nr.exports;
-const Mr = /* @__PURE__ */ Dr(kr), $ = {
+var Dr = nr.exports;
+const Mr = /* @__PURE__ */ kr(Dr), $ = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -223,7 +223,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
   "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_qhoi7_41",
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
-}, Vr = (t) => S(t), Kr = (t, s) => {
+}, Or = (t) => S(t), Vr = (t, s) => {
   const n = hr(
     (l) => {
       t && !t.contains(l.target) && s();
@@ -233,7 +233,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
   br(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Or = ({
+}, Kr = ({
   highlightFirstOption: t,
   defaultInputValue: s,
   inputValue: n,
@@ -249,19 +249,19 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
   selectedOption: c,
   ["data-testid"]: L
 }) => {
-  const [V, m] = M(
+  const [O, m] = M(
     (typeof n == "string" ? n : s) || (c == null ? void 0 : c.label)
-  ), E = typeof n == "string" ? n : V, [u, b] = M(t ? h[0] : void 0), C = S(null), K = Vr(null), O = S(null), N = S({}), [H, U] = M(!1);
+  ), E = typeof n == "string" ? n : O, [u, b] = M(t ? h[0] : void 0), C = S(null), V = Or(null), K = S(null), N = S({}), [H, U] = M(!1);
   function B(a) {
     return L ? `${L}-${a}` : void 0;
   }
   const P = () => {
     U(!1), b(void 0);
   };
-  Kr(K.current, P);
+  Vr(V.current, P);
   const R = ({ eventType: a }) => {
     U(!0), c && requestAnimationFrame(() => {
-      b({ ...c, isSetByClickEvent: a === "CLICK" }), D(N.current[c.id]);
+      b({ ...c, isSetByClickEvent: a === "CLICK" }), k(N.current[c.id]);
     });
   }, sr = (a) => {
     if (l)
@@ -276,10 +276,10 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
     );
   }, G = (a) => c && (c == null ? void 0 : c.label) === a ? h : sr(a), v = G(E), Y = (a) => {
     o == null || o(a), m(a);
-  }, D = (a) => {
+  }, k = (a) => {
     var p;
     if (a) {
-      const d = a.getBoundingClientRect(), f = ((p = O.current) == null ? void 0 : p.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      const d = a.getBoundingClientRect(), f = ((p = K.current) == null ? void 0 : p.getBoundingClientRect()) || { top: 0, bottom: 0 };
       (d.top < f.top || d.bottom > f.bottom) && a.scrollIntoView({ block: "nearest" });
     }
   }, z = (a) => {
@@ -291,7 +291,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
   }, y = H && (!!v.length || !!w), ir = (a) => {
     !y && R({ eventType: "KEYBOARD" });
     const p = ur(a);
-    b(p), p && D(N.current[p.id]);
+    b(p), p && k(N.current[p.id]);
   }, pr = (a) => {
     switch (a.key) {
       case "ArrowUp":
@@ -310,7 +310,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
     }
   }, lr = (a) => {
     const p = G(a.target.value);
-    Y(a.target.value), b(void 0), !y && R({ eventType: "KEYBOARD" }), t && p[0] && D(N.current[p[0].id]);
+    Y(a.target.value), b(void 0), !y && R({ eventType: "KEYBOARD" }), t && p[0] && k(N.current[p[0].id]);
   }, cr = () => {
     y ? P() : R({ eventType: "CLICK" });
   }, dr = () => {
@@ -323,18 +323,18 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
     "aria-expanded": y,
     "data-testid": B("listbox"),
     id: `${i}-listbox`,
-    ref: O,
+    ref: K,
     onMouseLeave: () => b(void 0),
     style: e ? mr : void 0
-  }, Z = (a) => `${i}-listbox-item-${a.id}`, _r = (a, p) => {
+  }, W = (a) => `${i}-listbox-item-${a.id}`, _r = (a, p) => {
     const d = () => a.id !== (u == null ? void 0 : u.id) && b({ ...a, isSetByClickEvent: !0 }), f = (a.id === (u == null ? void 0 : u.id) || !!t && !u && p === 0) && !(u != null && u.isSetByClickEvent);
     return {
       "data-testid": B(`listbox-item-${a.id}`),
-      id: Z(a),
+      id: W(a),
       key: a.id,
       onMouseMove: d,
       onMouseUp: () => z(a),
-      ref: (k) => k && (N.current[a.id] = k),
+      ref: (D) => D && (N.current[a.id] = D),
       tabIndex: -1,
       selected: a.id === (c == null ? void 0 : c.id),
       disabled: a.disabled,
@@ -342,7 +342,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
       hovered: a.id === (u == null ? void 0 : u.id) && !!(u != null && u.isSetByClickEvent)
     };
   }, fr = {
-    "aria-activedescendant": u ? Z(u) : void 0,
+    "aria-activedescendant": u ? W(u) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": F.id,
     "data-testid": B("input"),
@@ -359,7 +359,7 @@ const Mr = /* @__PURE__ */ Dr(kr), $ = {
   return {
     id: i,
     inputProps: fr,
-    internalRef: K,
+    internalRef: V,
     optionsToShow: v,
     showListbox: y,
     noOptionsText: w,
@@ -407,7 +407,7 @@ T.displayName = "ListBoxItem";
 function Hr(t) {
   return xr(t) && (t == null ? void 0 : t.type) === T;
 }
-const Ur = or, Q = T, W = er.bind(wr), X = "purpur-autocomplete", Gr = ({ className: t, renderInput: s, renderOption: n, ...l }, i) => {
+const Ur = or, J = T, Q = er.bind(wr), X = "purpur-autocomplete", Gr = ({ className: t, renderInput: s, renderOption: n, ...l }, i) => {
   const {
     id: r,
     inputProps: e,
@@ -417,20 +417,20 @@ const Ur = or, Q = T, W = er.bind(wr), X = "purpur-autocomplete", Gr = ({ classN
     noOptionsText: A,
     getListBoxItemProps: h,
     listboxProps: c
-  } = Or(l), L = (m, E) => {
+  } = Kr(l), L = (m, E) => {
     const { key: u, ...b } = h(m, E);
-    return /* @__PURE__ */ g(Q, { ...b, children: n ? n == null ? void 0 : n(m) : m.label }, u);
+    return /* @__PURE__ */ g(J, { ...b, children: n ? n == null ? void 0 : n(m) : m.label }, u);
   };
   return /* @__PURE__ */ rr("div", { id: r, ref: (m) => {
     o.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
-  }, className: W([t, X]), children: [
+  }, className: Q([t, X]), children: [
     s(e),
-    w && /* @__PURE__ */ g(Ur, { ...c, className: W(`${X}__listbox`), children: _.length ? _.filter((m) => !!m).map(L) : /* @__PURE__ */ g(Q, { noninteractive: !0, children: A }) })
+    w && /* @__PURE__ */ g(Ur, { ...c, className: Q(`${X}__listbox`), children: _.length ? _.filter((m) => !!m).map(L) : /* @__PURE__ */ g(J, { noninteractive: !0, children: A }) })
   ] });
 }, Yr = q(Gr);
 Yr.displayName = "Autocomplete";
 export {
   Yr as Autocomplete,
-  Or as useAutocomplete
+  Kr as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map