@pdf-viewer/react 1.0.0-rc.0 → 1.0.0-rc.2

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { P as u, S as M, T as R, a as C } from "../RPDefaultLayout-c9484abe.js";
+import { P as u, S as M, T as R, a as C } from "../RPDefaultLayout-07939e60.js";
 import { DarkModeProvider as L } from "../contexts/DarkModeContext.js";
 import { ScrollMode as T, SelectionMode as V } from "../utils/types.js";
 import { RotateProvider as b } from "../contexts/RotationContext.js";

package/dist/components/RPDropFileZone.js

@@ -1,34 +1,37 @@
-import { jsx as o, Fragment as n, jsxs as s } from "react/jsx-runtime";
-import { useCallback as d } from "react";
+import { jsxs as n, Fragment as t, jsx as r } from "react/jsx-runtime";
+import { useCallback as c } from "react";
 import { c as m } from "../clsx-0c6e471a.js";
-import { useDropFileZoneContext as c } from "../contexts/DropFileZoneContext.js";
-import { LightPdfIcon as f } from "./icons/LightPdfIcon.js";
-import { DarkPdfIcon as D } from "./icons/DarkPdfIcon.js";
-import { useDarkModeContext as h } from "../contexts/DarkModeContext.js";
-import { useToolbarComponentContext as g } from "../contexts/ToolbarComponentContext.js";
-import '../assets/RPDropFileZone.css';const u = {
-  "rp-drop-zone": "_rp-drop-zone_6uoig_1"
-}, v = {}, L = () => {
-  const { dragging: t, handleDragLeave: p, handleDrop: a } = c(), { darkMode: e } = h(), { dropFileZone: r } = g();
-  if (typeof r == "boolean" && !r)
+import { useDropFileZoneContext as f } from "../contexts/DropFileZoneContext.js";
+import { LightPdfIcon as D } from "./icons/LightPdfIcon.js";
+import { DarkPdfIcon as h } from "./icons/DarkPdfIcon.js";
+import { useDarkModeContext as g } from "../contexts/DarkModeContext.js";
+import { useToolbarComponentContext as u } from "../contexts/ToolbarComponentContext.js";
+import '../assets/RPDropFileZone.css';const p = {
+  "rp-drop-zone": "_rp-drop-zone_1sc50_1",
+  "rp-drop-zone-transparent": "_rp-drop-zone-transparent_1sc50_15"
+}, v = {}, b = () => {
+  const { dragging: a, handleDragLeave: s, handleDrop: d } = f(), { darkMode: e } = g(), { dropFileZone: o } = u();
+  if (typeof o == "boolean" && !o)
     return;
-  const i = d((l) => {
+  const i = c((l) => {
     l.preventDefault();
   }, []);
-  return t ? /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(
-    "div",
-    {
-      onDragOver: i,
-      onDragLeave: p,
-      onDrop: a,
-      className: m(u["rp-drop-zone"], e ? v["rp-dark-mode"] : ""),
-      children: r && typeof r == "function" ? /* @__PURE__ */ o(r, {}) : /* @__PURE__ */ s(n, { children: [
-        /* @__PURE__ */ o("div", { children: e ? /* @__PURE__ */ o(D, {}) : /* @__PURE__ */ o(f, {}) }),
-        /* @__PURE__ */ o("p", { children: "Drag & drop the PDF file here" })
-      ] })
-    }
-  ) }) : null;
+  return a ? /* @__PURE__ */ n(t, { children: [
+    /* @__PURE__ */ r("div", { className: m(p["rp-drop-zone"], e ? v["rp-dark-mode"] : ""), children: o && typeof o == "function" ? /* @__PURE__ */ r(o, {}) : /* @__PURE__ */ n(t, { children: [
+      /* @__PURE__ */ r("div", { children: e ? /* @__PURE__ */ r(h, {}) : /* @__PURE__ */ r(D, {}) }),
+      /* @__PURE__ */ r("p", { children: "Drag & drop the PDF file here" })
+    ] }) }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: p["rp-drop-zone-transparent"],
+        onDragOver: i,
+        onDragLeave: s,
+        onDrop: d
+      }
+    )
+  ] }) : null;
 };
 export {
-  L as RPDropFileZone
+  b as RPDropFileZone
 };

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as D } from "../RPDefaultLayout-c9484abe.js";
+import { R as D } from "../RPDefaultLayout-07939e60.js";
 import "../utils/hooks/useWatermark.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";

package/dist/components/RPProvider.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { DocumentProvider as c } from "../contexts/RPDocumentContext.js";
 import { RPController as d } from "./RPController.js";
-import "../RPDefaultLayout-c9484abe.js";
+import "../RPDefaultLayout-07939e60.js";
 import "./RPConfig.js";
 import "./RPTheme.js";
 import "./RPDropFileZone.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as l } from "../../RPDefaultLayout-c9484abe.js";
+import { b as l } from "../../RPDefaultLayout-07939e60.js";
 import "../../Container-fdb0a71f.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";

package/dist/components/layout/sidebar/RPSidebar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { G as f } from "../../../RPDefaultLayout-c9484abe.js";
+import { G as f } from "../../../RPDefaultLayout-07939e60.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { B as a } from "../../../RPDefaultLayout-c9484abe.js";
+import { B as a } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 export {

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as t } from "../../../RPDefaultLayout-c9484abe.js";
+import { E as t } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

package/dist/components/layout/toolbar/DocumentDialog.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as C } from "../../../RPDefaultLayout-c9484abe.js";
+import { v as C } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

package/dist/components/layout/toolbar/FileDownloadTool.js

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as d } from "../../../RPDefaultLayout-c9484abe.js";
+import { F as d } from "../../../RPDefaultLayout-07939e60.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/MostPageTool.js

@@ -3,7 +3,7 @@ import "../../../index-1db49c1a.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
 import "react";
-import { M as C } from "../../../RPDefaultLayout-c9484abe.js";
+import { M as C } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

package/dist/components/layout/toolbar/OtherTool.js

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as k } from "../../../RPDefaultLayout-c9484abe.js";
+import { O as k } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";

package/dist/components/layout/toolbar/Paginate.js

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { t as s } from "../../../RPDefaultLayout-c9484abe.js";
+import { t as s } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

package/dist/components/layout/toolbar/PrintTool.js

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { w as n } from "../../../RPDefaultLayout-c9484abe.js";
+import { w as n } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../contexts/ViewportContext.js";
 import "./MenuItem.js";
 import "../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/RPToolbar.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as a } from "../../../RPDefaultLayout-c9484abe.js";
+import { z as a } from "../../../RPDefaultLayout-07939e60.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

package/dist/components/layout/toolbar/RPToolbarEnd.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { x } from "../../../RPDefaultLayout-c9484abe.js";
+import { x } from "../../../RPDefaultLayout-07939e60.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

package/dist/components/layout/toolbar/SearchTool.js

@@ -4,7 +4,7 @@ import "../../icons/SearchIcon.js";
 import "react";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import { y as I } from "../../../RPDefaultLayout-c9484abe.js";
+import { y as I } from "../../../RPDefaultLayout-07939e60.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";

package/dist/components/layout/toolbar/ZoomTool.js

@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as K } from "../../../RPDefaultLayout-c9484abe.js";
+import { Z as K } from "../../../RPDefaultLayout-07939e60.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-1db49c1a.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { A as D } from "../../RPDefaultLayout-c9484abe.js";
+import { A as D } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as w } from "../../RPDefaultLayout-c9484abe.js";
+import { C as w } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPDefaultLayout-c9484abe.js";
+import { D as p } from "../../RPDefaultLayout-07939e60.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { q as y } from "../../RPDefaultLayout-c9484abe.js";
+import { q as y } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { s as m } from "../../RPDefaultLayout-c9484abe.js";
+import { s as m } from "../../RPDefaultLayout-07939e60.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as z } from "../../RPDefaultLayout-c9484abe.js";
+import { p as z } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPDefaultLayout-c9484abe.js";
+import { L as p } from "../../RPDefaultLayout-07939e60.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { h as n, P as p, u as P } from "../RPDefaultLayout-c9484abe.js";
+import { h as n, P as p, u as P } from "../RPDefaultLayout-07939e60.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./InitialStateContext.js";

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { j as e, a as n, d as a } from "../RPDefaultLayout-c9484abe.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-07939e60.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { o as a, S as s, e as S } from "../RPDefaultLayout-c9484abe.js";
+import { o as a, S as s, e as S } from "../RPDefaultLayout-07939e60.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { l as i, T as r, m as e } from "../RPDefaultLayout-c9484abe.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-07939e60.js";
 export {
   i as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as t } from "./components/RPProvider.js";
-import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-c9484abe.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-07939e60.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as l } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

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

@@ -357,7 +357,7 @@ export interface PdfProperties {
     keywords: string;
     creator: string;
     createdOn: string;
-    modifierOn: string;
+    modifiedOn: string;
     pdfProducer: string;
     pdfVersion: string;
     pageCount?: number;

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as v } from "../../RPDefaultLayout-c9484abe.js";
+import { c as v } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as E, useEffect as h } from "react";
 import { appConsole as l } from "../appConsole.js";
-const A = /* @__PURE__ */ new Date("2025-02-28T03:23:33.988Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const A = /* @__PURE__ */ new Date("2025-02-28T12:37:21.257Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as z } from "../../RPDefaultLayout-c9484abe.js";
+import { g as z } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";

package/dist/utils/hooks/usePdfProperties.js

@@ -5,15 +5,15 @@ const D = (r, o, c) => {
   const [p, h] = P(), a = g(async () => {
     if (!o || !r)
       return;
-    const f = typeof r == "object" ? r.url : r, n = await o.getMetadata().then(), m = o.numPages, e = n == null ? void 0 : n.info, i = await fetch(f, { method: "HEAD" }).catch((t) => fetch(f, { method: "GET" }));
+    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;
     try {
-      const t = u(e.CreationDate), s = u(e.ModDate), d = {
-        pageCount: m,
+      const t = u(e.CreationDate), s = u(e.ModDate), m = {
+        pageCount: d,
         filename: c || "",
         fileSize: b(l),
         title: e.Title,
@@ -22,11 +22,11 @@ const D = (r, o, c) => {
         keywords: e.Keywords || "",
         creator: e.Creator,
         createdOn: (t == null ? void 0 : t.toISOString()) || "",
-        modifierOn: (s == null ? void 0 : s.toISOString()) || "",
+        modifiedOn: (s == null ? void 0 : s.toISOString()) || "",
         pdfProducer: e.Producer,
         pdfVersion: e.PDFFormatVersion
       };
-      h(d);
+      h(m);
     } catch (t) {
       console.log("properties err", t);
     }

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as z } from "../../RPDefaultLayout-c9484abe.js";
+import { i as z } from "../../RPDefaultLayout-07939e60.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 y } from "../../RPDefaultLayout-c9484abe.js";
+import { f as y } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -8,7 +8,7 @@ import "./usePageDimension.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as C } from "../../RPDefaultLayout-c9484abe.js";
+import { n as C } from "../../RPDefaultLayout-07939e60.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 A } from "../../RPDefaultLayout-c9484abe.js";
+import { k as A } from "../../RPDefaultLayout-07939e60.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-c9484abe.js";
+import { r as y } from "../../RPDefaultLayout-07939e60.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdf-viewer/react",
   "private": false,
-  "version": "1.0.0-rc.0",
+  "version": "1.0.0-rc.2",
   "keywords": [
     "component",
     "frontend",