@pdf-viewer/react 1.5.1 → 1.6.0-beta.10

package/dist/index-71898eb9.js

@@ -0,0 +1,139 @@
+import * as i from "react";
+import { jsx as C } from "react/jsx-runtime";
+function m(e, n) {
+  const t = i.createContext(n), r = (s) => {
+    const { children: o, ...c } = s, a = i.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ C(t.Provider, { value: a, children: o });
+  };
+  r.displayName = e + "Provider";
+  function u(s) {
+    const o = i.useContext(t);
+    if (o)
+      return o;
+    if (n !== void 0)
+      return n;
+    throw new Error(`\`${s}\` must be used within \`${e}\``);
+  }
+  return [r, u];
+}
+function E(e, n = []) {
+  let t = [];
+  function r(s, o) {
+    const c = i.createContext(o), a = t.length;
+    t = [...t, o];
+    const f = (d) => {
+      var b;
+      const { scope: l, children: S, ...v } = d, h = ((b = l == null ? void 0 : l[e]) == null ? void 0 : b[a]) || c, z = i.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ C(h.Provider, { value: z, children: S });
+    };
+    f.displayName = s + "Provider";
+    function x(d, l) {
+      var h;
+      const S = ((h = l == null ? void 0 : l[e]) == null ? void 0 : h[a]) || c, v = i.useContext(S);
+      if (v)
+        return v;
+      if (o !== void 0)
+        return o;
+      throw new Error(`\`${d}\` must be used within \`${s}\``);
+    }
+    return [f, x];
+  }
+  const u = () => {
+    const s = t.map((o) => i.createContext(o));
+    return function(c) {
+      const a = (c == null ? void 0 : c[e]) || s;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
+        [c, a]
+      );
+    };
+  };
+  return u.scopeName = e, [r, P(u, ...n)];
+}
+function P(...e) {
+  const n = e[0];
+  if (e.length === 1)
+    return n;
+  const t = () => {
+    const r = e.map((u) => ({
+      useScope: u(),
+      scopeName: u.scopeName
+    }));
+    return function(s) {
+      const o = r.reduce((c, { useScope: a, scopeName: f }) => {
+        const d = a(s)[`__scope${f}`];
+        return { ...c, ...d };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function y(e) {
+  const n = i.useRef(e);
+  return i.useEffect(() => {
+    n.current = e;
+  }), i.useMemo(() => (...t) => {
+    var r;
+    return (r = n.current) == null ? void 0 : r.call(n, ...t);
+  }, []);
+}
+var g = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function $(e) {
+  const [n, t] = i.useState(void 0);
+  return g(() => {
+    if (e) {
+      t({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((u) => {
+        if (!Array.isArray(u) || !u.length)
+          return;
+        const s = u[0];
+        let o, c;
+        if ("borderBoxSize" in s) {
+          const a = s.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
+          o = f.inlineSize, c = f.blockSize;
+        } else
+          o = e.offsetWidth, c = e.offsetHeight;
+        t({ width: o, height: c });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      t(void 0);
+  }, [e]), n;
+}
+function _({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  }
+}) {
+  const [r, u] = p({ defaultProp: n, onChange: t }), s = e !== void 0, o = s ? e : r, c = y(t), a = i.useCallback(
+    (f) => {
+      if (s) {
+        const d = typeof f == "function" ? f(e) : f;
+        d !== e && c(d);
+      } else
+        u(f);
+    },
+    [s, e, u, c]
+  );
+  return [o, a];
+}
+function p({
+  defaultProp: e,
+  onChange: n
+}) {
+  const t = i.useState(e), [r] = t, u = i.useRef(r), s = y(n);
+  return i.useEffect(() => {
+    u.current !== r && (s(r), u.current = r);
+  }, [r, u, s]), t;
+}
+export {
+  g as a,
+  _ as b,
+  E as c,
+  $ as d,
+  m as e,
+  y as u
+};

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-ed089918.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-4518b3d3.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/components/layout/toolbar/SearchCloseButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type SearchCloseButtonProps = {
+    onKeyPress: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    handleClose: () => void;
+};
+export declare const SearchCloseButton: FC<SearchCloseButtonProps>;
+export {};

package/dist/types/components/layout/toolbar/SearchResultNavigator.d.ts

@@ -0,0 +1 @@
+export declare const SearchResultNavigator: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/layout/toolbar/ViewModeTool.d.ts

@@ -1 +1 @@
-export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ui/PasswordModal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const PasswordModal: FC;
+export default PasswordModal;

package/dist/types/contexts/DocumentPasswordContext.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } from 'react';
+export interface DocumentPasswordContextType {
+    password?: string;
+    setPassword: React.Dispatch<React.SetStateAction<string | undefined>>;
+    passwordError?: string;
+    setPasswordError: React.Dispatch<React.SetStateAction<string | undefined>>;
+    passwordRequired?: boolean;
+    setPasswordRequired: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+    invalidPassword?: boolean;
+}
+declare const DocumentPasswordContext: React.Context<DocumentPasswordContextType>;
+export declare const DocumentPasswordProvider: FC<PropsWithChildren>;
+export declare const useDocumentPasswordContext: () => DocumentPasswordContextType;
+export default DocumentPasswordContext;

package/dist/types/contexts/SmoothScrollContext.d.ts

@@ -1,7 +1,5 @@
-import { ScrollPosition } from '../utils/types';
 interface SmoothScrollContextType {
-    smoothScrolling: React.MutableRefObject<boolean>;
-    targetScrollPosition: React.MutableRefObject<ScrollPosition>;
+    targetScrollPage: React.MutableRefObject<number | undefined>;
 }
 export declare const SmoothScrollProvider: ({ children }: {
     children: React.ReactNode;

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

@@ -1,2 +1,3 @@
 export declare const PAGE_PADDING = 4;
 export declare const THUMBNAIL_MIN_WIDTH = 200;
+export declare const SCROLL_BAR_WIDTH = 20;

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

@@ -0,0 +1 @@
+export declare const getScrollDistance: (distanceList: number[], targetIndex: number) => number;

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

@@ -0,0 +1,11 @@
+import { WordPositionRect } from './types';
+export declare const getWordPositionInPage: (matchPageDimension: {
+    width: number;
+    height: number;
+}, space: {
+    top: number;
+    left: number;
+}, wordPosition: WordPositionRect, scale: number, rotation: number) => {
+    leftInPage: number;
+    topInPage: number;
+};

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

@@ -1,2 +1,2 @@
-import { ZoomLevel } from './types';
-export declare const getZoomLevel: (zoomLevel: number | ZoomLevel, clientWidth: number, clientHeight: number, pageWidth: number, pageHeight: number) => number;
+import { ZoomLevel, ViewMode } from './types';
+export declare const getZoomLevel: (zoomLevel: number | ZoomLevel, clientWidth: number, clientHeight: number, pageWidth: number, pageHeight: number, viewMode: ViewMode) => number;

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

@@ -5,4 +5,6 @@ export declare const useLoadPdf: (src?: RPSrc, characterMap?: CharacterMap, opti
     pages: Map<number, PdfPage>;
     loading: boolean;
     loadingProgress: number;
+    passwordRequired: boolean | undefined;
+    passwordError: string | undefined;
 };

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

@@ -140,6 +140,11 @@ export type Localization = {
     propertiesPDFVersionLabel?: string;
     propertiesPageCountLabel?: string;
     thumbnailTooltip?: string;
+    passwordModalTitle?: string;
+    passwordModalMessage?: string;
+    passwordPlaceholder?: string;
+    passwordConfirmLabel?: string;
+    passwordError?: string;
     dragDropFileMessage?: string;
 };
 interface Attachment {
@@ -324,7 +329,6 @@ export interface RPSlots {
     dropFileZone?: boolean | React.ReactNode | React.ComponentType;
     downloadTool?: boolean | FC<DownloadToolProps>;
     zoomTool?: boolean | FC<ZoomProps>;
-    viewModeTool?: boolean;
     scrollModeTool?: boolean;
     thumbnailTool?: boolean | FC<ThumbnailToolProps>;
     pageNavigationTool?: boolean | FC<PageNavigationToolProps>;
@@ -446,7 +450,13 @@ export declare enum ThemeVariables {
     TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius",
     CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color",
     TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color",
-    TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius"
+    TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius",
+    PASSWORD_MODAL_BACKGROUND = "--rp-password-background",
+    PASSWORD_MODAL_TITLE_COLOR = "--rp-password-title-color",
+    PASSWORD_MODAL_CONTENT_COLOR = "--rp-password-content-color",
+    CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width",
+    CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color",
+    CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset"
 }
 export interface DarkModeProviderProps extends PropsWithChildren, Partial<Omit<DarkMode, 'setDarkMode'>> {
 }
@@ -500,7 +510,7 @@ export interface ZoomContextType {
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
     instanceId: string;
-} & ZoomProviderProps & PageProviderProps & ViewModeProps & ScrollModeProps & RotateProviderProps;
+} & ZoomProviderProps & PageProviderProps & ScrollModeProps & RotateProviderProps;
 export interface ZoomProviderProps {
     initialScale?: number | ZoomLevel;
 }
@@ -532,6 +542,12 @@ export interface ScrollModeContextType {
 export interface ScrollModeProps {
     initialScrollMode?: ScrollMode;
 }
+export interface WordPositionRect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
 export interface Match {
     start: {
         idx: number;
@@ -544,6 +560,7 @@ export interface Match {
     str: string;
     oIndex: number;
     pageIndex: number;
+    rect: WordPositionRect;
 }
 export interface MatchValue extends Match {
     page: number;

package/dist/utils/constants.js

@@ -1,5 +1,6 @@
-const I = 4, o = 200;
+const I = 4, _ = 200, o = 20;
 export {
   I as PAGE_PADDING,
-  o as THUMBNAIL_MIN_WIDTH
+  o as SCROLL_BAR_WIDTH,
+  _ as THUMBNAIL_MIN_WIDTH
 };

package/dist/utils/getScrollDistance.js

@@ -0,0 +1,4 @@
+const o = (e, t) => e.reduce((r, n, u) => u < t ? r + n : r, 0);
+export {
+  o as getScrollDistance
+};

package/dist/utils/getWordPositionInPage.js

@@ -0,0 +1,19 @@
+const a = (n, c) => {
+  const t = c * (Math.PI / 180);
+  return {
+    x: n.x * Math.cos(t) - n.y * Math.sin(t),
+    y: n.x * Math.sin(t) + n.y * Math.cos(t)
+  };
+}, W = (n, c, t, e, h) => {
+  const s = t.height * e, r = t.width * e, f = t.top * e, g = t.left * e, M = n.height - f, { x: p, y: i } = a(
+    { x: r, y: s },
+    h
+  ), d = c.left + Math.abs(p) / 2, x = c.top + Math.abs(i) / 2, { x: y, y: u } = a({ x: g, y: M }, h), o = {
+    left: y,
+    top: u
+  }, P = o.left - d, I = o.top - x;
+  return { leftInPage: P, topInPage: I };
+};
+export {
+  W as getWordPositionInPage
+};

package/dist/utils/getZoomLevel.js

@@ -1,20 +1,24 @@
-import { ZoomLevel as t } from "./types.js";
-const c = (o, r, m, e, s) => {
+import { SCROLL_BAR_WIDTH as s } from "./constants.js";
+import { ZoomLevel as e, ViewMode as c } from "./types.js";
+const Z = (o, t, m, r, a, u) => {
   if (typeof o == "number")
     return o;
   switch (o) {
-    case t.ACTUAL:
+    case e.ACTUAL:
       return 100;
-    case t.PAGE_FIT:
+    case e.PAGE_FIT:
       let n = 0;
-      const f = r > m;
-      return s > e && f ? n = m / s : n = r / e, Math.floor(n * 100);
-    case t.PAGE_WIDTH:
-      return Math.floor(r / e * 100);
+      const l = u === c.DUAL_PAGE ? 2 * r : r;
+      return n = Math.min(
+        (t - s) / l,
+        m / a
+      ), Math.floor(n * 100);
+    case e.PAGE_WIDTH:
+      return Math.floor(t / r * 100);
     default:
       return 100;
   }
 };
 export {
-  c as getZoomLevel
+  Z as getZoomLevel
 };