@bynder/compact-view 5.2.0 → 5.2.2

package/useOrderingStore.js

@@ -1,11 +1,11 @@
-import { create as c } from "zustand";
-import { devtools as l } from "zustand/middleware";
-import { createSelectors as d } from "./createSelectors.js";
+import { devtools as c } from "./middleware2.js";
+import { createSelectors as l } from "./createSelectors.js";
+import { create as d } from "./react.js";
 const s = {
   field: "CREATED_AT",
   direction: "DESC"
-}, n = c()(
-  l(
+}, n = d()(
+  c(
     (t, i, r) => ({
       assets: s,
       collections: s,
@@ -15,7 +15,7 @@ const s = {
     }),
     { name: "OrderingStore", enabled: !1 }
   )
-), u = d(n), O = (t) => {
+), u = l(n), O = (t) => {
   const i = n((e) => e[t]), r = n((e) => e.setOrdering);
   return [i, (e) => r(t, e)];
 };
@@ -24,4 +24,3 @@ export {
   u as useOrderingSelectors,
   n as useOrderingStore
 };
-//# sourceMappingURL=useOrderingStore.js.map

package/usePress.js

@@ -0,0 +1,359 @@
+import { restoreTextSelection as w, disableTextSelection as G } from "./textSelection.js";
+import { PressResponderContext as re } from "./context2.js";
+import { _ as ne } from "./_class_private_field_get.js";
+import { _ as ie } from "./_class_private_field_init.js";
+import { _ as B } from "./_class_private_field_set.js";
+import { chain as ae } from "./chain.js";
+import { getOwnerDocument as D, getOwnerWindow as R } from "./domHelpers.js";
+import { mergeProps as q } from "./mergeProps.js";
+import { focusWithoutScrolling as L } from "./focusWithoutScrolling.js";
+import { openLink as V } from "./openLink.js";
+import { useGlobalListeners as oe } from "./useGlobalListeners.js";
+import { useSyncRef as se } from "./useSyncRef.js";
+import { isMac as le } from "./platform.js";
+import { isVirtualPointerEvent as ue, isVirtualClick as W } from "./isVirtualEvent.js";
+import { useEffectEvent as k } from "./useEffectEvent.js";
+import { useState as fe, useRef as ce, useMemo as pe, useEffect as ge, useContext as de } from "react";
+function ve(i) {
+  let a = de(re);
+  if (a) {
+    let { register: s, ...l } = a;
+    i = q(l, i), s();
+  }
+  return se(a, i.ref), i;
+}
+var X = /* @__PURE__ */ new WeakMap();
+class Y {
+  continuePropagation() {
+    B(this, X, !1);
+  }
+  get shouldStopPropagation() {
+    return ne(this, X);
+  }
+  constructor(a, s, l, c) {
+    ie(this, X, {
+      writable: !0,
+      value: void 0
+    }), B(this, X, !0);
+    var T;
+    let p = (T = c?.target) !== null && T !== void 0 ? T : l.currentTarget;
+    const b = p?.getBoundingClientRect();
+    let P, M = 0, d, C = null;
+    l.clientX != null && l.clientY != null && (d = l.clientX, C = l.clientY), b && (d != null && C != null ? (P = d - b.left, M = C - b.top) : (P = b.width / 2, M = b.height / 2)), this.type = a, this.pointerType = s, this.target = l.currentTarget, this.shiftKey = l.shiftKey, this.metaKey = l.metaKey, this.ctrlKey = l.ctrlKey, this.altKey = l.altKey, this.x = P, this.y = M;
+  }
+}
+const N = Symbol("linkClicked");
+function Ye(i) {
+  let {
+    onPress: a,
+    onPressChange: s,
+    onPressStart: l,
+    onPressEnd: c,
+    onPressUp: T,
+    isDisabled: p,
+    isPressed: b,
+    preventFocusOnPress: P,
+    shouldCancelOnPointerExit: M,
+    allowTextSelectionOnPress: d,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ref: C,
+    ...Z
+  } = ve(i), [ee, H] = fe(!1), K = ce({
+    isPressed: !1,
+    ignoreEmulatedMouseEvents: !1,
+    ignoreClickAfterPress: !1,
+    didFirePressStart: !1,
+    isTriggeringEvent: !1,
+    activePointerId: null,
+    target: null,
+    isOverTarget: !1,
+    pointerType: null
+  }), { addGlobalListener: E, removeAllGlobalListeners: x } = oe(), y = k((e, o) => {
+    let v = K.current;
+    if (p || v.didFirePressStart) return !1;
+    let n = !0;
+    if (v.isTriggeringEvent = !0, l) {
+      let u = new Y("pressstart", o, e);
+      l(u), n = u.shouldStopPropagation;
+    }
+    return s && s(!0), v.isTriggeringEvent = !1, v.didFirePressStart = !0, H(!0), n;
+  }), g = k((e, o, v = !0) => {
+    let n = K.current;
+    if (!n.didFirePressStart) return !1;
+    n.ignoreClickAfterPress = !0, n.didFirePressStart = !1, n.isTriggeringEvent = !0;
+    let u = !0;
+    if (c) {
+      let t = new Y("pressend", o, e);
+      c(t), u = t.shouldStopPropagation;
+    }
+    if (s && s(!1), H(!1), a && v && !p) {
+      let t = new Y("press", o, e);
+      a(t), u && (u = t.shouldStopPropagation);
+    }
+    return n.isTriggeringEvent = !1, u;
+  }), O = k((e, o) => {
+    let v = K.current;
+    if (p) return !1;
+    if (T) {
+      v.isTriggeringEvent = !0;
+      let n = new Y("pressup", o, e);
+      return T(n), v.isTriggeringEvent = !1, n.shouldStopPropagation;
+    }
+    return !0;
+  }), S = k((e) => {
+    let o = K.current;
+    o.isPressed && o.target && (o.isOverTarget && o.pointerType != null && g(h(o.target, e), o.pointerType, !1), o.isPressed = !1, o.isOverTarget = !1, o.activePointerId = null, o.pointerType = null, x(), d || w(o.target));
+  }), I = k((e) => {
+    M && S(e);
+  }), te = pe(() => {
+    let e = K.current, o = {
+      onKeyDown(n) {
+        if (_(n.nativeEvent, n.currentTarget) && n.currentTarget.contains(n.target)) {
+          var u;
+          j(n.target, n.key) && n.preventDefault();
+          let t = !0;
+          if (!e.isPressed && !n.repeat) {
+            e.target = n.currentTarget, e.isPressed = !0, t = y(n, "keyboard");
+            let r = n.currentTarget, f = ($) => {
+              _($, r) && !$.repeat && r.contains($.target) && e.target && O(h(e.target, $), "keyboard");
+            };
+            E(D(n.currentTarget), "keyup", ae(f, v), !0);
+          }
+          t && n.stopPropagation(), n.metaKey && le() && ((u = e.metaKeyEvents) === null || u === void 0 || u.set(n.key, n.nativeEvent));
+        } else n.key === "Meta" && (e.metaKeyEvents = /* @__PURE__ */ new Map());
+      },
+      onClick(n) {
+        if (!(n && !n.currentTarget.contains(n.target)) && n && n.button === 0 && !e.isTriggeringEvent && !V.isOpening) {
+          let u = !0;
+          if (p && n.preventDefault(), !e.ignoreClickAfterPress && !e.ignoreEmulatedMouseEvents && !e.isPressed && (e.pointerType === "virtual" || W(n.nativeEvent))) {
+            !p && !P && L(n.currentTarget);
+            let t = y(n, "virtual"), r = O(n, "virtual"), f = g(n, "virtual");
+            u = t && r && f;
+          }
+          e.ignoreEmulatedMouseEvents = !1, e.ignoreClickAfterPress = !1, u && n.stopPropagation();
+        }
+      }
+    }, v = (n) => {
+      var u;
+      if (e.isPressed && e.target && _(n, e.target)) {
+        var t;
+        j(n.target, n.key) && n.preventDefault();
+        let f = n.target;
+        g(h(e.target, n), "keyboard", e.target.contains(f)), x(), n.key !== "Enter" && F(e.target) && e.target.contains(f) && !n[N] && (n[N] = !0, V(e.target, n, !1)), e.isPressed = !1, (t = e.metaKeyEvents) === null || t === void 0 || t.delete(n.key);
+      } else if (n.key === "Meta" && (!((u = e.metaKeyEvents) === null || u === void 0) && u.size)) {
+        var r;
+        let f = e.metaKeyEvents;
+        e.metaKeyEvents = void 0;
+        for (let $ of f.values()) (r = e.target) === null || r === void 0 || r.dispatchEvent(new KeyboardEvent("keyup", $));
+      }
+    };
+    if (typeof PointerEvent < "u") {
+      o.onPointerDown = (r) => {
+        if (r.button !== 0 || !r.currentTarget.contains(r.target)) return;
+        if (ue(r.nativeEvent)) {
+          e.pointerType = "virtual";
+          return;
+        }
+        U(r.currentTarget) && r.preventDefault(), e.pointerType = r.pointerType;
+        let f = !0;
+        if (!e.isPressed) {
+          e.isPressed = !0, e.isOverTarget = !0, e.activePointerId = r.pointerId, e.target = r.currentTarget, !p && !P && L(r.currentTarget), d || G(e.target), f = y(r, e.pointerType);
+          let $ = r.target;
+          "releasePointerCapture" in $ && $.releasePointerCapture(r.pointerId), E(D(r.currentTarget), "pointerup", n, !1), E(D(r.currentTarget), "pointercancel", t, !1);
+        }
+        f && r.stopPropagation();
+      }, o.onMouseDown = (r) => {
+        r.currentTarget.contains(r.target) && r.button === 0 && (U(r.currentTarget) && r.preventDefault(), r.stopPropagation());
+      }, o.onPointerUp = (r) => {
+        !r.currentTarget.contains(r.target) || e.pointerType === "virtual" || r.button === 0 && O(r, e.pointerType || r.pointerType);
+      }, o.onPointerEnter = (r) => {
+        r.pointerId === e.activePointerId && e.target && !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, y(h(e.target, r), e.pointerType));
+      }, o.onPointerLeave = (r) => {
+        r.pointerId === e.activePointerId && e.target && e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, g(h(e.target, r), e.pointerType, !1), I(r));
+      };
+      let n = (r) => {
+        r.pointerId === e.activePointerId && e.isPressed && r.button === 0 && e.target && (e.target.contains(r.target) && e.pointerType != null ? g(h(e.target, r), e.pointerType) : e.isOverTarget && e.pointerType != null && g(h(e.target, r), e.pointerType, !1), e.isPressed = !1, e.isOverTarget = !1, e.activePointerId = null, e.pointerType = null, x(), d || w(e.target), "ontouchend" in e.target && r.pointerType !== "mouse" && E(e.target, "touchend", u, {
+          once: !0
+        }));
+      }, u = (r) => {
+        J(r.currentTarget) && r.preventDefault();
+      }, t = (r) => {
+        S(r);
+      };
+      o.onDragStart = (r) => {
+        r.currentTarget.contains(r.target) && S(r);
+      };
+    } else {
+      o.onMouseDown = (t) => {
+        if (t.button !== 0 || !t.currentTarget.contains(t.target)) return;
+        if (U(t.currentTarget) && t.preventDefault(), e.ignoreEmulatedMouseEvents) {
+          t.stopPropagation();
+          return;
+        }
+        e.isPressed = !0, e.isOverTarget = !0, e.target = t.currentTarget, e.pointerType = W(t.nativeEvent) ? "virtual" : "mouse", !p && !P && L(t.currentTarget), y(t, e.pointerType) && t.stopPropagation(), E(D(t.currentTarget), "mouseup", n, !1);
+      }, o.onMouseEnter = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        let r = !0;
+        e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !0, r = y(t, e.pointerType)), r && t.stopPropagation();
+      }, o.onMouseLeave = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        let r = !0;
+        e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !1, r = g(t, e.pointerType, !1), I(t)), r && t.stopPropagation();
+      }, o.onMouseUp = (t) => {
+        t.currentTarget.contains(t.target) && !e.ignoreEmulatedMouseEvents && t.button === 0 && O(t, e.pointerType || "mouse");
+      };
+      let n = (t) => {
+        if (t.button === 0) {
+          if (e.isPressed = !1, x(), e.ignoreEmulatedMouseEvents) {
+            e.ignoreEmulatedMouseEvents = !1;
+            return;
+          }
+          e.target && A(t, e.target) && e.pointerType != null ? g(h(e.target, t), e.pointerType) : e.target && e.isOverTarget && e.pointerType != null && g(h(e.target, t), e.pointerType, !1), e.isOverTarget = !1;
+        }
+      };
+      o.onTouchStart = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        let r = Te(t.nativeEvent);
+        if (!r) return;
+        e.activePointerId = r.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, e.target = t.currentTarget, e.pointerType = "touch", !p && !P && L(t.currentTarget), d || G(e.target), y(m(e.target, t), e.pointerType) && t.stopPropagation(), E(R(t.currentTarget), "scroll", u, !0);
+      }, o.onTouchMove = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        if (!e.isPressed) {
+          t.stopPropagation();
+          return;
+        }
+        let r = z(t.nativeEvent, e.activePointerId), f = !0;
+        r && A(r, t.currentTarget) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, f = y(m(e.target, t), e.pointerType)) : e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, f = g(m(e.target, t), e.pointerType, !1), I(m(e.target, t))), f && t.stopPropagation();
+      }, o.onTouchEnd = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        if (!e.isPressed) {
+          t.stopPropagation();
+          return;
+        }
+        let r = z(t.nativeEvent, e.activePointerId), f = !0;
+        r && A(r, t.currentTarget) && e.pointerType != null ? (O(m(e.target, t), e.pointerType), f = g(m(e.target, t), e.pointerType)) : e.isOverTarget && e.pointerType != null && (f = g(m(e.target, t), e.pointerType, !1)), f && t.stopPropagation(), e.isPressed = !1, e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, e.target && !d && w(e.target), x();
+      }, o.onTouchCancel = (t) => {
+        t.currentTarget.contains(t.target) && (t.stopPropagation(), e.isPressed && S(m(e.target, t)));
+      };
+      let u = (t) => {
+        e.isPressed && t.target.contains(e.target) && S({
+          currentTarget: e.target,
+          shiftKey: !1,
+          ctrlKey: !1,
+          metaKey: !1,
+          altKey: !1
+        });
+      };
+      o.onDragStart = (t) => {
+        t.currentTarget.contains(t.target) && S(t);
+      };
+    }
+    return o;
+  }, [
+    E,
+    p,
+    P,
+    x,
+    d,
+    S,
+    I,
+    g,
+    y,
+    O
+  ]);
+  return ge(() => () => {
+    var e;
+    d || w((e = K.current.target) !== null && e !== void 0 ? e : void 0);
+  }, [
+    d
+  ]), {
+    isPressed: b || ee,
+    pressProps: q(Z, te)
+  };
+}
+function F(i) {
+  return i.tagName === "A" && i.hasAttribute("href");
+}
+function _(i, a) {
+  const { key: s, code: l } = i, c = a, T = c.getAttribute("role");
+  return (s === "Enter" || s === " " || s === "Spacebar" || l === "Space") && !(c instanceof R(c).HTMLInputElement && !Q(c, s) || c instanceof R(c).HTMLTextAreaElement || c.isContentEditable) && // Links should only trigger with Enter key
+  !((T === "link" || !T && F(c)) && s !== "Enter");
+}
+function Te(i) {
+  const { targetTouches: a } = i;
+  return a.length > 0 ? a[0] : null;
+}
+function z(i, a) {
+  const s = i.changedTouches;
+  for (let l = 0; l < s.length; l++) {
+    const c = s[l];
+    if (c.identifier === a) return c;
+  }
+  return null;
+}
+function m(i, a) {
+  let s = 0, l = 0;
+  return a.targetTouches && a.targetTouches.length === 1 && (s = a.targetTouches[0].clientX, l = a.targetTouches[0].clientY), {
+    currentTarget: i,
+    shiftKey: a.shiftKey,
+    ctrlKey: a.ctrlKey,
+    metaKey: a.metaKey,
+    altKey: a.altKey,
+    clientX: s,
+    clientY: l
+  };
+}
+function h(i, a) {
+  let s = a.clientX, l = a.clientY;
+  return {
+    currentTarget: i,
+    shiftKey: a.shiftKey,
+    ctrlKey: a.ctrlKey,
+    metaKey: a.metaKey,
+    altKey: a.altKey,
+    clientX: s,
+    clientY: l
+  };
+}
+function Pe(i) {
+  let a = 0, s = 0;
+  return i.width !== void 0 ? a = i.width / 2 : i.radiusX !== void 0 && (a = i.radiusX), i.height !== void 0 ? s = i.height / 2 : i.radiusY !== void 0 && (s = i.radiusY), {
+    top: i.clientY - s,
+    right: i.clientX + a,
+    bottom: i.clientY + s,
+    left: i.clientX - a
+  };
+}
+function ye(i, a) {
+  return !(i.left > a.right || a.left > i.right || i.top > a.bottom || a.top > i.bottom);
+}
+function A(i, a) {
+  let s = a.getBoundingClientRect(), l = Pe(i);
+  return ye(s, l);
+}
+function U(i) {
+  return !(i instanceof HTMLElement) || !i.hasAttribute("draggable");
+}
+function J(i) {
+  return i instanceof HTMLInputElement ? !1 : i instanceof HTMLButtonElement ? i.type !== "submit" && i.type !== "reset" : !F(i);
+}
+function j(i, a) {
+  return i instanceof HTMLInputElement ? !Q(i, a) : J(i);
+}
+const $e = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function Q(i, a) {
+  return i.type === "checkbox" || i.type === "radio" ? a === " " : $e.has(i.type);
+}
+export {
+  Ye as usePress
+};

package/useRouterStore.js

@@ -1,15 +1,15 @@
-import { create as s } from "zustand";
-import { devtools as a } from "zustand/middleware";
-import { createSelectors as c } from "./createSelectors.js";
-const r = s()(
-  a(
+import { devtools as s } from "./middleware2.js";
+import { createSelectors as a } from "./createSelectors.js";
+import { create as c } from "./react.js";
+const r = c()(
+  s(
     (e) => ({
       page: { page: "assets" },
       setPage: (t) => e({ page: t })
     }),
     { name: "RouterStore", enabled: !1 }
   )
-), u = c(r), m = () => {
+), u = a(r), m = () => {
   const e = r((o) => o.page), t = r((o) => o.setPage);
   return [e, t];
 };
@@ -18,4 +18,3 @@ export {
   u as useRouterSelectors,
   r as useRouterStore
 };
-//# sourceMappingURL=useRouterStore.js.map

package/useScrollHighlightedIntoView.js

@@ -0,0 +1,24 @@
+import { useEffect as s } from "react";
+function m(t, n) {
+  s(() => {
+    if (!t)
+      return;
+    const e = document.querySelector("#" + t);
+    if (e) {
+      const o = e.closest('[role="menu"');
+      o && (u(e, o, n) || e.scrollIntoView(!1));
+    }
+  }, [t, n]);
+}
+const f = 64;
+function u(t, n, e) {
+  const {
+    top: o,
+    bottom: l,
+    height: i
+  } = t.getBoundingClientRect(), r = n.getBoundingClientRect(), c = e ? f : 0;
+  return !(o >= r.bottom - i || l <= r.top + c + i);
+}
+export {
+  m as useScrollHighlightedIntoView
+};

package/useSearchStore.js

@@ -1,13 +1,13 @@
 import { useEffect as i } from "react";
-import { devtools as l } from "zustand/middleware";
-import { create as S } from "zustand";
-import { createSelectors as f } from "./createSelectors.js";
+import { devtools as l } from "./middleware2.js";
+import { createSelectors as S } from "./createSelectors.js";
+import { create as f } from "./react.js";
 const n = {
   assets: "",
   collection: "",
   collections: "",
   isLoading: !1
-}, c = S()(
+}, c = f()(
   l(
     (e) => ({
       ...n,
@@ -25,7 +25,7 @@ const n = {
     { name: "SearchStore", enabled: !1 }
   )
 );
-f(c);
+S(c);
 function u(e) {
   const t = c((r) => r[e]), { isLoading: o, setSearch: s, setIsLoading: a } = c();
   return {
@@ -46,4 +46,3 @@ export {
   u as useSearchStateByPage,
   c as useSearchStore
 };
-//# sourceMappingURL=useSearchStore.js.map

package/useSimilaritySearchStore.js

@@ -1,8 +1,8 @@
-import { create as s } from "zustand";
-import { devtools as i } from "zustand/middleware";
-import { createSelectors as l } from "./createSelectors.js";
-const r = s()(
-  i(
+import { devtools as s } from "./middleware2.js";
+import { createSelectors as i } from "./createSelectors.js";
+import { create as l } from "./react.js";
+const r = l()(
+  s(
     (t) => ({
       isEnabled: !1,
       isSelected: !1,
@@ -21,8 +21,7 @@ const r = s()(
     { name: "SimilaritySearchStore", enabled: !1 }
   )
 );
-l(r);
+i(r);
 export {
   r as useSimilaritySearchStore
 };
-//# sourceMappingURL=useSimilaritySearchStore.js.map

package/useSyncRef.js

@@ -0,0 +1,12 @@
+import { useLayoutEffect as f } from "./useLayoutEffect.js";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
+}
+export {
+  u as useSyncRef
+};

package/useTranslate.js

@@ -0,0 +1,13 @@
+import { useContext as o } from "react";
+import { Localization as t } from "./index6.js";
+import { LocalizationContext as a } from "./localization.js";
+import n from "./en_US.json.js";
+const i = new t(n);
+function z() {
+  return {
+    translate: (o(a) || i).translate
+  };
+}
+export {
+  z as useTranslate
+};

package/useZIndex.js

@@ -0,0 +1,9 @@
+import { useContext as t } from "react";
+import { DesignSystemContext as e } from "./DesignSystemProvider.js";
+const n = ["modal", "popover", "dropdown", "datepicker", "notifications", "tooltip", "colorpicker", "listDragAndDrop"];
+function s(o) {
+  return t(e).zIndexBase + n.indexOf(o);
+}
+export {
+  s as useZIndex
+};

package/userfeedback.js

@@ -0,0 +1,28 @@
+import { dsnToString as c } from "./dsn.js";
+import { createEnvelope as i } from "./envelope.js";
+function v(r, {
+  metadata: e,
+  tunnel: t,
+  dsn: n
+}) {
+  const o = {
+    event_id: r.event_id,
+    sent_at: (/* @__PURE__ */ new Date()).toISOString(),
+    ...e && e.sdk && {
+      sdk: {
+        name: e.sdk.name,
+        version: e.sdk.version
+      }
+    },
+    ...!!t && !!n && { dsn: c(n) }
+  }, s = d(r);
+  return i(o, [s]);
+}
+function d(r) {
+  return [{
+    type: "user_report"
+  }, r];
+}
+export {
+  v as createUserFeedbackEnvelope
+};