@react-pdf-kit/viewer 2.0.0-beta.0

package/dist/types/utils/withRef.d.ts

@@ -0,0 +1,4 @@
+import { ForwardRefRenderFunction, PropsWithoutRef, Ref } from 'react';
+export declare const withRef: <R extends HTMLElement, P = object>(render: ForwardRefRenderFunction<R, PropsWithoutRef<P>>) => import('react').ForwardRefExoticComponent<PropsWithoutRef<P> & import('react').RefAttributes<R>> | ((props: PropsWithoutRef<P> & {
+    ref?: Ref<R>;
+}) => import('react').ReactNode);

package/dist/utils/Queue.js

@@ -0,0 +1,47 @@
+var m = Object.defineProperty;
+var _ = (s, e, t) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var n = (s, e, t) => (_(s, typeof e != "symbol" ? e + "" : e, t), t);
+class d {
+  constructor(e) {
+    n(this, "_items", []);
+    n(this, "_triggerEnqueue");
+    this._triggerEnqueue = e;
+  }
+  // Add item to queue with priority (lower number = higher priority)
+  enqueue(e, t, i = 0) {
+    const r = { id: e, data: t, priority: i }, u = this._items.findIndex((h) => h.priority > i);
+    u === -1 ? this._items.push(r) : this._items.splice(u, 0, r), this._triggerEnqueue(t);
+  }
+  // Remove and return highest priority item
+  dequeue() {
+    return this._items.shift();
+  }
+  // Remove item by id
+  removeQueue(e) {
+    const t = this._items.findIndex((i) => i.id === e);
+    return t !== -1 ? (this._items.splice(t, 1), !0) : !1;
+  }
+  // Change priority of item by id
+  changePagePriority(e, t) {
+    const i = this._items.find((r) => new RegExp(e).test(r.id));
+    return i ? (this.removeQueue(i.id), this.enqueue(i.id, i.data, t), !0) : !1;
+  }
+  peekAll() {
+    return this._items;
+  }
+  // Check if queue is empty
+  isEmpty() {
+    return this._items.length === 0;
+  }
+  // Get current size of queue
+  size() {
+    return this._items.length;
+  }
+  // Clear all items
+  clear() {
+    this._items = [];
+  }
+}
+export {
+  d as Queue
+};

package/dist/utils/annotations.js

@@ -0,0 +1,306 @@
+import { sanitizeExternalUrl as L } from "./sanitizeExternalUrl.js";
+import { AnnotationSubType as _, AnnotationType as l } from "./types.js";
+import { dateFormatter as I } from "./dateFormatter.js";
+const v = ["click", "dblclick", "input", "change"], g = /* @__PURE__ */ new Map(), E = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+function x(e, t) {
+  const n = E(e, t);
+  return g.has(n) ? g.get(n) ?? null : null;
+}
+const B = (e, t, n) => {
+  g.set(E(e, t), n);
+}, O = (e, t) => {
+  switch (t[1].name) {
+    case "XYZ":
+      return {
+        bottomOffset: (n, a) => t[3] === null ? a : t[3],
+        leftOffset: (n, a) => t[2] === null ? 0 : t[2],
+        pageIndex: e,
+        scaleTo: t[4]
+      };
+    case "Fit":
+    case "FitB":
+      return {
+        bottomOffset: 0,
+        leftOffset: 0,
+        pageIndex: e,
+        scaleTo: 1
+      };
+    case "FitH":
+    case "FitBH":
+      return {
+        bottomOffset: t[2],
+        leftOffset: 0,
+        pageIndex: e,
+        scaleTo: 1
+      };
+    default:
+      return {
+        bottomOffset: 0,
+        leftOffset: 0,
+        pageIndex: e,
+        scaleTo: 1
+      };
+  }
+};
+async function b(e, t) {
+  let n;
+  if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
+    const a = n[0], s = x(e, a);
+    if (s === null) {
+      const r = await e.getPageIndex(a);
+      return B(e, a, r), await b(e, n);
+    } else
+      return O(s, n);
+  } else
+    return O(n[0], n);
+}
+const H = (e) => {
+  const n = e.target.parentNode;
+  if (!n)
+    return;
+  const a = new MutationObserver((s) => {
+    s.forEach(() => {
+      n.querySelectorAll(
+        '[data-l10n-id="pdfjs-annotation-date-time-string"]'
+      ).forEach((o) => {
+        const c = o.getAttribute("data-l10n-args");
+        if (c) {
+          try {
+            const { dateObj: i } = JSON.parse(c);
+            i && (o.textContent = I(i));
+          } catch {
+          }
+          a.disconnect();
+        }
+      });
+    });
+  });
+  return a.observe(n, {
+    childList: !0,
+    // Watch for changes to child elements
+    subtree: !0,
+    // Watch all descendants, not just direct children
+    attributes: !0
+    // Watch for changes to attributes
+  }), () => a.disconnect();
+}, M = (e, t, n, a) => {
+  if (e.type !== "click")
+    return;
+  const s = e.target, r = s.getAttribute("data-element-id"), o = s.getAttribute("href");
+  if (o && o !== "#")
+    return;
+  const c = t.find((i) => i.id === r);
+  !c || c.annotationType !== _.Link || c.dest && b(n, c.dest).then((i) => {
+    a(i);
+  });
+};
+function P(e, t) {
+  for (const n of v)
+    e.addEventListener(n, t);
+}
+function U(e, t) {
+  for (const n of v)
+    e.removeEventListener(n, t);
+}
+function V(e) {
+  const { id: t, url: n, unsafeUrl: a } = e;
+  new MutationObserver((r, o) => {
+    const c = document.querySelector(`[data-annotation-id="${t}"]`);
+    if (c) {
+      const i = c.querySelector("a"), p = L((n || a) ?? "", "");
+      i && (i == null || i.setAttribute("target", "_blank"), i == null || i.setAttribute("href", p), i == null || i.setAttribute("rel", "noopener noreferrer")), o.disconnect();
+    }
+  }).observe(document.body, { childList: !0, subtree: !0 });
+}
+function $(e, t, n) {
+  const { rotation: a, scale: s } = t, r = a % 180 === 0;
+  if (e.fieldType === "Btn" && e.pushButton) {
+    const o = e.rect[2] - e.rect[0], c = e.rect[3] - e.rect[1], i = document.createElement("canvas");
+    i.setAttribute("width", ((r ? o : c) * s).toString()), i.setAttribute("height", ((r ? c : o) * s).toString()), n.set(e.id, i);
+  }
+}
+function k(e) {
+  var r;
+  let t = e;
+  for (; t.tagName !== "SECTION"; )
+    t = t.parentElement;
+  const n = t.getAttribute("aria-haspopup") === "dialog", a = t.classList.contains("popupAnnotation");
+  if (!n && !a)
+    return;
+  let s = t.id || t.getAttribute("aria-controls");
+  if (s || (s = (r = t.firstChild) == null ? void 0 : r.id), s && t.parentElement) {
+    const o = t.parentElement.querySelector(`[aria-controls="${s}"]`);
+    o && new MutationObserver((i, p) => {
+      const h = document.querySelectorAll(".popupDate");
+      h.length > 0 && (h.forEach((m) => {
+        if (m.innerHTML)
+          return !1;
+        const N = m.getAttribute("data-l10n-args");
+        if (N) {
+          const { date: y, time: A } = JSON.parse(N);
+          y && A && (m.textContent = `${y}, ${A}`);
+        }
+      }), p.disconnect());
+    }).observe(o, { childList: !0, subtree: !0 });
+  }
+}
+function d(e, t, n) {
+  const a = [];
+  if (n)
+    for (const s of n)
+      s[e] === t && a.push(s);
+  return a;
+}
+function u(e, t) {
+  return { type: e, data: t };
+}
+async function S(e, t) {
+  if (e.dest)
+    if (typeof e.dest == "string") {
+      const n = await b(t, e.dest);
+      return u(l.INTERNAL_LINK, {
+        referencedPage: n.pageIndex,
+        offset: null
+      });
+    } else {
+      const n = await t.getPageIndex(e.dest[0]);
+      return u(l.INTERNAL_LINK, {
+        referencedPage: n,
+        offset: {
+          left: e.dest[2],
+          bottom: e.dest[3]
+        }
+      });
+    }
+  else if (e.url)
+    return u(l.LINK, {
+      url: e.url,
+      unsafeUrl: e.unsafeUrl
+    });
+}
+function T(e) {
+  for (const t of e.getElementsByTagName("span")) {
+    let n = t.textContent;
+    const a = JSON.parse(t.dataset.l10nArgs ?? "{}");
+    if (n)
+      for (const s in a)
+        n = n.replace(`{{${s}}}`, a[s]);
+    t.textContent = n;
+  }
+}
+function w(e) {
+  return u(l.FILE_ATTACHMENT, e.file);
+}
+function f(e, t) {
+  switch (e.type) {
+    case "textarea":
+    case "text":
+      return u(l.FORM_TEXT, {
+        fieldName: e.name,
+        value: e.value
+      });
+    case "select-one":
+    case "select-multiple":
+      const n = [];
+      for (const s of e.options)
+        n.push({
+          value: s.value,
+          label: s.label
+        });
+      const a = [];
+      for (const s of e.selectedOptions)
+        a.push({
+          value: s.value,
+          label: s.label
+        });
+      return u(l.FORM_SELECT, {
+        fieldName: e.name,
+        value: a,
+        options: n
+      });
+    case "checkbox":
+      return u(l.FORM_CHECKBOX, {
+        fieldName: e.name,
+        checked: e.checked
+      });
+    case "radio":
+      return u(l.FORM_RADIO, {
+        fieldName: e.name,
+        ...t
+      });
+    case "button":
+      return u(l.FORM_BUTTON, {
+        fieldName: e.name,
+        ...t
+      });
+  }
+}
+async function D(e, t, n) {
+  var s;
+  let a = e.target.parentNode;
+  if (a.tagName === "DIV" && (a = a.firstChild), k(a), typeof a.className != "object")
+    if (a.className === "linkAnnotation" && e.type === "click") {
+      const r = (s = a.dataset) == null ? void 0 : s.annotationId;
+      if (r) {
+        const o = d("id", r, n);
+        if (o.length)
+          return await S(o[0], t);
+      }
+    } else if (
+      /* annotation.className.includes('popupAnnotation') || */
+      a.className.includes("textAnnotation")
+    )
+      T(a);
+    else if (a.className.includes("fileAttachmentAnnotation")) {
+      T(a);
+      const r = a.dataset.annotationId;
+      if (r && e.type === "dblclick")
+        return w(d("id", r, n)[0]);
+    } else if (a.className.includes("textWidgetAnnotation") && e.type === "input") {
+      let r = a.getElementsByTagName("input")[0];
+      return r || (r = a.getElementsByTagName("textarea")[0]), f(r);
+    } else {
+      if (a.className.includes("choiceWidgetAnnotation") && e.type === "input")
+        return f(a.getElementsByTagName("select")[0]);
+      if (a.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
+        return f(a.getElementsByTagName("input")[0]);
+      if (a.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
+        const r = a.dataset.annotationId;
+        if (r) {
+          const o = d("id", r, n)[0], c = [];
+          for (const i of d(
+            "fieldName",
+            o.fieldName,
+            n
+          ))
+            i.buttonValue && c.push(i.buttonValue);
+          return f(a.getElementsByTagName("input")[0], {
+            value: o.buttonValue,
+            defaultValue: o.fieldValue,
+            options: c
+          });
+        }
+      } else if (a.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
+        const r = a.dataset.annotationId;
+        if (r) {
+          const o = d("id", r, n)[0], { action: c } = o;
+          return c && ["Print", "SaveAs"].includes(c) ? { type: l.BUTTON, data: o } : o.resetForm ? f(
+            { name: o.fieldName, type: "button" },
+            { actions: o.actions, reset: !0 }
+          ) : f(
+            { name: o.fieldName, type: "button" },
+            { actions: o.actions, reset: !1 }
+          );
+        }
+      }
+    }
+}
+export {
+  D as annotationEventsHandler,
+  H as annotationsEvents,
+  P as bindLayerEvents,
+  V as handleAnnotationLink,
+  $ as handleAnnotationWidget,
+  M as handleClick,
+  U as unbindLayerEvents
+};

package/dist/utils/appConsole.js

@@ -0,0 +1,42 @@
+var s = Object.defineProperty;
+var i = (e, n, c) => n in e ? s(e, n, { enumerable: !0, configurable: !0, writable: !0, value: c }) : e[n] = c;
+var o = (e, n, c) => (i(e, typeof n != "symbol" ? n + "" : n, c), c);
+const t = class t {
+  constructor() {
+    o(this, "isProduction");
+    this.isProduction = !0;
+  }
+  static getInstance() {
+    return t.instance || (t.instance = new t()), t.instance;
+  }
+  /**
+   * Debug level logging - stripped in production
+   */
+  debug(...n) {
+    this.isProduction || console.debug("[React PDF Debug]:", ...n);
+  }
+  /**
+   * Info level logging - kept in production
+   */
+  info(...n) {
+    console.info("[React PDF Info]:", ...n);
+  }
+  /**
+   * Warning level logging - kept in production
+   */
+  warn(...n) {
+    console.warn("[React PDF Warning]:", ...n);
+  }
+  /**
+   * Error level logging - kept in production
+   */
+  error(...n) {
+    console.error("[React PDF Error]:", ...n);
+  }
+};
+o(t, "instance");
+let r = t;
+const u = r.getInstance();
+export {
+  u as appConsole
+};

package/dist/utils/calculatePage.js

@@ -0,0 +1,15 @@
+const d = (e, t, o) => e * o + t + 1, a = (e, t) => {
+  const o = e - 1, n = Math.floor(o / t), s = (o - n * t) % t;
+  return { rowIndex: n, columnIndex: s };
+}, h = (e, t) => {
+  const o = [], n = [];
+  return e.heights.forEach((s, c) => {
+    const r = a(c + 1, t), i = e.widths[c];
+    o[r.rowIndex] = Math.max(o[r.rowIndex] || 0, s), n[r.columnIndex] = Math.max(n[r.columnIndex] || 0, i);
+  }), { rowsHeight: o, columnsWidth: n };
+};
+export {
+  h as getGridDimension,
+  d as getPageFromPosition,
+  a as getPositionFromPage
+};

package/dist/utils/charators.js

@@ -0,0 +1,48 @@
+function i(n) {
+  return n < 11904;
+}
+function t(n) {
+  return (n & 65408) === 0;
+}
+function u(n) {
+  return n >= /* a = */
+  97 && n <= /* z = */
+  122 || n >= /* A = */
+  65 && n <= /* Z = */
+  90;
+}
+function r(n) {
+  return n >= /* 0 = */
+  48 && n <= /* 9 = */
+  57;
+}
+function f(n) {
+  return n === /* SPACE = */
+  32 || n === /* TAB = */
+  9 || n === /* CR = */
+  13 || n === /* LF = */
+  10;
+}
+function s(n) {
+  return n >= 13312 && n <= 40959 || n >= 63744 && n <= 64255;
+}
+function e(n) {
+  return n >= 12448 && n <= 12543;
+}
+function l(n) {
+  return n >= 12352 && n <= 12447;
+}
+function p(n) {
+  return n >= 65376 && n <= 65439;
+}
+function A(n) {
+  return (n & 65408) === 3584;
+}
+function g(n) {
+  return i(n) ? t(n) ? f(n) ? 0 : u(n) || r(n) || n === /* UNDERSCORE = */
+  95 ? 1 : 2 : A(n) ? 7 : n === /* NBSP = */
+  160 ? 0 : 1 : s(n) ? 3 : e(n) ? 4 : l(n) ? 5 : p(n) ? 6 : 1;
+}
+export {
+  g as getCharacterType
+};

package/dist/utils/const.js

@@ -0,0 +1,9 @@
+const e = {
+  keyword: "",
+  regExp: new RegExp(" "),
+  wholeWords: !1
+}, E = "This feature is only available for the Organization license";
+export {
+  e as EMPTY_KEYWORD_REGEXP,
+  E as ORGANIZATION_ALLOWED_FEATURES_MESSAGE
+};

package/dist/utils/constants.js

@@ -0,0 +1,8 @@
+const _ = 4, A = 200, o = 20, t = 25, I = 1e3;
+export {
+  I as MAX_ZOOM_SCALE,
+  t as MIN_ZOOM_SCALE,
+  _ as PAGE_PADDING,
+  o as SCROLL_BAR_WIDTH,
+  A as THUMBNAIL_MIN_WIDTH
+};

package/dist/utils/convertPdfDate.js

@@ -0,0 +1,25 @@
+const p = new RegExp(
+  "^D:(\\d{4})(\\d{2})?(\\d{2})?(\\d{2})?(\\d{2})?(\\d{2})?([Z|+|-])?(\\d{2})?'?(\\d{2})?'?"
+), t = (s, e, o, c) => {
+  const n = parseInt(s, 10);
+  return n >= e && n <= o ? n : c;
+}, f = (s) => {
+  const e = p.exec(s);
+  if (!e)
+    return null;
+  const o = parseInt(e[1], 10), c = t(e[2], 1, 12, 1) - 1, n = t(e[3], 1, 31, 1);
+  let r = t(e[4], 0, 23, 0), a = t(e[5], 0, 59, 0);
+  const i = t(e[6], 0, 59, 0), l = e[7] || "Z", d = t(e[8], 0, 23, 0), u = t(e[9], 0, 59, 0);
+  switch (l) {
+    case "-":
+      r += d, a += u;
+      break;
+    case "+":
+      r -= d, a -= u;
+      break;
+  }
+  return new Date(Date.UTC(o, c, n, r, a, i));
+};
+export {
+  f as convertPDFDate
+};

package/dist/utils/dateFormatter.js

@@ -0,0 +1,7 @@
+const e = new Intl.DateTimeFormat("en-US", {
+  dateStyle: "short",
+  timeStyle: "medium"
+}).format, r = (t) => e(new Date(t));
+export {
+  r as dateFormatter
+};

package/dist/utils/elementPagePosition.js

@@ -0,0 +1,11 @@
+const o = ({ width: a, height: c, top: t, left: r, bottom: e, right: l }) => ({
+  left: `calc(${r} * var(--scale-factor))`,
+  top: `calc(${t} * var(--scale-factor))`,
+  width: `calc(${a} * var(--scale-factor))`,
+  height: `calc(${c} * var(--scale-factor))`,
+  bottom: `calc(${e} * var(--scale-factor))`,
+  right: `calc(${l} * var(--scale-factor))`
+});
+export {
+  o as elementPagePosition
+};

package/dist/utils/formatFileSize.js

@@ -0,0 +1,9 @@
+function i(t, e) {
+  if (t == 0)
+    return "0 Bytes";
+  var o = 1e3, r = e || 2, a = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], B = Math.floor(Math.log(t) / Math.log(o));
+  return parseFloat((t / Math.pow(o, B)).toFixed(r)) + " " + a[B];
+}
+export {
+  i as formatFileSize
+};

package/dist/utils/getScrollDistance.js

@@ -0,0 +1,4 @@
+const n = (e, r) => e.slice(0, r).reduce((t, c) => t + c, 0);
+export {
+  n as getScrollDistance
+};

package/dist/utils/getThumbnailViewport.js

@@ -0,0 +1,7 @@
+const n = (t, o = 0) => {
+  const e = 100 / t.getViewport({ scale: 1 }).width, i = t.getViewport({ scale: e, rotation: o });
+  return { scale: e, thumbnailViewport: i };
+};
+export {
+  n as getThumbnailViewport
+};

package/dist/utils/getWordPositionInPage.js

@@ -0,0 +1,25 @@
+const a = (i, h, l, o, n) => {
+  const c = l.height * o, s = l.width * o, y = l.top * o, w = l.left * o, d = {
+    width: n % 180 === 90 ? i.height : i.width,
+    height: n % 180 === 90 ? i.width : i.height
+  }, r = {
+    width: n % 180 === 90 ? c : s,
+    height: n % 180 === 90 ? s : c
+  }, t = document.createElement("div");
+  t.style.width = `${d.width}px`, t.style.height = `${d.height}px`, t.style.position = "absolute", t.style.transform = `rotate(${n}deg)`, t.style.transformOrigin = "center center", t.style.visibility = "hidden", t.style.left = "-99999px";
+  const e = document.createElement("div");
+  e.style.position = "absolute", e.style.width = `${s}px`, e.style.height = `${c}px`, e.style.position = "absolute", e.style.bottom = `${y}px`, e.style.left = `${w}px`, t.appendChild(e), h.appendChild(t);
+  const p = t.getBoundingClientRect(), g = e.getBoundingClientRect();
+  h.removeChild(t);
+  const u = {
+    top: h.clientHeight / 2,
+    left: h.clientWidth / 2
+  };
+  return {
+    leftInPage: g.left - p.left - u.left + r.width / 2,
+    topInPage: g.top - p.top - u.top + r.height / 2
+  };
+};
+export {
+  a as getWordPositionInPage
+};

package/dist/utils/getZoomLevel.js

@@ -0,0 +1,23 @@
+import { SCROLL_BAR_WIDTH as a, PAGE_PADDING as f } from "./constants.js";
+import { ViewMode as u, ZoomLevel as r } from "./types.js";
+const l = (o, t, m, e, A, c) => {
+  if (typeof o == "number")
+    return o;
+  const n = c === u.DUAL_PAGE ? 2 * e : e;
+  switch (o) {
+    case r.PAGE_FIT:
+      const s = Math.min(
+        (t - a) / n,
+        (m - f) / A
+      );
+      return Math.floor(s * 100);
+    case r.PAGE_WIDTH:
+      return Math.floor((t - a) / n * 100);
+    case r.ACTUAL:
+    default:
+      return 100;
+  }
+};
+export {
+  l as getZoomLevel
+};