welcome-ui 0.0.0-dev.1759252708223 → 0.0.0-dev.1759392523253

package/dist/Search.js

@@ -1,27 +1,20 @@
 "use client";
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
-import { D as B, F as pe } from "./field-icon-size-Ch1t6GUH.js";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { D as b, F as pe } from "./field-icon-size-Ch1t6GUH.js";
 import _e, { forwardRef as de, useState as me, useCallback as he, useMemo as ue, Fragment as ze } from "react";
-import { CloseButton as fe } from "./CloseButton.js";
-import { c as ke } from "./classNames-qiokGROM.js";
-import { c as ge } from "./create-event-rXDe5aCQ.js";
-const we = (u, z, f = !0) => {
-  let c = null, d = null;
-  return (...k) => {
-    const s = () => {
-      u(...d), c = null;
-    };
-    d = k, c || (f && s(), c = setTimeout(s, z));
-  };
-}, Ne = "_wrapper_1pzk6_2", xe = "_indicators_1pzk6_5", Ie = "_root_1pzk6_33", Re = "_transparent_1pzk6_81", Se = "_menu_1pzk6_170", ve = "_item_1pzk6_198", Ce = "_highlighted_1pzk6_212", Ee = "_selected_1pzk6_215", $e = {
+import { CloseButton as ke } from "./CloseButton.js";
+import { c as fe } from "./classNames-qiokGROM.js";
+import { c as we } from "./create-event-rXDe5aCQ.js";
+import { t as ge } from "./throttle-BDBzFeFj.js";
+const Ne = "_wrapper_1pzk6_2", Ie = "_indicators_1pzk6_5", Re = "_root_1pzk6_33", Se = "_transparent_1pzk6_81", xe = "_menu_1pzk6_170", ve = "_item_1pzk6_198", Ce = "_highlighted_1pzk6_212", Ee = "_selected_1pzk6_215", $e = {
   wrapper: Ne,
-  indicators: xe,
+  indicators: Ie,
   "dropdown-indicator": "_dropdown-indicator_1pzk6_14",
   "input-wrapper": "_input-wrapper_1pzk6_27",
   "icon-placement-right": "_icon-placement-right_1pzk6_30",
-  root: Ie,
+  root: Re,
   "icon-placement-left": "_icon-placement-left_1pzk6_63",
-  transparent: Re,
+  transparent: Se,
   "variant-danger": "_variant-danger_1pzk6_94",
   "variant-success": "_variant-success_1pzk6_98",
   "variant-warning": "_variant-warning_1pzk6_102",
@@ -30,183 +23,183 @@ const we = (u, z, f = !0) => {
   "size-sm": "_size-sm_1pzk6_122",
   "size-xs": "_size-xs_1pzk6_130",
   "icon-wrapper": "_icon-wrapper_1pzk6_139",
-  menu: Se,
+  menu: xe,
   item: ve,
   highlighted: Ce,
   selected: Ee
-}, F = "", n = ke($e), De = B.default || B, Ae = de(
+}, j = "", n = fe($e), De = b.default || b, Fe = de(
   ({
-    autoComplete: u = "off",
-    autoFocus: z,
-    className: f,
-    dataTestId: c,
-    disabled: d,
-    groupsEnabled: k,
-    icon: s,
-    iconPlacement: C = "left",
-    id: G,
-    itemToString: i,
-    minChars: g = 3,
-    name: E,
-    onBlur: H,
-    onChange: w,
-    onClick: L,
-    onFocus: N,
-    placeholder: Y = "Search…",
-    renderGroupHeader: Z,
-    renderItem: $,
-    search: D,
-    size: o = "md",
-    throttle: T = 500,
-    transparent: q,
-    value: m = F,
-    variant: x,
-    ...I
+    autoComplete: y = "off",
+    autoFocus: P,
+    className: V,
+    dataTestId: B,
+    disabled: F,
+    groupsEnabled: G,
+    icon: p,
+    iconPlacement: N = "left",
+    id: H,
+    itemToString: s,
+    minChars: m = 3,
+    name: I,
+    onBlur: L,
+    onChange: h,
+    onClick: Y,
+    onFocus: u,
+    placeholder: Z = "Search…",
+    renderGroupHeader: q,
+    renderItem: R,
+    search: S,
+    size: a = "md",
+    throttle: x = 500,
+    transparent: A,
+    value: _ = j,
+    variant: z,
+    ...k
   }, J) => {
-    const K = m ? i(m) : F, [M, l] = me([]), O = he(
+    const K = _ ? s(_) : j, [v, c] = me([]), C = he(
       async (e) => {
-        if (g === 0 || (e == null ? void 0 : e.length) >= g) {
-          const p = await D(e);
-          l(p || []);
+        if (m === 0 || (e == null ? void 0 : e.length) >= m) {
+          const o = await S(e);
+          c(o || []);
         } else
-          l([]);
+          c([]);
       },
-      [g, D]
-    ), b = ue(
-      () => we(O, T, !1),
-      [O, T]
-    ), R = (e) => {
-      const p = ge({ name: E, value: e });
-      w == null || w(e, p);
-    }, j = (e) => {
-      e ? R(e) : (R(), l([]));
+      [m, S]
+    ), E = ue(
+      () => ge(C, x, !1),
+      [C, x]
+    ), f = (e) => {
+      const o = we({ name: I, value: e });
+      h == null || h(e, o);
+    }, $ = (e) => {
+      e ? f(e) : (f(), c([]));
     };
     return /* @__PURE__ */ t(
       De,
       {
         initialInputValue: K,
-        itemToString: (e) => i(e) || "",
-        onInputValueChange: b,
+        itemToString: (e) => s(e) || "",
+        onInputValueChange: E,
         onOuterClick: () => {
-          m || j(), l([]);
+          _ || $(), c([]);
         },
-        onSelect: j,
-        selectedItem: m,
-        ...I,
+        onSelect: $,
+        selectedItem: _,
+        ...k,
         children: ({
           clearSelection: e,
-          getInputProps: p,
-          getItemProps: y,
+          getInputProps: o,
+          getItemProps: D,
           getMenuProps: Q,
           getRootProps: U,
           highlightedIndex: W,
           inputValue: X,
-          isOpen: P,
-          selectedItem: h,
+          isOpen: T,
+          selectedItem: d,
           toggleMenu: ee
         }) => {
           const te = () => {
-            l([]), R(), e();
-          }, ne = P && M.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(fe, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (r) => {
-            N == null || N(r), b(""), ee();
-          }, re = U(I, { suppressRefError: !0 }), ae = p({
-            autoComplete: u,
-            autoFocus: z,
-            "data-testid": c,
-            disabled: d,
-            id: G,
-            name: E,
-            onBlur: H,
-            onClick: L,
+            c([]), f(), e();
+          }, ne = T && v.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(ke, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (i) => {
+            u == null || u(i), E(""), ee();
+          }, re = U(k, { suppressRefError: !0 }), ae = o({
+            autoComplete: y,
+            autoFocus: P,
+            "data-testid": B,
+            disabled: F,
+            id: H,
+            name: I,
+            onBlur: L,
+            onClick: Y,
             onFocus: ie,
-            placeholder: Y,
+            placeholder: Z,
             ref: J,
-            size: o,
+            size: a,
             tabIndex: 0,
-            variant: P ? "focused" : x,
-            ...I
-          }), ce = pe[o];
-          return /* @__PURE__ */ v("div", { ...re, className: n("wrapper"), children: [
-            /* @__PURE__ */ v("div", { className: n("input-wrapper"), children: [
+            variant: T ? "focused" : z,
+            ...k
+          }), ce = pe[a];
+          return /* @__PURE__ */ g("div", { ...re, className: n("wrapper"), children: [
+            /* @__PURE__ */ g("div", { className: n("input-wrapper"), children: [
               /* @__PURE__ */ t(
                 "input",
                 {
                   className: n(
                     "root",
-                    `size-${o}`,
-                    x && `variant-${x}`,
-                    q && "transparent",
-                    s && `icon-placement-${C}`,
-                    f
+                    `size-${a}`,
+                    z && `variant-${z}`,
+                    A && "transparent",
+                    p && `icon-placement-${N}`,
+                    V
                   ),
                   ...ae
                 }
               ),
-              s ? /* @__PURE__ */ t(
+              p ? /* @__PURE__ */ t(
                 "div",
                 {
                   className: n(
                     "icon-wrapper",
-                    `icon-placement-${C}`,
-                    `size-${o}`
+                    `icon-placement-${N}`,
+                    `size-${a}`
                   ),
-                  children: _e.cloneElement(s, { ...s.props, size: ce })
+                  children: _e.cloneElement(p, { ...p.props, size: ce })
                 }
               ) : null,
-              /* @__PURE__ */ t("div", { className: n("indicators", `size-${o}`), children: X ? se : null })
+              /* @__PURE__ */ t("div", { className: n("indicators", `size-${a}`), children: X ? se : null })
             ] }),
-            ne ? /* @__PURE__ */ t("ul", { className: n("menu"), ...Q(), children: M.reduce(
-              (r, a, S) => {
-                const V = r.itemIndex++, A = W === V;
-                if (k)
-                  r.itemsToRender.push(
-                    /* @__PURE__ */ v(ze, { children: [
-                      Z(a),
-                      a.options ? a.options.map(
-                        (_, oe) => {
-                          const le = h && i(h) === i(_);
+            ne ? /* @__PURE__ */ t("ul", { className: n("menu"), ...Q(), children: v.reduce(
+              (i, r, w) => {
+                const M = i.itemIndex++, O = W === M;
+                if (G)
+                  i.itemsToRender.push(
+                    /* @__PURE__ */ g(ze, { children: [
+                      q(r),
+                      r.options ? r.options.map(
+                        (l, oe) => {
+                          const le = d && s(d) === s(l);
                           return /* @__PURE__ */ t(
                             "li",
                             {
                               className: n(
                                 "item",
-                                A && "highlighted",
+                                O && "highlighted",
                                 le && "selected"
                               ),
-                              ...y({
-                                index: V,
-                                item: _
+                              ...D({
+                                index: M,
+                                item: l
                               }),
-                              children: $(_)
+                              children: R(l)
                             },
                             oe
                           );
                         }
                       ) : null
-                    ] }, S)
+                    ] }, w)
                   );
                 else {
-                  const _ = h && i(h) === i(a);
-                  r.itemsToRender.push(
+                  const l = d && s(d) === s(r);
+                  i.itemsToRender.push(
                     /* @__PURE__ */ t(
                       "li",
                       {
                         className: n(
                           "item",
-                          A && "highlighted",
-                          _ && "selected"
+                          O && "highlighted",
+                          l && "selected"
                         ),
-                        ...y({
-                          index: S,
-                          item: a
+                        ...D({
+                          index: w,
+                          item: r
                         }),
-                        children: $(a)
+                        children: R(r)
                       },
-                      S
+                      w
                     )
                   );
                 }
-                return r;
+                return i;
               },
               { itemIndex: 0, itemsToRender: [] }
             ).itemsToRender }) : null
@@ -217,5 +210,5 @@ const we = (u, z, f = !0) => {
   }
 );
 export {
-  Ae as Search
+  Fe as Search
 };