@react-pdf-kit/viewer 0.0.0-experimental.0

package/dist/contexts/DimensionPagesContext.js

@@ -0,0 +1,89 @@
+import { jsx as R } from "react/jsx-runtime";
+import { createContext as N, useContext as A, useState as b, useRef as l, useEffect as v, useMemo as L } from "react";
+import { appConsole as H } from "../utils/appConsole.js";
+import { useDocumentContext as S } from "./RPDocumentContext.js";
+import { useZoomContext as V } from "./ZoomContext.js";
+import { PAGE_PADDING as f } from "../utils/constants.js";
+import { usePagesRotateContext as W } from "./PagesRotateContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../de_DE-a553b162.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "./InitialStateContext.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./RotationContext.js";
+import "./GlobalCurrentPage.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useDebounce.js";
+const y = N({
+  widths: [],
+  heights: [],
+  setWidths: () => {
+  },
+  setHeights: () => {
+  }
+}), st = () => {
+  const c = A(y), { widths: s, heights: o } = c;
+  if (s && o) {
+    const h = s.every((t) => typeof t == "number"), i = o.every((t) => typeof t == "number");
+    (!h || !i) && H.warn("Please use this hooks inside children component of RPProvider");
+  }
+  return c;
+}, it = ({ children: c }) => {
+  const [s, o] = b([]), [h, i] = b([]), { pages: t } = S(), { currentZoom: n } = V(), { pageRotate: r } = W(), d = l([]), w = l(null), P = l({});
+  v(() => {
+    if (!t)
+      return;
+    const a = w.current !== t, u = JSON.stringify(P.current) !== JSON.stringify(r);
+    if (!a && !u && d.current.length > 0)
+      return;
+    const m = [];
+    for (const e of Array.from(t.values())) {
+      const g = r[e.page.pageNumber], p = e.page.getViewport({
+        scale: 1,
+        rotation: g,
+        dontFlip: !0
+      });
+      m.push({ width: p.width, height: p.height });
+    }
+    d.current = m, w.current = t, P.current = { ...r };
+  }, [t, r]), v(() => {
+    if (!t || n === 0)
+      return;
+    const a = d.current;
+    if (a.length === 0) {
+      const e = [], g = [];
+      for (const p of Array.from(t.values())) {
+        const D = r[p.page.pageNumber], x = p.page.getViewport({
+          scale: n,
+          rotation: D,
+          dontFlip: !0
+        });
+        e.push(x.width + f), g.push(x.height + f);
+      }
+      o(e), i(g);
+      return;
+    }
+    const u = [], m = [];
+    for (const e of a)
+      u.push(e.width * n + f), m.push(e.height * n + f);
+    o(u), i(m);
+  }, [n, r, t]);
+  const C = L(
+    () => ({ widths: s, heights: h, setWidths: o, setHeights: i }),
+    [s, h]
+  );
+  return /* @__PURE__ */ R(y.Provider, { value: C, children: c });
+};
+export {
+  it as DimensionPagesProvider,
+  st as useDimensionPagesContext
+};

package/dist/contexts/DocumentPasswordContext.js

@@ -0,0 +1,40 @@
+import { jsx as P } from "react/jsx-runtime";
+import { createContext as l, useState as r, useEffect as p, useMemo as m, useContext as f } from "react";
+import { appConsole as v } from "../utils/appConsole.js";
+const a = l({
+  password: void 0,
+  setPassword: () => {
+  },
+  passwordError: void 0,
+  setPasswordError: () => {
+  },
+  passwordRequired: void 0,
+  setPasswordRequired: () => {
+  },
+  invalidPassword: !1
+}), q = ({
+  children: s
+}) => {
+  const [e, n] = r(), [o, i] = r(), [t, c] = r(!1), [d, w] = r(!1);
+  p(() => {
+    w(o === "Incorrect Password");
+  }, [o]);
+  const u = m(() => ({
+    password: e,
+    setPassword: n,
+    passwordError: o,
+    setPasswordError: i,
+    passwordRequired: t,
+    setPasswordRequired: c,
+    invalidPassword: d
+  }), [e, o, t, d]);
+  return /* @__PURE__ */ P(a.Provider, { value: u, children: s });
+}, D = () => {
+  const s = f(a);
+  return s || v.error("Please use this hooks inside children component of DocumentPasswordContext"), s;
+};
+export {
+  q as DocumentPasswordProvider,
+  a as default,
+  D as useDocumentPasswordContext
+};

package/dist/contexts/DownloadContext.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as n, useContext as d } from "react";
+const t = n(void 0), a = () => {
+  const o = d(t);
+  if (!o)
+    throw new Error("useDownloadContext must be used within a DownloadProvider");
+  return o;
+}, u = ({ children: o, downloadFilename: e }) => /* @__PURE__ */ r(
+  t.Provider,
+  {
+    value: {
+      downloadFilename: e
+    },
+    children: o
+  }
+);
+export {
+  t as DownloadContext,
+  u as DownloadProvider,
+  a as useDownloadContext
+};

package/dist/contexts/DropFileZoneContext.js

@@ -0,0 +1,62 @@
+import { jsx as C } from "react/jsx-runtime";
+import { createContext as x, useContext as P, useState as F, useCallback as r } from "react";
+import { useDocumentContext as h } from "./RPDocumentContext.js";
+import { useToolbarComponentContext as T } from "./ToolbarComponentContext.js";
+import { useDocumentPasswordContext as v } from "./DocumentPasswordContext.js";
+import { useToolComponentContext as L } from "./ToolComponentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../de_DE-a553b162.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/appConsole.js";
+const l = x({
+  dragging: !1,
+  handleDragLeave: () => {
+  },
+  handleDragEnter: () => {
+  },
+  handleDrop: () => {
+  }
+}), H = () => P(l), I = ({ children: m }) => {
+  const [c, e] = F(!1), { setFilename: n, setPdfSrc: a } = h(), { openFileTool: p } = T(), { openFileTool: s } = L(), { setPassword: f } = v(), u = r(
+    (o) => {
+      var i;
+      o.preventDefault(), o.stopPropagation(), e(!1);
+      const t = (i = o.dataTransfer) == null ? void 0 : i.files[0];
+      if (!t || t.type !== "application/pdf")
+        return;
+      const D = URL.createObjectURL(t);
+      n(t.name), a(D), f("");
+    },
+    [n, a]
+  ), d = r(
+    (o) => {
+      o.preventDefault(), o.stopPropagation(), !(!p || !s) && e(!0);
+    },
+    [p, s]
+  ), g = r((o) => {
+    o.preventDefault(), o.stopPropagation(), e(!1);
+  }, []);
+  return /* @__PURE__ */ C(
+    l.Provider,
+    {
+      value: {
+        dragging: c,
+        handleDragLeave: g,
+        handleDragEnter: d,
+        handleDrop: u
+      },
+      children: m
+    }
+  );
+};
+export {
+  l as DropFileZoneContext,
+  I as DropFileZoneProvider,
+  H as useDropFileZoneContext
+};

package/dist/contexts/ElementPageContext.js

@@ -0,0 +1,139 @@
+import { jsx as z } from "react/jsx-runtime";
+import { createContext as H, useState as N, useCallback as d, useContext as U, useRef as W, useMemo as q } from "react";
+import { ScrollMode as g, LicenseType as B } from "../utils/types.js";
+import { useDimensionPagesContext as J } from "./DimensionPagesContext.js";
+import { usePagesRotateContext as K } from "./PagesRotateContext.js";
+import { useLicenseContext as Q } from "./LicenseContext.js";
+import { useZoomContext as X } from "./ZoomContext.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as x } from "../utils/const.js";
+import { getScrollDistance as w } from "../utils/getScrollDistance.js";
+import { useLayoutContainer as Y } from "./LayoutContainerContext.js";
+import { useScrollModeContext as $ } from "./ScrollModeContext.js";
+import { getElementPagePosition as ee } from "../utils/getElementPositionInPage.js";
+import { useViewModeContext as te } from "./ViewModeContext.js";
+import { useVirtualScrollContext as oe } from "./VirtualScrollContext.js";
+import "../de_DE-a553b162.js";
+import "../utils/appConsole.js";
+import "./RPDocumentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/constants.js";
+import "./RotationContext.js";
+import "./InitialStateContext.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useLicense.js";
+import "../utils/getZoomLevel.js";
+import "./GlobalCurrentPage.js";
+import "../utils/hooks/useDebounce.js";
+const S = H(void 0), Ve = ({ children: l }) => {
+  const [s, m] = N({}), { widths: t, heights: r } = J(), { pagesRef: c } = Y(), { scrollMode: C } = $(), { pageRotate: u } = K(), { currentZoom: a } = X(), { columnCount: R } = te(), { pageScrollElementRef: I, virtualScrollableElementRef: T } = oe(), M = d(
+    (e, i, o = { behavior: "smooth" }) => {
+      var v;
+      const n = T || I;
+      if (!c || !n)
+        return;
+      const L = (v = s[e]) == null ? void 0 : v[i];
+      if (!L)
+        return;
+      let p = 0, P = 0;
+      if (C === g.VERTICAL_SCROLLING) {
+        const f = e - 1, E = R, j = f % E, k = Math.floor(f / E);
+        p = w(r, k), P = w(t, j);
+      }
+      C === g.HORIZONTAL_SCROLLING && (P = t.slice(0, e - 1).reduce((f, E) => f + E, 0));
+      const _ = {
+        height: r[e - 1],
+        width: t[e - 1]
+      }, D = u[e], { left: G, top: Z } = ee(
+        _,
+        c,
+        L,
+        D,
+        a
+      ), V = P + G, b = p + Z, F = {
+        left: Math.max(V, 0),
+        top: Math.max(b, 0)
+      };
+      n.scrollTo({
+        ...F,
+        behavior: o.behavior
+      });
+    },
+    [s, r, t, c, u, a, C]
+  ), A = d(
+    (e, i) => {
+      m((o) => {
+        const n = { width: t[e - 1], height: r[e - 1] };
+        return {
+          ...o,
+          [e]: i(
+            o[e],
+            n,
+            u[e],
+            a * 100
+          )
+        };
+      });
+    },
+    [t, r, a, u]
+  ), O = d((e) => {
+    m((i) => {
+      const o = { ...i };
+      return delete o[e], o;
+    });
+  }, []), y = d((e, i) => {
+    m((o) => {
+      const n = { ...o };
+      return n[e] = n[e].filter((L, p) => p !== i), n;
+    });
+  }, []);
+  return /* @__PURE__ */ z(
+    S.Provider,
+    {
+      value: { updateElement: A, clearElements: O, removeElement: y, elementList: s, scrollToElement: M },
+      children: l
+    }
+  );
+}, h = () => {
+}, be = () => {
+  const l = U(S), { type: s, validating: m } = Q(), t = W(0), r = q(() => {
+    if (m !== !1)
+      return {
+        updateElement: h,
+        clearElements: h,
+        removeElement: h,
+        elementList: {},
+        scrollToElement: h
+      };
+    if (!(s !== B.Developer))
+      return {
+        updateElement: () => {
+          t.current === 0 && (console.error(x), t.current++);
+        },
+        clearElements: () => {
+          t.current === 0 && (console.error(x), t.current++);
+        },
+        removeElement: () => {
+          t.current === 0 && (console.error(x), t.current++);
+        },
+        elementList: {},
+        scrollToElement: () => {
+          t.current === 0 && (console.error(x), t.current++);
+        }
+      };
+  }, [s, m]);
+  if (!l)
+    throw new Error("useElementPageContext must be used within a ElementPageProvider");
+  return r || l;
+};
+export {
+  S as ElementPageContext,
+  Ve as ElementPageProvider,
+  be as useElementPageContext
+};

package/dist/contexts/EventCallbackContext.js

@@ -0,0 +1,34 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as c, useContext as C } from "react";
+const t = c({
+  onPageChange: () => {
+  },
+  onRotate: () => {
+  },
+  onScroll: () => {
+  },
+  onTextSelect: () => {
+  }
+}), v = () => C(t), u = ({
+  children: e,
+  onPageChange: o,
+  onRotate: n,
+  onScroll: r,
+  onTextSelect: a
+}) => /* @__PURE__ */ l(
+  t.Provider,
+  {
+    value: {
+      onPageChange: o,
+      onRotate: n,
+      onScroll: r,
+      onTextSelect: a
+    },
+    children: e
+  }
+);
+export {
+  t as EventCallbackContext,
+  u as EventCallbackProvider,
+  v as useEventCallbackContext
+};

package/dist/contexts/FileInputContext.js

@@ -0,0 +1,49 @@
+import { jsxs as d, jsx as x } from "react/jsx-runtime";
+import { createContext as C, useRef as s, useContext as F } from "react";
+import { useDocumentContext as h } from "./RPDocumentContext.js";
+import { useDocumentPasswordContext as P } from "./DocumentPasswordContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../de_DE-a553b162.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/appConsole.js";
+const c = C(null), S = ({ children: e }) => {
+  const { setFilename: l, setPdfSrc: u } = h(), o = s(), n = s(null), { setPassword: m } = P(), a = () => {
+    var t;
+    (t = n.current) == null || t.click();
+  }, f = (t) => {
+    var p;
+    const r = (p = t.target.files) == null ? void 0 : p[0];
+    if (!r || r.type !== "application/pdf")
+      return;
+    const i = URL.createObjectURL(r);
+    o.current && URL.revokeObjectURL(o.current), o.current = i, l(r.name), u(i), t.target.value = "", m("");
+  };
+  return /* @__PURE__ */ d(c.Provider, { value: { openFile: a }, children: [
+    e,
+    /* @__PURE__ */ x(
+      "input",
+      {
+        accept: "application/pdf",
+        type: "file",
+        ref: n,
+        style: { display: "none" },
+        onChange: f
+      }
+    )
+  ] });
+}, q = () => {
+  const e = F(c);
+  if (!e)
+    throw new Error("useOpenFileContext must be used within FileInputProvider");
+  return e;
+};
+export {
+  S as FileInputProvider,
+  q as useOpenFileContext
+};

package/dist/contexts/FullScreenContext.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as S, useCallback as x, useMemo as F, useContext as a } from "react";
+import { useFullScreen as d } from "../utils/hooks/useFullScreen.js";
+const u = S(void 0), v = ({ elementRef: e, children: c }) => {
+  const { isFullScreen: r, enterFullScreen: t, exitFullScreen: o, isSupported: n } = d(), l = x(() => {
+    r ? o() : e && t(e);
+  }, [r, o, t, e]), s = F(
+    () => ({
+      isFullScreen: r,
+      toggleFullScreen: l,
+      isSupported: n
+    }),
+    [r, l, n]
+  );
+  return /* @__PURE__ */ i(u.Provider, { value: s, children: c });
+}, f = () => {
+  const e = a(u);
+  if (!e)
+    throw new Error("useFullScreenContext must be used within a FullScreenProvider");
+  return e;
+};
+export {
+  v as FullScreenProvider,
+  f as useFullScreenContext
+};

package/dist/contexts/GlobalCurrentPage.js

@@ -0,0 +1,19 @@
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as s, useContext as c, useState as i, useEffect as l } from "react";
+import { useInitialStateContext as C } from "./InitialStateContext.js";
+import { useEventCallbackContext as P } from "./EventCallbackContext.js";
+const n = s({
+  currentPage: 1,
+  setCurrentPage: () => {
+  }
+}), p = () => c(n), b = ({ children: r }) => {
+  const { initialPage: o = 1 } = C(), [t, a] = i(o), { onPageChange: e } = P();
+  return l(() => {
+    e && e(t);
+  }, [t, e]), /* @__PURE__ */ u(n.Provider, { value: { currentPage: t, setCurrentPage: a }, children: r });
+};
+export {
+  n as GlobalCurrentPage,
+  b as GlobalCurrentPageProvider,
+  p as useGlobalCurrentPage
+};

package/dist/contexts/HighlightContext.js

@@ -0,0 +1,31 @@
+import { jsx as p } from "react/jsx-runtime";
+import { createContext as g, useContext as n } from "react";
+import { useDocumentContext as s } from "./RPDocumentContext.js";
+import { useHighlight as c } from "../utils/hooks/useHighlight.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../de_DE-a553b162.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/appConsole.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+const o = g(void 0), M = ({ children: t }) => {
+  const { pdf: i } = s(), { highlight: r, highlightMatches: e, highlightKeywords: h, clear: m } = c(i);
+  return /* @__PURE__ */ p(o.Provider, { value: { highlight: r, highlightMatches: e, highlightKeywords: h, clear: m }, children: t });
+}, k = () => {
+  const t = n(o);
+  if (!t)
+    throw new Error("useHighlightContext must be used within a HighlightProvider");
+  return t;
+};
+export {
+  o as HighlightContext,
+  M as HighlightProvider,
+  k as useHighlightContext
+};

package/dist/contexts/IconContext.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as n, useContext as c } from "react";
+const o = n({}), u = () => c(o), i = ({
+  children: t,
+  icons: e = {}
+}) => /* @__PURE__ */ r(o.Provider, { value: e, children: t });
+export {
+  o as IconContext,
+  i as IconProvider,
+  u as useIconContext
+};

package/dist/contexts/IconToolContext.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as s, useContext as c, useState as i } from "react";
+const u = () => {
+  throw new Error("setIcons is not initialized yet");
+}, o = s({ setIcons: u }), x = () => c(o), a = ({ children: t }) => {
+  const [e, n] = i({});
+  return /* @__PURE__ */ r(o.Provider, { value: { ...e, setIcons: n }, children: t });
+};
+export {
+  o as IconToolContext,
+  a as IconToolProvider,
+  x as useIconToolContext
+};

package/dist/contexts/InitialStateContext.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as r, useContext as i } from "react";
+const t = r({
+  instanceId: ""
+}), x = ({
+  children: e,
+  ...n
+}) => /* @__PURE__ */ o(t.Provider, { value: n, children: e }), c = () => i(t);
+export {
+  t as InitialStateContext,
+  x as InitialStateProvider,
+  c as useInitialStateContext
+};

package/dist/contexts/LayerContext.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as n, useContext as u } from "react";
+const e = n({ textLayer: !0 }), s = () => u(e), c = ({ children: t, textLayer: r = !0 }) => /* @__PURE__ */ o(e.Provider, { value: { textLayer: r }, children: t });
+export {
+  e as LayerContext,
+  c as LayerProvider,
+  s as useLayerContext
+};

package/dist/contexts/LayoutContainerContext.js

@@ -0,0 +1,16 @@
+import { createContext as t, useContext as e } from "react";
+const n = t({
+  container: null,
+  contentRef: null,
+  pagesRef: null,
+  setContainer: () => {
+  },
+  setContentRef: () => {
+  },
+  setPagesRef: () => {
+  }
+}), r = () => e(n);
+export {
+  n as LayoutContainerContext,
+  r as useLayoutContainer
+};

package/dist/contexts/LicenseContext.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as s, useContext as i } from "react";
+import { useLicense as c } from "../utils/hooks/useLicense.js";
+import "../utils/appConsole.js";
+const e = s({ isValid: !1 }), a = () => i(e), f = ({
+  children: t,
+  licenseKey: o
+}) => {
+  const r = c(o);
+  return /* @__PURE__ */ n(e.Provider, { value: r, children: t });
+};
+export {
+  e as LicenseContext,
+  f as LicenseProvider,
+  a as useLicenseContext
+};

package/dist/contexts/LoaderContext.js

@@ -0,0 +1,27 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as i, useContext as m } from "react";
+import { appConsole as d } from "../utils/appConsole.js";
+import { LoaderIcon as s } from "../components/icons/LoaderIcon.js";
+import "../clsx-0c6e471a.js";
+const t = i({
+  LoaderImageComponent: void 0
+}), C = () => {
+  const o = m(t);
+  return typeof o.LoaderImageComponent > "u" && d.error("Please use this hooks inside children component of RPProvider"), o;
+}, x = ({ children: o, loaderImage: e }) => {
+  const n = () => e || /* @__PURE__ */ r(s, {});
+  return /* @__PURE__ */ r(
+    t.Provider,
+    {
+      value: {
+        LoaderImageComponent: n
+      },
+      children: o
+    }
+  );
+};
+export {
+  t as LoaderContext,
+  x as LoaderProvider,
+  C as useLoaderContext
+};

package/dist/contexts/LocalizationContext.js

@@ -0,0 +1,34 @@
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as m, useContext as u, useEffect as i, useMemo as p } from "react";
+import { appConsole as d } from "../utils/appConsole.js";
+import { useLocalization as x } from "../utils/hooks/useLocalization.js";
+import "../de_DE-a553b162.js";
+const a = m({
+  localeMessages: {}
+}), M = () => {
+  const e = u(a);
+  return typeof e.localeMessages > "u" && d.error("Please use this hooks inside children component of RPProvider"), e;
+}, g = ({
+  children: e,
+  locale: o = "en_US",
+  localization: t
+}) => {
+  const { setLocale: s, localeMessages: n, addLocalization: r } = x(o);
+  i(() => {
+    o && s(o);
+  }, [o, s]), i(() => {
+    t && r(t);
+  }, [t, r]);
+  const c = p(
+    () => ({
+      localeMessages: n
+    }),
+    [n]
+  );
+  return /* @__PURE__ */ f(a.Provider, { value: c, children: e });
+};
+export {
+  a as LocalizationContext,
+  g as LocalizationProvider,
+  M as useLocalizationContext
+};