@gouvfr-lasuite/ui-kit 0.20.2 → 0.22.0

package/dist/PdfPreview-BOIgXF66.js

@@ -0,0 +1,603 @@
+import { O as se, T as ie, j as n, a as E, b as A, c as W, L as ce, Z as ae, u as Y, D as le, I as de, d as ue, e as pe } from "./index-BwV1Jx-_.js";
+import { useState as I, useCallback as u, useRef as b, useEffect as S, useMemo as $, useImperativeHandle as fe } from "react";
+import { useQuery as he } from "@tanstack/react-query";
+import { Thumbnail as we, Page as me, pdfjs as ge, Document as ve } from "react-pdf";
+import "react-pdf/dist/Page/AnnotationLayer.css";
+import "react-pdf/dist/Page/TextLayer.css";
+import "react-virtualized/styles.css";
+import { AutoSizer as J, List as X } from "react-virtualized";
+import { Button as _e, Input as xe, useModals as Pe } from "@gouvfr-lasuite/cunningham-react";
+typeof URL.parse > "u" && (URL.parse = function(t, e) {
+  try {
+    return new URL(t, e);
+  } catch {
+    return null;
+  }
+});
+const z = Promise;
+typeof z.withResolvers > "u" && (z.withResolvers = function() {
+  let t, e;
+  return { promise: new Promise((a, o) => {
+    t = a, e = o;
+  }), resolve: t, reject: e };
+});
+const Re = ({
+  numPages: t,
+  currentPage: e,
+  scrollToPage: r
+}) => {
+  const [a, o] = I("1"), i = u(
+    (h) => {
+      const x = Math.max(1, Math.min(t, h));
+      o(String(x)), r(x);
+    },
+    [t, r]
+  ), p = u(
+    ({ numPages: h }) => (o("1"), h),
+    []
+  ), R = (h) => {
+    o(h.target.value);
+  }, m = () => {
+    const h = parseInt(a, 10);
+    if (isNaN(h)) {
+      o(String(e));
+      return;
+    }
+    i(h);
+  }, f = (h) => {
+    h.key === "Enter" && m();
+  }, g = b(i);
+  S(() => {
+    g.current = i;
+  }, [i]);
+  const N = u((h) => {
+    g.current(h.pageNumber);
+  }, []);
+  return {
+    goToPage: i,
+    onDocumentLoadSuccess: p,
+    pageInputValue: a,
+    setPageInputValue: o,
+    handlePageInputChange: R,
+    handlePageInputSubmit: m,
+    handlePageInputKeyDown: f,
+    onItemClick: N
+  };
+}, O = 1.414;
+function je() {
+  const t = b(null), e = b(/* @__PURE__ */ new Map()), r = b(/* @__PURE__ */ new Map()), [a, o] = I(() => /* @__PURE__ */ new Map()), i = u((f) => {
+    t.current = f, e.current = /* @__PURE__ */ new Map(), r.current = /* @__PURE__ */ new Map(), o(/* @__PURE__ */ new Map());
+  }, []), p = u((f) => {
+    const g = t.current;
+    if (!g || r.current.has(f))
+      return Promise.resolve();
+    const N = e.current.get(f);
+    if (N)
+      return N;
+    const h = g.getPage(f).then((x) => {
+      const l = x.getViewport({ scale: 1 }), s = new Map(r.current);
+      s.set(f, { w: l.width, h: l.height }), r.current = s, o(s);
+    }).catch((x) => {
+      console.warn(`Failed to fetch dimensions for PDF page ${f}`, x);
+    }).finally(() => {
+      e.current.delete(f);
+    });
+    return e.current.set(f, h), h;
+  }, []), R = u(
+    (f) => {
+      p(f);
+    },
+    [p]
+  ), m = u(
+    async (f) => (await Promise.all(f.map((g) => p(g))), r.current),
+    [p]
+  );
+  return {
+    pageDimensions: a,
+    requestPageDimension: R,
+    ensurePageDimensions: m,
+    setPdf: i
+  };
+}
+function Ie(t) {
+  const [e, r] = I(!0), [a, o] = I(t.isOpen);
+  return S(() => {
+    let i;
+    return t.isOpen ? (r(!1), i = setTimeout(() => o(!0), se)) : (o(!1), i = setTimeout(() => r(!0), ie * 1.1)), () => clearTimeout(i);
+  }, [t.isOpen]), e ? null : /* @__PURE__ */ n.jsx(be, { ...t, isOpen: a });
+}
+function be({
+  numPages: t,
+  currentPage: e,
+  goToPage: r,
+  isOpen: a,
+  pageDimensions: o,
+  requestPageDimension: i
+}) {
+  const p = b(null), R = b(!1), [m, f] = I(e - 1);
+  S(() => {
+    if (p.current) {
+      if (R.current) {
+        R.current = !1;
+        return;
+      }
+      p.current.scrollToRow(e - 1);
+    }
+  }, [e]);
+  const g = u(
+    (l) => {
+      const s = o.get(l + 1);
+      return s ? s.h / s.w : O;
+    },
+    [o]
+  ), N = u(
+    ({ index: l }) => {
+      const _ = E * g(l) + W + A;
+      return l === t - 1 ? _ + A : _;
+    },
+    [g, t]
+  );
+  S(() => {
+    var l;
+    (l = p.current) == null || l.recomputeRowHeights();
+  }, [o, t]);
+  const h = u(
+    ({
+      overscanStartIndex: l,
+      overscanStopIndex: s
+    }) => {
+      for (let _ = l; _ <= s; _++)
+        i(_ + 1);
+      m !== void 0 && f(void 0);
+    },
+    [i, m]
+  ), x = ({ index: l, key: s, style: _ }) => {
+    const P = l + 1, k = g(l), y = /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: "pdf-preview__thumbnail-skeleton",
+        style: { width: E, height: E * k }
+      }
+    );
+    return /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        style: {
+          ..._,
+          paddingTop: A,
+          paddingBottom: l === t - 1 ? A : 0,
+          boxSizing: "border-box"
+        },
+        children: /* @__PURE__ */ n.jsxs(
+          "button",
+          {
+            "data-thumb-page": P,
+            className: `pdf-preview__thumbnail${e === P ? " pdf-preview__thumbnail--active" : ""}`,
+            onClick: () => {
+              R.current = !0, r(P);
+            },
+            "aria-label": `Go to page ${P}`,
+            children: [
+              /* @__PURE__ */ n.jsx(
+                we,
+                {
+                  pageNumber: P,
+                  width: E,
+                  loading: y
+                }
+              ),
+              /* @__PURE__ */ n.jsx("span", { className: "pdf-preview__thumbnail-number", children: P })
+            ]
+          }
+        )
+      },
+      s
+    );
+  };
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: `pdf-preview__sidebar${a ? "" : " pdf-preview__sidebar--closed"}`,
+      children: /* @__PURE__ */ n.jsx(J, { children: ({ height: l, width: s }) => /* @__PURE__ */ n.jsx(
+        X,
+        {
+          ref: p,
+          height: l,
+          width: s,
+          rowCount: t,
+          rowHeight: N,
+          estimatedRowSize: E * O + W + A,
+          overscanRowCount: 5,
+          rowRenderer: x,
+          scrollToIndex: m,
+          scrollToAlignment: "center",
+          onRowsRendered: h,
+          style: { outline: "none" }
+        }
+      ) })
+    }
+  );
+}
+function Ne({
+  numPages: t,
+  pageInputValue: e,
+  onToggleSidebar: r,
+  onPageInputChange: a,
+  onPageInputSubmit: o,
+  onPageInputKeyDown: i,
+  onZoomIn: p,
+  onZoomReset: R,
+  onZoomOut: m
+}) {
+  return /* @__PURE__ */ n.jsxs("div", { className: "file-preview__controls", children: [
+    /* @__PURE__ */ n.jsx(
+      _e,
+      {
+        variant: "tertiary",
+        color: "neutral",
+        onClick: r,
+        "aria-label": "Toggle sidebar",
+        size: "small",
+        icon: /* @__PURE__ */ n.jsx(ce, {})
+      }
+    ),
+    /* @__PURE__ */ n.jsx("div", { className: "file-preview__controls__separator" }),
+    /* @__PURE__ */ n.jsx("div", { className: "pdf-preview__page-nav", children: /* @__PURE__ */ n.jsxs("div", { className: "pdf-preview__page-indicator", children: [
+      /* @__PURE__ */ n.jsx(
+        xe,
+        {
+          variant: "classic",
+          value: e,
+          onChange: a,
+          onBlur: o,
+          onKeyDown: i,
+          "aria-label": "Current page",
+          size: e.length || 1
+        }
+      ),
+      /* @__PURE__ */ n.jsxs("span", { className: "pdf-preview__page-total", children: [
+        "/ ",
+        t
+      ] })
+    ] }) }),
+    /* @__PURE__ */ n.jsx("div", { className: "file-preview__controls__separator" }),
+    /* @__PURE__ */ n.jsx(
+      ae,
+      {
+        zoomOut: m,
+        zoomIn: p,
+        resetView: R
+      }
+    )
+  ] });
+}
+function Te(t, e = 300) {
+  let r;
+  const a = (...o) => {
+    r !== void 0 && clearTimeout(r), r = setTimeout(() => {
+      t(...o);
+    }, e);
+  };
+  return a.cancel = () => {
+    r !== void 0 && clearTimeout(r);
+  }, a;
+}
+const Se = () => {
+  const [t, e] = I({
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  return S(() => {
+    const r = Te(() => {
+      e({ width: window.innerWidth, height: window.innerHeight });
+    }, 100);
+    return window.addEventListener("resize", r), () => {
+      r.cancel(), window.removeEventListener("resize", r);
+    };
+  }, []), t;
+}, M = 16, q = 800, Q = 32;
+function ye({
+  numPages: t,
+  zoom: e,
+  onCurrentPageChange: r,
+  onClick: a,
+  pageDimensions: o,
+  requestPageDimension: i,
+  ensurePageDimensions: p,
+  ref: R
+}) {
+  const m = b(null), f = b(e), [g, N] = I(0), h = b(0), x = b(0), l = Se(), s = $(() => q + Q > l.width ? l.width - Q : q, [l.width]), _ = u(
+    (c) => {
+      const d = o.get(c + 1);
+      return d ? d.h / d.w : O;
+    },
+    [o]
+  ), P = u(
+    (c) => {
+      const d = s * _(c) * e, w = M * e;
+      return c === t - 1 ? d + 2 * w : d + w;
+    },
+    [s, _, e, t]
+  ), k = u(
+    ({ index: c }) => P(c),
+    [P]
+  );
+  S(() => {
+    var c;
+    if ((c = m.current) == null || c.recomputeRowHeights(), f.current !== e && m.current) {
+      const d = e / f.current, w = Math.round(g * d);
+      m.current.scrollToPosition(w), f.current = e;
+    }
+  }, [e, s, o, t]);
+  const y = $(() => {
+    if (t === 0) return 1;
+    const c = g + h.current / 2;
+    let d = 0;
+    for (let w = 0; w < t; w++) {
+      const j = P(w);
+      if (d + j > c)
+        return w + 1;
+      d += j;
+    }
+    return t;
+  }, [g, t, P]);
+  S(() => {
+    r(y);
+  }, [y]);
+  const F = u(
+    (c) => {
+      x.current += 1;
+      const d = x.current, w = [];
+      for (let j = 1; j <= c; j++) w.push(j);
+      p(w).then((j) => {
+        if (x.current !== d || !m.current) return;
+        let C = 0;
+        for (let L = 0; L < c - 1; L++) {
+          const D = j.get(L + 1), K = D ? D.h / D.w : O;
+          C += s * K * e + M * e;
+        }
+        m.current.scrollToPosition(C);
+      });
+    },
+    [p, s, e]
+  );
+  fe(R, () => ({ scrollToPage: F }), [F]);
+  const U = u(
+    ({
+      scrollTop: c,
+      clientHeight: d
+    }) => {
+      h.current = d, N(c);
+    },
+    []
+  ), B = u(
+    ({
+      overscanStartIndex: c,
+      overscanStopIndex: d
+    }) => {
+      for (let w = c; w <= d; w++)
+        i(w + 1);
+    },
+    [i]
+  ), G = ({ index: c, key: d, style: w }) => {
+    const j = _(c), C = /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: "pdf-preview__page-skeleton pdf-preview__page-skeleton--measured",
+        style: { height: s * j * e, width: s * e }
+      }
+    );
+    return /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        "data-preview-backdrop": "true",
+        className: "pdf-preview__page-container",
+        style: {
+          ...w,
+          paddingTop: M * e,
+          paddingBottom: c === t - 1 ? M * e : 0
+        },
+        children: /* @__PURE__ */ n.jsx(
+          me,
+          {
+            pageNumber: c + 1,
+            width: s,
+            scale: e,
+            loading: C
+          }
+        )
+      },
+      d
+    );
+  };
+  return /* @__PURE__ */ n.jsx("div", { className: "pdf-preview__container", onClick: a, children: /* @__PURE__ */ n.jsx(J, { children: ({ height: c, width: d }) => {
+    const w = Math.max(d, s * e);
+    return /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        style: {
+          width: d,
+          height: c
+        },
+        className: "pdf-preview__horizontal-scroll",
+        children: /* @__PURE__ */ n.jsx(
+          X,
+          {
+            ref: m,
+            height: c,
+            width: w,
+            rowCount: t,
+            rowHeight: k,
+            estimatedRowSize: s * O * e + M * e,
+            overscanRowCount: 3,
+            onScroll: U,
+            onRowsRendered: B,
+            rowRenderer: G,
+            style: { outline: "none" }
+          }
+        )
+      }
+    );
+  } }) });
+}
+const Ce = ["https:", "http:"], ke = () => {
+  const t = Pe(), { t: e } = Y();
+  return { handlePdfClick: u(
+    (a) => {
+      const i = a.target.closest("a");
+      if (i && i.href) {
+        if (i.closest("[data-internal-link]")) return;
+        a.preventDefault(), a.stopPropagation();
+        try {
+          const p = new URL(i.href);
+          if (!Ce.includes(p.protocol)) return;
+        } catch {
+          return;
+        }
+        t.confirmationModal({
+          title: e("components.filePreview.externalLink.title"),
+          children: /* @__PURE__ */ n.jsxs("div", { children: [
+            /* @__PURE__ */ n.jsx("p", { children: e("components.filePreview.externalLink.description") }),
+            /* @__PURE__ */ n.jsx("span", { className: "pdf-preview__external-link", children: i.href }),
+            /* @__PURE__ */ n.jsx("p", { children: e("components.filePreview.externalLink.confirmQuestion") })
+          ] }),
+          onDecide: (p) => {
+            p === "yes" && window.open(i.href, "_blank", "noopener,noreferrer");
+          }
+        });
+      }
+    },
+    [t, e]
+  ) };
+}, Le = {
+  cMapUrl: "/cmaps/",
+  standardFontDataUrl: "/standard_fonts/",
+  wasmUrl: "/wasm/",
+  isEvalSupported: !1
+};
+function Ge({
+  src: t,
+  onThumbailSidebarOpen: e,
+  pdfWorkerSrc: r = le
+}) {
+  ge.GlobalWorkerOptions.workerSrc = r;
+  const { t: a } = Y(), [o, i] = I(1), [p, R] = I(null), [m, f] = I(1), [g, N] = I(!1), h = b(null), { handlePdfClick: x } = ke(), [l, s] = I(1), { pageDimensions: _, requestPageDimension: P, ensurePageDimensions: k, setPdf: y } = je(), F = u(() => {
+    s((v) => Math.min(3, v + 0.25));
+  }, []), U = u(() => {
+    s((v) => Math.max(0.5, v - 0.25));
+  }, []), B = u(() => {
+    s(1);
+  }, []), G = u(() => {
+    N((v) => (e == null || e(!v), !v));
+  }, []), c = u((v) => {
+    var T;
+    (T = h.current) == null || T.scrollToPage(v);
+  }, []), {
+    goToPage: d,
+    onDocumentLoadSuccess: w,
+    pageInputValue: j,
+    setPageInputValue: C,
+    handlePageInputChange: L,
+    handlePageInputSubmit: D,
+    handlePageInputKeyDown: K,
+    onItemClick: ee
+  } = Re({ numPages: o, currentPage: m, scrollToPage: c });
+  S(() => {
+    C(String(m));
+  }, [m, C]);
+  const { data: Z, error: H } = he({
+    queryKey: ["pdf", t],
+    queryFn: async ({ signal: v }) => {
+      const T = await fetch(t, {
+        credentials: "include",
+        signal: v
+      });
+      if (!T.ok)
+        throw new Error(`Failed to fetch PDF: ${T.status}`);
+      const re = await T.blob(), oe = t.split("/").pop() || "document.pdf";
+      return new File([re], oe, { type: "application/pdf" });
+    },
+    staleTime: 1 / 0
+  }), te = u(
+    (v) => {
+      const T = w(v);
+      i(T), y(v);
+    },
+    [w, y]
+  ), ne = u((v) => {
+    const T = [
+      "InvalidPDFException",
+      "FormatError",
+      "PasswordException",
+      "ResponseException"
+    ];
+    console.log(v), R(T.includes(v.name) ? "generic" : "outdated");
+  }, []);
+  if (console.log(H), H != null && H.message || p === "generic")
+    return /* @__PURE__ */ n.jsxs("div", { className: "file-preview-unsupported", "data-preview-backdrop": "true", children: [
+      /* @__PURE__ */ n.jsx("div", { className: "file-preview-unsupported__icon", children: /* @__PURE__ */ n.jsx(de, { name: "error", type: ue.OUTLINED, size: 48 }) }),
+      /* @__PURE__ */ n.jsx("p", { className: "file-preview-unsupported__title", children: a("components.filePreview.error.title") }),
+      /* @__PURE__ */ n.jsx("p", { className: "file-preview-unsupported__description", children: a("components.filePreview.error.description") })
+    ] });
+  if (p === "outdated")
+    return /* @__PURE__ */ n.jsx(pe, {});
+  const V = /* @__PURE__ */ n.jsx("div", { className: "pdf-preview__container-skeleton", children: /* @__PURE__ */ n.jsx("div", { className: "pdf-preview__page-skeleton" }) });
+  return /* @__PURE__ */ n.jsxs("div", { className: "pdf-preview", children: [
+    /* @__PURE__ */ n.jsx("div", { className: "pdf-preview__body", "data-preview-backdrop": "true", children: Z ? /* @__PURE__ */ n.jsxs(
+      ve,
+      {
+        file: Z,
+        onLoadSuccess: te,
+        onItemClick: ee,
+        options: Le,
+        loading: V,
+        onLoadError: ne,
+        children: [
+          /* @__PURE__ */ n.jsx(
+            Ie,
+            {
+              numPages: o,
+              currentPage: m,
+              goToPage: d,
+              isOpen: g,
+              pageDimensions: _,
+              requestPageDimension: P
+            }
+          ),
+          /* @__PURE__ */ n.jsx(
+            ye,
+            {
+              ref: h,
+              numPages: o,
+              zoom: l,
+              onCurrentPageChange: f,
+              onClick: x,
+              pageDimensions: _,
+              requestPageDimension: P,
+              ensurePageDimensions: k
+            }
+          )
+        ]
+      }
+    ) : V }),
+    /* @__PURE__ */ n.jsx(
+      Ne,
+      {
+        numPages: o,
+        pageInputValue: j,
+        onToggleSidebar: G,
+        onPageInputChange: L,
+        onPageInputSubmit: D,
+        onPageInputKeyDown: K,
+        onZoomIn: F,
+        onZoomReset: B,
+        onZoomOut: U
+      }
+    )
+  ] });
+}
+export {
+  Ge as PdfPreview,
+  Ge as default
+};
+//# sourceMappingURL=PdfPreview-BOIgXF66.js.map