@pdf-viewer/react 1.2.0-rc.0 → 1.3.0-beta.0

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as A } from "../../RPDefaultLayout-31523cdc.js";
+import { g as A } from "../../RPDefaultLayout-197c5f1f.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";

package/dist/utils/hooks/usePdfProperties.js

@@ -1,39 +1,36 @@
-import { useState as P, useCallback as g, useEffect as S } from "react";
-import { convertPDFDate as u } from "../convertPdfDate.js";
-import { formatFileSize as b } from "../formatFileSize.js";
-const D = (r, o, c) => {
-  const [p, h] = P(), a = g(async () => {
-    if (!o || !r)
+import { useState as S, useCallback as m, useEffect as d } from "react";
+import { convertPDFDate as l } from "../convertPdfDate.js";
+import { formatFileSize as w } from "../formatFileSize.js";
+const D = (n, t, s) => {
+  const [u, p] = S(), c = m(async () => {
+    if (!t || !n)
       return;
-    const f = typeof r == "object" ? r.url : r, n = await o.getMetadata().then(), d = o.numPages, e = n == null ? void 0 : n.info, i = await fetch(f, { method: "HEAD" }).catch((t) => fetch(f, { method: "GET" }));
-    let l = 0;
-    if (i.ok)
-      l = Number(i.headers.get("content-length")) || 0;
-    else
-      throw i.body;
+    const r = await t.getMetadata().then(), P = t.numPages, e = r == null ? void 0 : r.info, a = await t.getDownloadInfo();
+    let f = 0;
+    a && (f = a.length);
     try {
-      const t = u(e.CreationDate), s = u(e.ModDate), m = {
-        pageCount: d,
-        filename: c || "",
-        fileSize: b(l),
+      const o = l(e.CreationDate), i = l(e.ModDate), g = {
+        pageCount: P,
+        filename: s || "",
+        fileSize: w(f),
         title: e.Title,
         author: e.Author,
         subject: e.Subject,
         keywords: e.Keywords || "",
         creator: e.Creator,
-        createdOn: (t == null ? void 0 : t.toISOString()) || "",
-        modifiedOn: (s == null ? void 0 : s.toISOString()) || "",
+        createdOn: (o == null ? void 0 : o.toISOString()) || "",
+        modifiedOn: (i == null ? void 0 : i.toISOString()) || "",
         pdfProducer: e.Producer,
         pdfVersion: e.PDFFormatVersion
       };
-      h(m);
-    } catch (t) {
-      console.log("properties err", t);
+      p(g);
+    } catch (o) {
+      console.log("properties err", o);
     }
-  }, [o, c, r]);
-  return S(() => {
-    a();
-  }, [a]), p;
+  }, [t, s, n]);
+  return d(() => {
+    c();
+  }, [c]), u;
 };
 export {
   D as usePdfProperties

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as A } from "../../RPDefaultLayout-31523cdc.js";
+import { i as A } from "../../RPDefaultLayout-197c5f1f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -2,7 +2,7 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as A } from "../../RPDefaultLayout-31523cdc.js";
+import { f as A } from "../../RPDefaultLayout-197c5f1f.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as C } from "../../RPDefaultLayout-31523cdc.js";
+import { n as C } from "../../RPDefaultLayout-197c5f1f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { k as B } from "../../RPDefaultLayout-31523cdc.js";
+import { k as B } from "../../RPDefaultLayout-197c5f1f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,7 +3,7 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { r as y } from "../../RPDefaultLayout-31523cdc.js";
+import { r as y } from "../../RPDefaultLayout-197c5f1f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/renderPage.js

@@ -1,15 +1,17 @@
-const w = (e, t, i = 1, r = 0) => {
-  const n = t.getContext("2d", {
+import { AnnotationMode as a } from "pdfjs-dist";
+const p = (o, t, d = {}) => {
+  const { scale: i = 1, rotate: r = 0, renderForms: h = !1 } = d, s = t.getContext("2d", {
     desynchronized: !1
-  }), d = window.devicePixelRatio, h = e.getViewport({ scale: i, rotation: r }), o = e.getViewport({
-    scale: i * d,
+  }), w = window.devicePixelRatio, n = o.getViewport({ scale: i, rotation: r }), e = o.getViewport({
+    scale: i * w,
     rotation: r
   });
-  return t.width = o.width, t.height = o.height, t.style.width = `${Math.floor(h.width)}px`, t.style.height = `${Math.floor(h.height)}px`, e.render({
-    canvasContext: n,
-    viewport: o
+  return t.width = e.width, t.height = e.height, t.style.width = `${Math.floor(n.width)}px`, t.style.height = `${Math.floor(n.height)}px`, o.render({
+    canvasContext: s,
+    viewport: e,
+    annotationMode: h ? a.ENABLE_FORMS : void 0
   });
 };
 export {
-  w as renderPage
+  p as renderPage
 };

package/dist/utils/types.js

@@ -1,19 +1,20 @@
-import { e as O, z as _, i as R, p as I, t as p } from "../th_TH-2c4015a5.js";
-var E = /* @__PURE__ */ ((r) => (r[r.Text = 1] = "Text", r[r.Link = 2] = "Link", r[r.FreeText = 3] = "FreeText", r[r.Line = 4] = "Line", r[r.Square = 5] = "Square", r[r.Circle = 6] = "Circle", r[r.Polygon = 7] = "Polygon", r[r.Polyline = 8] = "Polyline", r[r.Highlight = 9] = "Highlight", r[r.Underline = 10] = "Underline", r[r.Squiggly = 11] = "Squiggly", r[r.StrikeOut = 12] = "StrikeOut", r[r.Stamp = 13] = "Stamp", r[r.Caret = 14] = "Caret", r[r.Ink = 15] = "Ink", r[r.Popup = 16] = "Popup", r[r.FileAttachment = 17] = "FileAttachment", r[r.Widget = 20] = "Widget", r))(E || {}), L = /* @__PURE__ */ ((r) => (r.ACTUAL = "Actual", r.PAGE_FIT = "Fit", r.PAGE_WIDTH = "Width", r))(L || {}), D = /* @__PURE__ */ ((r) => (r.Organization = "organization", r.Developer = "developer", r))(D || {}), N = /* @__PURE__ */ ((r) => (r.SINGLE_PAGE = "Single", r.DUAL_PAGE = "Dual", r))(N || {}), o = /* @__PURE__ */ ((r) => (r.TEXT_COLOR = "--rp-text-color", r.OUTLINE_COLOR = "--rp-outline-color", r.FONT_FAMILY = "--rp-font-family", r.PRIMARY_COLOR = "--rp-primary-color", r.BORDER_RADIUS = "--rp-border-radius", r.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", r.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", r.ICON_DISABLED = "--rp-icon-disabled", r.ICON_FONT_SIZE = "--rp-icon-font-size", r.TOOLBAR_BACKGROUND = "--rp-toolbar-background", r.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", r.TOOLBAR_PADDING = "--rp-toolbar-padding", r.TOOLBAR_GAP = "--rp-toolbar-gap", r.SIDEBAR_WIDTH = "--rp-sidebar-width", r.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", r.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", r.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", r.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", r.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", r.BUTTON_PADDING = "--rp-button-padding", r.INPUT_PADDING = "--rp-input-padding", r.INPUT_BORDER_RADIUS = "--rp-input-border-radius", r.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", r.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", r.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", r.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", r.DROPDOWN_PADDING = "--rp-dropdown-padding", r.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", r.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", r.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", r.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", r.POPOVER_COLOR = "--rp-popover-color", r.POPOVER_BORDER_COLOR = "--rp-popover-border-color", r.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", r.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", r.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", r.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", r.PROPERTY_ITEM_GAP = "--rp-property-item-gap", r.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", r.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", r.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", r.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", r.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", r.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", r.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", r.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", r.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", r))(o || {}), d = /* @__PURE__ */ ((r) => (r.PAGE_SCROLLING = "PAGE", r.VERTICAL_SCROLLING = "VERTICAL", r.HORIZONTAL_SCROLLING = "HORIZONTAL", r))(d || {}), P = /* @__PURE__ */ ((r) => (r.TEXT = "TEXT", r.HAND = "HAND", r))(P || {});
-const c = {
+import { e as O, z as _, i as R, p as I, t as E } from "../th_TH-2c4015a5.js";
+var N = /* @__PURE__ */ ((r) => (r[r.Text = 1] = "Text", r[r.Link = 2] = "Link", r[r.FreeText = 3] = "FreeText", r[r.Line = 4] = "Line", r[r.Square = 5] = "Square", r[r.Circle = 6] = "Circle", r[r.Polygon = 7] = "Polygon", r[r.Polyline = 8] = "Polyline", r[r.Highlight = 9] = "Highlight", r[r.Underline = 10] = "Underline", r[r.Squiggly = 11] = "Squiggly", r[r.StrikeOut = 12] = "StrikeOut", r[r.Stamp = 13] = "Stamp", r[r.Caret = 14] = "Caret", r[r.Ink = 15] = "Ink", r[r.Popup = 16] = "Popup", r[r.FileAttachment = 17] = "FileAttachment", r[r.Widget = 20] = "Widget", r))(N || {}), L = /* @__PURE__ */ ((r) => (r.INTERNAL_LINK = "internal-link", r.LINK = "link", r.FILE_ATTACHMENT = "file-attachment", r.FORM_TEXT = "form-text", r.FORM_SELECT = "form-select", r.FORM_CHECKBOX = "form-checkbox", r.FORM_RADIO = "form-radio", r.FORM_BUTTON = "form-button", r.BUTTON = "button", r))(L || {}), D = /* @__PURE__ */ ((r) => (r.ACTUAL = "Actual", r.PAGE_FIT = "Fit", r.PAGE_WIDTH = "Width", r))(D || {}), p = /* @__PURE__ */ ((r) => (r.Organization = "organization", r.Developer = "developer", r))(p || {}), d = /* @__PURE__ */ ((r) => (r.SINGLE_PAGE = "Single", r.DUAL_PAGE = "Dual", r))(d || {}), C = /* @__PURE__ */ ((r) => (r.TEXT_COLOR = "--rp-text-color", r.OUTLINE_COLOR = "--rp-outline-color", r.FONT_FAMILY = "--rp-font-family", r.PRIMARY_COLOR = "--rp-primary-color", r.BORDER_RADIUS = "--rp-border-radius", r.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", r.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", r.ICON_DISABLED = "--rp-icon-disabled", r.ICON_FONT_SIZE = "--rp-icon-font-size", r.TOOLBAR_BACKGROUND = "--rp-toolbar-background", r.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", r.TOOLBAR_PADDING = "--rp-toolbar-padding", r.TOOLBAR_GAP = "--rp-toolbar-gap", r.SIDEBAR_WIDTH = "--rp-sidebar-width", r.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", r.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", r.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", r.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", r.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", r.BUTTON_PADDING = "--rp-button-padding", r.INPUT_PADDING = "--rp-input-padding", r.INPUT_BORDER_RADIUS = "--rp-input-border-radius", r.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", r.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", r.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", r.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", r.DROPDOWN_PADDING = "--rp-dropdown-padding", r.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", r.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", r.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", r.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", r.POPOVER_COLOR = "--rp-popover-color", r.POPOVER_BORDER_COLOR = "--rp-popover-border-color", r.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", r.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", r.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", r.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", r.PROPERTY_ITEM_GAP = "--rp-property-item-gap", r.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", r.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", r.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", r.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", r.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", r.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", r.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", r.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", r.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", r))(C || {}), P = /* @__PURE__ */ ((r) => (r.PAGE_SCROLLING = "PAGE", r.VERTICAL_SCROLLING = "VERTICAL", r.HORIZONTAL_SCROLLING = "HORIZONTAL", r))(P || {}), o = /* @__PURE__ */ ((r) => (r.TEXT = "TEXT", r.HAND = "HAND", r))(o || {});
+const g = {
   en_US: O,
   zh_CN: _,
   it_IT: R,
   pt_PT: I,
-  th_TH: p
+  th_TH: E
 };
 export {
-  E as AnnotationSubType,
-  D as LicenseType,
-  c as Locales,
-  d as ScrollMode,
-  P as SelectionMode,
-  o as ThemeVariables,
-  N as ViewMode,
-  L as ZoomLevel
+  N as AnnotationSubType,
+  L as AnnotationType,
+  p as LicenseType,
+  g as Locales,
+  P as ScrollMode,
+  o as SelectionMode,
+  C as ThemeVariables,
+  d as ViewMode,
+  D as ZoomLevel
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.2.0-rc.0",
+  "version": "1.3.0-beta.0",
   "keywords": [
     "component",
     "frontend",