@wrdagency/blockout 1.0.13 → 1.0.17

package/dist/tag-remove-CVXLunYF.js

@@ -0,0 +1,447 @@
+import { d as pe } from "./S43UC3DV-CiBKpqp8.js";
+import { createContext as ve, useContext as W, useState as ee, useEffect as te, useCallback as fe } from "react";
+import { f as L, c as N, a as B, _ as M, m as P, o as C, r as ge, a7 as he, s as Ce, i as q, q as ne, j as R, e as I, ag as oe, l as re, ah as be, y as z, aa as Te, n as ke, G as ye, T as J, V as F, U as A, a5 as Pe } from "./LMDWO4NN-CIZvvtic.js";
+import { jsx as x, jsxs as ae, Fragment as xe } from "react/jsx-runtime";
+import { u as G, T as se, e as ie, f as Ve, g as Se, h as De } from "./combobox-popover-DcwyOnhG.js";
+import { u as ue } from "./6VRAQV3D-DK_p41oq.js";
+import { a as we, c as Ee, s as Ie, e as _e, b as Oe, d as Q } from "./YV4JVR4I-w1-dnslS.js";
+import { t as Ke } from "./7PRQYBBV-91wrWGjk.js";
+import { u as Re } from "./5JTVDSTH-DcfjjEya.js";
+import { b as Le } from "./PFRGBC2K-B9ko--FF.js";
+import { c as Ne, b as Be } from "./4CMBR7SL-ChJnawVl.js";
+import { R as Me } from "./G7GW6PWC-A0eDeXMt.js";
+var je = ve(!1), Ue = "span", $e = /* @__PURE__ */ x(
+  "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__ */ x("polyline", { points: "4,8 7,12 12,4" })
+  }
+);
+function Fe(o) {
+  return o.checked ? o.children || $e : typeof o.children == "function" ? o.children : null;
+}
+var le = N(
+  function(r) {
+    var n = r, { store: e, checked: a } = n, s = M(n, ["store", "checked"]);
+    const c = W(je);
+    a = a ?? c;
+    const i = Fe({ checked: a, children: s.children });
+    return s = P(C({
+      "aria-hidden": !0
+    }, s), {
+      children: i,
+      style: C({
+        width: "1em",
+        height: "1em",
+        pointerEvents: "none"
+      }, s.style)
+    }), ge(s);
+  }
+), ht = L(function(r) {
+  const n = le(r);
+  return B(Ue, n);
+}), We = "span", qe = N(function(r) {
+  var n = r, { store: e, checked: a } = n, s = M(n, ["store", "checked"]);
+  const c = W(pe);
+  return a = a ?? c, s = le(P(C({}, s), { checked: a })), s;
+}), Ct = L(function(r) {
+  const n = qe(r);
+  return B(We, n);
+});
+function H() {
+  const [o, r] = ee(!1);
+  return te(() => {
+    r(he());
+  }, []), o;
+}
+var Ae = "div", Ge = N(function(r) {
+  var n = r, {
+    store: e,
+    value: a,
+    getItem: s,
+    removeOnKeyPress: c = !0
+  } = n, i = M(n, [
+    "store",
+    "value",
+    "getItem",
+    "removeOnKeyPress"
+  ]);
+  const p = G();
+  e = e || p, q(
+    e,
+    process.env.NODE_ENV !== "production" && "Tag must be wrapped in a TagList component."
+  );
+  const u = ne(i.id), l = H(), v = fe(
+    (t) => {
+      const d = P(C({}, t), { value: a });
+      return s ? s(d) : d;
+    },
+    [a, s]
+  ), f = i.onKeyDown, g = R(c), b = I((t) => {
+    if (f == null || f(t), t.defaultPrevented) return;
+    const { inputElement: d } = e.getState(), h = t.key === "Backspace";
+    if ((h || t.key === "Delete") && g(t)) {
+      t.preventDefault(), e.removeValue(a);
+      const y = h && e.previous() || e.next();
+      e.move(y);
+    }
+    const _ = !t.ctrlKey && !t.metaKey && t.key.length === 1, O = !oe(), m = t.key === "v" || t.key === "V", w = (O ? t.ctrlKey : t.metaKey) && m;
+    (_ || w) && (d == null || d.focus());
+  }), [T, D] = ee();
+  return i = re(
+    i,
+    (t) => /* @__PURE__ */ x(se.Provider, { value: a, children: /* @__PURE__ */ x(ie.Provider, { value: D, children: t }) }),
+    [a]
+  ), i = P(C({
+    id: u,
+    role: l ? "listitem" : "option",
+    children: a,
+    "aria-describedby": T
+  }, i), {
+    onKeyDown: b
+  }), i = ue(P(C({
+    store: e
+  }, i), {
+    getItem: v
+  })), i;
+}), bt = Ce(
+  L(function(r) {
+    const n = Ge(r);
+    return B(Ae, n);
+  })
+);
+function ce(o) {
+  return async () => {
+    const r = await (o == null ? void 0 : o());
+    return ce(async () => (await (r == null ? void 0 : r()), o));
+  };
+}
+var U = He();
+function He({
+  limit: o = 100
+} = {}) {
+  const r = [];
+  let n = [], e = null;
+  const a = () => r.length > 0, s = () => n.length > 0;
+  return {
+    canUndo: a,
+    canRedo: s,
+    undo: async () => {
+      var u;
+      a() && (e = null, n.push(await ((u = r.pop()) == null ? void 0 : u())));
+    },
+    redo: async () => {
+      var u;
+      s() && (e = null, r.push(await ((u = n.pop()) == null ? void 0 : u())));
+    },
+    execute: async (u, l) => {
+      if (!u) return;
+      for (; r.length > o; )
+        r.shift();
+      const v = l === e;
+      e = l ?? null;
+      const f = v ? Math.max(0, r.length - 1) : r.length, g = await u();
+      if (!g) return;
+      n = [];
+      const b = r[f];
+      r[f] = ce(async () => {
+        await (g == null ? void 0 : g());
+        const T = await (b == null ? void 0 : b());
+        return async () => {
+          await (T == null ? void 0 : T()), await (u == null ? void 0 : u());
+        };
+      });
+    }
+  };
+}
+var Ze = "input", ze = [`
+`, ";", ",", /\s/];
+function X(o, r = ze) {
+  const n = o === void 0 ? r : o;
+  return n ? Ke(n) : [];
+}
+function Y(o, r) {
+  for (const n of r) {
+    let e = o.match(n);
+    for (; (e == null ? void 0 : e.index) === 0; )
+      o = o.slice(e[0].length), e = o.match(n);
+    if (e)
+      return o.split(n);
+  }
+  return [];
+}
+var Je = N(
+  function(r) {
+    var n = r, {
+      store: e,
+      tabbable: a = !0,
+      delimiter: s,
+      addValueOnPaste: c = !0,
+      addValueOnChange: i = !0,
+      setValueOnChange: p = !0,
+      removeOnBackspace: u = !0
+    } = n, l = M(n, [
+      "store",
+      "tabbable",
+      "delimiter",
+      "addValueOnPaste",
+      "addValueOnChange",
+      "setValueOnChange",
+      "removeOnBackspace"
+    ]);
+    const v = G();
+    e = e || v, q(
+      e,
+      process.env.NODE_ENV !== "production" && "TagInput must receive a `store` prop or be wrapped in a TagProvider component."
+    );
+    const f = we(e, "value"), g = l.onPaste, b = R(c), T = I((m) => {
+      if (g == null || g(m), m.defaultPrevented) return;
+      const k = m.clipboardData.getData("text"), w = X(s), y = Y(k.trim(), w).map((E) => E.trim()).filter((E) => E !== ""), S = Object.assign(m, { values: y });
+      if (b(S) && y.length) {
+        m.preventDefault();
+        for (const E of y)
+          e.addValue(E);
+      }
+    }), D = l.onChange, t = R(p), d = R(i), h = I((m) => {
+      if (D == null || D(m), m.defaultPrevented || !e) return;
+      const { value: k } = e.getState(), w = be(m), y = m.currentTarget, { start: S, end: E } = z(y), { value: $ } = y;
+      if (t(m) && U.execute(() => {
+        if (e.setValue($), queueMicrotask(() => {
+          Te(y, S, E);
+        }), $ !== k)
+          return () => e.setValue(k);
+      }, w), S === E && S === $.length) {
+        const de = X(s);
+        let K = Y($, de);
+        const Z = K.pop() || "";
+        K = K.map((j) => j.trim()).filter((j) => j !== "");
+        const me = Object.assign(m, { values: K });
+        if (K.length && d(me)) {
+          m.preventDefault();
+          for (const j of K)
+            e.addValue(j);
+          U.execute(() => {
+            if (e.setValue(Z), Z !== k)
+              return () => e.setValue(k);
+          }, w);
+        }
+      }
+    }), V = l.onKeyDown, _ = R(u), O = I((m) => {
+      if (V == null || V(m), !m.defaultPrevented && m.key === "Backspace" && _(m)) {
+        const { start: k, end: w } = z(m.currentTarget);
+        if (!(k === w && k === 0)) return;
+        e.setValues((S) => S.length ? S.slice(0, -1) : S);
+      }
+    });
+    return l = P(C({
+      value: f
+    }, l), {
+      ref: ke(e.setInputElement, l.ref),
+      onPaste: T,
+      onChange: h,
+      onKeyDown: O
+    }), l = ue(C({ store: e, tabbable: a }, l)), l;
+  }
+), Tt = L(function(r) {
+  const n = Je(r);
+  return B(Ze, n);
+}), Qe = "div", Xe = N(
+  function(r) {
+    var n = r, { store: e } = n, a = M(n, ["store"]);
+    const s = Ve();
+    e = e || s, q(
+      e,
+      process.env.NODE_ENV !== "production" && "TagList must receive a `store` prop or be wrapped in a TagProvider component."
+    );
+    const c = a.onMouseDown, i = I((t) => {
+      if (c == null || c(t), t.defaultPrevented) return;
+      const d = t.target, h = t.currentTarget, V = Le(d);
+      if (!(V === h) && h.contains(V)) return;
+      const { inputElement: O } = e.getState();
+      ye(t.currentTarget, "mouseup", () => {
+        O == null || O.focus();
+      });
+    }), p = a.onKeyDown, u = I((t) => {
+      if (p == null || p(t), t.defaultPrevented) return;
+      const d = !oe(), h = t.key === "z" || t.key === "Z", V = d ? t.ctrlKey : t.metaKey, _ = t.shiftKey && h || d && t.key === "y";
+      V && _ ? (t.preventDefault(), U.redo()) : V && h && (t.preventDefault(), U.undo());
+    });
+    a = re(
+      a,
+      (t) => /* @__PURE__ */ x(Se, { value: e, children: t }),
+      [e]
+    ), a = P(C({}, a), {
+      onMouseDown: i,
+      onKeyDown: u
+    }), a = Re(C({ store: e }, a));
+    const l = e.useState(
+      (t) => t.orientation === "both" ? void 0 : t.orientation
+    ), f = e.useState((t) => t.renderedItems).filter((t) => !!t.value).map((t) => t.id), g = e.useState((t) => {
+      var d;
+      return (d = t.labelElement) == null ? void 0 : d.id;
+    }), b = {};
+    for (const t in a)
+      if (t === "role" || t.startsWith("aria-")) {
+        const d = t;
+        b[d] = a[d], delete a[d];
+      }
+    const T = H(), D = /* @__PURE__ */ ae(xe, { children: [
+      /* @__PURE__ */ x(
+        "div",
+        P(C({
+          role: T ? "list" : "listbox",
+          "aria-live": "polite",
+          "aria-relevant": "all",
+          "aria-atomic": !0,
+          "aria-labelledby": g,
+          "aria-orientation": l,
+          "aria-owns": f.join(" ")
+        }, b), {
+          style: { position: "fixed" }
+        })
+      ),
+      a.children
+    ] });
+    return a = P(C({}, a), {
+      children: D
+    }), a;
+  }
+), kt = L(function(r) {
+  const n = Xe(r);
+  return B(Qe, n);
+});
+function Ye(o = {}) {
+  var r;
+  const n = (r = o.store) == null ? void 0 : r.getState(), e = Ne(o), a = J(A({}, e.getState()), {
+    inputElement: F(n == null ? void 0 : n.inputElement, null),
+    labelElement: F(n == null ? void 0 : n.labelElement, null),
+    value: F(o.value, n == null ? void 0 : n.value, o.defaultValue, ""),
+    values: F(
+      o.values,
+      n == null ? void 0 : n.values,
+      o.defaultValues,
+      []
+    )
+  }), s = Ee(a, e, o.store);
+  Ie(
+    s,
+    () => _e(s, ["inputElement", "activeId"], (i) => {
+      i.inputElement && i.activeId === void 0 && s.setState("activeId", i.inputElement.id);
+    })
+  );
+  const c = (i) => {
+    const { values: p } = s.getState();
+    U.execute(() => {
+      let u = !0;
+      if (s.setState("values", (l) => {
+        const v = Pe(i, l);
+        return v === l && (u = !1), v;
+      }), !!u)
+        return () => {
+          var l;
+          s.setState("values", p), e.move((l = s.getState().inputElement) == null ? void 0 : l.id);
+        };
+    });
+  };
+  return J(A(A({}, e), s), {
+    setInputElement: (i) => s.setState("inputElement", i),
+    setLabelElement: (i) => s.setState("labelElement", i),
+    setValue: (i) => s.setState("value", i),
+    resetValue: () => s.setState("value", a.value),
+    setValues: c,
+    addValue: (i) => {
+      c((p) => p.includes(i) ? p : [...p, i]);
+    },
+    removeValue: (i) => c((p) => p.filter((u) => u !== i))
+  });
+}
+function et(o, r, n) {
+  return Q(o, n, "value", "setValue"), Q(o, n, "values", "setValues"), Be(o, r, n);
+}
+function tt(o = {}) {
+  const [r, n] = Oe(Ye, o);
+  return et(r, n, o);
+}
+function yt(o = {}) {
+  const r = tt(o);
+  return /* @__PURE__ */ x(De, { value: r, children: o.children });
+}
+var nt = "button", ot = N(
+  function(r) {
+    var n = r, {
+      store: e,
+      value: a,
+      removeOnClick: s = !0
+    } = n, c = M(n, [
+      "store",
+      "value",
+      "removeOnClick"
+    ]);
+    const i = G();
+    e = e || i, q(
+      e,
+      process.env.NODE_ENV !== "production" && "TagRemove must receive a `store` prop or be wrapped in a TagProvider component."
+    );
+    const p = ne(c.id), u = W(ie), l = W(se), v = l !== null, f = a ?? l;
+    te(() => (u == null || u(p), () => u == null ? void 0 : u()), [p, u]);
+    const g = c.onClick, b = R(s), T = I((d) => {
+      if (g == null || g(d), d.defaultPrevented || !e || !f || !b(d)) return;
+      const { inputElement: h } = e.getState();
+      e.removeValue(f), h == null || h.focus();
+    }), D = /* @__PURE__ */ ae(
+      "svg",
+      {
+        display: "block",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        height: "1em",
+        width: "1em",
+        "aria-hidden": !0,
+        children: [
+          /* @__PURE__ */ x("path", { d: "M7.28782 5.46243C7.80963 4.92308 8.07054 4.65341 8.37751 4.46038C8.64963 4.28926 8.94749 4.16299 9.25969 4.0864C9.61186 4 9.98709 4 10.7375 4H16.8C17.9201 4 18.4802 4 18.908 4.21799C19.2843 4.40973 19.5903 4.71569 19.782 5.09202C20 5.51984 20 6.0799 20 7.2V16.8C20 17.9201 20 18.4802 19.782 18.908C19.5903 19.2843 19.2843 19.5903 18.908 19.782C18.4802 20 17.9201 20 16.8 20H10.7512C9.99584 20 9.61818 20 9.264 19.9126C8.95004 19.8351 8.65067 19.7073 8.37748 19.5342C8.06931 19.339 7.80802 19.0663 7.28544 18.521L2.59879 13.63C2.03714 13.0439 1.75631 12.7508 1.65115 12.4158C1.55859 12.121 1.55935 11.8048 1.65332 11.5104C1.7601 11.1759 2.04233 10.8842 2.60679 10.3008L7.28782 5.46243Z" }),
+          /* @__PURE__ */ x("path", { d: "M10.052 9L16 15M15.948 9L10 15" })
+        ]
+      }
+    ), t = H() && v;
+    return c = P(C({
+      id: p,
+      children: D,
+      role: t ? "button" : void 0,
+      "aria-hidden": !t,
+      "aria-label": t ? `Remove ${f}` : v ? "Press Delete or Backspace to remove" : void 0
+    }, c), {
+      onClick: T,
+      render: v ? /* @__PURE__ */ x(Me.span, { render: c.render }) : c.render
+    }), c;
+  }
+), Pt = L(function(r) {
+  const n = ot(r);
+  return B(nt, n);
+});
+export {
+  Ct as C,
+  yt as T,
+  kt as a,
+  bt as b,
+  Pt as c,
+  Tt as d,
+  je as e,
+  ht as f,
+  Ge as g,
+  Je as h,
+  Xe as i,
+  ot as j,
+  le as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.13",
+	"version": "1.0.17",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",