@pdf-viewer/react 1.17.0-beta.5 → 1.17.0-beta.6

package/dist/RPSplitter-5e40cc27.js

@@ -0,0 +1,71 @@
+import { jsx as N } from "react/jsx-runtime";
+import { useRef as w, useState as T, useCallback as _, useEffect as f } from "react";
+import { THUMBNAIL_MIN_WIDTH as v } from "./utils/constants.js";
+import { useLayoutContainer as A } from "./contexts/LayoutContainerContext.js";
+const P = {
+  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1wlfb_1",
+  "rp-sidebar-content": "_rp-sidebar-content_1wlfb_1",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_1wlfb_17",
+  "rp-thumbnails-wrapper-dragging": "_rp-thumbnails-wrapper-dragging_1wlfb_23",
+  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_1wlfb_27"
+}, L = {
+  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_17ndw_2",
+  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_17ndw_12"
+}, R = {
+  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_8o6id_1",
+  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_8o6id_14"
+}, W = (g) => {
+  g.preventDefault(), g.stopPropagation();
+}, k = (g) => {
+  const { onWidthChange: e, thumbnailRef: S, leftSidebarRef: x, isRPLayout: y } = g, n = w(null), E = w(0), c = w(null), [a, B] = T(v), { container: m } = A(), I = _((t) => {
+    var l, p, u, s, d, o, M, D;
+    W(t);
+    const r = ((p = (l = n.current) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : p.left) ?? 0, i = ((s = (u = S.current) == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : s.width) ?? 0;
+    c.current = { x: r, y: 0 }, E.current = i, (d = n.current) == null || d.classList.add(L["rp-thumbnail-dragger-dragging"]), (o = n.current) == null || o.classList.add(R["rp-thumbnail-dragger-dragging"]), (D = (M = n.current) == null ? void 0 : M.closest('[data-rp="thumbnailSidebar"]')) == null || D.classList.add(
+      P["rp-thumbnails-wrapper"],
+      P["rp-thumbnails-wrapper-dragging"]
+    );
+  }, []), b = _((t) => {
+    var r, i;
+    W(t), c.current = null, (r = n.current) == null || r.classList.remove(L["rp-thumbnail-dragger-dragging"]), (i = n.current) == null || i.classList.remove(R["rp-thumbnail-dragger-dragging"]);
+  }, []), h = _(
+    (t) => {
+      if (!c.current)
+        return;
+      const r = t.clientX - c.current.x, i = Math.max(
+        v,
+        Math.min(E.current + r, a)
+      );
+      e == null || e(i), W(t);
+    },
+    [e, a]
+  );
+  return f(() => {
+    if (!m)
+      return;
+    const t = new ResizeObserver(([r]) => {
+      var s, d, o;
+      const i = ((s = n.current) == null ? void 0 : s.offsetWidth) ?? 0, l = ((o = (d = x.current) == null ? void 0 : d.getBoundingClientRect()) == null ? void 0 : o.width) ?? 0, p = r.contentRect.width / 2, u = i + l;
+      B(p - u);
+    });
+    return t.observe(m), () => {
+      t.disconnect();
+    };
+  }, [m, x]), f(() => {
+    var r;
+    (((r = S.current) == null ? void 0 : r.clientWidth) ?? v) > a && (e == null || e(a));
+  }, [a, e]), f(() => (window.addEventListener("pointermove", h), window.addEventListener("pointerup", b), () => {
+    window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", b);
+  }), [h, b]), /* @__PURE__ */ N(
+    "div",
+    {
+      ref: n,
+      className: y ? R["rp-thumbnail-dragger"] : L["rp-thumbnail-dragger"],
+      onPointerDown: I
+    }
+  );
+};
+export {
+  k as R,
+  P as c
+};