@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/utils/annotations.js

@@ -1,22 +1,22 @@
-import { sanitizeExternalUrl as _ } from "./sanitizeExternalUrl.js";
+import { sanitizeExternalUrl as y } from "./sanitizeExternalUrl.js";
 import { AnnotationType as l } from "./types.js";
-import { dateFormatter as L } from "./dateFormatter.js";
+import { dateFormatter as O } from "./dateFormatter.js";
 import "../th_TH-d627cd51.js";
-const T = ["click", "dblclick", "input", "change"], m = /* @__PURE__ */ new Map(), v = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
-function I(e, t) {
-  const n = v(e, t);
-  return m.has(n) ? m.get(n) ?? null : null;
+const b = ["click", "dblclick", "input", "change", "mouseover"], m = /* @__PURE__ */ new Map(), N = (e, s) => `${e.loadingTask.docId}___${s.num}R${s.gen === 0 ? "" : s.gen}`;
+function A(e, s) {
+  const t = N(e, s);
+  return m.has(t) ? m.get(t) ?? null : null;
 }
-const x = (e, t, n) => {
-  m.set(v(e, t), n);
-}, A = (e, t) => {
-  switch (t[1].name) {
+const v = (e, s, t) => {
+  m.set(N(e, s), t);
+}, g = (e, s) => {
+  switch (s[1].name) {
     case "XYZ":
       return {
-        bottomOffset: (n, a) => t[3] === null ? a : t[3],
-        leftOffset: (n, a) => t[2] === null ? 0 : t[2],
+        bottomOffset: (t, n) => s[3] === null ? n : s[3],
+        leftOffset: (t, n) => s[2] === null ? 0 : s[2],
         pageIndex: e,
-        scaleTo: t[4]
+        scaleTo: s[4]
       };
     case "Fit":
     case "FitB":
@@ -29,7 +29,7 @@ const x = (e, t, n) => {
     case "FitH":
     case "FitBH":
       return {
-        bottomOffset: t[2],
+        bottomOffset: s[2],
         leftOffset: 0,
         pageIndex: e,
         scaleTo: 1
@@ -42,121 +42,76 @@ const x = (e, t, n) => {
         scaleTo: 1
       };
   }
+}, R = (e) => {
+  e && (() => {
+    const t = e == null ? void 0 : e.querySelectorAll(
+      '[data-l10n-id="pdfjs-annotation-date-time-string"]'
+    );
+    t == null || t.forEach((n) => {
+      const { date: a, time: o, dateObj: i } = JSON.parse(n.dataset.l10nArgs ?? "{}");
+      a && o ? n.textContent = `${a}, ${o}` : i && (n.textContent = O(i));
+    });
+  })();
 };
-async function E(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 = I(e, a);
-    if (s === null) {
-      const r = await e.getPageIndex(a);
-      return x(e, a, r), await E(e, n);
+async function h(e, s) {
+  let t;
+  if (typeof s == "string" ? t = await e.getDestination(s) : t = s, t && typeof t[0] == "object" && t[0] !== null) {
+    const n = t[0], a = A(e, n);
+    if (a === null) {
+      const o = await e.getPageIndex(n);
+      return v(e, n, o), await h(e, t);
     } else
-      return A(s, n);
+      return g(a, t);
   } else
-    return A(n[0], n);
+    return g(t[0], t);
 }
-const M = (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 = L(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();
-};
-function H(e, t) {
-  for (const n of T)
-    e.addEventListener(n, t);
+function C(e, s) {
+  for (const t of b)
+    e.addEventListener(t, s);
 }
-function P(e, t) {
-  for (const n of T)
-    e.removeEventListener(n, t);
+function F(e, s) {
+  for (const t of b)
+    e.removeEventListener(t, s);
 }
-function U(e) {
-  const { id: t, url: n, unsafeUrl: a } = e;
-  new MutationObserver((r, o) => {
-    const c = document.querySelector(`[data-annotation-id="${t}"]`);
+function w(e) {
+  const { id: s, url: t, unsafeUrl: n } = e;
+  new MutationObserver((o, i) => {
+    const c = document.querySelector(`[data-annotation-id="${s}"]`);
     if (c) {
-      const i = c.querySelector("a"), p = _((n || a) ?? "", "");
-      i && (i == null || i.setAttribute("target", "_blank"), i == null || i.setAttribute("href", p), i == null || i.setAttribute("rel", "noopener noreferrer")), o.disconnect();
+      const r = c.querySelector("a"), T = y((t || n) ?? "", "");
+      r && (r == null || r.setAttribute("target", "_blank"), r == null || r.setAttribute("href", T), r == null || r.setAttribute("rel", "noopener noreferrer")), i.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-function V(e, t, n) {
-  const { rotation: a, scale: s } = t, r = a % 180 === 0;
+function L(e, s, t) {
+  const { rotation: n, scale: a } = s, o = n % 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);
+    const i = e.rect[2] - e.rect[0], c = e.rect[3] - e.rect[1], r = document.createElement("canvas");
+    r.setAttribute("width", ((o ? i : c) * a).toString()), r.setAttribute("height", ((o ? c : i) * a).toString()), t.set(e.id, r);
   }
 }
-function B(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 b = document.querySelectorAll(".popupDate");
-      b.length > 0 && (b.forEach((g) => {
-        if (g.innerHTML)
-          return !1;
-        const N = g.getAttribute("data-l10n-args");
-        if (N) {
-          const { date: h, time: y } = JSON.parse(N);
-          h && y && (g.textContent = `${h}, ${y}`);
-        }
-      }), 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 d(e, s, t) {
+  const n = [];
+  if (t)
+    for (const a of t)
+      a[e] === s && n.push(a);
+  return n;
 }
-function u(e, t) {
-  return { type: e, data: t };
+function u(e, s) {
+  return { type: e, data: s };
 }
-async function w(e, t) {
+async function _(e, s) {
   if (e.dest)
     if (typeof e.dest == "string") {
-      const n = await E(t, e.dest);
+      const t = await h(s, e.dest);
       return u(l.INTERNAL_LINK, {
-        referencedPage: n.pageIndex,
+        referencedPage: t.pageIndex,
         offset: null
       });
     } else {
-      const n = await t.getPageIndex(e.dest[0]);
+      const t = await s.getPageIndex(e.dest[0]);
       return u(l.INTERNAL_LINK, {
-        referencedPage: n,
+        referencedPage: t,
         offset: {
           left: e.dest[2],
           bottom: e.dest[3]
@@ -169,20 +124,20 @@ async function w(e, t) {
       unsafeUrl: e.unsafeUrl
     });
 }
-function O(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 p(e) {
+  for (const s of e.getElementsByTagName("span")) {
+    let t = s.textContent;
+    const n = JSON.parse(s.dataset.l10nArgs ?? "{}");
+    if (t)
+      for (const a in n)
+        t = t.replace(`{{${a}}}`, n[a]);
+    s.textContent = t;
   }
 }
-function S(e) {
+function x(e) {
   return u(l.FILE_ATTACHMENT, e.file);
 }
-function f(e, t) {
+function f(e, s) {
   switch (e.type) {
     case "textarea":
     case "text":
@@ -192,22 +147,22 @@ function f(e, t) {
       });
     case "select-one":
     case "select-multiple":
+      const t = [];
+      for (const a of e.options)
+        t.push({
+          value: a.value,
+          label: a.label
+        });
       const n = [];
-      for (const s of e.options)
+      for (const a of e.selectedOptions)
         n.push({
-          value: s.value,
-          label: s.label
-        });
-      const a = [];
-      for (const s of e.selectedOptions)
-        a.push({
-          value: s.value,
-          label: s.label
+          value: a.value,
+          label: a.label
         });
       return u(l.FORM_SELECT, {
         fieldName: e.name,
-        value: a,
-        options: n
+        value: n,
+        options: t
       });
     case "checkbox":
       return u(l.FORM_CHECKBOX, {
@@ -217,80 +172,80 @@ function f(e, t) {
     case "radio":
       return u(l.FORM_RADIO, {
         fieldName: e.name,
-        ...t
+        ...s
       });
     case "button":
       return u(l.FORM_BUTTON, {
         fieldName: e.name,
-        ...t
+        ...s
       });
   }
 }
-async function $(e, t, n) {
-  var s;
-  let a = e.target.parentNode;
-  if (a.tagName === "DIV" && (a = a.firstChild), B(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 w(o[0], t);
+async function S(e, s, t) {
+  var a;
+  let n = e.target.parentNode;
+  if (n.tagName === "DIV" && (n = n.firstChild), typeof n.className != "object")
+    if (n.className === "linkAnnotation" && e.type === "click") {
+      const o = (a = n.dataset) == null ? void 0 : a.annotationId;
+      if (o) {
+        const i = d("id", o, t);
+        if (i.length)
+          return await _(i[0], s);
       }
     } else if (
       /* annotation.className.includes('popupAnnotation') || */
-      a.className.includes("textAnnotation")
+      n.className.includes("textAnnotation")
     )
-      O(a);
-    else if (a.className.includes("fileAttachmentAnnotation")) {
-      O(a);
-      const r = a.dataset.annotationId;
-      if (r && e.type === "dblclick")
-        return S(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);
+      p(n);
+    else if (n.className.includes("fileAttachmentAnnotation")) {
+      p(n);
+      const o = n.dataset.annotationId;
+      if (o && e.type === "dblclick")
+        return x(d("id", o, t)[0]);
+    } else if (n.className.includes("textWidgetAnnotation") && e.type === "input") {
+      let o = n.getElementsByTagName("input")[0];
+      return o || (o = n.getElementsByTagName("textarea")[0]), f(o);
     } 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(
+      if (n.className.includes("choiceWidgetAnnotation") && e.type === "input")
+        return f(n.getElementsByTagName("select")[0]);
+      if (n.className.includes("buttonWidgetAnnotation checkBox") && e.type === "change")
+        return f(n.getElementsByTagName("input")[0]);
+      if (n.className.includes("buttonWidgetAnnotation radioButton") && e.type === "change") {
+        const o = n.dataset.annotationId;
+        if (o) {
+          const i = d("id", o, t)[0], c = [];
+          for (const r of d(
             "fieldName",
-            o.fieldName,
-            n
+            i.fieldName,
+            t
           ))
-            i.buttonValue && c.push(i.buttonValue);
-          return f(a.getElementsByTagName("input")[0], {
-            value: o.buttonValue,
-            defaultValue: o.fieldValue,
+            r.buttonValue && c.push(r.buttonValue);
+          return f(n.getElementsByTagName("input")[0], {
+            value: i.buttonValue,
+            defaultValue: i.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 }
+      } else if (n.className.includes("buttonWidgetAnnotation pushButton") && e.type === "click") {
+        const o = n.dataset.annotationId;
+        if (o) {
+          const i = d("id", o, t)[0], { action: c } = i;
+          return c && ["Print", "SaveAs"].includes(c) ? { type: l.BUTTON, data: i } : i.resetForm ? f(
+            { name: i.fieldName, type: "button" },
+            { actions: i.actions, reset: !0 }
           ) : f(
-            { name: o.fieldName, type: "button" },
-            { actions: o.actions, reset: !1 }
+            { name: i.fieldName, type: "button" },
+            { actions: i.actions, reset: !1 }
           );
         }
       }
     }
 }
 export {
-  $ as annotationEventsHandler,
-  M as annotationsEvents,
-  H as bindLayerEvents,
-  U as handleAnnotationLink,
-  V as handleAnnotationWidget,
-  P as unbindLayerEvents
+  S as annotationEventsHandler,
+  C as bindLayerEvents,
+  w as handleAnnotationLink,
+  L as handleAnnotationWidget,
+  R as insertDateText,
+  F as unbindLayerEvents
 };

package/dist/utils/getWordPositionInPage.js

@@ -1,5 +1,5 @@
 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 = {
+  const c = l.height * o, s = l.width * o, y = l.bottom * o, m = l.left * o, d = {
     width: n % 180 === 90 ? i.height : i.width,
     height: n % 180 === 90 ? i.width : i.height
   }, r = {
@@ -8,16 +8,16 @@ const a = (i, h, l, o, n) => {
   }, 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();
+  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 = `${m}px`, t.appendChild(e), h.appendChild(t);
+  const g = t.getBoundingClientRect(), p = 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
+    leftInPage: p.left - g.left - u.left + r.width / 2,
+    topInPage: p.top - g.top - u.top + r.height / 2
   };
 };
 export {