@wrdagency/blockout 1.0.5 → 1.0.7

package/dist/tab-panel-DdkeLgKE.js

@@ -0,0 +1,118 @@
+import { u as A, T as K } from "./UYGDZTLQ-9uAEICxv.js";
+import { u as N } from "./KFH4SEIX-BFT9WmYk.js";
+import { u as O } from "./WYCIER3C-CaoIoaX7.js";
+import { u as j } from "./RZ4GPYOB-COPqjbOz.js";
+import { g as V, u as q } from "./PFRGBC2K-B9ko--FF.js";
+import { a as P } from "./YV4JVR4I-w1-dnslS.js";
+import { f as F, c as W, a as z, _ as B, i as G, q as J, e as y, m as T, o as i, l as Q, n as U } from "./LMDWO4NN-CIZvvtic.js";
+import { useRef as h, useEffect as w, useState as X, useCallback as Y } from "react";
+import { jsx as Z } from "react/jsx-runtime";
+var $ = "div", ee = W(
+  function(f) {
+    var c = f, {
+      store: t,
+      unmountOnHide: S,
+      tabId: m,
+      getItem: p,
+      scrollRestoration: b,
+      scrollElement: a
+    } = c, r = B(c, [
+      "store",
+      "unmountOnHide",
+      "tabId",
+      "getItem",
+      "scrollRestoration",
+      "scrollElement"
+    ]);
+    const C = A();
+    t = t || C, G(
+      t,
+      process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
+    );
+    const v = h(null), d = J(r.id), s = P(
+      t.panels,
+      () => {
+        var e;
+        return m || ((e = t == null ? void 0 : t.panels.item(d)) == null ? void 0 : e.tabId);
+      }
+    ), D = P(
+      t,
+      (e) => !!s && e.selectedId === s
+    ), g = O({ open: D }), I = P(g, "mounted"), E = h(
+      /* @__PURE__ */ new Map()
+    ), _ = y(() => {
+      const e = v.current;
+      return e ? a ? typeof a == "function" ? a(e) : "current" in a ? a.current : a : e : null;
+    });
+    w(() => {
+      var e, n;
+      if (!b || !I) return;
+      const o = _();
+      if (!o) return;
+      if (b === "reset") {
+        o.scroll(0, 0);
+        return;
+      }
+      if (!s) return;
+      const l = E.current.get(s);
+      o.scroll((e = l == null ? void 0 : l.x) != null ? e : 0, (n = l == null ? void 0 : l.y) != null ? n : 0);
+      const u = () => {
+        E.current.set(s, {
+          x: o.scrollLeft,
+          y: o.scrollTop
+        });
+      };
+      return o.addEventListener("scroll", u), () => {
+        o.removeEventListener("scroll", u);
+      };
+    }, [b, I, s, _, t]);
+    const [k, H] = X(!1);
+    w(() => {
+      const e = v.current;
+      if (!e) return;
+      const n = V(e);
+      H(!!n.length);
+    }, []);
+    const L = Y(
+      (e) => {
+        const n = T(i({}, e), { id: d || e.id, tabId: m });
+        return p ? p(n) : n;
+      },
+      [d, m, p]
+    ), x = r.onKeyDown, M = y((e) => {
+      if (x == null || x(e), e.defaultPrevented || !(t != null && t.composite)) return;
+      const o = {
+        ArrowLeft: t.previous,
+        ArrowRight: t.next,
+        Home: t.first,
+        End: t.last
+      }[e.key];
+      if (!o) return;
+      const { selectedId: l } = t.getState(), u = o({ activeId: l });
+      u && (e.preventDefault(), t.move(u));
+    });
+    return r = Q(
+      r,
+      (e) => /* @__PURE__ */ Z(K, { value: t, children: e }),
+      [t]
+    ), r = T(i({
+      id: d,
+      role: "tabpanel",
+      "aria-labelledby": s || void 0
+    }, r), {
+      children: S && !I ? null : r.children,
+      ref: U(v, r.ref),
+      onKeyDown: M
+    }), r = q(i({
+      // If the tab panel is rendered as part of another composite widget such
+      // as combobox, it should not be focusable.
+      focusable: !t.composite && !k
+    }, r)), r = N(i({ store: g }, r)), r = j(T(i({ store: t.panels }, r), { getItem: L })), r;
+  }
+), ce = F(function(f) {
+  const c = ee(f);
+  return z($, c);
+});
+export {
+  ce as T
+};

package/dist/tab-provider-BMkHrtIK.js

@@ -0,0 +1,158 @@
+import { u as F } from "./DG5U6ZEL-GfwW2sqh.js";
+import { c as U, a as W, b as $ } from "./4CMBR7SL-ChJnawVl.js";
+import { u as k } from "./S43UC3DV-CiBKpqp8.js";
+import { m as z, o as E, c as A, s as f, e as l, g as K, b as V, d as O } from "./YV4JVR4I-w1-dnslS.js";
+import { S as R, T as p, V as I, U as S, a1 as T, m as y, o as B, W as M } from "./LMDWO4NN-CIZvvtic.js";
+import { useMemo as q } from "react";
+import { b as w } from "./UYGDZTLQ-9uAEICxv.js";
+import { jsx as D } from "react/jsx-runtime";
+function G(e = {}) {
+  var c = e, {
+    composite: s,
+    combobox: r
+  } = c, n = R(c, [
+    "composite",
+    "combobox"
+  ]);
+  const P = [
+    "items",
+    "renderedItems",
+    "moves",
+    "orientation",
+    "virtualFocus",
+    "includesBaseElement",
+    "baseElement",
+    "focusLoop",
+    "focusShift",
+    "focusWrap"
+  ], v = z(
+    n.store,
+    E(s, P),
+    E(r, P)
+  ), a = v == null ? void 0 : v.getState(), b = U(p(S({}, n), {
+    store: v,
+    // We need to explicitly set the default value of `includesBaseElement` to
+    // `false` since we don't want the composite store to default it to `true`
+    // when the activeId state is null, which could be the case when rendering
+    // combobox with tab.
+    includesBaseElement: I(
+      n.includesBaseElement,
+      a == null ? void 0 : a.includesBaseElement,
+      !1
+    ),
+    orientation: I(
+      n.orientation,
+      a == null ? void 0 : a.orientation,
+      "horizontal"
+    ),
+    focusLoop: I(n.focusLoop, a == null ? void 0 : a.focusLoop, !0)
+  })), x = W(), L = p(S({}, b.getState()), {
+    selectedId: I(
+      n.selectedId,
+      a == null ? void 0 : a.selectedId,
+      n.defaultSelectedId
+    ),
+    selectOnMove: I(
+      n.selectOnMove,
+      a == null ? void 0 : a.selectOnMove,
+      !0
+    )
+  }), t = A(L, b, v);
+  f(
+    t,
+    () => l(t, ["moves"], () => {
+      const { activeId: o, selectOnMove: d } = t.getState();
+      if (!d || !o) return;
+      const i = b.item(o);
+      i && (i.dimmed || i.disabled || t.setState("selectedId", i.id));
+    })
+  );
+  let h = !0;
+  f(
+    t,
+    () => K(t, ["selectedId"], (o, d) => {
+      if (!h) {
+        h = !0;
+        return;
+      }
+      s && o.selectedId === d.selectedId || t.setState("activeId", o.selectedId);
+    })
+  ), f(
+    t,
+    () => l(t, ["selectedId", "renderedItems"], (o) => {
+      if (o.selectedId !== void 0) return;
+      const { activeId: d, renderedItems: i } = t.getState(), m = b.item(d);
+      if (m && !m.disabled && !m.dimmed)
+        t.setState("selectedId", m.id);
+      else {
+        const _ = i.find(
+          (u) => !u.disabled && !u.dimmed
+        );
+        t.setState("selectedId", _ == null ? void 0 : _.id);
+      }
+    })
+  ), f(
+    t,
+    () => l(t, ["renderedItems"], (o) => {
+      const d = o.renderedItems;
+      if (d.length)
+        return l(x, ["renderedItems"], (i) => {
+          const m = i.renderedItems;
+          m.some((u) => !u.tabId) && m.forEach((u, j) => {
+            if (u.tabId) return;
+            const C = d[j];
+            C && x.renderItem(p(S({}, u), { tabId: C.id }));
+          });
+        });
+    })
+  );
+  let g = null;
+  return f(t, () => {
+    const o = () => {
+      g = t.getState().selectedId;
+    }, d = () => {
+      h = !1, t.setState("selectedId", g);
+    };
+    if (s && "setSelectElement" in s)
+      return T(
+        l(s, ["value"], o),
+        l(s, ["mounted"], d)
+      );
+    if (r)
+      return T(
+        l(r, ["selectedValue"], o),
+        l(r, ["mounted"], d)
+      );
+  }), p(S(S({}, b), t), {
+    panels: x,
+    setSelectedId: (o) => t.setState("selectedId", o),
+    select: (o) => {
+      t.setState("selectedId", o), b.move(o);
+    }
+  });
+}
+function H(e, c, s) {
+  M(c, [s.composite, s.combobox]), e = $(e, c, s), O(e, s, "selectedId", "setSelectedId"), O(e, s, "selectOnMove");
+  const [r, n] = V(() => e.panels, {});
+  return M(n, [e, n]), Object.assign(
+    q(() => y(B({}, e), { panels: r }), [e, r]),
+    { composite: s.composite, combobox: s.combobox }
+  );
+}
+function J(e = {}) {
+  const c = k(), s = F() || c;
+  e = y(B({}, e), {
+    composite: e.composite !== void 0 ? e.composite : s,
+    combobox: e.combobox !== void 0 ? e.combobox : c
+  });
+  const [r, n] = V(G, e);
+  return H(r, n, e);
+}
+function se(e = {}) {
+  const c = J(e);
+  return /* @__PURE__ */ D(w, { value: c, children: e.children });
+}
+export {
+  se as T,
+  J as u
+};