@pdf-viewer/react 1.6.0-beta.5 → 1.6.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/RPDefaultLayout-0db14109.js +3058 -0
  2. package/dist/components/RPController.js +1 -1
  3. package/dist/components/RPPages.js +1 -1
  4. package/dist/components/RPProvider.js +1 -1
  5. package/dist/components/layout/LayoutContainer.js +1 -1
  6. package/dist/components/layout/RPDefaultLayout.js +1 -1
  7. package/dist/components/layout/sidebar/RPSidebar.js +1 -1
  8. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  9. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  10. package/dist/components/layout/toolbar/DocumentDialog.js +1 -1
  11. package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
  12. package/dist/components/layout/toolbar/MostPageTool.js +1 -1
  13. package/dist/components/layout/toolbar/OtherTool.js +1 -1
  14. package/dist/components/layout/toolbar/Paginate.js +1 -1
  15. package/dist/components/layout/toolbar/PrintTool.js +1 -1
  16. package/dist/components/layout/toolbar/RPToolbar.js +1 -1
  17. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  18. package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
  19. package/dist/components/layout/toolbar/SearchTool.js +1 -1
  20. package/dist/components/layout/toolbar/ZoomTool.js +1 -1
  21. package/dist/components/page/AnnotationLayer.js +1 -1
  22. package/dist/components/page/CanvasLayer.js +1 -1
  23. package/dist/components/page/DualPage.js +1 -1
  24. package/dist/components/page/RPPage.js +1 -1
  25. package/dist/components/page/SinglePage.js +1 -1
  26. package/dist/components/page/TextHighlightLayer.js +1 -1
  27. package/dist/components/page/TextLayer.js +1 -1
  28. package/dist/components/ui/LoadingIndicator.js +1 -1
  29. package/dist/contexts/PaginationContext.js +1 -1
  30. package/dist/contexts/PrintContext.js +1 -1
  31. package/dist/contexts/SearchContext.js +1 -1
  32. package/dist/contexts/ThumbnailsContext.js +1 -1
  33. package/dist/main.js +1 -1
  34. package/dist/types/utils/getScrollDistance.d.ts +1 -0
  35. package/dist/types/utils/getWordPositionInPage.d.ts +11 -0
  36. package/dist/types/utils/types.d.ts +7 -0
  37. package/dist/utils/getScrollDistance.js +4 -0
  38. package/dist/utils/getWordPositionInPage.js +19 -0
  39. package/dist/utils/highlight.js +141 -126
  40. package/dist/utils/hooks/useFileDownload.js +1 -1
  41. package/dist/utils/hooks/useLicense.js +1 -1
  42. package/dist/utils/hooks/usePaginate.js +3 -2
  43. package/dist/utils/hooks/usePresentPage.js +1 -1
  44. package/dist/utils/hooks/usePrint.js +1 -1
  45. package/dist/utils/hooks/useScrollToPage.js +3 -2
  46. package/dist/utils/hooks/useSearch.js +4 -3
  47. package/dist/utils/hooks/useThumbnail.js +1 -1
  48. package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
  49. package/package.json +1 -1
  50. package/dist/RPDefaultLayout-eb8d9898.js +0 -3044
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useState as i, useId as V, useMemo as T } from "react";
3
- import { P as w, S as D, T as k, a as x } from "../RPDefaultLayout-eb8d9898.js";
3
+ import { P as w, S as D, T as k, a as x } from "../RPDefaultLayout-0db14109.js";
4
4
  import { DarkModeProvider as E } from "../contexts/DarkModeContext.js";
5
5
  import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
6
6
  import { RotateProvider as y } from "../contexts/RotationContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { R as L } from "../RPDefaultLayout-eb8d9898.js";
3
+ import { R as L } from "../RPDefaultLayout-0db14109.js";
4
4
  import "../contexts/VirtualScrollContext.js";
5
5
  import "../contexts/RPDocumentContext.js";
6
6
  import "../contexts/DocumentPasswordContext.js";
@@ -4,7 +4,7 @@ import { DocumentProvider as s } from "../contexts/RPDocumentContext.js";
4
4
  import { DocumentPasswordProvider as l } from "../contexts/DocumentPasswordContext.js";
5
5
  import { RPController as P } from "./RPController.js";
6
6
  import { LoaderProvider as f } from "../contexts/LoaderContext.js";
7
- import "../RPDefaultLayout-eb8d9898.js";
7
+ import "../RPDefaultLayout-0db14109.js";
8
8
  import "./RPConfig.js";
9
9
  import "./RPTheme.js";
10
10
  import "./RPDropFileZone.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../clsx-0c6e471a.js";
3
3
  import "react";
4
- import { K as E } from "../../RPDefaultLayout-eb8d9898.js";
4
+ import { K as E } from "../../RPDefaultLayout-0db14109.js";
5
5
  import "../../contexts/ThemeContext.js";
6
6
  import "../../contexts/RPDocumentContext.js";
7
7
  import "../../contexts/DocumentPasswordContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { b as x } from "../../RPDefaultLayout-eb8d9898.js";
3
+ import { b as x } from "../../RPDefaultLayout-0db14109.js";
4
4
  import "../../contexts/ToolbarComponentContext.js";
5
5
  import "../../contexts/LayoutContainerContext.js";
6
6
  import "./Container.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../icons/Thumbnail.js";
4
4
  import "../../ui/Button.js";
5
- import { J as s } from "../../../RPDefaultLayout-eb8d9898.js";
5
+ import { J as s } from "../../../RPDefaultLayout-0db14109.js";
6
6
  import "./RPSplitter.js";
7
7
  import "../../../contexts/ToolbarComponentContext.js";
8
8
  import "../../../contexts/IconContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { H as a } from "../../../RPDefaultLayout-eb8d9898.js";
3
+ import { H as a } from "../../../RPDefaultLayout-0db14109.js";
4
4
  import "../../../clsx-0c6e471a.js";
5
5
  import "../../icons/LoaderIcon.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { I as t } from "../../../RPDefaultLayout-eb8d9898.js";
3
+ import { I as t } from "../../../RPDefaultLayout-0db14109.js";
4
4
  import "../../../utils/hooks/useInfiniteScroll.js";
5
5
  export {
6
6
  t as Thumbnails
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { x as J } from "../../../RPDefaultLayout-eb8d9898.js";
3
+ import { x as J } from "../../../RPDefaultLayout-0db14109.js";
4
4
  import "../../../contexts/LayoutContainerContext.js";
5
5
  import "../../icons/CloseIcon.js";
6
6
  import "../../../utils/dateFormatter.js";
@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/IconContext.js";
5
5
  import "../../ui/Button.js";
6
- import { F as f } from "../../../RPDefaultLayout-eb8d9898.js";
6
+ import { F as f } from "../../../RPDefaultLayout-0db14109.js";
7
7
  import "./MenuItem.js";
8
8
  import "../../../contexts/ViewportContext.js";
9
9
  import "../../ui/RPTooltip.js";
@@ -4,7 +4,7 @@ import "./MenuItem.js";
4
4
  import "react";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
- import { M as I } from "../../../RPDefaultLayout-eb8d9898.js";
7
+ import { M as I } from "../../../RPDefaultLayout-0db14109.js";
8
8
  import "../../../contexts/DarkModeContext.js";
9
9
  import "../../../contexts/RotationContext.js";
10
10
  import "../../../contexts/LayerContext.js";
@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
3
3
  import "../../icons/ThreeDotIcon.js";
4
4
  import "../../ui/Button.js";
5
5
  import "../../ui/DropDown.js";
6
- import { O as q } from "../../../RPDefaultLayout-eb8d9898.js";
6
+ import { O as q } from "../../../RPDefaultLayout-0db14109.js";
7
7
  import "../../../contexts/OtherToolContext.js";
8
8
  import "./DocumentProperties.js";
9
9
  import "./RotateTool.js";
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../icons/ChevronUpIcon.js";
4
4
  import "../../ui/Button.js";
5
5
  import "../../ui/Input.js";
6
- import { w } from "../../../RPDefaultLayout-eb8d9898.js";
6
+ import { w } from "../../../RPDefaultLayout-0db14109.js";
7
7
  import "../../../contexts/IconContext.js";
8
8
  import "../../../contexts/ToolbarComponentContext.js";
9
9
  import "../../../contexts/ViewportContext.js";
@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/IconContext.js";
5
5
  import "../../ui/Button.js";
6
- import { y as s } from "../../../RPDefaultLayout-eb8d9898.js";
6
+ import { y as s } from "../../../RPDefaultLayout-0db14109.js";
7
7
  import "../../../contexts/ViewportContext.js";
8
8
  import "../../../contexts/LocalizationContext.js";
9
9
  import "./MenuItem.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { G as a } from "../../../RPDefaultLayout-eb8d9898.js";
3
+ import { G as a } from "../../../RPDefaultLayout-0db14109.js";
4
4
  import "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/ViewportContext.js";
6
6
  export {
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "./FileUploadTool.js";
3
3
  import "./DarkModeTool.js";
4
- import { z as b } from "../../../RPDefaultLayout-eb8d9898.js";
4
+ import { z as b } from "../../../RPDefaultLayout-0db14109.js";
5
5
  import "./FullScreenTool.js";
6
6
  import "../../../contexts/ViewportContext.js";
7
7
  export {
@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
3
3
  import "../../ui/Button.js";
4
4
  import "../../icons/ChevronUpIcon.js";
5
5
  import "../../../contexts/LocalizationContext.js";
6
- import { B as s } from "../../../RPDefaultLayout-eb8d9898.js";
6
+ import { B as s } from "../../../RPDefaultLayout-0db14109.js";
7
7
  import "../../../SearchCloseButton-959cc1ed.js";
8
8
  export {
9
9
  s as SearchResultNavigator
@@ -8,7 +8,7 @@ import "../../ui/Input.js";
8
8
  import "../../ui/Checkbox.js";
9
9
  import "../../icons/ClearIcon.js";
10
10
  import "../../icons/LoaderIcon.js";
11
- import { E as P } from "../../../RPDefaultLayout-eb8d9898.js";
11
+ import { E as P } from "../../../RPDefaultLayout-0db14109.js";
12
12
  import "../../../contexts/IconContext.js";
13
13
  import "../../../contexts/RPDocumentContext.js";
14
14
  import "../../../contexts/DocumentPasswordContext.js";
@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
5
5
  import "../../icons/ZoomInIcon.js";
6
6
  import "../../icons/ZoomOutIcon.js";
7
7
  import "../../ui/Button.js";
8
- import { Z as w } from "../../../RPDefaultLayout-eb8d9898.js";
8
+ import { Z as w } from "../../../RPDefaultLayout-0db14109.js";
9
9
  import "../../ui/DropDown.js";
10
10
  import "../../../contexts/LayoutContainerContext.js";
11
11
  import "../../../index-7279fb4e.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { A as I } from "../../RPDefaultLayout-eb8d9898.js";
5
+ import { A as I } from "../../RPDefaultLayout-0db14109.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../utils/types.js";
8
8
  import "../../contexts/RotationContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { C as F } from "../../RPDefaultLayout-eb8d9898.js";
5
+ import { C as F } from "../../RPDefaultLayout-0db14109.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { D as p } from "../../RPDefaultLayout-eb8d9898.js";
3
+ import { D as p } from "../../RPDefaultLayout-0db14109.js";
4
4
  export {
5
5
  p as DualPage
6
6
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { r as E } from "../../RPDefaultLayout-eb8d9898.js";
3
+ import { r as E } from "../../RPDefaultLayout-0db14109.js";
4
4
  import "../../contexts/RPDocumentContext.js";
5
5
  import "../../contexts/DocumentPasswordContext.js";
6
6
  import "../../contexts/DarkModeContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { t as i } from "../../RPDefaultLayout-eb8d9898.js";
3
+ import { t as i } from "../../RPDefaultLayout-0db14109.js";
4
4
  export {
5
5
  i as SinglePage
6
6
  };
@@ -3,7 +3,7 @@ import "react";
3
3
  import "pdfjs-dist";
4
4
  import "../../contexts/RPDocumentContext.js";
5
5
  import "../../contexts/DocumentPasswordContext.js";
6
- import { q as E } from "../../RPDefaultLayout-eb8d9898.js";
6
+ import { q as E } from "../../RPDefaultLayout-0db14109.js";
7
7
  import "../../contexts/DarkModeContext.js";
8
8
  import "../../contexts/RotationContext.js";
9
9
  import "../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { p as F } from "../../RPDefaultLayout-eb8d9898.js";
5
+ import { p as F } from "../../RPDefaultLayout-0db14109.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { L as i } from "../../RPDefaultLayout-eb8d9898.js";
2
+ import { L as i } from "../../RPDefaultLayout-0db14109.js";
3
3
  import "../../clsx-0c6e471a.js";
4
4
  import "../../contexts/LocalizationContext.js";
5
5
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { h as e, P as m, u as p } from "../RPDefaultLayout-eb8d9898.js";
3
+ import { h as e, P as m, u as p } from "../RPDefaultLayout-0db14109.js";
4
4
  import "./RPDocumentContext.js";
5
5
  import "../utils/appConsole.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { j as e, a as n, d as a } from "../RPDefaultLayout-eb8d9898.js";
3
+ import { j as e, a as n, d as a } from "../RPDefaultLayout-0db14109.js";
4
4
  export {
5
5
  e as PrintContext,
6
6
  n as PrintProvider,
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { o as a, S as s, e as S } from "../RPDefaultLayout-eb8d9898.js";
3
+ import { o as a, S as s, e as S } from "../RPDefaultLayout-0db14109.js";
4
4
  export {
5
5
  a as SearchContext,
6
6
  s as SearchProvider,
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { l as i, T as r, m as e } from "../RPDefaultLayout-eb8d9898.js";
3
+ import { l as i, T as r, m as e } from "../RPDefaultLayout-0db14109.js";
4
4
  export {
5
5
  i as ThumbnailContext,
6
6
  r as ThumbnailProvider,
package/dist/main.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { RPProvider as t } from "./components/RPProvider.js";
2
- import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-eb8d9898.js";
2
+ import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-0db14109.js";
3
3
  import { RPConfig as a } from "./components/RPConfig.js";
4
4
  import { RPController as l } from "./components/RPController.js";
5
5
  import { RPTheme as P } from "./components/RPTheme.js";
@@ -0,0 +1 @@
1
+ export declare const getScrollDistance: (distanceList: number[], targetIndex: number) => number;
@@ -0,0 +1,11 @@
1
+ import { WordPositionRect } from './types';
2
+ export declare const getWordPositionInPage: (matchPageDimension: {
3
+ width: number;
4
+ height: number;
5
+ }, space: {
6
+ top: number;
7
+ left: number;
8
+ }, wordPosition: WordPositionRect, scale: number, rotation: number) => {
9
+ leftInPage: number;
10
+ topInPage: number;
11
+ };
@@ -543,6 +543,12 @@ export interface ScrollModeContextType {
543
543
  export interface ScrollModeProps {
544
544
  initialScrollMode?: ScrollMode;
545
545
  }
546
+ export interface WordPositionRect {
547
+ left: number;
548
+ top: number;
549
+ width: number;
550
+ height: number;
551
+ }
546
552
  export interface Match {
547
553
  start: {
548
554
  idx: number;
@@ -555,6 +561,7 @@ export interface Match {
555
561
  str: string;
556
562
  oIndex: number;
557
563
  pageIndex: number;
564
+ rect: WordPositionRect;
558
565
  }
559
566
  export interface MatchValue extends Match {
560
567
  page: number;
@@ -0,0 +1,4 @@
1
+ const o = (e, t) => e.reduce((r, n, u) => u < t ? r + n : r, 0);
2
+ export {
3
+ o as getScrollDistance
4
+ };
@@ -0,0 +1,19 @@
1
+ const a = (n, c) => {
2
+ const t = c * (Math.PI / 180);
3
+ return {
4
+ x: n.x * Math.cos(t) - n.y * Math.sin(t),
5
+ y: n.x * Math.sin(t) + n.y * Math.cos(t)
6
+ };
7
+ }, W = (n, c, t, e, h) => {
8
+ 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(
9
+ { x: r, y: s },
10
+ h
11
+ ), 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 = {
12
+ left: y,
13
+ top: u
14
+ }, P = o.left - d, I = o.top - x;
15
+ return { leftInPage: P, topInPage: I };
16
+ };
17
+ export {
18
+ W as getWordPositionInPage
19
+ };