simple-search-dropdown - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/index.es.js

@@ -1,12 +0,12 @@
-import { jsxs as ne, jsx as B } from "react/jsx-runtime";
+import { jsxs as ne, jsx as M } from "react/jsx-runtime";
 import * as l from "react";
 import ae, { useState as x, useRef as H, useEffect as z } from "react";
-var C = function() {
-  return C = Object.assign || function(t) {
-    for (var n, r = 1, o = arguments.length; r < o; r++) {
+var w = function() {
+  return w = Object.assign || function(t) {
+    for (var n, r = 1, a = arguments.length; r < a; r++) {
       n = arguments[r];
-      for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
+      for (var c in n) Object.prototype.hasOwnProperty.call(n, c) && (t[c] = n[c]);
     }
     return t;
-  }, C.apply(this, arguments);
+  }, w.apply(this, arguments);
 };
@@ -17,10 +17,10 @@ function U(e, t) {
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, r = Object.getOwnPropertySymbols(e); o < r.length; o++)
-      t.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (n[r[o]] = e[r[o]]);
+    for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
+      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
   return n;
 }
 function oe(e, t, n) {
-  if (n || arguments.length === 2) for (var r = 0, o = t.length, i; r < o; r++)
-    (i || !(r in t)) && (i || (i = Array.prototype.slice.call(t, 0, r)), i[r] = t[r]);
-  return e.concat(i || Array.prototype.slice.call(t));
+  if (n || arguments.length === 2) for (var r = 0, a = t.length, c; r < a; r++)
+    (c || !(r in t)) && (c || (c = Array.prototype.slice.call(t, 0, r)), c[r] = t[r]);
+  return e.concat(c || Array.prototype.slice.call(t));
 }
@@ -44,4 +44,4 @@ var I = "right-scroll-bar-position", A = "width-before-scroll-bar", ce = "with-scroll-bars-hidden", ie = "--removed-body-scroll-bar-size";
         set current(r) {
-          var o = n.value;
-          o !== r && (n.value = r, n.callback(r, o));
+          var a = n.value;
+          a !== r && (n.value = r, n.callback(r, a));
         }
@@ -56,4 +56,4 @@ }
   var n = le(null, function(r) {
-    return e.forEach(function(o) {
-      return j(o, r);
+    return e.forEach(function(a) {
+      return j(a, r);
     });
@@ -64,7 +64,7 @@ });
     if (r) {
-      var o = new Set(r), i = new Set(e), u = n.current;
-      o.forEach(function(c) {
-        i.has(c) || j(c, null);
-      }), i.forEach(function(c) {
-        o.has(c) || j(c, u);
+      var a = new Set(r), c = new Set(e), u = n.current;
+      a.forEach(function(o) {
+        c.has(o) || j(o, null);
+      }), c.forEach(function(o) {
+        a.has(o) || j(o, u);
       });
@@ -80,3 +80,3 @@ }
   t === void 0 && (t = fe);
-  var n = [], r = !1, o = {
+  var n = [], r = !1, a = {
     read: function() {
@@ -87,18 +87,18 @@ if (r)
     },
-    useMedium: function(i) {
-      var u = t(i, r);
+    useMedium: function(c) {
+      var u = t(c, r);
       return n.push(u), function() {
-        n = n.filter(function(c) {
-          return c !== u;
+        n = n.filter(function(o) {
+          return o !== u;
         });
       };
     },
-    assignSyncMedium: function(i) {
+    assignSyncMedium: function(c) {
       for (r = !0; n.length; ) {
         var u = n;
-        n = [], u.forEach(i);
+        n = [], u.forEach(c);
       }
       n = {
-        push: function(c) {
-          return i(c);
+        push: function(o) {
+          return c(o);
         },
@@ -110,21 +110,21 @@ filter: function() {
     },
-    assignMedium: function(i) {
+    assignMedium: function(c) {
       r = !0;
       var u = [];
       if (n.length) {
-        var c = n;
-        n = [], c.forEach(i), u = n;
+        var o = n;
+        n = [], o.forEach(c), u = n;
       }
-      var d = function() {
-        var f = u;
-        u = [], f.forEach(i);
-      }, h = function() {
-        return Promise.resolve().then(d);
+      var h = function() {
+        var d = u;
+        u = [], d.forEach(c);
+      }, g = function() {
+        return Promise.resolve().then(h);
       };
-      h(), n = {
-        push: function(f) {
-          u.push(f), h();
+      g(), n = {
+        push: function(d) {
+          u.push(d), g();
         },
-        filter: function(f) {
-          return u = u.filter(f), n;
+        filter: function(d) {
+          return u = u.filter(d), n;
         }
@@ -134,3 +134,3 @@ };
   };
-  return o;
+  return a;
 }
@@ -140,3 +140,3 @@ function ve(e) {
   var t = de(null);
-  return t.options = C({ async: !0, ssr: !1 }, e), t;
+  return t.options = w({ async: !0, ssr: !1 }, e), t;
 }
@@ -150,3 +150,3 @@ var $ = function(e) {
     throw new Error("Sidecar medium not found");
-  return l.createElement(r, C({}, n));
+  return l.createElement(r, w({}, n));
 };
@@ -157,14 +157,14 @@ $.isSideCarExport = !0;
 }
-var q = ve(), X = function() {
+var q = ve(), V = function() {
 }, W = l.forwardRef(function(e, t) {
   var n = l.useRef(null), r = l.useState({
-    onScrollCapture: X,
-    onWheelCapture: X,
-    onTouchMoveCapture: X
-  }), o = r[0], i = r[1], u = e.forwardProps, c = e.children, d = e.className, h = e.removeScrollBar, f = e.enabled, m = e.shards, S = e.sideCar, y = e.noIsolation, w = e.inert, a = e.allowPinchZoom, s = e.as, g = s === void 0 ? "div" : s, p = e.gapMode, b = U(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = S, v = se([n, t]), R = C(C({}, b), o);
+    onScrollCapture: V,
+    onWheelCapture: V,
+    onTouchMoveCapture: V
+  }), a = r[0], c = r[1], u = e.forwardProps, o = e.children, h = e.className, g = e.removeScrollBar, d = e.enabled, y = e.shards, b = e.sideCar, C = e.noIsolation, p = e.inert, i = e.allowPinchZoom, s = e.as, f = s === void 0 ? "div" : s, v = e.gapMode, S = U(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = b, m = se([n, t]), R = w(w({}, S), a);
   return l.createElement(
     l.Fragment,
     null,
-    f && l.createElement(E, { sideCar: q, removeScrollBar: h, shards: m, noIsolation: y, inert: w, setCallbacks: i, allowPinchZoom: !!a, lockRef: n, gapMode: p }),
-    u ? l.cloneElement(l.Children.only(c), C(C({}, R), { ref: v })) : l.createElement(g, C({}, R, { className: d, ref: v }), c)
+    d && l.createElement(E, { sideCar: q, removeScrollBar: g, shards: y, noIsolation: C, inert: p, setCallbacks: c, allowPinchZoom: !!i, lockRef: n, gapMode: v }),
+    u ? l.cloneElement(l.Children.only(o), w(w({}, R), { ref: m })) : l.createElement(f, w({}, R, { className: h, ref: m }), o)
   );
@@ -200,3 +200,3 @@ });
 }
-var Se = function() {
+var pe = function() {
   var e = 0, t = null;
@@ -211,4 +211,4 @@ return {
   };
-}, we = function() {
-  var e = Se();
+}, Se = function() {
+  var e = pe();
   return function(t, n) {
@@ -222,8 +222,8 @@ l.useEffect(function() {
 }, J = function() {
-  var e = we(), t = function(n) {
-    var r = n.styles, o = n.dynamic;
-    return e(r, o), null;
+  var e = Se(), t = function(n) {
+    var r = n.styles, a = n.dynamic;
+    return e(r, a), null;
   };
   return t;
-}, pe = {
+}, we = {
   left: 0,
@@ -233,10 +233,10 @@ top: 0,
   gap: 0
-}, Y = function(e) {
+}, X = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Ce = function(e) {
-  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Y(n), Y(r), Y(o)];
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [X(n), X(r), X(a)];
 }, Ee = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return pe;
+    return we;
   var t = Ce(e), n = document.documentElement.clientWidth, r = window.innerWidth;
@@ -250,7 +250,7 @@ return {
 }, Re = J(), L = "data-scroll-locked", ke = function(e, t, n, r) {
-  var o = e.left, i = e.top, u = e.right, c = e.gap;
+  var a = e.left, c = e.top, u = e.right, o = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(ce, ` {
    overflow: hidden `).concat(r, `;
-   padding-right: `).concat(c, "px ").concat(r, `;
+   padding-right: `).concat(o, "px ").concat(r, `;
   }
@@ -263,10 +263,10 @@ body[`).concat(L, `] {
     n === "margin" && `
-    padding-left: `.concat(o, `px;
-    padding-top: `).concat(i, `px;
+    padding-left: `.concat(a, `px;
+    padding-top: `).concat(c, `px;
     padding-right: `).concat(u, `px;
     margin-left:0;
     margin-top:0;
-    margin-right: `).concat(c, "px ").concat(r, `;
+    margin-right: `).concat(o, "px ").concat(r, `;
     `),
-    n === "padding" && "padding-right: ".concat(c, "px ").concat(r, ";")
+    n === "padding" && "padding-right: ".concat(o, "px ").concat(r, ";")
   ].filter(Boolean).join(""), `
@@ -276,7 +276,7 @@ }
   .`).concat(I, ` {
-    right: `).concat(c, "px ").concat(r, `;
+    right: `).concat(o, "px ").concat(r, `;
   }
   
   .`).concat(A, ` {
-    margin-right: `).concat(c, "px ").concat(r, `;
+    margin-right: `).concat(o, "px ").concat(r, `;
   }
@@ -293,3 +293,3 @@
   body[`).concat(L, `] {
-    `).concat(ie, ": ").concat(c, `px;
+    `).concat(ie, ": ").concat(o, `px;
   }
@@ -308,21 +308,21 @@ `);
 }, xe = function(e) {
-  var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, a = r === void 0 ? "margin" : r;
   Pe();
-  var i = l.useMemo(function() {
-    return Ee(o);
-  }, [o]);
-  return l.createElement(Re, { styles: ke(i, !t, o, n ? "" : "!important") });
-}, D = !1;
+  var c = l.useMemo(function() {
+    return Ee(a);
+  }, [a]);
+  return l.createElement(Re, { styles: ke(c, !t, a, n ? "" : "!important") });
+}, Y = !1;
 if (typeof window < "u")
   try {
-    var T = Object.defineProperty({}, "passive", {
+    var B = Object.defineProperty({}, "passive", {
       get: function() {
-        return D = !0, !0;
+        return Y = !0, !0;
       }
     });
-    window.addEventListener("test", T, T), window.removeEventListener("test", T, T);
+    window.addEventListener("test", B, B), window.removeEventListener("test", B, B);
   } catch {
-    D = !1;
+    Y = !1;
   }
-var k = D ? { passive: !1 } : !1, Le = function(e) {
+var k = Y ? { passive: !1 } : !1, Le = function(e) {
   return e.tagName === "TEXTAREA";
@@ -340,3 +340,3 @@ }, K = function(e, t) {
   return K(e, "overflowY");
-}, Be = function(e) {
+}, Me = function(e) {
   return K(e, "overflowX");
@@ -347,6 +347,6 @@ }, Z = function(e, t) {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
-    var o = ee(e, r);
-    if (o) {
-      var i = te(e, r), u = i[1], c = i[2];
-      if (u > c)
+    var a = ee(e, r);
+    if (a) {
+      var c = te(e, r), u = c[1], o = c[2];
+      if (u > o)
         return !0;
@@ -357,3 +357,3 @@ }
   return !1;
-}, Me = function(e) {
+}, Te = function(e) {
   var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
@@ -365,3 +365,3 @@ return [
   ];
-}, Te = function(e) {
+}, Be = function(e) {
   var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
@@ -374,18 +374,18 @@ return [
 }, ee = function(e, t) {
-  return e === "v" ? Ne(t) : Be(t);
+  return e === "v" ? Ne(t) : Me(t);
 }, te = function(e, t) {
-  return e === "v" ? Me(t) : Te(t);
+  return e === "v" ? Te(t) : Be(t);
 }, Oe = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
-}, Ie = function(e, t, n, r, o) {
-  var i = Oe(e, window.getComputedStyle(t).direction), u = i * r, c = n.target, d = t.contains(c), h = !1, f = u > 0, m = 0, S = 0;
+}, Ie = function(e, t, n, r, a) {
+  var c = Oe(e, window.getComputedStyle(t).direction), u = c * r, o = n.target, h = t.contains(o), g = !1, d = u > 0, y = 0, b = 0;
   do {
-    var y = te(e, c), w = y[0], a = y[1], s = y[2], g = a - s - i * w;
-    (w || g) && ee(e, c) && (m += g, S += w), c instanceof ShadowRoot ? c = c.host : c = c.parentNode;
+    var C = te(e, o), p = C[0], i = C[1], s = C[2], f = i - s - c * p;
+    (p || f) && ee(e, o) && (y += f, b += p), o instanceof ShadowRoot ? o = o.host : o = o.parentNode;
   } while (
     // portaled content
-    !d && c !== document.body || // self content
-    d && (t.contains(c) || t === c)
+    !h && o !== document.body || // self content
+    h && (t.contains(o) || t === o)
   );
-  return (f && (Math.abs(m) < 1 || !o) || !f && (Math.abs(S) < 1 || !o)) && (h = !0), h;
+  return (d && (Math.abs(y) < 1 || !a) || !d && (Math.abs(b) < 1 || !a)) && (g = !0), g;
 }, O = function(e) {
@@ -405,4 +405,4 @@ return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, je = 0, P = [];
-function Xe(e) {
-  var t = l.useRef([]), n = l.useRef([0, 0]), r = l.useRef(), o = l.useState(je++)[0], i = l.useState(J)[0], u = l.useRef(e);
+function Ve(e) {
+  var t = l.useRef([]), n = l.useRef([0, 0]), r = l.useRef(), a = l.useState(je++)[0], c = l.useState(J)[0], u = l.useRef(e);
   l.useEffect(function() {
@@ -412,9 +412,9 @@ u.current = e;
     if (e.inert) {
-      document.body.classList.add("block-interactivity-".concat(o));
-      var a = oe([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
-      return a.forEach(function(s) {
-        return s.classList.add("allow-interactivity-".concat(o));
+      document.body.classList.add("block-interactivity-".concat(a));
+      var i = oe([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
+      return i.forEach(function(s) {
+        return s.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(o)), a.forEach(function(s) {
-          return s.classList.remove("allow-interactivity-".concat(o));
+        document.body.classList.remove("block-interactivity-".concat(a)), i.forEach(function(s) {
+          return s.classList.remove("allow-interactivity-".concat(a));
         });
@@ -424,68 +424,68 @@ };
   }, [e.inert, e.lockRef.current, e.shards]);
-  var c = l.useCallback(function(a, s) {
-    if ("touches" in a && a.touches.length === 2)
+  var o = l.useCallback(function(i, s) {
+    if ("touches" in i && i.touches.length === 2)
       return !u.current.allowPinchZoom;
-    var g = O(a), p = n.current, b = "deltaX" in a ? a.deltaX : p[0] - g[0], E = "deltaY" in a ? a.deltaY : p[1] - g[1], v, R = a.target, N = Math.abs(b) > Math.abs(E) ? "h" : "v";
-    if ("touches" in a && N === "h" && R.type === "range")
+    var f = O(i), v = n.current, S = "deltaX" in i ? i.deltaX : v[0] - f[0], E = "deltaY" in i ? i.deltaY : v[1] - f[1], m, R = i.target, N = Math.abs(S) > Math.abs(E) ? "h" : "v";
+    if ("touches" in i && N === "h" && R.type === "range")
       return !1;
-    var M = Z(N, R);
-    if (!M)
+    var T = Z(N, R);
+    if (!T)
       return !0;
-    if (M ? v = N : (v = N === "v" ? "h" : "v", M = Z(N, R)), !M)
+    if (T ? m = N : (m = N === "v" ? "h" : "v", T = Z(N, R)), !T)
       return !1;
-    if (!r.current && "changedTouches" in a && (b || E) && (r.current = v), !v)
+    if (!r.current && "changedTouches" in i && (S || E) && (r.current = m), !m)
       return !0;
-    var V = r.current || v;
-    return Ie(V, s, a, V === "h" ? b : E, !0);
-  }, []), d = l.useCallback(function(a) {
-    var s = a;
-    if (!(!P.length || P[P.length - 1] !== i)) {
-      var g = "deltaY" in s ? Q(s) : O(s), p = t.current.filter(function(v) {
-        return v.name === s.type && (v.target === s.target || s.target === v.shadowParent) && Ae(v.delta, g);
+    var D = r.current || m;
+    return Ie(D, s, i, D === "h" ? S : E, !0);
+  }, []), h = l.useCallback(function(i) {
+    var s = i;
+    if (!(!P.length || P[P.length - 1] !== c)) {
+      var f = "deltaY" in s ? Q(s) : O(s), v = t.current.filter(function(m) {
+        return m.name === s.type && (m.target === s.target || s.target === m.shadowParent) && Ae(m.delta, f);
       })[0];
-      if (p && p.should) {
+      if (v && v.should) {
         s.cancelable && s.preventDefault();
         return;
       }
-      if (!p) {
-        var b = (u.current.shards || []).map(G).filter(Boolean).filter(function(v) {
-          return v.contains(s.target);
-        }), E = b.length > 0 ? c(s, b[0]) : !u.current.noIsolation;
+      if (!v) {
+        var S = (u.current.shards || []).map(G).filter(Boolean).filter(function(m) {
+          return m.contains(s.target);
+        }), E = S.length > 0 ? o(s, S[0]) : !u.current.noIsolation;
         E && s.cancelable && s.preventDefault();
       }
     }
-  }, []), h = l.useCallback(function(a, s, g, p) {
-    var b = { name: a, delta: s, target: g, should: p, shadowParent: Ye(g) };
-    t.current.push(b), setTimeout(function() {
+  }, []), g = l.useCallback(function(i, s, f, v) {
+    var S = { name: i, delta: s, target: f, should: v, shadowParent: Xe(f) };
+    t.current.push(S), setTimeout(function() {
       t.current = t.current.filter(function(E) {
-        return E !== b;
+        return E !== S;
       });
     }, 1);
-  }, []), f = l.useCallback(function(a) {
-    n.current = O(a), r.current = void 0;
-  }, []), m = l.useCallback(function(a) {
-    h(a.type, Q(a), a.target, c(a, e.lockRef.current));
-  }, []), S = l.useCallback(function(a) {
-    h(a.type, O(a), a.target, c(a, e.lockRef.current));
+  }, []), d = l.useCallback(function(i) {
+    n.current = O(i), r.current = void 0;
+  }, []), y = l.useCallback(function(i) {
+    g(i.type, Q(i), i.target, o(i, e.lockRef.current));
+  }, []), b = l.useCallback(function(i) {
+    g(i.type, O(i), i.target, o(i, e.lockRef.current));
   }, []);
   l.useEffect(function() {
-    return P.push(i), e.setCallbacks({
-      onScrollCapture: m,
-      onWheelCapture: m,
-      onTouchMoveCapture: S
-    }), document.addEventListener("wheel", d, k), document.addEventListener("touchmove", d, k), document.addEventListener("touchstart", f, k), function() {
-      P = P.filter(function(a) {
-        return a !== i;
-      }), document.removeEventListener("wheel", d, k), document.removeEventListener("touchmove", d, k), document.removeEventListener("touchstart", f, k);
+    return P.push(c), e.setCallbacks({
+      onScrollCapture: y,
+      onWheelCapture: y,
+      onTouchMoveCapture: b
+    }), document.addEventListener("wheel", h, k), document.addEventListener("touchmove", h, k), document.addEventListener("touchstart", d, k), function() {
+      P = P.filter(function(i) {
+        return i !== c;
+      }), document.removeEventListener("wheel", h, k), document.removeEventListener("touchmove", h, k), document.removeEventListener("touchstart", d, k);
     };
   }, []);
-  var y = e.removeScrollBar, w = e.inert;
+  var C = e.removeScrollBar, p = e.inert;
   return l.createElement(
     l.Fragment,
     null,
-    w ? l.createElement(i, { styles: We(o) }) : null,
-    y ? l.createElement(xe, { gapMode: e.gapMode }) : null
+    p ? l.createElement(c, { styles: We(a) }) : null,
+    C ? l.createElement(xe, { gapMode: e.gapMode }) : null
   );
 }
-function Ye(e) {
+function Xe(e) {
   for (var t = null; e !== null; )
@@ -495,44 +495,43 @@ e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
 }
-const De = he(q, Xe);
+const Ye = he(q, Ve);
 var re = l.forwardRef(function(e, t) {
-  return l.createElement(W, C({}, e, { ref: t, sideCar: De }));
+  return l.createElement(W, w({}, e, { ref: t, sideCar: Ye }));
 });
 re.classNames = W.classNames;
 const ze = ae.forwardRef((e, t) => {
-  const [n, r] = x(!1), [o, i] = x(!1), [u, c] = x(), [d, h] = x(""), [f, m] = x(), S = H(null), y = H(null);
+  const [n, r] = x(!1), [a, c] = x(!1), [u, o] = x(), [h, g] = x(""), [d, y] = x(), { data: b, ...C } = e, p = H(null), i = H(null);
   z(() => {
-    if (o) {
-      i(!1);
+    if (a) {
+      c(!1);
       return;
     }
-    if (f != null && f.length && d && m(void 0), e.data && typeof e.data == "function") {
-      const a = e.data(d);
-      if (a instanceof Promise) {
-        a.then((s) => {
-          m(s);
+    if (d != null && d.length && h && y(void 0), b && typeof b == "function") {
+      const f = b(h);
+      if (f instanceof Promise) {
+        f.then((v) => {
+          y(v);
         });
         return;
       }
-      m(a);
-    } else e.data && m(e.data);
-  }, [o]);
-  const w = (a) => {
-    const s = a.target;
-    S.current && !S.current.contains(s) && y.current && !y.current.contains(s) && r(!1);
+      y(f);
+    } else b && y(b);
+  }, [a]);
+  const s = (f) => {
+    const v = f.target;
+    p.current && !p.current.contains(v) && i.current && !i.current.contains(v) && r(!1);
   };
-  return z(() => (document.addEventListener("mousedown", w), () => {
-    document.removeEventListener("mousedown", w);
+  return z(() => (document.addEventListener("mousedown", s), () => {
+    document.removeEventListener("mousedown", s);
   }), []), /* @__PURE__ */ ne("div", { children: [
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ M(
       "input",
       {
-        ref: S,
+        ref: p,
         onFocus: () => r(!0),
         className: "p-2 bg-gray-200 cursor-pointer focus:cursor-text",
         type: "text",
-        value: (u == null ? void 0 : u.label) || d,
-        onChange: (a) => {
-          h(a.target.value.toLowerCase()), i(!0), e.onChange && e.onChange(a);
+        value: (u == null ? void 0 : u.label) || h,
+        onChange: (f) => {
+          g(f.target.value.toLowerCase()), c(!0);
         },
-        onBlur: e.onBlur,
         placeholder: e.placeholder,
@@ -542,6 +541,6 @@ disabled: e.disabled
     ),
-    /* @__PURE__ */ B("input", { ref: t, name: e.name, disabled: !0, className: "hidden", type: "text", value: (u == null ? void 0 : u.value) ?? "" }),
-    n && f && f.length > 0 && /* @__PURE__ */ B(re, { children: /* @__PURE__ */ B("div", { ref: y, className: "absolute z-10 w-full bg-white border border-gray-300 rounded mt-1", children: f.filter((a) => String(a.label).toLowerCase().indexOf(d ?? "") > -1).map((a, s) => /* @__PURE__ */ B("div", { className: "p-2 cursor-pointer hover:bg-gray-100", onClick: () => {
-      c(a), r(!1);
-    }, children: a.label }, s)) }) })
+    /* @__PURE__ */ M("input", { ref: t, ...C, disabled: !0, className: "hidden", type: "text", value: (u == null ? void 0 : u.value) ?? "" }),
+    n && d && d.length > 0 && /* @__PURE__ */ M(re, { children: /* @__PURE__ */ M("div", { ref: i, className: "absolute z-10 w-full bg-white border border-gray-300 rounded mt-1", children: d.filter((f) => String(f.label).toLowerCase().indexOf(h ?? "") > -1).map((f, v) => /* @__PURE__ */ M("div", { className: "p-2 cursor-pointer hover:bg-gray-100", onClick: () => {
+      o(f), r(!1);
+    }, children: f.label }, v)) }) })
   ] });
@@ -548,0 +547,0 @@ });

dist/index.umd.js

@@ -1,5 +0,5 @@
-(function(x,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],p):(x=typeof globalThis<"u"?globalThis:x||self,p(x["simple-search-dropdown"]={},x["react/jsx-runtime"],x.React))})(this,function(x,p,g){"use strict";function re(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 u=re(g);var w=function(){return w=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},w.apply(this,arguments)};function z(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}function ne(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,i;r<o;r++)(i||!(r in t))&&(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;var M="right-scroll-bar-position",B="width-before-scroll-bar",ae="with-scroll-bars-hidden",oe="--removed-body-scroll-bar-size";function D(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function ce(e,t){var n=g.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){var o=n.value;o!==r&&(n.value=r,n.callback(r,o))}}}})[0];return n.callback=t,n.facade}var ie=typeof window<"u"?u.useLayoutEffect:u.useEffect,H=new WeakMap;function ue(e,t){var n=ce(null,function(r){return e.forEach(function(o){return D(o,r)})});return ie(function(){var r=H.get(n);if(r){var o=new Set(r),i=new Set(e),l=n.current;o.forEach(function(c){i.has(c)||D(c,null)}),i.forEach(function(c){o.has(c)||D(c,l)})}H.set(n,e)},[e]),n}function le(e){return e}function se(e,t){t===void 0&&(t=le);var n=[],r=!1,o={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(i){var l=t(i,r);return n.push(l),function(){n=n.filter(function(c){return c!==l})}},assignSyncMedium:function(i){for(r=!0;n.length;){var l=n;n=[],l.forEach(i)}n={push:function(c){return i(c)},filter:function(){return n}}},assignMedium:function(i){r=!0;var l=[];if(n.length){var c=n;n=[],c.forEach(i),l=n}var d=function(){var f=l;l=[],f.forEach(i)},h=function(){return Promise.resolve().then(d)};h(),n={push:function(f){l.push(f),h()},filter:function(f){return l=l.filter(f),n}}}};return o}function fe(e){e===void 0&&(e={});var t=se(null);return t.options=w({async:!0,ssr:!1},e),t}var _=function(e){var t=e.sideCar,n=z(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return u.createElement(r,w({},n))};_.isSideCarExport=!0;function de(e,t){return e.useMedium(t),_}var F=fe(),X=function(){},j=u.forwardRef(function(e,t){var n=u.useRef(null),r=u.useState({onScrollCapture:X,onWheelCapture:X,onTouchMoveCapture:X}),o=r[0],i=r[1],l=e.forwardProps,c=e.children,d=e.className,h=e.removeScrollBar,f=e.enabled,m=e.shards,C=e.sideCar,S=e.noIsolation,E=e.inert,a=e.allowPinchZoom,s=e.as,y=s===void 0?"div":s,k=e.gapMode,b=z(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),P=C,v=ue([n,t]),N=w(w({},b),o);return u.createElement(u.Fragment,null,f&&u.createElement(P,{sideCar:F,removeScrollBar:h,shards:m,noIsolation:S,inert:E,setCallbacks:i,allowPinchZoom:!!a,lockRef:n,gapMode:k}),l?u.cloneElement(u.Children.only(c),w(w({},N),{ref:v})):u.createElement(y,w({},N,{className:d,ref:v}),c))});j.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},j.classNames={fullWidth:B,zeroRight:M};var ve=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function he(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=ve();return t&&e.setAttribute("nonce",t),e}function ge(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function me(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var ye=function(){var e=0,t=null;return{add:function(n){e==0&&(t=he())&&(ge(t,n),me(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},Se=function(){var e=ye();return function(t,n){u.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},Z=function(){var e=Se(),t=function(n){var r=n.styles,o=n.dynamic;return e(r,o),null};return t},be={left:0,top:0,right:0,gap:0},Y=function(e){return parseInt(e||"",10)||0},pe=function(e){var t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],o=t[e==="padding"?"paddingRight":"marginRight"];return[Y(n),Y(r),Y(o)]},we=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return be;var t=pe(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},Ce=Z(),L="data-scroll-locked",Ee=function(e,t,n,r){var o=e.left,i=e.top,l=e.right,c=e.gap;return n===void 0&&(n="margin"),`
+(function(x,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],C):(x=typeof globalThis<"u"?globalThis:x||self,C(x["simple-search-dropdown"]={},x["react/jsx-runtime"],x.React))})(this,function(x,C,p){"use strict";function re(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 u=re(p);var E=function(){return E=Object.assign||function(t){for(var n,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var c in n)Object.prototype.hasOwnProperty.call(n,c)&&(t[c]=n[c])}return t},E.apply(this,arguments)};function z(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]]);return n}function ne(e,t,n){if(n||arguments.length===2)for(var r=0,a=t.length,c;r<a;r++)(c||!(r in t))&&(c||(c=Array.prototype.slice.call(t,0,r)),c[r]=t[r]);return e.concat(c||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;var M="right-scroll-bar-position",j="width-before-scroll-bar",ae="with-scroll-bars-hidden",oe="--removed-body-scroll-bar-size";function D(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function ce(e,t){var n=p.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){var a=n.value;a!==r&&(n.value=r,n.callback(r,a))}}}})[0];return n.callback=t,n.facade}var ie=typeof window<"u"?u.useLayoutEffect:u.useEffect,H=new WeakMap;function ue(e,t){var n=ce(null,function(r){return e.forEach(function(a){return D(a,r)})});return ie(function(){var r=H.get(n);if(r){var a=new Set(r),c=new Set(e),l=n.current;a.forEach(function(o){c.has(o)||D(o,null)}),c.forEach(function(o){a.has(o)||D(o,l)})}H.set(n,e)},[e]),n}function le(e){return e}function se(e,t){t===void 0&&(t=le);var n=[],r=!1,a={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(c){var l=t(c,r);return n.push(l),function(){n=n.filter(function(o){return o!==l})}},assignSyncMedium:function(c){for(r=!0;n.length;){var l=n;n=[],l.forEach(c)}n={push:function(o){return c(o)},filter:function(){return n}}},assignMedium:function(c){r=!0;var l=[];if(n.length){var o=n;n=[],o.forEach(c),l=n}var h=function(){var d=l;l=[],d.forEach(c)},m=function(){return Promise.resolve().then(h)};m(),n={push:function(d){l.push(d),m()},filter:function(d){return l=l.filter(d),n}}}};return a}function fe(e){e===void 0&&(e={});var t=se(null);return t.options=E({async:!0,ssr:!1},e),t}var _=function(e){var t=e.sideCar,n=z(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return u.createElement(r,E({},n))};_.isSideCarExport=!0;function de(e,t){return e.useMedium(t),_}var F=fe(),V=function(){},B=u.forwardRef(function(e,t){var n=u.useRef(null),r=u.useState({onScrollCapture:V,onWheelCapture:V,onTouchMoveCapture:V}),a=r[0],c=r[1],l=e.forwardProps,o=e.children,h=e.className,m=e.removeScrollBar,d=e.enabled,y=e.shards,S=e.sideCar,k=e.noIsolation,b=e.inert,i=e.allowPinchZoom,s=e.as,f=s===void 0?"div":s,v=e.gapMode,w=z(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),P=S,g=ue([n,t]),N=E(E({},w),a);return u.createElement(u.Fragment,null,d&&u.createElement(P,{sideCar:F,removeScrollBar:m,shards:y,noIsolation:k,inert:b,setCallbacks:c,allowPinchZoom:!!i,lockRef:n,gapMode:v}),l?u.cloneElement(u.Children.only(o),E(E({},N),{ref:g})):u.createElement(f,E({},N,{className:h,ref:g}),o))});B.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},B.classNames={fullWidth:j,zeroRight:M};var ve=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function he(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=ve();return t&&e.setAttribute("nonce",t),e}function ge(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function me(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var pe=function(){var e=0,t=null;return{add:function(n){e==0&&(t=he())&&(ge(t,n),me(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},ye=function(){var e=pe();return function(t,n){u.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},Z=function(){var e=ye(),t=function(n){var r=n.styles,a=n.dynamic;return e(r,a),null};return t},Se={left:0,top:0,right:0,gap:0},X=function(e){return parseInt(e||"",10)||0},be=function(e){var t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],a=t[e==="padding"?"paddingRight":"marginRight"];return[X(n),X(r),X(a)]},we=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return Se;var t=be(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},Ce=Z(),L="data-scroll-locked",Ee=function(e,t,n,r){var a=e.left,c=e.top,l=e.right,o=e.gap;return n===void 0&&(n="margin"),`
   .`.concat(ae,` {
    overflow: hidden `).concat(r,`;
-   padding-right: `).concat(c,"px ").concat(r,`;
+   padding-right: `).concat(o,"px ").concat(r,`;
   }
@@ -10,17 +10,17 @@ body[`).concat(L,`] {
     `).concat([t&&"position: relative ".concat(r,";"),n==="margin"&&`
-    padding-left: `.concat(o,`px;
-    padding-top: `).concat(i,`px;
+    padding-left: `.concat(a,`px;
+    padding-top: `).concat(c,`px;
     padding-right: `).concat(l,`px;
     margin-left:0;
     margin-top:0;
-    margin-right: `).concat(c,"px ").concat(r,`;
-    `),n==="padding"&&"padding-right: ".concat(c,"px ").concat(r,";")].filter(Boolean).join(""),`
+    margin-right: `).concat(o,"px ").concat(r,`;
+    `),n==="padding"&&"padding-right: ".concat(o,"px ").concat(r,";")].filter(Boolean).join(""),`
   }
   
   .`).concat(M,` {
-    right: `).concat(c,"px ").concat(r,`;
+    right: `).concat(o,"px ").concat(r,`;
   }
   
-  .`).concat(B,` {
-    margin-right: `).concat(c,"px ").concat(r,`;
+  .`).concat(j,` {
+    margin-right: `).concat(o,"px ").concat(r,`;
   }
@@ -32,3 +32,3 @@
   
-  .`).concat(B," .").concat(B,` {
+  .`).concat(j," .").concat(j,` {
     margin-right: 0 `).concat(r,`;
@@ -38,7 +38,7 @@ }
   body[`).concat(L,`] {
-    `).concat(oe,": ").concat(c,`px;
+    `).concat(oe,": ").concat(o,`px;
   }
-`)},Q=function(){var e=parseInt(document.body.getAttribute(L)||"0",10);return isFinite(e)?e:0},ke=function(){u.useEffect(function(){return document.body.setAttribute(L,(Q()+1).toString()),function(){var e=Q()-1;e<=0?document.body.removeAttribute(L):document.body.setAttribute(L,e.toString())}},[])},Pe=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,o=r===void 0?"margin":r;ke();var i=u.useMemo(function(){return we(o)},[o]);return u.createElement(Ce,{styles:Ee(i,!t,o,n?"":"!important")})},V=!1;if(typeof window<"u")try{var I=Object.defineProperty({},"passive",{get:function(){return V=!0,!0}});window.addEventListener("test",I,I),window.removeEventListener("test",I,I)}catch{V=!1}var R=V?{passive:!1}:!1,xe=function(e){return e.tagName==="TEXTAREA"},q=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!xe(e)&&n[t]==="visible")},Le=function(e){return q(e,"overflowY")},Re=function(e){return q(e,"overflowX")},G=function(e,t){var n=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var o=U(e,r);if(o){var i=$(e,r),l=i[1],c=i[2];if(l>c)return!0}r=r.parentNode}while(r&&r!==n.body);return!1},Te=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},Ne=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},U=function(e,t){return e==="v"?Le(t):Re(t)},$=function(e,t){return e==="v"?Te(t):Ne(t)},Oe=function(e,t){return e==="h"&&t==="rtl"?-1:1},Me=function(e,t,n,r,o){var i=Oe(e,window.getComputedStyle(t).direction),l=i*r,c=n.target,d=t.contains(c),h=!1,f=l>0,m=0,C=0;do{var S=$(e,c),E=S[0],a=S[1],s=S[2],y=a-s-i*E;(E||y)&&U(e,c)&&(m+=y,C+=E),c instanceof ShadowRoot?c=c.host:c=c.parentNode}while(!d&&c!==document.body||d&&(t.contains(c)||t===c));return(f&&(Math.abs(m)<1||!o)||!f&&(Math.abs(C)<1||!o))&&(h=!0),h},A=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},J=function(e){return[e.deltaX,e.deltaY]},K=function(e){return e&&"current"in e?e.current:e},Be=function(e,t){return e[0]===t[0]&&e[1]===t[1]},je=function(e){return`
+`)},Q=function(){var e=parseInt(document.body.getAttribute(L)||"0",10);return isFinite(e)?e:0},ke=function(){u.useEffect(function(){return document.body.setAttribute(L,(Q()+1).toString()),function(){var e=Q()-1;e<=0?document.body.removeAttribute(L):document.body.setAttribute(L,e.toString())}},[])},Pe=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,a=r===void 0?"margin":r;ke();var c=u.useMemo(function(){return we(a)},[a]);return u.createElement(Ce,{styles:Ee(c,!t,a,n?"":"!important")})},Y=!1;if(typeof window<"u")try{var I=Object.defineProperty({},"passive",{get:function(){return Y=!0,!0}});window.addEventListener("test",I,I),window.removeEventListener("test",I,I)}catch{Y=!1}var R=Y?{passive:!1}:!1,xe=function(e){return e.tagName==="TEXTAREA"},q=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!xe(e)&&n[t]==="visible")},Le=function(e){return q(e,"overflowY")},Re=function(e){return q(e,"overflowX")},G=function(e,t){var n=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var a=U(e,r);if(a){var c=$(e,r),l=c[1],o=c[2];if(l>o)return!0}r=r.parentNode}while(r&&r!==n.body);return!1},Te=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},Ne=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},U=function(e,t){return e==="v"?Le(t):Re(t)},$=function(e,t){return e==="v"?Te(t):Ne(t)},Oe=function(e,t){return e==="h"&&t==="rtl"?-1:1},Me=function(e,t,n,r,a){var c=Oe(e,window.getComputedStyle(t).direction),l=c*r,o=n.target,h=t.contains(o),m=!1,d=l>0,y=0,S=0;do{var k=$(e,o),b=k[0],i=k[1],s=k[2],f=i-s-c*b;(b||f)&&U(e,o)&&(y+=f,S+=b),o instanceof ShadowRoot?o=o.host:o=o.parentNode}while(!h&&o!==document.body||h&&(t.contains(o)||t===o));return(d&&(Math.abs(y)<1||!a)||!d&&(Math.abs(S)<1||!a))&&(m=!0),m},A=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},J=function(e){return[e.deltaX,e.deltaY]},K=function(e){return e&&"current"in e?e.current:e},je=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Be=function(e){return`
   .block-interactivity-`.concat(e,` {pointer-events: none;}
   .allow-interactivity-`).concat(e,` {pointer-events: all;}
-`)},Ie=0,T=[];function Ae(e){var t=u.useRef([]),n=u.useRef([0,0]),r=u.useRef(),o=u.useState(Ie++)[0],i=u.useState(Z)[0],l=u.useRef(e);u.useEffect(function(){l.current=e},[e]),u.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var a=ne([e.lockRef.current],(e.shards||[]).map(K),!0).filter(Boolean);return a.forEach(function(s){return s.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),a.forEach(function(s){return s.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var c=u.useCallback(function(a,s){if("touches"in a&&a.touches.length===2)return!l.current.allowPinchZoom;var y=A(a),k=n.current,b="deltaX"in a?a.deltaX:k[0]-y[0],P="deltaY"in a?a.deltaY:k[1]-y[1],v,N=a.target,O=Math.abs(b)>Math.abs(P)?"h":"v";if("touches"in a&&O==="h"&&N.type==="range")return!1;var W=G(O,N);if(!W)return!0;if(W?v=O:(v=O==="v"?"h":"v",W=G(O,N)),!W)return!1;if(!r.current&&"changedTouches"in a&&(b||P)&&(r.current=v),!v)return!0;var te=r.current||v;return Me(te,s,a,te==="h"?b:P,!0)},[]),d=u.useCallback(function(a){var s=a;if(!(!T.length||T[T.length-1]!==i)){var y="deltaY"in s?J(s):A(s),k=t.current.filter(function(v){return v.name===s.type&&(v.target===s.target||s.target===v.shadowParent)&&Be(v.delta,y)})[0];if(k&&k.should){s.cancelable&&s.preventDefault();return}if(!k){var b=(l.current.shards||[]).map(K).filter(Boolean).filter(function(v){return v.contains(s.target)}),P=b.length>0?c(s,b[0]):!l.current.noIsolation;P&&s.cancelable&&s.preventDefault()}}},[]),h=u.useCallback(function(a,s,y,k){var b={name:a,delta:s,target:y,should:k,shadowParent:We(y)};t.current.push(b),setTimeout(function(){t.current=t.current.filter(function(P){return P!==b})},1)},[]),f=u.useCallback(function(a){n.current=A(a),r.current=void 0},[]),m=u.useCallback(function(a){h(a.type,J(a),a.target,c(a,e.lockRef.current))},[]),C=u.useCallback(function(a){h(a.type,A(a),a.target,c(a,e.lockRef.current))},[]);u.useEffect(function(){return T.push(i),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:C}),document.addEventListener("wheel",d,R),document.addEventListener("touchmove",d,R),document.addEventListener("touchstart",f,R),function(){T=T.filter(function(a){return a!==i}),document.removeEventListener("wheel",d,R),document.removeEventListener("touchmove",d,R),document.removeEventListener("touchstart",f,R)}},[]);var S=e.removeScrollBar,E=e.inert;return u.createElement(u.Fragment,null,E?u.createElement(i,{styles:je(o)}):null,S?u.createElement(Pe,{gapMode:e.gapMode}):null)}function We(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const De=de(F,Ae);var ee=u.forwardRef(function(e,t){return u.createElement(j,w({},e,{ref:t,sideCar:De}))});ee.classNames=j.classNames;const Xe=g.forwardRef((e,t)=>{const[n,r]=g.useState(!1),[o,i]=g.useState(!1),[l,c]=g.useState(),[d,h]=g.useState(""),[f,m]=g.useState(),C=g.useRef(null),S=g.useRef(null);g.useEffect(()=>{if(o){i(!1);return}if(f!=null&&f.length&&d&&m(void 0),e.data&&typeof e.data=="function"){const a=e.data(d);if(a instanceof Promise){a.then(s=>{m(s)});return}m(a)}else e.data&&m(e.data)},[o]);const E=a=>{const s=a.target;C.current&&!C.current.contains(s)&&S.current&&!S.current.contains(s)&&r(!1)};return g.useEffect(()=>(document.addEventListener("mousedown",E),()=>{document.removeEventListener("mousedown",E)}),[]),p.jsxs("div",{children:[p.jsx("input",{ref:C,onFocus:()=>r(!0),className:"p-2 bg-gray-200 cursor-pointer focus:cursor-text",type:"text",value:(l==null?void 0:l.label)||d,onChange:a=>{h(a.target.value.toLowerCase()),i(!0),e.onChange&&e.onChange(a)},onBlur:e.onBlur,placeholder:e.placeholder,disabled:e.disabled}),p.jsx("input",{ref:t,name:e.name,disabled:!0,className:"hidden",type:"text",value:(l==null?void 0:l.value)??""}),n&&f&&f.length>0&&p.jsx(ee,{children:p.jsx("div",{ref:S,className:"absolute z-10 w-full bg-white border border-gray-300 rounded mt-1",children:f.filter(a=>String(a.label).toLowerCase().indexOf(d??"")>-1).map((a,s)=>p.jsx("div",{className:"p-2 cursor-pointer hover:bg-gray-100",onClick:()=>{c(a),r(!1)},children:a.label},s))})})]})});x.SearchSelect=Xe,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
+`)},Ie=0,T=[];function Ae(e){var t=u.useRef([]),n=u.useRef([0,0]),r=u.useRef(),a=u.useState(Ie++)[0],c=u.useState(Z)[0],l=u.useRef(e);u.useEffect(function(){l.current=e},[e]),u.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var i=ne([e.lockRef.current],(e.shards||[]).map(K),!0).filter(Boolean);return i.forEach(function(s){return s.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),i.forEach(function(s){return s.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var o=u.useCallback(function(i,s){if("touches"in i&&i.touches.length===2)return!l.current.allowPinchZoom;var f=A(i),v=n.current,w="deltaX"in i?i.deltaX:v[0]-f[0],P="deltaY"in i?i.deltaY:v[1]-f[1],g,N=i.target,O=Math.abs(w)>Math.abs(P)?"h":"v";if("touches"in i&&O==="h"&&N.type==="range")return!1;var W=G(O,N);if(!W)return!0;if(W?g=O:(g=O==="v"?"h":"v",W=G(O,N)),!W)return!1;if(!r.current&&"changedTouches"in i&&(w||P)&&(r.current=g),!g)return!0;var te=r.current||g;return Me(te,s,i,te==="h"?w:P,!0)},[]),h=u.useCallback(function(i){var s=i;if(!(!T.length||T[T.length-1]!==c)){var f="deltaY"in s?J(s):A(s),v=t.current.filter(function(g){return g.name===s.type&&(g.target===s.target||s.target===g.shadowParent)&&je(g.delta,f)})[0];if(v&&v.should){s.cancelable&&s.preventDefault();return}if(!v){var w=(l.current.shards||[]).map(K).filter(Boolean).filter(function(g){return g.contains(s.target)}),P=w.length>0?o(s,w[0]):!l.current.noIsolation;P&&s.cancelable&&s.preventDefault()}}},[]),m=u.useCallback(function(i,s,f,v){var w={name:i,delta:s,target:f,should:v,shadowParent:We(f)};t.current.push(w),setTimeout(function(){t.current=t.current.filter(function(P){return P!==w})},1)},[]),d=u.useCallback(function(i){n.current=A(i),r.current=void 0},[]),y=u.useCallback(function(i){m(i.type,J(i),i.target,o(i,e.lockRef.current))},[]),S=u.useCallback(function(i){m(i.type,A(i),i.target,o(i,e.lockRef.current))},[]);u.useEffect(function(){return T.push(c),e.setCallbacks({onScrollCapture:y,onWheelCapture:y,onTouchMoveCapture:S}),document.addEventListener("wheel",h,R),document.addEventListener("touchmove",h,R),document.addEventListener("touchstart",d,R),function(){T=T.filter(function(i){return i!==c}),document.removeEventListener("wheel",h,R),document.removeEventListener("touchmove",h,R),document.removeEventListener("touchstart",d,R)}},[]);var k=e.removeScrollBar,b=e.inert;return u.createElement(u.Fragment,null,b?u.createElement(c,{styles:Be(a)}):null,k?u.createElement(Pe,{gapMode:e.gapMode}):null)}function We(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const De=de(F,Ae);var ee=u.forwardRef(function(e,t){return u.createElement(B,E({},e,{ref:t,sideCar:De}))});ee.classNames=B.classNames;const Ve=p.forwardRef((e,t)=>{const[n,r]=p.useState(!1),[a,c]=p.useState(!1),[l,o]=p.useState(),[h,m]=p.useState(""),[d,y]=p.useState(),{data:S,...k}=e,b=p.useRef(null),i=p.useRef(null);p.useEffect(()=>{if(a){c(!1);return}if(d!=null&&d.length&&h&&y(void 0),S&&typeof S=="function"){const f=S(h);if(f instanceof Promise){f.then(v=>{y(v)});return}y(f)}else S&&y(S)},[a]);const s=f=>{const v=f.target;b.current&&!b.current.contains(v)&&i.current&&!i.current.contains(v)&&r(!1)};return p.useEffect(()=>(document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}),[]),C.jsxs("div",{children:[C.jsx("input",{ref:b,onFocus:()=>r(!0),className:"p-2 bg-gray-200 cursor-pointer focus:cursor-text",type:"text",value:(l==null?void 0:l.label)||h,onChange:f=>{m(f.target.value.toLowerCase()),c(!0)},placeholder:e.placeholder,disabled:e.disabled}),C.jsx("input",{ref:t,...k,disabled:!0,className:"hidden",type:"text",value:(l==null?void 0:l.value)??""}),n&&d&&d.length>0&&C.jsx(ee,{children:C.jsx("div",{ref:i,className:"absolute z-10 w-full bg-white border border-gray-300 rounded mt-1",children:d.filter(f=>String(f.label).toLowerCase().indexOf(h??"")>-1).map((f,v)=>C.jsx("div",{className:"p-2 cursor-pointer hover:bg-gray-100",onClick:()=>{o(f),r(!1)},children:f.label},v))})})]})});x.SearchSelect=Ve,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "simple-search-dropdown",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.0.9",
   "main": "./dist/index.umd.js",
@@ -6,0 +6,0 @@ "module": "./dist/index.es.js",

No alert changes

Worsened metrics

Total package byte prevSize

37643

decreased by-0.33%

Lines of code

631

decreased by-0.16%

No dependency changes