@wrdagency/blockout 1.0.27 → 1.0.30

package/dist/components/controls/select-control/select.js

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { cn as L } from "../../../utils/css.js";
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import { cn as x } from "../../../utils/css.js";
 import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
-import { noop as g } from "../../../utils/noop.js";
-import { useState as _, useMemo as j, startTransition as y } from "react";
+import { noop as j } from "../../../utils/noop.js";
+import { useState as h, useMemo as y, startTransition as g } from "react";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
@@ -14,67 +14,69 @@ import "../../../primitives/symbol/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                       */
-import { normalizeOption as z } from "../../../types/options.js";
-import { s as A } from "../../../MagnifyingGlass.es-CLstwG_v.js";
-import { m as H } from "../../../match-sorter.esm-MNVE8H_6.js";
+import { normalizeOptions as z, findOption as A } from "../../../types/options.js";
+import { s as H } from "../../../MagnifyingGlass.es-CLstwG_v.js";
+import { m as M } from "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
-import { C as M, a as h, b as T, c as f } from "../../../MAXQOH4L-lpuvS1NR.js";
-import { S as $, a as q, b as B, c as D, d as E } from "../../../select-popover-P8y2n3bQ.js";
-import { C as F } from "../../../combobox-popover-CDfaOt6J.js";
-const ve = ({
-  className: u,
-  value: r,
-  onChangeValue: p = g,
-  options: v,
-  searchable: i = !1,
-  combobox: t = !1,
-  placeholder: S = "Choose an option...",
-  prefix: G,
-  suffix: J,
-  children: N,
-  withIcon: K,
-  ...P
+import { C as T, a as f, b as $ } from "../../../MAXQOH4L-BYWBWXpb.js";
+import { S as q, a as B, b as D, c as E, d as F, e as J, f as K } from "../../../select-popover-CGgkyRb4.js";
+import { C as Q } from "../../../combobox-popover-BZ_1wNrj.js";
+import { C as R, a as U } from "../../../combobox-group-hNvv1WJm.js";
+import { C as u } from "../../../JMHAJKUZ-D5KCN1Aj.js";
+const be = ({
+  className: v,
+  value: i,
+  onChangeValue: a = j,
+  options: S = [],
+  searchable: l = !1,
+  combobox: e = !1,
+  placeholder: N = "Choose an option...",
+  prefix: W,
+  suffix: X,
+  children: C,
+  withIcon: Y,
+  ...O
 }) => {
-  t && (i = !0);
-  const [n, a] = _(!1), [c, C] = _(""), l = (v || []).map(z), m = j(() => H(l, c, {
-    baseSort: (e, x) => e.index < x.index ? -1 : 1,
+  e && (l = !0);
+  const [n, p] = h(!1), [c, P] = h(""), m = z(S), _ = y(() => M(m, c, {
+    baseSort: (o, t) => o.index < t.index ? -1 : 1,
     keys: ["label", "description"]
-  }), [c]), O = i || t ? T : D, w = t ? f : E, I = t ? h : q, V = t ? F : B, d = !!!l.find((e) => e.value === r);
-  return /* @__PURE__ */ o(
-    M,
+  }), [c]), L = l || e ? $ : E, w = e ? u : K, G = e ? f : B, b = e ? Q : D, I = e ? R : F, V = e ? U : J, d = !!!A(m, i);
+  return /* @__PURE__ */ s(
+    T,
     {
-      resetValueOnHide: !t,
+      resetValueOnHide: !e,
       open: n,
-      setOpen: a,
-      value: t ? r : c,
-      setValue: (e) => {
-        t && p(e), y(() => {
-          C(e);
+      setOpen: p,
+      value: e ? i : c,
+      setValue: (o) => {
+        e && a(o), g(() => {
+          P(o);
         });
       },
-      children: /* @__PURE__ */ s(
-        $,
+      children: /* @__PURE__ */ r(
+        q,
         {
-          value: d ? "" : r,
-          setValue: p,
+          value: d ? "" : i,
+          setValue: a,
           open: n,
-          setOpen: a,
+          setOpen: p,
           children: [
-            /* @__PURE__ */ o(
-              I,
+            /* @__PURE__ */ s(
+              G,
               {
-                className: L(
-                  u,
+                className: x(
+                  v,
                   "component-select__input",
                   d && "component-select__input--placeholder"
                 ),
-                children: t ? void 0 : N,
-                placeholder: S,
-                ...P
+                children: e ? void 0 : C,
+                placeholder: N,
+                ...O
               }
             ),
-            n && m.length > 0 && /* @__PURE__ */ o(
-              V,
+            n && _.length > 0 && /* @__PURE__ */ s(
+              b,
               {
                 className: "component-select__popover",
                 "data-colour-scheme": "invert",
@@ -85,11 +87,11 @@ const ve = ({
                 gutter: 8,
                 overflowPadding: 4,
                 shift: -1,
-                children: /* @__PURE__ */ s(k, { className: "component-select__popover__scroll", axis: "y", children: [
-                  i && !t && /* @__PURE__ */ s("div", { className: "component-select__popover__search-wrapper", children: [
-                    /* @__PURE__ */ o(A, { className: "component-select__popover__search-icon" }),
-                    /* @__PURE__ */ o(
-                      h,
+                children: /* @__PURE__ */ r(k, { className: "component-select__popover__scroll", axis: "y", children: [
+                  l && !e && /* @__PURE__ */ r("div", { className: "component-select__popover__search-wrapper", children: [
+                    /* @__PURE__ */ s(H, { className: "component-select__popover__search-icon" }),
+                    /* @__PURE__ */ s(
+                      f,
                       {
                         autoSelect: !0,
                         placeholder: "Search...",
@@ -97,22 +99,32 @@ const ve = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o(O, { className: "component-select__list", children: m.map((e) => /* @__PURE__ */ s(
-                    w,
+                  /* @__PURE__ */ s(L, { className: "component-select__list", children: _.map((o) => /* @__PURE__ */ r(
+                    I,
                     {
-                      disabled: e.disabled,
-                      value: e.value,
-                      className: "component-select__option",
-                      render: /* @__PURE__ */ o(f, {}),
+                      className: "component-select__list__group",
                       children: [
-                        /* @__PURE__ */ s("div", { className: "component-select__option__label", children: [
-                          e.icon,
-                          e.label
-                        ] }),
-                        e.description && /* @__PURE__ */ o("div", { className: "component-select__option__description", children: e.description })
+                        o.label && /* @__PURE__ */ s(V, { className: "component-select__list__group__label", children: o.label }),
+                        o.items.map((t) => /* @__PURE__ */ r(
+                          w,
+                          {
+                            disabled: t.disabled,
+                            value: t.value,
+                            className: "component-select__option",
+                            render: /* @__PURE__ */ s(u, {}),
+                            children: [
+                              /* @__PURE__ */ r("div", { className: "component-select__option__label", children: [
+                                t.icon,
+                                t.label
+                              ] }),
+                              t.description && /* @__PURE__ */ s("div", { className: "component-select__option__description", children: t.description })
+                            ]
+                          },
+                          t.value
+                        ))
                       ]
                     },
-                    e.value
+                    o.label
                   )) })
                 ] })
               }
@@ -124,5 +136,5 @@ const ve = ({
   );
 };
 export {
-  ve as Select
+  be as Select
 };