@pdf-viewer/react 1.13.0 → 1.14.0-beta.1
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.
- package/dist/ToolbarLayout.module-c133fcc0.js +3543 -0
- package/dist/components/RPConfig.js +127 -123
- package/dist/components/RPController.js +1 -1
- package/dist/components/RPPages.js +1 -1
- package/dist/components/RPProvider.js +1 -1
- package/dist/components/layout/LayoutContainer.js +1 -1
- package/dist/components/layout/RPDefaultLayout.js +1 -1
- package/dist/components/layout/RPLayout.js +1 -1
- package/dist/components/layout/sidebar/RPSidebar.js +1 -1
- package/dist/components/layout/sidebar/Thumbnail.js +1 -1
- package/dist/components/layout/sidebar/Thumbnails.js +1 -1
- package/dist/components/layout/toolbar/DocumentDialog.js +1 -1
- package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/MostPageTool.js +1 -1
- package/dist/components/layout/toolbar/OtherTool.js +1 -1
- package/dist/components/layout/toolbar/Paginate.js +1 -1
- package/dist/components/layout/toolbar/PrintTool.js +1 -1
- package/dist/components/layout/toolbar/RPMoreOptions.js +1 -1
- package/dist/components/layout/toolbar/RPToolbar.js +1 -1
- package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
- package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
- package/dist/components/layout/toolbar/SearchTool.js +1 -1
- package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/ToolbarCustom.js +19 -19
- package/dist/components/layout/toolbar/ToolbarDefault.js +25 -25
- package/dist/components/layout/toolbar/ToolbarLayout.js +1 -1
- package/dist/components/layout/toolbar/ZoomTool.js +1 -1
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +1 -1
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/NextPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/PrintTool.js +2 -2
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +1 -1
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +1 -1
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +1 -1
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +1 -1
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +1 -1
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +1 -1
- package/dist/components/page/AnnotationLayer.js +1 -1
- package/dist/components/page/CanvasLayer.js +1 -1
- package/dist/components/page/DualPage.js +1 -1
- package/dist/components/page/RPPage.js +1 -1
- package/dist/components/page/SinglePage.js +1 -1
- package/dist/components/page/TextHighlightLayer.js +1 -1
- package/dist/components/page/TextLayer.js +1 -1
- package/dist/components/ui/LoadingIndicator.js +1 -1
- package/dist/contexts/ElementPageContext.js +1 -1
- package/dist/contexts/PaginationContext.js +1 -1
- package/dist/contexts/PrintContext.js +1 -1
- package/dist/contexts/RenderQueueProvider.js +1 -1
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/main.js +1 -1
- package/dist/types/main.d.ts +1 -1
- package/dist/types/utils/hooks/usePrint.d.ts +3 -2
- package/dist/types/utils/hooks/useSearch.d.ts +1 -2
- package/dist/types/utils/types.d.ts +7 -3
- package/dist/utils/hooks/useFileDownload.js +1 -1
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/usePaginate.js +1 -1
- package/dist/utils/hooks/usePresentPage.js +1 -1
- package/dist/utils/hooks/usePrint.js +1 -1
- package/dist/utils/hooks/useScrollToPage.js +1 -1
- package/dist/utils/hooks/useSearch.js +1 -1
- package/dist/utils/hooks/useThumbnail.js +1 -1
- package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
- package/package.json +1 -1
- package/dist/ToolbarLayout.module-126458d9.js +0 -3539
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useState as o, useId as T, useMemo as w } from "react";
|
|
3
|
-
import { P as D, e as E, f as G, T as b, g as k } from "../ToolbarLayout.module-
|
|
3
|
+
import { P as D, e as E, f as G, T as b, g as k } from "../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
|
|
5
5
|
import { ViewMode as F, ScrollMode as y, SelectionMode as _ } from "../utils/types.js";
|
|
6
6
|
import { RotateProvider as z } from "../contexts/RotationContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { R as Er } from "../ToolbarLayout.module-
|
|
3
|
+
import { R as Er } from "../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import "../contexts/VirtualScrollContext.js";
|
|
5
5
|
import "../contexts/RPDocumentContext.js";
|
|
6
6
|
import "../contexts/DocumentPasswordContext.js";
|
|
@@ -22,7 +22,7 @@ import "../utils/hooks/usePdfProperties.js";
|
|
|
22
22
|
import "../utils/convertPdfDate.js";
|
|
23
23
|
import "../utils/formatFileSize.js";
|
|
24
24
|
import "../utils/appConsole.js";
|
|
25
|
-
import "../ToolbarLayout.module-
|
|
25
|
+
import "../ToolbarLayout.module-c133fcc0.js";
|
|
26
26
|
import "./icons/ChevronUpIcon.js";
|
|
27
27
|
import "./ui/Button.js";
|
|
28
28
|
import "../clsx-0c6e471a.js";
|
|
@@ -5,7 +5,7 @@ import "../../contexts/ThemeContext.js";
|
|
|
5
5
|
import "react";
|
|
6
6
|
import "../../contexts/RPDocumentContext.js";
|
|
7
7
|
import "../../contexts/DocumentPasswordContext.js";
|
|
8
|
-
import { L as Fr } from "../../ToolbarLayout.module-
|
|
8
|
+
import { L as Fr } from "../../ToolbarLayout.module-c133fcc0.js";
|
|
9
9
|
import "../../contexts/DarkModeContext.js";
|
|
10
10
|
import "../../contexts/RotationContext.js";
|
|
11
11
|
import "../../contexts/LayerContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { a as Ct } from "../../ToolbarLayout.module-
|
|
3
|
+
import { a as Ct } from "../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import "../../LayoutWrapper-6224491f.js";
|
|
5
5
|
import "../../contexts/ToolbarComponentContext.js";
|
|
6
6
|
import "../../contexts/LayoutContainerContext.js";
|
|
@@ -7,7 +7,7 @@ import { ToolbarLayout as C } from "./toolbar/ToolbarLayout.js";
|
|
|
7
7
|
import { WrapperLayout as g } from "./WrapperLayout.js";
|
|
8
8
|
import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
|
|
9
9
|
import "../../contexts/DocumentPasswordContext.js";
|
|
10
|
-
import { L as b } from "../../ToolbarLayout.module-
|
|
10
|
+
import { L as b } from "../../ToolbarLayout.module-c133fcc0.js";
|
|
11
11
|
import "../../contexts/DarkModeContext.js";
|
|
12
12
|
import "../../contexts/RotationContext.js";
|
|
13
13
|
import "../../contexts/LayerContext.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 { a0 as Do } from "../../../ToolbarLayout.module-
|
|
5
|
+
import { a0 as Do } from "../../../ToolbarLayout.module-c133fcc0.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 { $ as Eo } from "../../../ToolbarLayout.module-
|
|
3
|
+
import { $ as Eo } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import "../../../clsx-0c6e471a.js";
|
|
5
5
|
import "../../icons/LoaderIcon.js";
|
|
6
6
|
import "../../../contexts/PagesRotateContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { p as Fo } from "../../../ToolbarLayout.module-
|
|
3
|
+
import { p as Fo } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import "../../../utils/hooks/useInfiniteScroll.js";
|
|
5
5
|
import "../../../utils/withRef.js";
|
|
6
6
|
import "../../icons/ChevronUpIcon.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { D as Gm } from "../../../ToolbarLayout.module-
|
|
3
|
+
import { D as Gm } from "../../../ToolbarLayout.module-c133fcc0.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 { U as Cr } from "../../../ToolbarLayout.module-
|
|
6
|
+
import { U as Cr } from "../../../ToolbarLayout.module-c133fcc0.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 { W as Cr } from "../../../ToolbarLayout.module-
|
|
7
|
+
import { W as Cr } from "../../../ToolbarLayout.module-c133fcc0.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 { X as Dr } from "../../../ToolbarLayout.module-
|
|
6
|
+
import { X as Dr } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
7
7
|
import "./DocumentProperties.js";
|
|
8
8
|
import "./RotateTool.js";
|
|
9
9
|
import "./ViewModeTool.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 { l as Fr } from "../../../ToolbarLayout.module-
|
|
6
|
+
import { l as Fr } from "../../../ToolbarLayout.module-c133fcc0.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 { V as Dr } from "../../../ToolbarLayout.module-
|
|
6
|
+
import { V as Dr } from "../../../ToolbarLayout.module-c133fcc0.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 { jsxs as T, Fragment as R, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { useState as k, useRef as z, useMemo as M, useEffect as j } from "react";
|
|
3
|
-
import { r as H, D as L } from "../../../ToolbarLayout.module-
|
|
3
|
+
import { r as H, D as L } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
|
|
5
5
|
import { ThreeDotIcon as U } from "../../icons/ThreeDotIcon.js";
|
|
6
6
|
import { UIButton as y } from "../../ui/Button.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import { _ as Cr } from "../../../ToolbarLayout.module-
|
|
2
|
+
import { _ as Cr } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
3
3
|
import "../../../contexts/ToolbarComponentContext.js";
|
|
4
4
|
import "../../../contexts/ViewportContext.js";
|
|
5
5
|
import "../../../contexts/ToolComponentContext.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "./FileUploadTool.js";
|
|
3
3
|
import "./DarkModeTool.js";
|
|
4
|
-
import { n as Cr } from "../../../ToolbarLayout.module-
|
|
4
|
+
import { n as Cr } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
5
5
|
import "./FullScreenTool.js";
|
|
6
6
|
import "../../../contexts/ViewportContext.js";
|
|
7
7
|
import "../../icons/FileUploadDefaultIcon.js";
|
|
@@ -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 { Y as Co } from "../../../ToolbarLayout.module-
|
|
6
|
+
import { Y as Co } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
7
7
|
import "../../../SearchCloseButton-08d57275.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../index-c9a2990a.js";
|
|
@@ -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 { S as Er } from "../../../ToolbarLayout.module-
|
|
11
|
+
import { S as Er } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
12
12
|
import "../../../contexts/IconContext.js";
|
|
13
13
|
import "../../../contexts/RPDocumentContext.js";
|
|
14
14
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, Fragment as c } from "react/jsx-runtime";
|
|
2
|
-
import { h as u } from "../../../ToolbarLayout.module-
|
|
2
|
+
import { h as u } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
3
3
|
import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
|
|
4
4
|
import { UIButton as h } from "../../ui/Button.js";
|
|
5
5
|
import l from "../../ui/RPTooltip.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as o, Fragment as
|
|
2
|
-
import { useRef as c, useState as
|
|
3
|
-
import { h as
|
|
4
|
-
import { useToolbarComponentContext as
|
|
1
|
+
import { jsxs as o, Fragment as e, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as c, useState as w } from "react";
|
|
3
|
+
import { h as x, c as N, o as i, p as C, q as R } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
4
|
+
import { useToolbarComponentContext as y } from "../../../contexts/ToolbarComponentContext.js";
|
|
5
5
|
import "../../../contexts/RPDocumentContext.js";
|
|
6
6
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
7
7
|
import "../../../contexts/DarkModeContext.js";
|
|
@@ -35,8 +35,8 @@ import "../../../contexts/EventCallbackContext.js";
|
|
|
35
35
|
import "../../RPConfig.js";
|
|
36
36
|
import "../Container.js";
|
|
37
37
|
import "../../../contexts/ViewportContext.js";
|
|
38
|
-
import { RPSplitter as
|
|
39
|
-
import { THUMBNAIL_MIN_WIDTH as
|
|
38
|
+
import { RPSplitter as I } from "../sidebar/RPSplitter.js";
|
|
39
|
+
import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
|
|
40
40
|
import "../WrapperLayout.js";
|
|
41
41
|
import "../../../LayoutWrapper-6224491f.js";
|
|
42
42
|
import "../../../contexts/ThemeContext.js";
|
|
@@ -136,28 +136,28 @@ import "../../RPTheme.js";
|
|
|
136
136
|
import "../../../utils/hooks/useLoadWorker.js";
|
|
137
137
|
import "../../icons/LightPdfIcon.js";
|
|
138
138
|
import "../../icons/DarkPdfIcon.js";
|
|
139
|
-
const
|
|
140
|
-
const { children: h, toolbar: u } = d,
|
|
141
|
-
return /* @__PURE__ */ o(
|
|
139
|
+
const po = (d) => {
|
|
140
|
+
const { children: h, toolbar: u } = d, n = c(null), { active: s } = x(), { showPrintProgress: b } = y(), { progress: f, showDefaultProgress: g } = N(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(W), T = g ?? b;
|
|
141
|
+
return /* @__PURE__ */ o(e, { children: [
|
|
142
142
|
/* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
|
|
143
143
|
m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
|
|
144
144
|
/* @__PURE__ */ o("div", { className: i["rp-content"], children: [
|
|
145
|
-
/* @__PURE__ */ o(
|
|
145
|
+
/* @__PURE__ */ o(e, { children: [
|
|
146
146
|
p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
|
|
147
147
|
/* @__PURE__ */ o(
|
|
148
148
|
"div",
|
|
149
149
|
{
|
|
150
150
|
"data-rp": "thumbnailSidebar",
|
|
151
|
-
hidden: !
|
|
151
|
+
hidden: !s,
|
|
152
152
|
className: i["rp-thumbnails-wrapper"],
|
|
153
|
-
style: { ...
|
|
153
|
+
style: { ...s && { position: "relative", display: "flex" } },
|
|
154
154
|
children: [
|
|
155
|
-
/* @__PURE__ */ t(C, { show:
|
|
155
|
+
/* @__PURE__ */ t(C, { show: s, ref: n, width: v }),
|
|
156
156
|
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
157
|
-
|
|
157
|
+
I,
|
|
158
158
|
{
|
|
159
|
-
onWidthChange:
|
|
160
|
-
thumbnailRef:
|
|
159
|
+
onWidthChange: P,
|
|
160
|
+
thumbnailRef: n,
|
|
161
161
|
leftSidebarRef: l,
|
|
162
162
|
isRPLayout: !0
|
|
163
163
|
}
|
|
@@ -166,12 +166,12 @@ const io = (d) => {
|
|
|
166
166
|
}
|
|
167
167
|
)
|
|
168
168
|
] }),
|
|
169
|
-
/* @__PURE__ */ t(
|
|
169
|
+
/* @__PURE__ */ t(e, { children: h })
|
|
170
170
|
] })
|
|
171
171
|
] }),
|
|
172
|
-
|
|
172
|
+
T && a ? /* @__PURE__ */ t(R, { percentage: a }) : null
|
|
173
173
|
] });
|
|
174
174
|
};
|
|
175
175
|
export {
|
|
176
|
-
|
|
176
|
+
po as ToolbarCustom
|
|
177
177
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { h as
|
|
4
|
-
import { useToolbarComponentContext as
|
|
1
|
+
import { jsxs as t, Fragment as m, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as a, useState as P } from "react";
|
|
3
|
+
import { h as g, c as v, o, p as x, q as N } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
4
|
+
import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
|
|
5
5
|
import "../../../contexts/RPDocumentContext.js";
|
|
6
6
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
7
7
|
import "../../../contexts/DarkModeContext.js";
|
|
@@ -35,8 +35,8 @@ import "../../../contexts/EventCallbackContext.js";
|
|
|
35
35
|
import "../../RPConfig.js";
|
|
36
36
|
import "../Container.js";
|
|
37
37
|
import "../../../contexts/ViewportContext.js";
|
|
38
|
-
import { THUMBNAIL_MIN_WIDTH as
|
|
39
|
-
import { RPSplitter as
|
|
38
|
+
import { THUMBNAIL_MIN_WIDTH as T } from "../../../utils/constants.js";
|
|
39
|
+
import { RPSplitter as w } from "../sidebar/RPSplitter.js";
|
|
40
40
|
import "../WrapperLayout.js";
|
|
41
41
|
import "../../../LayoutWrapper-6224491f.js";
|
|
42
42
|
import "../../../contexts/ThemeContext.js";
|
|
@@ -54,8 +54,8 @@ import "./MenuSeparator.js";
|
|
|
54
54
|
import "../../../utils/dateFormatter.js";
|
|
55
55
|
import "./PropertyItem.js";
|
|
56
56
|
import "../../../RotateTool.module-67946714.js";
|
|
57
|
-
import { RPHorizontalBar as
|
|
58
|
-
import { RPVerticalBar as
|
|
57
|
+
import { RPHorizontalBar as C } from "./tools/defaults/RPHorizontalBar.js";
|
|
58
|
+
import { RPVerticalBar as S } from "./tools/defaults/RPVerticalBar.js";
|
|
59
59
|
import "../../icons/ChevronUpIcon.js";
|
|
60
60
|
import "../../../utils/types.js";
|
|
61
61
|
import "../../../th_TH-d627cd51.js";
|
|
@@ -139,15 +139,15 @@ import "../../../utils/hooks/useLoadWorker.js";
|
|
|
139
139
|
import "../../icons/LightPdfIcon.js";
|
|
140
140
|
import "../../icons/DarkPdfIcon.js";
|
|
141
141
|
import "./ThumbnailTool.js";
|
|
142
|
-
const
|
|
143
|
-
const { children: l } =
|
|
144
|
-
return /* @__PURE__ */
|
|
145
|
-
/* @__PURE__ */
|
|
146
|
-
/* @__PURE__ */
|
|
147
|
-
/* @__PURE__ */
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
-
/* @__PURE__ */
|
|
150
|
-
/* @__PURE__ */
|
|
142
|
+
const eo = (n) => {
|
|
143
|
+
const { children: l } = n, p = a(null), { active: i } = g(), { showPrintProgress: c } = R(), { progress: d, showDefaultProgress: h } = v(), { percentage: e } = d || {}, s = a(null), [u, f] = P(T), b = h ?? c;
|
|
144
|
+
return /* @__PURE__ */ t(m, { children: [
|
|
145
|
+
/* @__PURE__ */ t("div", { className: o["rp-toolbar-layout"], children: [
|
|
146
|
+
/* @__PURE__ */ r("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }),
|
|
147
|
+
/* @__PURE__ */ t("div", { className: o["rp-content"], children: [
|
|
148
|
+
/* @__PURE__ */ t(m, { children: [
|
|
149
|
+
/* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: s, className: o["rp-sidebar-content"], children: /* @__PURE__ */ r(S, {}) }),
|
|
150
|
+
/* @__PURE__ */ t(
|
|
151
151
|
"div",
|
|
152
152
|
{
|
|
153
153
|
"data-rp": "thumbnailSidebar",
|
|
@@ -155,13 +155,13 @@ const mo = (s) => {
|
|
|
155
155
|
className: o["rp-thumbnails-wrapper"],
|
|
156
156
|
style: { ...i && { position: "relative", display: "flex" } },
|
|
157
157
|
children: [
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
/* @__PURE__ */
|
|
160
|
-
|
|
158
|
+
/* @__PURE__ */ r(x, { show: i, ref: p, width: u }),
|
|
159
|
+
/* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
|
|
160
|
+
w,
|
|
161
161
|
{
|
|
162
|
-
onWidthChange:
|
|
162
|
+
onWidthChange: f,
|
|
163
163
|
thumbnailRef: p,
|
|
164
|
-
leftSidebarRef:
|
|
164
|
+
leftSidebarRef: s,
|
|
165
165
|
isRPLayout: !0
|
|
166
166
|
}
|
|
167
167
|
) })
|
|
@@ -169,12 +169,12 @@ const mo = (s) => {
|
|
|
169
169
|
}
|
|
170
170
|
)
|
|
171
171
|
] }),
|
|
172
|
-
/* @__PURE__ */
|
|
172
|
+
/* @__PURE__ */ r(m, { children: l })
|
|
173
173
|
] })
|
|
174
174
|
] }),
|
|
175
|
-
|
|
175
|
+
b && e ? /* @__PURE__ */ r(N, { percentage: e }) : null
|
|
176
176
|
] });
|
|
177
177
|
};
|
|
178
178
|
export {
|
|
179
|
-
|
|
179
|
+
eo as ToolbarDefault
|
|
180
180
|
};
|
|
@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { ToolbarDefault as i } from "./ToolbarDefault.js";
|
|
3
3
|
import { ToolbarCustom as p } from "./ToolbarCustom.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "../../../ToolbarLayout.module-
|
|
5
|
+
import "../../../ToolbarLayout.module-c133fcc0.js";
|
|
6
6
|
import "../../icons/ChevronUpIcon.js";
|
|
7
7
|
import "../../ui/Button.js";
|
|
8
8
|
import "../../../clsx-0c6e471a.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 { m as Em } from "../../../ToolbarLayout.module-
|
|
8
|
+
import { m as Em } from "../../../ToolbarLayout.module-c133fcc0.js";
|
|
9
9
|
import "../../ui/DropDown.js";
|
|
10
10
|
import "../../../contexts/LayoutContainerContext.js";
|
|
11
11
|
import "../../../index-3bf64864.js";
|
|
@@ -4,7 +4,7 @@ import { useLocalizationContext as c } from "../../../../contexts/LocalizationCo
|
|
|
4
4
|
import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
|
|
5
5
|
import { InfoIcon as f } from "../../../icons/InfoIcon.js";
|
|
6
6
|
import { UIButton as D } from "../../../ui/Button.js";
|
|
7
|
-
import { D as P } from "../../../../ToolbarLayout.module-
|
|
7
|
+
import { D as P } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../../index-c9a2990a.js";
|
|
10
10
|
import "react-dom";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { FileDownloadDefaultIcon as m } from "../../../icons/FileDownloadDefaultIcon.js";
|
|
3
3
|
import { UIButton as p } from "../../../ui/Button.js";
|
|
4
|
-
import { b as n } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { b as n } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
5
5
|
import l from "../../../ui/RPTooltip.js";
|
|
6
6
|
import { useLocalizationContext as d } from "../../../../contexts/LocalizationContext.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d, useEffect as S, useCallback as i } from "react";
|
|
3
|
-
import { u as x, i as u } from "../../../../ToolbarLayout.module-
|
|
3
|
+
import { u as x, i as u } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
|
|
5
5
|
import y from "../../../ui/RPTooltip.js";
|
|
6
6
|
import { UIInput as E } from "../../../ui/Input.js";
|
|
@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo as d } from "react";
|
|
3
3
|
import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
|
|
4
4
|
import { UIButton as f } from "../../../ui/Button.js";
|
|
5
|
-
import { u as s } from "../../../../ToolbarLayout.module-
|
|
5
|
+
import { u as s } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
6
6
|
import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
|
|
7
7
|
import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
|
|
8
8
|
import "../../../../contexts/RPDocumentContext.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r, Fragment as m } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
|
|
3
3
|
import { UIButton as e } from "../../../ui/Button.js";
|
|
4
|
-
import { u as a } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { u as a } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
5
5
|
import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
|
|
6
6
|
import P from "../../../ui/RPTooltip.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { PrintDefaultTool as p } from "../../../icons/PrintDefaultIcon.js";
|
|
3
3
|
import { UIButton as m } from "../../../ui/Button.js";
|
|
4
|
-
import { c as n } from "../../../../ToolbarLayout.module-
|
|
4
|
+
import { c as n } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
5
5
|
import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
|
|
6
6
|
import T from "../../../ui/RPTooltip.js";
|
|
7
7
|
import "../../../../clsx-0c6e471a.js";
|
|
@@ -138,7 +138,7 @@ import "../../../icons/ClearIcon.js";
|
|
|
138
138
|
import "../../../../utils/hooks/useLocalization.js";
|
|
139
139
|
const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), So = ({ icon: o }) => {
|
|
140
140
|
const { print: i } = n(), { localeMessages: t } = f();
|
|
141
|
-
return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
|
|
141
|
+
return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: () => i(), "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
|
|
142
142
|
};
|
|
143
143
|
export {
|
|
144
144
|
So as PrintTool
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, Fragment as n } from "react/jsx-runtime";
|
|
2
|
-
import { h as l } from "../../../../ToolbarLayout.module-
|
|
2
|
+
import { h as l } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
3
3
|
import { ThumbnailIcon as h } from "../../../icons/Thumbnail.js";
|
|
4
4
|
import { UIButton as u } from "../../../ui/Button.js";
|
|
5
5
|
import a from "../../../ui/RPTooltip.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 { Z as Em } from "../../../../ToolbarLayout.module-
|
|
5
|
+
import { Z as Em } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
6
6
|
import "../../../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../../../utils/types.js";
|
|
8
8
|
import "../../../../contexts/RotationContext.js";
|
|
@@ -2,7 +2,7 @@ import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as z, useRef as x, useEffect as C } from "react";
|
|
3
3
|
import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
|
|
4
4
|
import { UIButton as T } from "../../../ui/Button.js";
|
|
5
|
-
import { j as p, Z as w } from "../../../../ToolbarLayout.module-
|
|
5
|
+
import { j as p, Z as w } from "../../../../ToolbarLayout.module-c133fcc0.js";
|
|
6
6
|
import { UIDropDown as I } from "../../../ui/DropDown.js";
|
|
7
7
|
import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
|
|
8
8
|
import { G as h } from "../../../../index-3bf64864.js";
|
|
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as d, useEffect as f } from "react";
|
|
3
3
|
import "../../../../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../../../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-
|
|
5
|
+
import { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-c133fcc0.js";
|
|
6
6
|
import "../../../../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../../../../contexts/RotationContext.js";
|
|
8
8
|
import "../../../../../contexts/LayerContext.js";
|
|
@@ -3,7 +3,7 @@ import { useState as l, useEffect as a } from "react";
|
|
|
3
3
|
import { useIconToolContext as u } from "../../../../../contexts/IconToolContext.js";
|
|
4
4
|
import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
|
|
5
5
|
import { ThumbnailTool as I } from "../../ThumbnailTool.js";
|
|
6
|
-
import "../../../../../ToolbarLayout.module-
|
|
6
|
+
import "../../../../../ToolbarLayout.module-c133fcc0.js";
|
|
7
7
|
import "../../../../icons/ChevronUpIcon.js";
|
|
8
8
|
import "../../../../ui/Button.js";
|
|
9
9
|
import "../../../../../clsx-0c6e471a.js";
|
|
@@ -3,7 +3,7 @@ import l from "../../../../ui/RPTooltip.js";
|
|
|
3
3
|
import { MenuItem as c } from "../../MenuItem.js";
|
|
4
4
|
import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
|
|
5
5
|
import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
|
|
6
|
-
import { b as u } from "../../../../../ToolbarLayout.module-
|
|
6
|
+
import { b as u } from "../../../../../ToolbarLayout.module-c133fcc0.js";
|
|
7
7
|
import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../../../index-c9a2990a.js";
|
|
@@ -6,7 +6,7 @@ import { useLocalizationContext as u } from "../../../../../contexts/Localizatio
|
|
|
6
6
|
import "react";
|
|
7
7
|
import "../../../../../contexts/RPDocumentContext.js";
|
|
8
8
|
import "../../../../../contexts/DocumentPasswordContext.js";
|
|
9
|
-
import "../../../../../ToolbarLayout.module-
|
|
9
|
+
import "../../../../../ToolbarLayout.module-c133fcc0.js";
|
|
10
10
|
import "../../../../../contexts/DarkModeContext.js";
|
|
11
11
|
import "../../../../../contexts/RotationContext.js";
|
|
12
12
|
import "../../../../../contexts/LayerContext.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as p, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { MenuItem as a } from "../../MenuItem.js";
|
|
3
3
|
import s from "../../../../ui/RPTooltip.js";
|
|
4
|
-
import { u as C, s as G } from "../../../../../ToolbarLayout.module-
|
|
4
|
+
import { u as C, s as G } from "../../../../../ToolbarLayout.module-c133fcc0.js";
|
|
5
5
|
import { G as L } from "../../../../../index-3bf64864.js";
|
|
6
6
|
import { useMemo as l, useCallback as c } from "react";
|
|
7
7
|
import "../../../../../contexts/RPDocumentContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o, jsxs as e } from "react/jsx-runtime";
|
|
2
2
|
import { PrintDefaultTool as l } from "../../../../icons/PrintDefaultIcon.js";
|
|
3
|
-
import { c } from "../../../../../ToolbarLayout.module-
|
|
3
|
+
import { c } from "../../../../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
|
|
5
5
|
import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
|
|
6
6
|
import { MenuItem as s } from "../../MenuItem.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 { I as Er } from "../../ToolbarLayout.module-
|
|
5
|
+
import { I as Er } from "../../ToolbarLayout.module-c133fcc0.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 { G as Eo } from "../../ToolbarLayout.module-
|
|
5
|
+
import { G as Eo } from "../../ToolbarLayout.module-c133fcc0.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 { N as Er } from "../../ToolbarLayout.module-
|
|
3
|
+
import { N as Er } from "../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import "../icons/ChevronUpIcon.js";
|
|
5
5
|
import "../ui/Button.js";
|
|
6
6
|
import "../../clsx-0c6e471a.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { K as Dr } from "../../ToolbarLayout.module-
|
|
3
|
+
import { K as Dr } from "../../ToolbarLayout.module-c133fcc0.js";
|
|
4
4
|
import "../../contexts/RPDocumentContext.js";
|
|
5
5
|
import "../../contexts/DocumentPasswordContext.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|