@pdf-viewer/react 1.17.0-beta.2 → 1.17.0-beta.4

package/dist/RPSplitter-b942c039.js

@@ -0,0 +1,68 @@
+import { jsx as I } from "react/jsx-runtime";
+import { useRef as w, useState as N, useCallback as _, useEffect as f } from "react";
+import { THUMBNAIL_MIN_WIDTH as v } from "./utils/constants.js";
+import { useLayoutContainer as T } from "./contexts/LayoutContainerContext.js";
+const A = {
+  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1afwv_1",
+  "rp-sidebar-content": "_rp-sidebar-content_1afwv_1",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_1afwv_17",
+  "rp-thumbnails-wrapper-dragging": "_rp-thumbnails-wrapper-dragging_1afwv_23",
+  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_1afwv_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: P } = g, n = w(null), E = w(0), c = w(null), [i, y] = N(v), { container: m } = T(), B = _((t) => {
+    var u, p, l, s, d, o, M, D;
+    W(t);
+    const r = ((p = (u = n.current) == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : p.left) ?? 0, a = ((s = (l = S.current) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : s.width) ?? 0;
+    c.current = { x: r, y: 0 }, E.current = a, (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(A["rp-thumbnails-wrapper-dragging"]);
+  }, []), h = _((t) => {
+    var r, a;
+    W(t), c.current = null, (r = n.current) == null || r.classList.remove(L["rp-thumbnail-dragger-dragging"]), (a = n.current) == null || a.classList.remove(R["rp-thumbnail-dragger-dragging"]);
+  }, []), b = _(
+    (t) => {
+      if (!c.current)
+        return;
+      const r = t.clientX - c.current.x, a = Math.max(
+        v,
+        Math.min(E.current + r, i)
+      );
+      e == null || e(a), W(t);
+    },
+    [e, i]
+  );
+  return f(() => {
+    if (!m)
+      return;
+    const t = new ResizeObserver(([r]) => {
+      var s, d, o;
+      const a = ((s = n.current) == null ? void 0 : s.offsetWidth) ?? 0, u = ((o = (d = x.current) == null ? void 0 : d.getBoundingClientRect()) == null ? void 0 : o.width) ?? 0, p = r.contentRect.width / 2, l = a + u;
+      y(p - l);
+    });
+    return t.observe(m), () => {
+      t.disconnect();
+    };
+  }, [m, x]), f(() => {
+    var r;
+    (((r = S.current) == null ? void 0 : r.clientWidth) ?? v) > i && (e == null || e(i));
+  }, [i, e]), f(() => (window.addEventListener("pointermove", b), window.addEventListener("pointerup", h), () => {
+    window.removeEventListener("pointermove", b), window.removeEventListener("pointerup", h);
+  }), [b, h]), /* @__PURE__ */ I(
+    "div",
+    {
+      ref: n,
+      className: P ? R["rp-thumbnail-dragger"] : L["rp-thumbnail-dragger"],
+      onPointerDown: B
+    }
+  );
+};
+export {
+  k as R,
+  A as c
+};