@pdf-viewer/react 1.12.0-beta.3 → 1.12.0-rc.0

package/dist/components/ui/LoadingIndicator.js

@@ -1,7 +1,142 @@
 import "react/jsx-runtime";
-import { o as i } from "../../ToolbarLayout.module-e03c451b.js";
+import { o as Hr } from "../../ToolbarLayout.module-1f1dd627.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
+import "react";
+import "../icons/ChevronUpIcon.js";
+import "./Button.js";
+import "../../utils/withRef.js";
+import "./Input.js";
+import "../../utils/types.js";
+import "../../th_TH-d627cd51.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../utils/appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/RPDocumentContext.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../contexts/DarkModeContext.js";
+import "../../utils/hooks/useDarkMode.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/LayerContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../contexts/SelectionModeContext.js";
+import "../../contexts/FullScreenContext.js";
+import "../../utils/hooks/useFullScreen.js";
+import "../../contexts/FileInputContext.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../../contexts/ToolComponentContext.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/PagesRotateContext.js";
+import "../../contexts/HighlightContext.js";
+import "../../utils/hooks/useHighlight.js";
+import "../../contexts/LicenseContext.js";
+import "../../utils/hooks/useLicense.js";
+import "../../contexts/DownloadContext.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../../contexts/ElementPageContext.js";
+import "../../utils/const.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/getElementPositionInPage.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "../../contexts/LoaderContext.js";
+import "../icons/LoaderIcon.js";
+import "../../contexts/IconToolContext.js";
+import "../../contexts/OtherToolContext.js";
+import "../RPConfig.js";
+import "../RPTheme.js";
+import "../../contexts/ThemeContext.js";
+import "../../utils/hooks/useLoadWorker.js";
+import "../icons/Thumbnail.js";
+import "../layout/Container.js";
+import "../../contexts/ViewportContext.js";
+import "../layout/sidebar/RPSplitter.js";
+import "../layout/WrapperLayout.js";
+import "../../LayoutWrapper-6224491f.js";
+import "../RPDropFileZone.js";
+import "../icons/LightPdfIcon.js";
+import "../icons/DarkPdfIcon.js";
+import "../../utils/hooks/useLocalization.js";
+import "../../SearchCloseButton-08d57275.js";
+import "./RPTooltip.js";
+import "../../index-c9a2990a.js";
+import "react-dom";
+import "../../floating-ui.react-dom-d22a10b4.js";
+import "../icons/CloseIcon.js";
+import "./Checkbox.js";
+import "../icons/CheckIcon.js";
+import "../../contexts/IconContext.js";
+import "./DropDown.js";
+import "../../index-3bf64864.js";
+import "../../ZoomTool.module-7082af8c.js";
+import "../layout/toolbar/MenuItem.js";
+import "../layout/toolbar/MenuSeparator.js";
+import "../../utils/dateFormatter.js";
+import "../layout/toolbar/PropertyItem.js";
+import "../../RotateTool.module-67946714.js";
+import "../../utils/hooks/useInfiniteScroll.js";
+import "../../utils/link_service.js";
+import "../../utils/annotations.js";
+import "../../utils/sanitizeExternalUrl.js";
+import "../page/searchHighlight.js";
+import "../page/CustomElement.js";
+import "../../utils/calculatePage.js";
+import "../../utils/hooks/useMousePressed.js";
+import "../../utils/hooks/useGrabScroll.js";
+import "../../utils/hooks/usePinch.js";
+import "./PasswordModal.js";
+import "../../utils/getWordPositionInPage.js";
+import "../../utils/smoothScrollTo.js";
+import "../layout/toolbar/FileUploadTool.js";
+import "../icons/FileUploadDefaultIcon.js";
+import "../layout/toolbar/DarkModeTool.js";
+import "../icons/MoonIcon.js";
+import "../icons/SunIcon.js";
+import "../icons/ThreeDotIcon.js";
+import "../layout/toolbar/DocumentProperties.js";
+import "../icons/InfoIcon.js";
+import "../layout/toolbar/RotateTool.js";
+import "../icons/ClockwiseIcon.js";
+import "../../utils/hooks/useRotate.js";
+import "../layout/toolbar/ViewModeTool.js";
+import "../icons/SinglePageIcon.js";
+import "../icons/DualPageIcon.js";
+import "../layout/toolbar/ScrollModeTool.js";
+import "../icons/PageScrollingIcon.js";
+import "../icons/VerticalScrollingIcon.js";
+import "../icons/HorizontalScrollingIcon.js";
+import "../icons/FileDownloadDefaultIcon.js";
+import "../icons/PrintDefaultIcon.js";
+import "../layout/toolbar/FullScreenTool.js";
+import "../icons/FullScreenIcon.js";
+import "../icons/GoToDownIcon.js";
+import "../layout/toolbar/SelectionModeTool.js";
+import "../icons/TextSelectionDefaultIcon.js";
+import "../icons/HandModeDefaultIcon.js";
+import "../layout/toolbar/ZoomTool.js";
+import "../icons/ZoomInIcon.js";
+import "../icons/ZoomOutIcon.js";
+import "../icons/SearchIcon.js";
+import "../icons/ClearIcon.js";
 export {
-  i as default
+  Hr as default
 };

package/dist/components/ui/PasswordModal.js

@@ -1,9 +1,12 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { jsx as p, jsxs as t } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { c as o } from "../../clsx-0c6e471a.js";
 import { useLocalizationContext as c } from "../../contexts/LocalizationContext.js";
 import { useDocumentPasswordContext as _ } from "../../contexts/DocumentPasswordContext.js";
-import '../../assets/PasswordModal.css';const r = {
+import "../../utils/appConsole.js";
+import "../../utils/hooks/useLocalization.js";
+import "../../th_TH-d627cd51.js";
+const r = {
   "rp-password-overlay": "_rp-password-overlay_18s56_1",
   "rp-password-modal": "_rp-password-modal_18s56_13",
   "rp-password-title": "_rp-password-title_18s56_27",
@@ -13,22 +16,22 @@ import '../../assets/PasswordModal.css';const r = {
   "rp-password-input-invalid": "_rp-password-input-invalid_18s56_62",
   "rp-password-message-invalid": "_rp-password-message-invalid_18s56_66",
   "rp-password-submit-button": "_rp-password-submit-button_18s56_72"
-}, P = () => {
-  const [p, e] = u(""), { localeMessages: s } = c(), { setPassword: m, invalidPassword: i } = _(), w = (d) => {
-    e(d.target.value);
+}, y = () => {
+  const [a, m] = u(""), { localeMessages: s } = c(), { setPassword: e, invalidPassword: i } = _(), w = (d) => {
+    m(d.target.value);
   }, n = (d) => {
-    d.preventDefault(), p && p.trim() && m(p);
-  }, l = !p.trim();
-  return /* @__PURE__ */ a("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ t("div", { className: o(r["rp-password-modal"]), children: [
-    /* @__PURE__ */ a("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
-    /* @__PURE__ */ a("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
+    d.preventDefault(), a && a.trim() && e(a);
+  }, l = !a.trim();
+  return /* @__PURE__ */ p("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ t("div", { className: o(r["rp-password-modal"]), children: [
+    /* @__PURE__ */ p("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
+    /* @__PURE__ */ p("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
     /* @__PURE__ */ t("form", { onSubmit: n, children: [
       /* @__PURE__ */ t("div", { className: o(r["rp-password-form"]), children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ p(
           "input",
           {
             type: "password",
-            value: p,
+            value: a,
             onChange: w,
             className: o(
               r["rp-password-input"],
@@ -38,9 +41,9 @@ import '../../assets/PasswordModal.css';const r = {
             autoComplete: "off"
           }
         ),
-        /* @__PURE__ */ a("div", { className: o(r["rp-password-message-invalid"]), children: i && /* @__PURE__ */ a("span", { children: s == null ? void 0 : s.passwordError }) })
+        /* @__PURE__ */ p("div", { className: o(r["rp-password-message-invalid"]), children: i && /* @__PURE__ */ p("span", { children: s == null ? void 0 : s.passwordError }) })
       ] }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ p(
         "button",
         {
           type: "submit",
@@ -54,5 +57,5 @@ import '../../assets/PasswordModal.css';const r = {
   ] }) });
 };
 export {
-  P as default
+  y as default
 };

package/dist/components/ui/RPTooltip.js

@@ -4,7 +4,8 @@ import { useRef as Fe, useEffect as Be, useMemo as We, useLayoutEffect as Ge } f
 import { P as S, c as ae, u as k, d as Xe, e as Ve, a as E, b as Ue, f as ze } from "../../index-c9a2990a.js";
 import { u as qe, a as Ze, o as Ke, s as Je, f as Qe, b as et, c as tt, h as rt, l as ot, d as nt, D as at } from "../../floating-ui.react-dom-d22a10b4.js";
 import { withRef as st } from "../../utils/withRef.js";
-import '../../assets/RPTooltip.css';var it = "Arrow", se = a.forwardRef((e, r) => {
+import "react-dom";
+var it = "Arrow", se = a.forwardRef((e, r) => {
   const { children: t, width: o = 10, height: n = 5, ...i } = e;
   return /* @__PURE__ */ d(
     S.svg,
@@ -256,7 +257,7 @@ var gt = de, mt = ue, yt = fe, wt = ve, xt = Object.freeze({
   )
 );
 me.displayName = Ct;
-var Pt = me, [M, Vt] = ae("Tooltip", [
+var Pt = me, [M, Ut] = ae("Tooltip", [
   le
 ]), $ = le(), ye = "TooltipProvider", bt = 700, F = "tooltip.open", [Tt, X] = M(ye), we = (e) => {
   const {
@@ -373,7 +374,7 @@ var B = "TooltipTrigger", Ce = a.forwardRef(
   }
 );
 Ce.displayName = B;
-var Et = "TooltipPortal", [Ut, Rt] = M(Et, {
+var Et = "TooltipPortal", [zt, Rt] = M(Et, {
   forceMount: void 0
 }), R = "TooltipContent", Pe = a.forwardRef(
   (e, r) => {
@@ -570,7 +571,7 @@ const $t = "_tooltipContent_12gjy_1", jt = "_tooltipArrow_12gjy_8", Yt = "_fadeI
   tooltipContent: $t,
   tooltipArrow: jt,
   fadeIn: Yt
-}, zt = st(
+}, qt = st(
   ({ children: e, content: r, className: t, style: o }, n) => /* @__PURE__ */ d(we, { children: /* @__PURE__ */ Y(xe, { delayDuration: 1e3, children: [
     /* @__PURE__ */ d(Ce, { asChild: !0, children: /* @__PURE__ */ d("div", { ref: n, className: t, style: o, children: e }) }),
     /* @__PURE__ */ Y(Pe, { className: ne.tooltipContent, sideOffset: 5, children: [
@@ -580,5 +581,5 @@ const $t = "_tooltipContent_12gjy_1", jt = "_tooltipArrow_12gjy_8", Yt = "_fadeI
   ] }) })
 );
 export {
-  zt as default
+  qt as default
 };

package/dist/contexts/DimensionPagesContext.js

@@ -5,6 +5,24 @@ import { useDocumentContext as l } from "./RPDocumentContext.js";
 import { useZoomContext as y } from "./ZoomContext.js";
 import { PAGE_PADDING as f } from "../utils/constants.js";
 import { usePagesRotateContext as D } from "./PagesRotateContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "./InitialStateContext.js";
+import "../utils/getZoomLevel.js";
+import "./LayoutContainerContext.js";
+import "./ViewModeContext.js";
+import "./RotationContext.js";
+import "./GlobalCurrentPage.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useDebounce.js";
 const g = x({
   widths: [],
   heights: [],
@@ -12,31 +30,31 @@ const g = x({
   },
   setHeights: () => {
   }
-}), E = () => {
-  const o = v(g), { widths: s, heights: e } = o;
-  if (s && e) {
-    const n = s.every((t) => typeof t == "number"), r = e.every((t) => typeof t == "number");
-    (!n || !r) && C.warn("Please use this hooks inside children component of RPProvider");
+}), T = () => {
+  const e = v(g), { widths: r, heights: o } = e;
+  if (r && o) {
+    const m = r.every((t) => typeof t == "number"), i = o.every((t) => typeof t == "number");
+    (!m || !i) && C.warn("Please use this hooks inside children component of RPProvider");
   }
-  return o;
-}, G = ({ children: o }) => {
-  const [s, e] = u([]), [n, r] = u([]), { pages: t } = l(), { currentZoom: m } = y(), { pageRotate: h } = D();
+  return e;
+}, U = ({ children: e }) => {
+  const [r, o] = u([]), [m, i] = u([]), { pages: t } = l(), { currentZoom: n } = y(), { pageRotate: p } = D();
   return w(() => {
     if (!t)
       return;
-    const c = [], a = [];
-    for (const i of Array.from(t.values())) {
-      const d = h[i.page.pageNumber], p = i.page.getViewport({
-        scale: m,
+    const h = [], c = [];
+    for (const s of Array.from(t.values())) {
+      const d = p[s.page.pageNumber], a = s.page.getViewport({
+        scale: n,
         rotation: d,
         dontFlip: !0
       });
-      c.push(p.width + f), a.push(p.height + f);
+      h.push(a.width + f), c.push(a.height + f);
     }
-    e((i) => [...c]), r((i) => [...a]);
-  }, [m, h, t]), /* @__PURE__ */ P(g.Provider, { value: { widths: s, heights: n, setWidths: e, setHeights: r }, children: o });
+    o((s) => [...h]), i((s) => [...c]);
+  }, [n, p, t]), /* @__PURE__ */ P(g.Provider, { value: { widths: r, heights: m, setWidths: o, setHeights: i }, children: e });
 };
 export {
-  G as DimensionPagesProvider,
-  E as useDimensionPagesContext
+  U as DimensionPagesProvider,
+  T as useDimensionPagesContext
 };

package/dist/contexts/DropFileZoneContext.js

@@ -4,7 +4,17 @@ import { useDocumentContext as h } from "./RPDocumentContext.js";
 import { useToolbarComponentContext as T } from "./ToolbarComponentContext.js";
 import { useDocumentPasswordContext as v } from "./DocumentPasswordContext.js";
 import { useToolComponentContext as L } from "./ToolComponentContext.js";
-const i = x({
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/appConsole.js";
+const l = x({
   dragging: !1,
   handleDragLeave: () => {
   },
@@ -12,41 +22,41 @@ const i = x({
   },
   handleDrop: () => {
   }
-}), R = () => P(i), S = ({ children: c }) => {
-  const [f, t] = F(!1), { setFilename: n, setPdfSrc: a } = h(), { openFileTool: s } = T(), { openFileTool: l } = L(), { setPassword: u } = v(), m = r(
-    (e) => {
-      var p;
-      e.preventDefault(), e.stopPropagation(), t(!1);
-      const o = (p = e.dataTransfer) == null ? void 0 : p.files[0];
-      if (!o || o.type !== "application/pdf")
+}), H = () => P(l), I = ({ children: m }) => {
+  const [c, e] = F(!1), { setFilename: n, setPdfSrc: a } = h(), { openFileTool: p } = T(), { openFileTool: s } = L(), { setPassword: f } = v(), u = r(
+    (o) => {
+      var i;
+      o.preventDefault(), o.stopPropagation(), e(!1);
+      const t = (i = o.dataTransfer) == null ? void 0 : i.files[0];
+      if (!t || t.type !== "application/pdf")
         return;
-      const D = URL.createObjectURL(o);
-      n(o.name), a(D), u("");
+      const D = URL.createObjectURL(t);
+      n(t.name), a(D), f("");
     },
     [n, a]
   ), d = r(
-    (e) => {
-      e.preventDefault(), e.stopPropagation(), !(!s || !l) && t(!0);
+    (o) => {
+      o.preventDefault(), o.stopPropagation(), !(!p || !s) && e(!0);
     },
-    [s, l]
-  ), g = r((e) => {
-    e.preventDefault(), e.stopPropagation(), t(!1);
+    [p, s]
+  ), g = r((o) => {
+    o.preventDefault(), o.stopPropagation(), e(!1);
   }, []);
   return /* @__PURE__ */ C(
-    i.Provider,
+    l.Provider,
     {
       value: {
-        dragging: f,
+        dragging: c,
         handleDragLeave: g,
         handleDragEnter: d,
-        handleDrop: m
+        handleDrop: u
       },
-      children: c
+      children: m
     }
   );
 };
 export {
-  i as DropFileZoneContext,
-  S as DropFileZoneProvider,
-  R as useDropFileZoneContext
+  l as DropFileZoneContext,
+  I as DropFileZoneProvider,
+  H as useDropFileZoneContext
 };

package/dist/contexts/ElementPageContext.js

@@ -1,5 +1,5 @@
 import { jsx as k } from "react/jsx-runtime";
-import { createContext as z, useState as H, useCallback as p, useContext as N, useRef as U, useMemo as q } from "react";
+import { createContext as z, useState as H, useCallback as d, useContext as N, useRef as U, useMemo as q } from "react";
 import { ScrollMode as g, LicenseType as B } from "../utils/types.js";
 import { useDimensionPagesContext as J } from "./DimensionPagesContext.js";
 import { usePagesRotateContext as K } from "./PagesRotateContext.js";
@@ -12,32 +12,51 @@ import { useScrollModeContext as $ } from "./ScrollModeContext.js";
 import { getElementPagePosition as ee } from "../utils/getElementPositionInPage.js";
 import { useViewModeContext as te } from "./ViewModeContext.js";
 import { useVirtualScrollContext as oe } from "./VirtualScrollContext.js";
-const S = z(void 0), he = ({ children: i }) => {
-  const [l, c] = H({}), { widths: t, heights: r } = J(), { pagesRef: m } = Y(), { scrollMode: C } = $(), { pageRotate: u } = K(), { currentZoom: a } = X(), { columnCount: R } = te(), { pageScrollElementRef: I, virtualScrollableElementRef: T } = oe(), M = p(
-    (e, s, o = { behavior: "smooth" }) => {
+import "../th_TH-d627cd51.js";
+import "../utils/appConsole.js";
+import "./RPDocumentContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "./DocumentPasswordContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/constants.js";
+import "./RotationContext.js";
+import "./InitialStateContext.js";
+import "./EventCallbackContext.js";
+import "../utils/hooks/useLicense.js";
+import "../utils/getZoomLevel.js";
+import "./GlobalCurrentPage.js";
+import "../utils/hooks/useDebounce.js";
+const S = z(void 0), Ve = ({ children: l }) => {
+  const [s, m] = H({}), { widths: t, heights: r } = J(), { pagesRef: c } = Y(), { scrollMode: C } = $(), { pageRotate: u } = K(), { currentZoom: a } = X(), { columnCount: R } = te(), { pageScrollElementRef: I, virtualScrollableElementRef: T } = oe(), M = d(
+    (e, i, o = { behavior: "smooth" }) => {
       var v;
       const n = T || I;
-      if (!m || !n)
+      if (!c || !n)
         return;
-      const L = (v = l[e]) == null ? void 0 : v[s];
+      const L = (v = s[e]) == null ? void 0 : v[i];
       if (!L)
         return;
-      let f = 0, P = 0;
+      let p = 0, P = 0;
       if (C === g.VERTICAL_SCROLLING) {
-        const E = e - 1, d = R, W = E % d, j = Math.floor(E / d);
-        f = w(r, j), P = w(t, W);
+        const f = e - 1, E = R, W = f % E, j = Math.floor(f / E);
+        p = w(r, j), P = w(t, W);
       }
-      C === g.HORIZONTAL_SCROLLING && (P = t.slice(0, e - 1).reduce((E, d) => E + d, 0));
+      C === g.HORIZONTAL_SCROLLING && (P = t.slice(0, e - 1).reduce((f, E) => f + E, 0));
       const _ = {
         height: r[e - 1],
         width: t[e - 1]
       }, D = u[e], { left: G, top: Z } = ee(
         _,
-        m,
+        c,
         L,
         D,
         a
-      ), V = P + G, b = f + Z, F = {
+      ), V = P + G, b = p + Z, F = {
         left: Math.max(V, 0),
         top: Math.max(b, 0)
       };
@@ -46,14 +65,14 @@ const S = z(void 0), he = ({ children: i }) => {
         behavior: o.behavior
       });
     },
-    [l, r, t, m, u, a, C]
-  ), A = p(
-    (e, s) => {
-      c((o) => {
+    [s, r, t, c, u, a, C]
+  ), A = d(
+    (e, i) => {
+      m((o) => {
         const n = { width: t[e], height: r[e] };
         return {
           ...o,
-          [e]: s(
+          [e]: i(
             o[e],
             n,
             u[e],
@@ -63,28 +82,28 @@ const S = z(void 0), he = ({ children: i }) => {
       });
     },
     [t, r, a, u]
-  ), O = p((e) => {
-    c((s) => {
-      const o = { ...s };
+  ), O = d((e) => {
+    m((i) => {
+      const o = { ...i };
       return delete o[e], o;
     });
-  }, []), y = p((e, s) => {
-    c((o) => {
+  }, []), y = d((e, i) => {
+    m((o) => {
       const n = { ...o };
-      return n[e] = n[e].filter((L, f) => f !== s), n;
+      return n[e] = n[e].filter((L, p) => p !== i), n;
     });
   }, []);
   return /* @__PURE__ */ k(
     S.Provider,
     {
-      value: { updateElement: A, clearElements: O, removeElement: y, elementList: l, scrollToElement: M },
-      children: i
+      value: { updateElement: A, clearElements: O, removeElement: y, elementList: s, scrollToElement: M },
+      children: l
     }
   );
 }, h = () => {
-}, Ce = () => {
-  const i = N(S), { type: l, validating: c } = Q(), t = U(0), r = q(() => {
-    if (c !== !1)
+}, be = () => {
+  const l = N(S), { type: s, validating: m } = Q(), t = U(0), r = q(() => {
+    if (m !== !1)
       return {
         updateElement: h,
         clearElements: h,
@@ -92,7 +111,7 @@ const S = z(void 0), he = ({ children: i }) => {
         elementList: {},
         scrollToElement: h
       };
-    if (!(l !== B.Developer))
+    if (!(s !== B.Developer))
       return {
         updateElement: () => {
           t.current === 0 && (console.error(x), t.current++);
@@ -108,13 +127,13 @@ const S = z(void 0), he = ({ children: i }) => {
           t.current === 0 && (console.error(x), t.current++);
         }
       };
-  }, [l, c]);
-  if (!i)
+  }, [s, m]);
+  if (!l)
     throw new Error("useElementPageContext must be used within a ElementPageProvider");
-  return r || i;
+  return r || l;
 };
 export {
   S as ElementPageContext,
-  he as ElementPageProvider,
-  Ce as useElementPageContext
+  Ve as ElementPageProvider,
+  be as useElementPageContext
 };

package/dist/contexts/FileInputContext.js

@@ -1,39 +1,49 @@
-import { jsxs as m, jsx as x } from "react/jsx-runtime";
-import { createContext as C, useRef as c, useContext as F } from "react";
+import { jsxs as d, jsx as x } from "react/jsx-runtime";
+import { createContext as C, useRef as s, useContext as F } from "react";
 import { useDocumentContext as h } from "./RPDocumentContext.js";
 import { useDocumentPasswordContext as P } from "./DocumentPasswordContext.js";
-const l = C(null), g = ({ children: t }) => {
-  const { setFilename: u, setPdfSrc: p } = h(), r = c(), o = c(null), { setPassword: a } = P(), f = () => {
-    var e;
-    (e = o.current) == null || e.click();
-  }, d = (e) => {
-    var i;
-    const n = (i = e.target.files) == null ? void 0 : i[0];
-    if (!n || n.type !== "application/pdf")
+import "../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../utils/types.js";
+import "../th_TH-d627cd51.js";
+import "../utils/getThumbnailViewport.js";
+import "./ConfigContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../utils/convertPdfDate.js";
+import "../utils/formatFileSize.js";
+import "../utils/appConsole.js";
+const c = C(null), S = ({ children: e }) => {
+  const { setFilename: l, setPdfSrc: u } = h(), o = s(), n = s(null), { setPassword: m } = P(), a = () => {
+    var t;
+    (t = n.current) == null || t.click();
+  }, f = (t) => {
+    var p;
+    const r = (p = t.target.files) == null ? void 0 : p[0];
+    if (!r || r.type !== "application/pdf")
       return;
-    const s = URL.createObjectURL(n);
-    r.current && URL.revokeObjectURL(r.current), r.current = s, u(n.name), p(s), e.target.value = "", a("");
+    const i = URL.createObjectURL(r);
+    o.current && URL.revokeObjectURL(o.current), o.current = i, l(r.name), u(i), t.target.value = "", m("");
   };
-  return /* @__PURE__ */ m(l.Provider, { value: { openFile: f }, children: [
-    t,
+  return /* @__PURE__ */ d(c.Provider, { value: { openFile: a }, children: [
+    e,
     /* @__PURE__ */ x(
       "input",
       {
         accept: "application/pdf",
         type: "file",
-        ref: o,
+        ref: n,
         style: { display: "none" },
-        onChange: d
+        onChange: f
       }
     )
   ] });
-}, j = () => {
-  const t = F(l);
-  if (!t)
+}, q = () => {
+  const e = F(c);
+  if (!e)
     throw new Error("useOpenFileContext must be used within FileInputProvider");
-  return t;
+  return e;
 };
 export {
-  g as FileInputProvider,
-  j as useOpenFileContext
+  S as FileInputProvider,
+  q as useOpenFileContext
 };