@commercetools/nimbus 2.6.0 → 2.8.0

package/dist/chunks/usePress-BwYt_DhT.es.js

@@ -0,0 +1,501 @@
+import { b as y, e as Oe, f as we, k as G, $ as p, a as u, n as se, g as Me } from "./utils-CjZmL8XS.es.js";
+import { a as _e } from "./focusSafely-DfbNI-gf.es.js";
+import { j as ye, m as Ce, n as ie, o as ae, l as Ie } from "./useFocusVisible-DY8qx7TG.es.js";
+import Ue, { useState as q, useRef as Le, useCallback as O, useMemo as De, useEffect as oe, useContext as Ye } from "react";
+import { c as le, e as Xe, a as Te } from "./mergeProps-Dg8WqJiN.es.js";
+import { $ as Re } from "./useGlobalListeners-BOOfV5Wh.es.js";
+import { $ as Ae } from "./useSyncRef-DT-Fqu5J.es.js";
+import { $ as A } from "./useEffectEvent-BqXYahDg.es.js";
+import { flushSync as Ne } from "react-dom";
+function Fe(r, n) {
+  if (n.has(r))
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+function He(r, n, a) {
+  Fe(r, n), n.set(r, a);
+}
+let C = "default", Z = "", H = /* @__PURE__ */ new WeakMap();
+function fe(r) {
+  if (ye()) {
+    if (C === "default") {
+      const n = y(r);
+      Z = n.documentElement.style.webkitUserSelect, n.documentElement.style.webkitUserSelect = "none";
+    }
+    C = "disabled";
+  } else if (r instanceof HTMLElement || r instanceof SVGElement) {
+    let n = "userSelect" in r.style ? "userSelect" : "webkitUserSelect";
+    H.set(r, r.style[n]), r.style[n] = "none";
+  }
+}
+function J(r) {
+  if (ye()) {
+    if (C !== "disabled") return;
+    C = "restoring", setTimeout(() => {
+      _e(() => {
+        if (C === "restoring") {
+          const n = y(r);
+          n.documentElement.style.webkitUserSelect === "none" && (n.documentElement.style.webkitUserSelect = Z || ""), Z = "", C = "default";
+        }
+      });
+    }, 300);
+  } else if ((r instanceof HTMLElement || r instanceof SVGElement) && r && H.has(r)) {
+    let n = H.get(r), a = "userSelect" in r.style ? "userSelect" : "webkitUserSelect";
+    r.style[a] === "none" && (r.style[a] = n), r.getAttribute("style") === "" && r.removeAttribute("style"), H.delete(r);
+  }
+}
+const Pe = /* @__PURE__ */ Ue.createContext({
+  register: () => {
+  }
+});
+Pe.displayName = "PressResponderContext";
+function Ge(r, n) {
+  return n.get ? n.get.call(r) : n.value;
+}
+function be(r, n, a) {
+  if (!n.has(r)) throw new TypeError("attempted to " + a + " private field on non-instance");
+  return n.get(r);
+}
+function Ve(r, n) {
+  var a = be(r, n, "get");
+  return Ge(r, a);
+}
+function Be(r, n, a) {
+  if (n.set) n.set.call(r, a);
+  else {
+    if (!n.writable)
+      throw new TypeError("attempted to set read only private field");
+    n.value = a;
+  }
+}
+function ue(r, n, a) {
+  var l = be(r, n, "set");
+  return Be(r, l, a), a;
+}
+function je(r) {
+  let n = Ye(Pe);
+  if (n) {
+    let { register: a, ref: l, ...c } = n;
+    r = Te(c, r), a();
+  }
+  return Ae(n, r.ref), r;
+}
+var N = /* @__PURE__ */ new WeakMap();
+class F {
+  continuePropagation() {
+    ue(this, N, !1);
+  }
+  get shouldStopPropagation() {
+    return Ve(this, N);
+  }
+  constructor(n, a, l, c) {
+    He(this, N, {
+      writable: !0,
+      value: void 0
+    }), ue(this, N, !0);
+    var T;
+    let v = (T = c?.target) !== null && T !== void 0 ? T : l.currentTarget;
+    const d = v?.getBoundingClientRect();
+    let I, S = 0, M, g = null;
+    l.clientX != null && l.clientY != null && (M = l.clientX, g = l.clientY), d && (M != null && g != null ? (I = M - d.left, S = g - d.top) : (I = d.width / 2, S = d.height / 2)), this.type = n, this.pointerType = a, this.target = l.currentTarget, this.shiftKey = l.shiftKey, this.metaKey = l.metaKey, this.ctrlKey = l.ctrlKey, this.altKey = l.altKey, this.x = I, this.y = S, this.key = l.key;
+  }
+}
+const ce = /* @__PURE__ */ Symbol("linkClicked"), pe = "react-aria-pressable-style", de = "data-react-aria-pressable";
+function lt(r) {
+  let { onPress: n, onPressChange: a, onPressStart: l, onPressEnd: c, onPressUp: T, onClick: v, isDisabled: d, isPressed: I, preventFocusOnPress: S, shouldCancelOnPointerExit: M, allowTextSelectionOnPress: g, ref: V, ...me } = je(r), [Ee, te] = q(!1), b = Le({
+    isPressed: !1,
+    ignoreEmulatedMouseEvents: !1,
+    didFirePressStart: !1,
+    isTriggeringEvent: !1,
+    activePointerId: null,
+    target: null,
+    isOverTarget: !1,
+    pointerType: null,
+    disposables: []
+  }), { addGlobalListener: h, removeAllGlobalListeners: _, removeGlobalListener: k } = Re(), P = O((e, s) => {
+    let t = b.current;
+    if (d || t.didFirePressStart) return !1;
+    let i = !0;
+    if (t.isTriggeringEvent = !0, l) {
+      let o = new F("pressstart", s, e);
+      l(o), i = o.shouldStopPropagation;
+    }
+    return a && a(!0), t.isTriggeringEvent = !1, t.didFirePressStart = !0, te(!0), i;
+  }, [
+    d,
+    l,
+    a
+  ]), $ = O((e, s, t = !0) => {
+    let i = b.current;
+    if (!i.didFirePressStart) return !1;
+    i.didFirePressStart = !1, i.isTriggeringEvent = !0;
+    let o = !0;
+    if (c) {
+      let f = new F("pressend", s, e);
+      c(f), o = f.shouldStopPropagation;
+    }
+    if (a && a(!1), te(!1), n && t && !d) {
+      let f = new F("press", s, e);
+      n(f), o && (o = f.shouldStopPropagation);
+    }
+    return i.isTriggeringEvent = !1, o;
+  }, [
+    d,
+    c,
+    a,
+    n
+  ]), Se = A($), x = O((e, s) => {
+    let t = b.current;
+    if (d) return !1;
+    if (T) {
+      t.isTriggeringEvent = !0;
+      let i = new F("pressup", s, e);
+      return T(i), t.isTriggeringEvent = !1, i.shouldStopPropagation;
+    }
+    return !0;
+  }, [
+    d,
+    T
+  ]), ke = A(x), m = O((e) => {
+    let s = b.current;
+    if (s.isPressed && s.target) {
+      s.didFirePressStart && s.pointerType != null && $(w(s.target, e), s.pointerType, !1), s.isPressed = !1, L(null), s.isOverTarget = !1, s.activePointerId = null, s.pointerType = null, _(), g || J(s.target);
+      for (let t of s.disposables) t();
+      s.disposables = [];
+    }
+  }, [
+    g,
+    _,
+    $
+  ]), U = A(m), D = O((e) => {
+    M && m(e);
+  }, [
+    M,
+    m
+  ]), B = O((e) => {
+    d || v?.(e);
+  }, [
+    d,
+    v
+  ]), j = O((e, s) => {
+    if (!d && v) {
+      let t = new MouseEvent("click", e);
+      Oe(t, s), v(we(t));
+    }
+  }, [
+    d,
+    v
+  ]), xe = A(j), [re, ne] = q(!1);
+  le(() => {
+    let e = b.current;
+    if (re) {
+      let s = (f) => {
+        var K;
+        if (e.isPressed && e.target && Q(f, e.target)) {
+          var z;
+          $e(u(f), f.key) && f.preventDefault();
+          let X = u(f), R = p(e.target, X);
+          Se(w(e.target, f), "keyboard", R), R && xe(f, e.target), _(), f.key !== "Enter" && ee(e.target) && p(e.target, X) && !f[ce] && (f[ce] = !0, ae(e.target, f, !1)), e.isPressed = !1, ne(!1), (z = e.metaKeyEvents) === null || z === void 0 || z.delete(f.key);
+        } else if (f.key === "Meta" && (!((K = e.metaKeyEvents) === null || K === void 0) && K.size)) {
+          var W;
+          let X = e.metaKeyEvents;
+          e.metaKeyEvents = void 0;
+          for (let R of X.values()) (W = e.target) === null || W === void 0 || W.dispatchEvent(new KeyboardEvent("keyup", R));
+        }
+      }, t = e.target, o = Xe((f) => {
+        t && Q(f, t) && !f.repeat && p(t, u(f)) && e.target && ke(w(e.target, f), "keyboard");
+      }, s);
+      return h(y(e.target), "keyup", o, !0), () => {
+        k(y(e.target), "keyup", o, !0);
+      };
+    }
+  }, [
+    re,
+    h,
+    _,
+    k
+  ]);
+  let [Y, L] = q(null);
+  le(() => {
+    let e = b.current;
+    if (Y === "pointer") {
+      let s = (i) => {
+        if (i.pointerId === e.activePointerId && e.isPressed && i.button === 0 && e.target) {
+          if (p(e.target, u(i)) && e.pointerType != null) {
+            let o = !1, f = setTimeout(() => {
+              e.isPressed && e.target instanceof HTMLElement && (o ? U(i) : (Me(e.target), e.target.click()));
+            }, 80);
+            i.currentTarget && h(i.currentTarget, "click", () => o = !0, !0), e.disposables.push(() => clearTimeout(f));
+          } else U(i);
+          e.isOverTarget = !1;
+        }
+      }, t = (i) => {
+        U(i);
+      };
+      return h(y(e.target), "pointerup", s, !1), h(y(e.target), "pointercancel", t, !1), () => {
+        k(y(e.target), "pointerup", s, !1), k(y(e.target), "pointercancel", t, !1);
+      };
+    } else if (Y === "mouse" && process.env.NODE_ENV === "test") {
+      let s = (t) => {
+        if (t.button === 0) {
+          if (e.ignoreEmulatedMouseEvents) {
+            e.ignoreEmulatedMouseEvents = !1;
+            return;
+          }
+          e.target && p(e.target, t.target) && e.pointerType != null || U(t), e.isOverTarget = !1;
+        }
+      };
+      return h(y(e.target), "mouseup", s, !1), () => {
+        k(y(e.target), "mouseup", s, !1);
+      };
+    } else if (Y === "touch" && process.env.NODE_ENV === "test") {
+      let s = (t) => {
+        e.isPressed && p(u(t), e.target) && U({
+          currentTarget: e.target,
+          shiftKey: !1,
+          ctrlKey: !1,
+          metaKey: !1,
+          altKey: !1
+        });
+      };
+      return h(G(e.target), "scroll", s, !0), () => {
+        k(G(e.target), "scroll", s, !0);
+      };
+    }
+  }, [
+    Y,
+    h,
+    k
+  ]);
+  let Ke = De(() => {
+    let e = b.current, s = {
+      onKeyDown(t) {
+        if (Q(t.nativeEvent, t.currentTarget) && p(t.currentTarget, u(t))) {
+          var i;
+          $e(u(t), t.key) && t.preventDefault();
+          let o = !0;
+          !e.isPressed && !t.repeat && (e.target = t.currentTarget, e.isPressed = !0, ne(!0), e.pointerType = "keyboard", o = P(t, "keyboard")), o && t.stopPropagation(), t.metaKey && Ie() && ((i = e.metaKeyEvents) === null || i === void 0 || i.set(t.key, t.nativeEvent));
+        } else t.key === "Meta" && (e.metaKeyEvents = /* @__PURE__ */ new Map());
+      },
+      onClick(t) {
+        if (!(t && !p(t.currentTarget, u(t))) && t && t.button === 0 && !e.isTriggeringEvent && !ae.isOpening) {
+          let i = !0;
+          if (d && t.preventDefault(), !e.ignoreEmulatedMouseEvents && !e.isPressed && (e.pointerType === "virtual" || ie(t.nativeEvent))) {
+            let o = P(t, "virtual"), f = x(t, "virtual"), K = $(t, "virtual");
+            B(t), i = o && f && K;
+          } else if (e.isPressed && e.pointerType !== "keyboard") {
+            let o = e.pointerType || t.nativeEvent.pointerType || "virtual", f = x(w(t.currentTarget, t), o), K = $(w(t.currentTarget, t), o, !0);
+            i = f && K, e.isOverTarget = !1, B(t), m(t);
+          }
+          e.ignoreEmulatedMouseEvents = !1, i && t.stopPropagation();
+        }
+      }
+    };
+    return typeof PointerEvent < "u" ? (s.onPointerDown = (t) => {
+      if (t.button !== 0 || !p(t.currentTarget, u(t))) return;
+      if (Ce(t.nativeEvent)) {
+        e.pointerType = "virtual";
+        return;
+      }
+      e.pointerType = t.pointerType;
+      let i = !0;
+      if (!e.isPressed) {
+        e.isPressed = !0, L("pointer"), e.isOverTarget = !0, e.activePointerId = t.pointerId, e.target = t.currentTarget, g || fe(e.target), i = P(t, e.pointerType);
+        let o = u(t);
+        "releasePointerCapture" in o && ("hasPointerCapture" in o ? o.hasPointerCapture(t.pointerId) && o.releasePointerCapture(t.pointerId) : o.releasePointerCapture(t.pointerId));
+      }
+      i && t.stopPropagation();
+    }, s.onMouseDown = (t) => {
+      if (p(t.currentTarget, u(t)) && t.button === 0) {
+        if (S) {
+          let i = se(t.target);
+          i && e.disposables.push(i);
+        }
+        t.stopPropagation();
+      }
+    }, s.onPointerUp = (t) => {
+      !p(t.currentTarget, u(t)) || e.pointerType === "virtual" || t.button === 0 && !e.isPressed && x(t, e.pointerType || t.pointerType);
+    }, s.onPointerEnter = (t) => {
+      t.pointerId === e.activePointerId && e.target && !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, P(w(e.target, t), e.pointerType));
+    }, s.onPointerLeave = (t) => {
+      t.pointerId === e.activePointerId && e.target && e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, $(w(e.target, t), e.pointerType, !1), D(t));
+    }, s.onDragStart = (t) => {
+      p(t.currentTarget, u(t)) && m(t);
+    }) : process.env.NODE_ENV === "test" && (s.onMouseDown = (t) => {
+      if (t.button !== 0 || !p(t.currentTarget, u(t))) return;
+      if (e.ignoreEmulatedMouseEvents) {
+        t.stopPropagation();
+        return;
+      }
+      if (e.isPressed = !0, L("mouse"), e.isOverTarget = !0, e.target = t.currentTarget, e.pointerType = ie(t.nativeEvent) ? "virtual" : "mouse", Ne(() => P(t, e.pointerType)) && t.stopPropagation(), S) {
+        let o = se(t.target);
+        o && e.disposables.push(o);
+      }
+    }, s.onMouseEnter = (t) => {
+      if (!p(t.currentTarget, u(t))) return;
+      let i = !0;
+      e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !0, i = P(t, e.pointerType)), i && t.stopPropagation();
+    }, s.onMouseLeave = (t) => {
+      if (!p(t.currentTarget, u(t))) return;
+      let i = !0;
+      e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !1, i = $(t, e.pointerType, !1), D(t)), i && t.stopPropagation();
+    }, s.onMouseUp = (t) => {
+      p(t.currentTarget, u(t)) && !e.ignoreEmulatedMouseEvents && t.button === 0 && !e.isPressed && x(t, e.pointerType || "mouse");
+    }, s.onTouchStart = (t) => {
+      if (!p(t.currentTarget, u(t))) return;
+      let i = ze(t.nativeEvent);
+      if (!i) return;
+      e.activePointerId = i.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, L("touch"), e.target = t.currentTarget, e.pointerType = "touch", g || fe(e.target), P(E(e.target, t), e.pointerType) && t.stopPropagation();
+    }, s.onTouchMove = (t) => {
+      if (!p(t.currentTarget, u(t))) return;
+      if (!e.isPressed) {
+        t.stopPropagation();
+        return;
+      }
+      let i = ge(t.nativeEvent, e.activePointerId), o = !0;
+      i && ve(i, t.currentTarget) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, o = P(E(e.target, t), e.pointerType)) : e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, o = $(E(e.target, t), e.pointerType, !1), D(E(e.target, t))), o && t.stopPropagation();
+    }, s.onTouchEnd = (t) => {
+      if (!p(t.currentTarget, u(t))) return;
+      if (!e.isPressed) {
+        t.stopPropagation();
+        return;
+      }
+      let i = ge(t.nativeEvent, e.activePointerId), o = !0;
+      i && ve(i, t.currentTarget) && e.pointerType != null ? (x(E(e.target, t), e.pointerType), o = $(E(e.target, t), e.pointerType), j(t.nativeEvent, e.target)) : e.isOverTarget && e.pointerType != null && (o = $(E(e.target, t), e.pointerType, !1)), o && t.stopPropagation(), e.isPressed = !1, L(null), e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, e.target && !g && J(e.target), _();
+    }, s.onTouchCancel = (t) => {
+      p(t.currentTarget, u(t)) && (t.stopPropagation(), e.isPressed && m(E(e.target, t)));
+    }, s.onDragStart = (t) => {
+      p(t.currentTarget, u(t)) && m(t);
+    }), s;
+  }, [
+    d,
+    S,
+    _,
+    g,
+    m,
+    D,
+    $,
+    P,
+    x,
+    B,
+    j
+  ]);
+  return oe(() => {
+    if (!V || process.env.NODE_ENV === "test") return;
+    const e = y(V.current);
+    if (!e || !e.head || e.getElementById(pe)) return;
+    const s = e.createElement("style");
+    s.id = pe, s.textContent = `
+@layer {
+  [${de}] {
+    touch-action: pan-x pan-y pinch-zoom;
+  }
+}
+    `.trim(), e.head.prepend(s);
+  }, [
+    V
+  ]), oe(() => {
+    let e = b.current;
+    return () => {
+      var s;
+      g || J((s = e.target) !== null && s !== void 0 ? s : void 0);
+      for (let t of e.disposables) t();
+      e.disposables = [];
+    };
+  }, [
+    g
+  ]), {
+    isPressed: I || Ee,
+    pressProps: Te(me, Ke, {
+      [de]: !0
+    })
+  };
+}
+function ee(r) {
+  return r.tagName === "A" && r.hasAttribute("href");
+}
+function Q(r, n) {
+  const { key: a, code: l } = r, c = n, T = c.getAttribute("role");
+  return (a === "Enter" || a === " " || a === "Spacebar" || l === "Space") && !(c instanceof G(c).HTMLInputElement && !he(c, a) || c instanceof G(c).HTMLTextAreaElement || c.isContentEditable) && // Links should only trigger with Enter key
+  !((T === "link" || !T && ee(c)) && a !== "Enter");
+}
+function ze(r) {
+  const { targetTouches: n } = r;
+  return n.length > 0 ? n[0] : null;
+}
+function ge(r, n) {
+  const a = r.changedTouches;
+  for (let l = 0; l < a.length; l++) {
+    const c = a[l];
+    if (c.identifier === n) return c;
+  }
+  return null;
+}
+function E(r, n) {
+  let a = 0, l = 0;
+  return n.targetTouches && n.targetTouches.length === 1 && (a = n.targetTouches[0].clientX, l = n.targetTouches[0].clientY), {
+    currentTarget: r,
+    shiftKey: n.shiftKey,
+    ctrlKey: n.ctrlKey,
+    metaKey: n.metaKey,
+    altKey: n.altKey,
+    clientX: a,
+    clientY: l
+  };
+}
+function w(r, n) {
+  let a = n.clientX, l = n.clientY;
+  return {
+    currentTarget: r,
+    shiftKey: n.shiftKey,
+    ctrlKey: n.ctrlKey,
+    metaKey: n.metaKey,
+    altKey: n.altKey,
+    clientX: a,
+    clientY: l,
+    key: n.key
+  };
+}
+function We(r) {
+  let n = 0, a = 0;
+  return r.width !== void 0 ? n = r.width / 2 : r.radiusX !== void 0 && (n = r.radiusX), r.height !== void 0 ? a = r.height / 2 : r.radiusY !== void 0 && (a = r.radiusY), {
+    top: r.clientY - a,
+    right: r.clientX + n,
+    bottom: r.clientY + a,
+    left: r.clientX - n
+  };
+}
+function qe(r, n) {
+  return !(r.left > n.right || n.left > r.right || r.top > n.bottom || n.top > r.bottom);
+}
+function ve(r, n) {
+  let a = n.getBoundingClientRect(), l = We(r);
+  return qe(a, l);
+}
+function Je(r) {
+  return r instanceof HTMLInputElement ? !1 : r instanceof HTMLButtonElement ? r.type !== "submit" && r.type !== "reset" : !ee(r);
+}
+function $e(r, n) {
+  return r instanceof HTMLInputElement ? !he(r, n) : Je(r);
+}
+const Qe = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function he(r, n) {
+  return r.type === "checkbox" || r.type === "radio" ? n === " " : Qe.has(r.type);
+}
+export {
+  lt as $,
+  He as _,
+  J as a,
+  fe as b,
+  Pe as c
+};
+//# sourceMappingURL=usePress-BwYt_DhT.es.js.map