@wrdagency/blockout 1.0.27 → 1.0.30

package/dist/select-popover-P8y2n3bQ.js

@@ -1,542 +0,0 @@
-import { u as Se, a as se, S as be, b as xe, c as Oe, d as Ce, e as de } from "./DG5U6ZEL-Bn6QlO7C.js";
-import { u as Ie } from "./MTZPJQMC-CNgogsHX.js";
-import { c as R, _ as T, i as Y, m as I, o as p, r as Ae, f as H, a as F, Y as De, V as W, U as O, W as V, X as _e, j as k, e as le, H as Ve, l as X, n as he, S as ke, s as Ke, q as ge, t as Le, P as Me, Q as Ne, R as Re, h as Te, u as He, ac as Fe } from "./LMDWO4NN-ZnclRjpA.js";
-import { useMemo as ae, useState as Q, useRef as je, useEffect as ne, useCallback as Be, useContext as me, createContext as $e } from "react";
-import { jsx as P, jsxs as oe, Fragment as ve } from "react/jsx-runtime";
-import { u as we } from "./T7VMP3TM-BnzhAoaO.js";
-import { u as Ue } from "./WMYDSCNQ-J1-TanSP.js";
-import { t as ye } from "./7PRQYBBV-91wrWGjk.js";
-import { c as qe, a as We } from "./O2PQ2652-DkPiHeUQ.js";
-import { c as ze, d as Ge, b as Qe } from "./4CMBR7SL-C-0Aig1V.js";
-import { u as Xe } from "./S43UC3DV-BVbmEy3J.js";
-import { m as Ye, o as Je, t as Ze, c as et, s as z, d as re, g as tt, b as ot, f as pe, u as rt } from "./YV4JVR4I-BuKFdNa0.js";
-import { u as nt } from "./UQQRIHDV-C_0T8mGy.js";
-import { u as st } from "./6VRAQV3D-pTuMqsWW.js";
-import { i as lt } from "./KFH4SEIX-C-0wHvda.js";
-import { u as at } from "./5JTVDSTH-BOGL3M3F.js";
-import { c as it, u as ut } from "./G7GW6PWC-C6qSYISF.js";
-var ct = "span", dt = {
-  top: "4,10 8,6 12,10",
-  right: "6,4 10,8 6,12",
-  bottom: "4,6 8,10 12,6",
-  left: "10,4 6,8 10,12"
-}, Pe = R(function(o) {
-  var r = o, { store: e, placement: t } = r, a = T(r, ["store", "placement"]);
-  const m = Ie();
-  e = e || m, Y(
-    e,
-    process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
-  );
-  const E = e.useState((n) => t || n.placement).split("-")[0], u = dt[E], l = ae(
-    () => /* @__PURE__ */ P(
-      "svg",
-      {
-        display: "block",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        viewBox: "0 0 16 16",
-        height: "1em",
-        width: "1em",
-        children: /* @__PURE__ */ P("polyline", { points: u })
-      }
-    ),
-    [u]
-  );
-  return a = I(p({
-    children: l,
-    "aria-hidden": !0
-  }, a), {
-    style: p({
-      width: "1em",
-      height: "1em",
-      pointerEvents: "none"
-    }, a.style)
-  }), Ae(a);
-}), Qt = H(
-  function(o) {
-    const r = Pe(o);
-    return F(ct, r);
-  }
-);
-function mt(s = {}) {
-  var o = s, {
-    combobox: r
-  } = o, e = De(o, [
-    "combobox"
-  ]);
-  const t = Ye(
-    e.store,
-    Je(r, [
-      "value",
-      "items",
-      "renderedItems",
-      "baseElement",
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement"
-    ])
-  );
-  Ze(e, t);
-  const a = t.getState(), m = ze(W(V({}, e), {
-    store: t,
-    virtualFocus: O(
-      e.virtualFocus,
-      a.virtualFocus,
-      !0
-    ),
-    includesBaseElement: O(
-      e.includesBaseElement,
-      a.includesBaseElement,
-      !1
-    ),
-    activeId: O(
-      e.activeId,
-      a.activeId,
-      e.defaultActiveId,
-      null
-    ),
-    orientation: O(
-      e.orientation,
-      a.orientation,
-      "vertical"
-    )
-  })), S = qe(W(V({}, e), {
-    store: t,
-    placement: O(
-      e.placement,
-      a.placement,
-      "bottom-start"
-    )
-  })), E = new String(""), u = W(V(V({}, m.getState()), S.getState()), {
-    value: O(
-      e.value,
-      a.value,
-      e.defaultValue,
-      E
-    ),
-    setValueOnMove: O(
-      e.setValueOnMove,
-      a.setValueOnMove,
-      !1
-    ),
-    labelElement: O(a.labelElement, null),
-    selectElement: O(a.selectElement, null),
-    listElement: O(a.listElement, null)
-  }), l = et(u, m, S, t);
-  return z(
-    l,
-    () => re(l, ["value", "items"], (n) => {
-      if (n.value !== E || !n.items.length) return;
-      const f = n.items.find(
-        (b) => !b.disabled && b.value != null
-      );
-      (f == null ? void 0 : f.value) != null && l.setState("value", f.value);
-    })
-  ), z(
-    l,
-    () => re(l, ["mounted"], (n) => {
-      n.mounted || l.setState("activeId", u.activeId);
-    })
-  ), z(
-    l,
-    () => re(l, ["mounted", "items", "value"], (n) => {
-      if (r || n.mounted) return;
-      const f = ye(n.value), b = f[f.length - 1];
-      if (b == null) return;
-      const w = n.items.find(
-        (g) => !g.disabled && g.value === b
-      );
-      w && l.setState("activeId", w.id);
-    })
-  ), z(
-    l,
-    () => tt(l, ["setValueOnMove", "moves"], (n) => {
-      const { mounted: f, value: b, activeId: w } = l.getState();
-      if (!n.setValueOnMove && f || Array.isArray(b) || !n.moves || !w) return;
-      const g = m.item(w);
-      !g || g.disabled || g.value == null || l.setState("value", g.value);
-    })
-  ), W(V(V(V({}, m), S), l), {
-    combobox: r,
-    setValue: (n) => l.setState("value", n),
-    setLabelElement: (n) => l.setState("labelElement", n),
-    setSelectElement: (n) => l.setState("selectElement", n),
-    setListElement: (n) => l.setState("listElement", n)
-  });
-}
-function vt(s) {
-  const o = Xe();
-  return s = I(p({}, s), {
-    combobox: s.combobox !== void 0 ? s.combobox : o
-  }), Ge(s);
-}
-function pt(s, o, r) {
-  return _e(o, [r.combobox]), pe(s, r, "value", "setValue"), pe(s, r, "setValueOnMove"), Object.assign(
-    We(
-      Qe(s, o, r),
-      o,
-      r
-    ),
-    { combobox: r.combobox }
-  );
-}
-function ft(s = {}) {
-  s = vt(s);
-  const [o, r] = ot(mt, s);
-  return pt(o, r, s);
-}
-var St = "span", bt = R(
-  function(o) {
-    var r = o, { store: e } = r, t = T(r, ["store"]);
-    const a = Se();
-    return e = e || a, t = Pe(p({ store: e }, t)), t;
-  }
-), ht = H(function(o) {
-  const r = bt(o);
-  return F(St, r);
-}), gt = "button";
-function wt(s) {
-  return Array.from(s.selectedOptions).map((o) => o.value);
-}
-function G(s, o) {
-  return () => {
-    const r = o();
-    if (!r) return;
-    let e = 0, t = s.item(r);
-    const a = t;
-    for (; t && t.value == null; ) {
-      const m = o(++e);
-      if (!m) return;
-      if (t = s.item(m), t === a) break;
-    }
-    return t == null ? void 0 : t.id;
-  };
-}
-var yt = R(function(o) {
-  var r = o, {
-    store: e,
-    name: t,
-    form: a,
-    required: m,
-    showOnKeyDown: S = !0,
-    moveOnKeyDown: E = !0,
-    toggleOnPress: u = !0,
-    toggleOnClick: l = u
-  } = r, n = T(r, [
-    "store",
-    "name",
-    "form",
-    "required",
-    "showOnKeyDown",
-    "moveOnKeyDown",
-    "toggleOnPress",
-    "toggleOnClick"
-  ]);
-  const f = se();
-  e = e || f, Y(
-    e,
-    process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
-  );
-  const b = n.onKeyDown, w = k(S), g = k(E), y = e.useState("placement").split("-")[0], x = e.useState("value"), D = Array.isArray(x), L = le((c) => {
-    var d;
-    if (b == null || b(c), c.defaultPrevented || !e) return;
-    const { orientation: Z, items: ee, activeId: $ } = e.getState(), U = Z !== "horizontal", q = Z !== "vertical", v = !!((d = ee.find((ce) => !ce.disabled && ce.value != null)) != null && d.rowId), ie = {
-      ArrowUp: (v || U) && G(e, e.up),
-      ArrowRight: (v || q) && G(e, e.next),
-      ArrowDown: (v || U) && G(e, e.down),
-      ArrowLeft: (v || q) && G(e, e.previous)
-    }[c.key];
-    ie && g(c) && (c.preventDefault(), e.move(ie()));
-    const ue = y === "top" || y === "bottom";
-    ({
-      ArrowDown: ue,
-      ArrowUp: ue,
-      ArrowLeft: y === "left",
-      ArrowRight: y === "right"
-    })[c.key] && w(c) && (c.preventDefault(), e.move($), Ve(c.currentTarget, "keyup", e.show));
-  });
-  n = X(
-    n,
-    (c) => /* @__PURE__ */ P(be, { value: e, children: c }),
-    [e]
-  );
-  const [j, M] = Q(!1), C = je(!1);
-  ne(() => {
-    const c = C.current;
-    C.current = !1, !c && M(!1);
-  }, [x]);
-  const N = e.useState((c) => {
-    var d;
-    return (d = c.labelElement) == null ? void 0 : d.id;
-  }), i = n["aria-label"], h = n["aria-labelledby"] || N, _ = e.useState((c) => {
-    if (t)
-      return c.items;
-  }), A = ae(() => [...new Set(_ == null ? void 0 : _.map((c) => c.value).filter((c) => c != null))], [_]);
-  n = X(
-    n,
-    (c) => t ? /* @__PURE__ */ oe(ve, { children: [
-      /* @__PURE__ */ oe(
-        "select",
-        {
-          style: {
-            border: 0,
-            clip: "rect(0 0 0 0)",
-            height: "1px",
-            margin: "-1px",
-            overflow: "hidden",
-            padding: 0,
-            position: "absolute",
-            whiteSpace: "nowrap",
-            width: "1px"
-          },
-          tabIndex: -1,
-          "aria-hidden": !0,
-          "aria-label": i,
-          "aria-labelledby": h,
-          name: t,
-          form: a,
-          required: m,
-          disabled: n.disabled,
-          value: x,
-          multiple: D,
-          onFocus: () => {
-            var d;
-            return (d = e == null ? void 0 : e.getState().selectElement) == null ? void 0 : d.focus();
-          },
-          onChange: (d) => {
-            C.current = !0, M(!0), e == null || e.setValue(
-              D ? wt(d.target) : d.target.value
-            );
-          },
-          children: [
-            ye(x).map((d) => d == null || A.includes(d) ? null : /* @__PURE__ */ P("option", { value: d, children: d }, d)),
-            A.map((d) => /* @__PURE__ */ P("option", { value: d, children: d }, d))
-          ]
-        }
-      ),
-      c
-    ] }) : c,
-    [
-      e,
-      i,
-      h,
-      t,
-      a,
-      m,
-      x,
-      D,
-      A,
-      n.disabled
-    ]
-  );
-  const B = /* @__PURE__ */ oe(ve, { children: [
-    x,
-    /* @__PURE__ */ P(ht, {})
-  ] }), J = e.useState("contentElement");
-  return n = I(p({
-    role: "combobox",
-    "aria-autocomplete": "none",
-    "aria-labelledby": N,
-    "aria-haspopup": ke(J, "listbox"),
-    "data-autofill": j || void 0,
-    "data-name": t,
-    children: B
-  }, n), {
-    ref: he(e.setSelectElement, n.ref),
-    onKeyDown: L
-  }), n = Ue(p({ store: e, toggleOnClick: l }, n)), n = we(p({ store: e }, n)), n;
-}), Xt = H(function(o) {
-  const r = yt(o);
-  return F(gt, r);
-});
-function Yt(s = {}) {
-  const o = ft(s);
-  return /* @__PURE__ */ P(xe, { value: o, children: s.children });
-}
-var Pt = "div";
-function Et(s, o) {
-  if (o != null)
-    return s == null ? !1 : Array.isArray(s) ? s.includes(o) : s === o;
-}
-var xt = R(
-  function(o) {
-    var r = o, {
-      store: e,
-      value: t,
-      getItem: a,
-      hideOnClick: m,
-      setValueOnClick: S = t != null,
-      preventScrollOnKeyDown: E = !0,
-      focusOnHover: u = !0
-    } = r, l = T(r, [
-      "store",
-      "value",
-      "getItem",
-      "hideOnClick",
-      "setValueOnClick",
-      "preventScrollOnKeyDown",
-      "focusOnHover"
-    ]), n;
-    const f = Oe();
-    e = e || f, Y(
-      e,
-      process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
-    );
-    const b = ge(l.id), w = Le(l), { listElement: g, multiSelectable: K, selected: y, autoFocus: x } = rt(e, {
-      listElement: "listElement",
-      multiSelectable(i) {
-        return Array.isArray(i.value);
-      },
-      selected(i) {
-        return Et(i.value, t);
-      },
-      autoFocus(i) {
-        return t == null || i.value == null || i.activeId !== b && (e != null && e.item(i.activeId)) ? !1 : Array.isArray(i.value) ? i.value[i.value.length - 1] === t : i.value === t;
-      }
-    }), D = Be(
-      (i) => {
-        const h = I(p({}, i), {
-          value: w ? void 0 : t,
-          children: t
-        });
-        return a ? a(h) : h;
-      },
-      [w, t, a]
-    );
-    m = m ?? (t != null && !K);
-    const L = l.onClick, j = k(S), M = k(m), C = le((i) => {
-      L == null || L(i), !i.defaultPrevented && (Me(i) || Ne(i) || (j(i) && t != null && (e == null || e.setValue((h) => Array.isArray(h) ? h.includes(t) ? h.filter((_) => _ !== t) : [...h, t] : t)), M(i) && (e == null || e.hide())));
-    });
-    l = X(
-      l,
-      (i) => /* @__PURE__ */ P(Ce.Provider, { value: y ?? !1, children: i }),
-      [y]
-    ), l = I(p({
-      id: b,
-      role: Re(g),
-      "aria-selected": y,
-      children: t
-    }, l), {
-      autoFocus: (n = l.autoFocus) != null ? n : x,
-      onClick: C
-    }), l = st(p({
-      store: e,
-      getItem: D,
-      preventScrollOnKeyDown: E
-    }, l));
-    const N = k(u);
-    return l = nt(I(p({
-      store: e
-    }, l), {
-      // We have to disable focusOnHover when the popup is closed, otherwise
-      // the active item will change to null (the container) when the popup is
-      // closed by clicking on an item.
-      focusOnHover(i) {
-        if (!N(i)) return !1;
-        const h = e == null ? void 0 : e.getState();
-        return !!(h != null && h.open);
-      }
-    })), l;
-  }
-), Jt = Ke(
-  H(function(o) {
-    const r = xt(o);
-    return F(Pt, r);
-  })
-), Ot = "div", fe = $e(null), Ee = R(
-  function(o) {
-    var r = o, {
-      store: e,
-      resetOnEscape: t = !0,
-      hideOnEnter: a = !0,
-      focusOnMove: m = !0,
-      composite: S,
-      alwaysVisible: E
-    } = r, u = T(r, [
-      "store",
-      "resetOnEscape",
-      "hideOnEnter",
-      "focusOnMove",
-      "composite",
-      "alwaysVisible"
-    ]);
-    const l = Se();
-    e = e || l, Y(
-      e,
-      process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
-    );
-    const n = ge(u.id), f = e.useState("value"), b = Array.isArray(f), [w, g] = Q(f), K = e.useState("mounted");
-    ne(() => {
-      K || g(f);
-    }, [K, f]), t = t && !b;
-    const y = u.onKeyDown, x = k(t), D = k(a), L = le((v) => {
-      y == null || y(v), !v.defaultPrevented && (v.key === "Escape" && x(v) && (e == null || e.setValue(w)), (v.key === " " || v.key === "Enter") && Te(v) && D(v) && (v.preventDefault(), e == null || e.hide()));
-    }), j = me(de), M = Q(), [C, N] = j || M, i = ae(
-      () => [C, N],
-      [C]
-    ), [h, _] = Q(null), A = me(fe);
-    ne(() => {
-      if (A)
-        return A(e), () => A(null);
-    }, [A, e]), u = X(
-      u,
-      (v) => /* @__PURE__ */ P(be, { value: e, children: /* @__PURE__ */ P(fe.Provider, { value: _, children: /* @__PURE__ */ P(de.Provider, { value: i, children: v }) }) }),
-      [e, i]
-    );
-    const B = !!e.combobox;
-    S = S ?? (!B && h !== e);
-    const [J, c] = He(
-      S ? e.setListElement : null
-    ), d = Fe(J, "role", u.role), ee = (S || (d === "listbox" || d === "menu" || d === "tree" || d === "grid")) && b || void 0, $ = lt(K, u.hidden, E), U = $ ? I(p({}, u.style), { display: "none" }) : u.style;
-    S && (u = p({
-      role: "listbox",
-      "aria-multiselectable": ee
-    }, u));
-    const q = e.useState(
-      (v) => {
-        var te;
-        return C || ((te = v.labelElement) == null ? void 0 : te.id);
-      }
-    );
-    return u = I(p({
-      id: n,
-      "aria-labelledby": q,
-      hidden: $
-    }, u), {
-      ref: he(c, u.ref),
-      style: U,
-      onKeyDown: L
-    }), u = at(I(p({ store: e }, u), { composite: S })), u = we(p({ store: e, typeahead: !B }, u)), u;
-  }
-), Zt = H(function(o) {
-  const r = Ee(o);
-  return F(Ot, r);
-}), Ct = "div", It = R(
-  function(o) {
-    var r = o, { store: e, alwaysVisible: t } = r, a = T(r, ["store", "alwaysVisible"]);
-    const m = se();
-    return e = e || m, a = Ee(p({ store: e, alwaysVisible: t }, a)), a = ut(p({ store: e, alwaysVisible: t }, a)), a;
-  }
-), eo = it(
-  H(function(o) {
-    const r = It(o);
-    return F(Ct, r);
-  }),
-  se
-);
-export {
-  Qt as P,
-  Yt as S,
-  Xt as a,
-  eo as b,
-  Zt as c,
-  Jt as d,
-  ht as e,
-  ft as f,
-  Pe as u
-};