@pdf-viewer/react 1.8.0-beta.4 → 1.8.0-beta.5

package/dist/components/page/CustomElement.js

@@ -11,7 +11,7 @@ const d = ({ child: e }) => {
     };
   }, [e]), /* @__PURE__ */ n("div", { ref: t });
 }, h = ({ pageNumber: e }) => {
-  const { elements: t } = a(), o = l(null), r = i(() => {
+  const { elementList: t } = a(), o = l(null), r = i(() => {
     var m;
     return (m = t[e]) == null ? void 0 : m.map((u, s) => u instanceof HTMLElement ? /* @__PURE__ */ n(d, { child: u }, s) : /* @__PURE__ */ n("div", { children: u }, s));
   }, [t, e]);

package/dist/contexts/ElementPageContext.js

@@ -1,52 +1,59 @@
 import { jsx as d } from "react/jsx-runtime";
-import { createContext as x, useState as w, useCallback as a, useContext as P } from "react";
+import { createContext as w, useState as C, useCallback as a, useContext as P } from "react";
 import { LicenseType as g } from "../utils/types.js";
-import { useDimensionPagesContext as C } from "./DimensionPagesContext.js";
-import { usePagesRotateContext as p } from "./PagesRotateContext.js";
-import { useLicenseContext as y } from "./LicenseContext.js";
-const c = x(void 0), O = ({ children: s }) => {
-  const [i, r] = w({}), { widths: l, heights: m } = C(), { pageRotate: u } = p(), E = a(
+import { useDimensionPagesContext as p } from "./DimensionPagesContext.js";
+import { usePagesRotateContext as y } from "./PagesRotateContext.js";
+import { useLicenseContext as L } from "./LicenseContext.js";
+import { useZoomContext as z } from "./ZoomContext.js";
+const E = w(void 0), _ = ({ children: s }) => {
+  const [i, r] = C({}), { widths: l, heights: m } = p(), { pageRotate: c } = y(), { zoomLevel: u } = z(), h = a(
     (e, n) => {
       r((t) => {
         const o = { width: l[e], height: m[e] };
         return {
           ...t,
-          [e]: n(t[e], o, u[e])
+          [e]: n(t[e], o, c[e], u)
         };
       });
     },
-    [l, m]
-  ), h = a((e) => {
+    [l, m, u, c]
+  ), f = a((e) => {
     r((n) => {
       const t = { ...n };
       return delete t[e], t;
     });
-  }, []), f = a((e, n) => {
+  }, []), v = a((e, n) => {
     r((t) => {
       const o = { ...t };
-      return o[e] = o[e].filter((T, v) => v !== n), o;
+      return o[e] = o[e].filter((T, x) => x !== n), o;
     });
   }, []);
-  return /* @__PURE__ */ d(c.Provider, { value: { updateElement: E, clearElement: h, removeElement: f, elements: i }, children: s });
-}, S = () => {
-  const s = P(c), { type: i } = y();
+  return /* @__PURE__ */ d(
+    E.Provider,
+    {
+      value: { updateElement: h, clearElements: f, removeElement: v, elementList: i },
+      children: s
+    }
+  );
+}, b = () => {
+  const s = P(E), { type: i } = L();
   if (!s)
     throw new Error("useElementPageContext must be used within a ElementPageProvider");
   return i !== g.Organization ? {
     updateElement: () => {
       console.warn("This feature is only available in the organization version");
     },
-    clearElement: () => {
+    clearElements: () => {
       console.warn("This feature is only available in the organization version");
     },
     removeElement: () => {
       console.warn("This feature is only available in the organization version");
     },
-    elements: {}
+    elementList: {}
   } : s;
 };
 export {
-  c as ElementPageContext,
-  O as ElementPageProvider,
-  S as useElementPageContext
+  E as ElementPageContext,
+  _ as ElementPageProvider,
+  b as useElementPageContext
 };

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

@@ -677,10 +677,10 @@ export interface useElementPage {
     updateElement: (pageNumber: number, element: (prevElements: Array<HTMLElement | JSX.Element>, dimension: {
         width: number;
         height: number;
-    }, rotate: number) => Array<HTMLElement | JSX.Element>) => void;
+    }, rotate: number, zoomLevel: number) => Array<HTMLElement | JSX.Element>) => void;
     removeElement: (pageNumber: number, index: number) => void;
-    clearElement: (pageNumber: number) => void;
-    elements: Record<number, Array<HTMLElement | JSX.Element>>;
+    clearElements: (pageNumber: number) => void;
+    elementList: Record<number, Array<HTMLElement | JSX.Element>>;
 }
 export interface MatchHighlight extends MatchValue {
     keyword: string | RegExp;

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as A } from "react";
 import { appConsole as c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-07-17T02:37:17.250Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-07-17T02:49:43.071Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${l}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
   expired: `Your license key has expired. ${l}`,

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.8.0-beta.4",
+  "version": "1.8.0-beta.5",
   "keywords": [
     "component",
     "frontend",