@progress/kendo-react-pdf-viewer 5.16.1 → 5.16.2-dev.202308021312
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/cdn/js/kendo-react-pdf-viewer.js +1 -1
- package/dist/es/PDFViewer.d.ts +1 -1
- package/dist/es/PDFViewer.js +2 -4
- package/dist/es/main.d.ts +1 -1
- package/dist/es/main.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/PDFViewer.d.ts +1 -1
- package/dist/npm/PDFViewer.js +21 -23
- package/dist/npm/main.d.ts +1 -1
- package/dist/npm/main.js +3 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-pdf-viewer.js +10 -1
- package/dist/systemjs/kendo-react-pdf-viewer.txt +0 -0
- package/package.json +14 -14
- package/dist/es/scroller.d.ts +0 -34
- package/dist/es/scroller.js +0 -226
- package/dist/es/search.d.ts +0 -42
- package/dist/es/search.js +0 -249
- package/dist/es/utils.d.ts +0 -96
- package/dist/es/utils.js +0 -274
- package/dist/npm/scroller.d.ts +0 -34
- package/dist/npm/scroller.js +0 -230
- package/dist/npm/search.d.ts +0 -42
- package/dist/npm/search.js +0 -253
- package/dist/npm/utils.d.ts +0 -96
- package/dist/npm/utils.js +0 -287
package/dist/es/PDFViewer.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ToolbarProps } from '@progress/kendo-react-buttons';
|
|
3
3
|
import { SaveOptions } from '@progress/kendo-file-saver';
|
|
4
|
-
import { TypedArray } from 'pdfjs-dist/types/src/display/api';
|
|
5
4
|
import 'pdfjs-dist/build/pdf.worker.entry';
|
|
5
|
+
import { TypedArray } from '@progress/kendo-pdfviewer-common';
|
|
6
6
|
export declare type PDFViewerTool = 'pager' | 'spacer' | 'zoomInOut' | 'zoom' | 'selection' | 'search' | 'open' | 'download' | 'print';
|
|
7
7
|
interface PDFViewerEvent {
|
|
8
8
|
/**
|
package/dist/es/PDFViewer.js
CHANGED
|
@@ -11,9 +11,7 @@ import { useLocalization } from '@progress/kendo-react-intl';
|
|
|
11
11
|
import { zoomOutIcon, zoomInIcon, pointerIcon, handIcon, searchIcon, folderOpenIcon, downloadIcon, printIcon, convertLowercaseIcon, arrowUpIcon, arrowDownIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
12
12
|
import 'pdfjs-dist/build/pdf.worker.entry';
|
|
13
13
|
import { packageMetadata } from './package-metadata';
|
|
14
|
-
import { Scroller } from '
|
|
15
|
-
import { SearchService } from './search';
|
|
16
|
-
import { DEFAULT_ZOOM_LEVEL, loadPDF, print, download, goToNextSearchMatch, goToPreviousSearchMatch, reloadDocument, calculateZoomLevel, removeChildren, scrollToPage, currentPage } from './utils';
|
|
14
|
+
import { Scroller, SearchService, DEFAULT_ZOOM_LEVEL, loadPDF, print, download, goToNextSearchMatch, goToPreviousSearchMatch, reloadDocument, calculateZoomLevel, removeChildren, scrollToPage, currentPage } from '@progress/kendo-pdfviewer-common';
|
|
17
15
|
import { messages, close, download as downloadM, enablePanning, enableSelection, matchCase as matchCaseM, nextMatch, open, prevMatch, print as printM, search, zoomIn, zoomOut, popupBlocked, actualWidth, fitToWidth, fitToPage } from './messages';
|
|
18
16
|
const toolNames = [
|
|
19
17
|
'pager', 'spacer', 'zoomInOut', 'zoom', 'selection', 'spacer', 'search', 'open', 'download', 'print'
|
|
@@ -396,7 +394,7 @@ export const PDFViewer = React.forwardRef((props, ref) => {
|
|
|
396
394
|
}, [defaultZoom]);
|
|
397
395
|
const onFileOpen = React.useCallback((e) => {
|
|
398
396
|
const targetEl = e.target;
|
|
399
|
-
if (targetEl instanceof
|
|
397
|
+
if (targetEl instanceof Element && targetEl.parentNode) {
|
|
400
398
|
const toolbarEl = targetEl.closest('.k-toolbar');
|
|
401
399
|
const input = toolbarEl && toolbarEl.querySelector('.k-upload input');
|
|
402
400
|
if (input) {
|
package/dist/es/main.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { PDFViewer, PDFViewerProps, PDFViewerHandle, PDFViewerTool, LoadEvent, ErrorEvent, DownloadEvent, ZoomEvent, PageEvent } from './PDFViewer';
|
|
2
|
-
export { scrollToPage, currentPage } from '
|
|
2
|
+
export { scrollToPage, currentPage } from '@progress/kendo-pdfviewer-common';
|
package/dist/es/main.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { PDFViewer } from './PDFViewer';
|
|
2
|
-
export { scrollToPage, currentPage } from '
|
|
2
|
+
export { scrollToPage, currentPage } from '@progress/kendo-pdfviewer-common';
|
|
@@ -5,7 +5,7 @@ export const packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-pdf-viewer',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1690981155,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/npm/PDFViewer.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ToolbarProps } from '@progress/kendo-react-buttons';
|
|
3
3
|
import { SaveOptions } from '@progress/kendo-file-saver';
|
|
4
|
-
import { TypedArray } from 'pdfjs-dist/types/src/display/api';
|
|
5
4
|
import 'pdfjs-dist/build/pdf.worker.entry';
|
|
5
|
+
import { TypedArray } from '@progress/kendo-pdfviewer-common';
|
|
6
6
|
export declare type PDFViewerTool = 'pager' | 'spacer' | 'zoomInOut' | 'zoom' | 'selection' | 'search' | 'open' | 'download' | 'print';
|
|
7
7
|
interface PDFViewerEvent {
|
|
8
8
|
/**
|
package/dist/npm/PDFViewer.js
CHANGED
|
@@ -14,9 +14,7 @@ const kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
|
14
14
|
const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
15
15
|
require("pdfjs-dist/build/pdf.worker.entry");
|
|
16
16
|
const package_metadata_1 = require("./package-metadata");
|
|
17
|
-
const
|
|
18
|
-
const search_1 = require("./search");
|
|
19
|
-
const utils_1 = require("./utils");
|
|
17
|
+
const kendo_pdfviewer_common_1 = require("@progress/kendo-pdfviewer-common");
|
|
20
18
|
const messages_1 = require("./messages");
|
|
21
19
|
const toolNames = [
|
|
22
20
|
'pager', 'spacer', 'zoomInOut', 'zoom', 'selection', 'spacer', 'search', 'open', 'download', 'print'
|
|
@@ -41,7 +39,7 @@ const defaultProps = {
|
|
|
41
39
|
{ id: 10, priority: 10, value: 3, text: '300%', type: '' },
|
|
42
40
|
{ id: 11, priority: 11, value: 4, text: '400%', type: '' }
|
|
43
41
|
],
|
|
44
|
-
defaultZoom:
|
|
42
|
+
defaultZoom: kendo_pdfviewer_common_1.DEFAULT_ZOOM_LEVEL
|
|
45
43
|
};
|
|
46
44
|
const navigation = [
|
|
47
45
|
'.k-toolbar > button',
|
|
@@ -125,7 +123,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
125
123
|
if (refObj.scroller) {
|
|
126
124
|
refObj.scroller.destroy();
|
|
127
125
|
}
|
|
128
|
-
refObj.scroller = new
|
|
126
|
+
refObj.scroller = new kendo_pdfviewer_common_1.Scroller((_a = pagesRef.current) === null || _a === void 0 ? void 0 : _a.parentNode, {
|
|
129
127
|
filter: '.k-page',
|
|
130
128
|
events: {}
|
|
131
129
|
});
|
|
@@ -133,7 +131,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
133
131
|
}, []);
|
|
134
132
|
const initSearch = React.useCallback((wrapper) => {
|
|
135
133
|
const pagesTextLayers = Array.from(wrapper.querySelectorAll('.k-text-layer'));
|
|
136
|
-
refObj.search = new
|
|
134
|
+
refObj.search = new kendo_pdfviewer_common_1.SearchService({
|
|
137
135
|
textContainers: pagesTextLayers || [],
|
|
138
136
|
highlightClass: 'k-search-highlight',
|
|
139
137
|
highlightMarkClass: 'k-search-highlight-mark',
|
|
@@ -149,7 +147,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
149
147
|
setHasDocument(true);
|
|
150
148
|
triggerOnLoad();
|
|
151
149
|
if (pagesRef.current) {
|
|
152
|
-
(0,
|
|
150
|
+
(0, kendo_pdfviewer_common_1.scrollToPage)(pagesRef.current, 0);
|
|
153
151
|
}
|
|
154
152
|
}, []);
|
|
155
153
|
refObj.error = React.useCallback((reason) => {
|
|
@@ -169,8 +167,8 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
169
167
|
if (pagesRef.current) {
|
|
170
168
|
if (props.url || props.data || props.arrayBuffer) {
|
|
171
169
|
setLoading(true);
|
|
172
|
-
(0,
|
|
173
|
-
(0,
|
|
170
|
+
(0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
|
|
171
|
+
(0, kendo_pdfviewer_common_1.loadPDF)({
|
|
174
172
|
url: props.url,
|
|
175
173
|
data: props.data,
|
|
176
174
|
arrayBuffer: props.arrayBuffer,
|
|
@@ -186,15 +184,15 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
186
184
|
refObj.pages = [];
|
|
187
185
|
setHasDocument(false);
|
|
188
186
|
setLoading(false);
|
|
189
|
-
(0,
|
|
187
|
+
(0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
|
|
190
188
|
}
|
|
191
189
|
}
|
|
192
190
|
}, [props.url, props.data, props.arrayBuffer]);
|
|
193
191
|
const reload = React.useCallback((pdfDoc, zoomLev) => {
|
|
194
192
|
if (pagesRef.current) {
|
|
195
193
|
setLoading(true);
|
|
196
|
-
(0,
|
|
197
|
-
(0,
|
|
194
|
+
(0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
|
|
195
|
+
(0, kendo_pdfviewer_common_1.reloadDocument)({
|
|
198
196
|
pdfDoc,
|
|
199
197
|
zoom: zoomLev,
|
|
200
198
|
dom: pagesRef.current,
|
|
@@ -243,11 +241,11 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
243
241
|
setMatchCase(!matchCase);
|
|
244
242
|
}, [matchCase, searchText]);
|
|
245
243
|
const onNextMatch = React.useCallback(() => {
|
|
246
|
-
(0,
|
|
244
|
+
(0, kendo_pdfviewer_common_1.goToNextSearchMatch)(refObj);
|
|
247
245
|
setCurrentMatch((currentMatch + 1) > matches ? 1 : (currentMatch + 1));
|
|
248
246
|
}, [currentMatch, matches]);
|
|
249
247
|
const onPrevMatch = React.useCallback(() => {
|
|
250
|
-
(0,
|
|
248
|
+
(0, kendo_pdfviewer_common_1.goToPreviousSearchMatch)(refObj);
|
|
251
249
|
setCurrentMatch((currentMatch - 1) < 1 ? matches : (currentMatch - 1));
|
|
252
250
|
}, [currentMatch, matches]);
|
|
253
251
|
const onClose = React.useCallback(() => {
|
|
@@ -261,7 +259,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
261
259
|
const onTextBoxKeyDown = React.useCallback((e) => {
|
|
262
260
|
if (e.key === 'Enter') {
|
|
263
261
|
e.preventDefault();
|
|
264
|
-
(0,
|
|
262
|
+
(0, kendo_pdfviewer_common_1.goToNextSearchMatch)(refObj);
|
|
265
263
|
setCurrentMatch((currentMatch + 1) > matches ? 1 : (currentMatch + 1));
|
|
266
264
|
}
|
|
267
265
|
else if (e.key === 'Escape') {
|
|
@@ -271,7 +269,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
271
269
|
const onPageChange = React.useCallback((e) => {
|
|
272
270
|
if (pagesRef.current) {
|
|
273
271
|
const nextPage = e.skip;
|
|
274
|
-
(0,
|
|
272
|
+
(0, kendo_pdfviewer_common_1.scrollToPage)(pagesRef.current, nextPage);
|
|
275
273
|
const pageEvent = {
|
|
276
274
|
page: nextPage + 1,
|
|
277
275
|
target: target.current,
|
|
@@ -285,7 +283,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
285
283
|
}, [skip, props.onPageChange]);
|
|
286
284
|
const onScroll = React.useCallback((e) => {
|
|
287
285
|
if (pdfViewerRef.current) {
|
|
288
|
-
const nextPage = (0,
|
|
286
|
+
const nextPage = (0, kendo_pdfviewer_common_1.currentPage)(pdfViewerRef.current);
|
|
289
287
|
if (nextPage !== skip) {
|
|
290
288
|
setSkip(nextPage);
|
|
291
289
|
const pageEvent = {
|
|
@@ -338,7 +336,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
338
336
|
item.value = 1;
|
|
339
337
|
}
|
|
340
338
|
}
|
|
341
|
-
let newZoom = item ? (0,
|
|
339
|
+
let newZoom = item ? (0, kendo_pdfviewer_common_1.calculateZoomLevel)(item.value, item.type, refObj.currentZoom, pagesRef.current) : 1;
|
|
342
340
|
newZoom = Math.round(newZoom * 100) / 100;
|
|
343
341
|
if (refObj.currentZoom !== newZoom && refObj.document) {
|
|
344
342
|
setStateZoom(newZoom);
|
|
@@ -361,7 +359,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
361
359
|
setEnabledSelection(false);
|
|
362
360
|
}, []);
|
|
363
361
|
const onDownload = React.useCallback(() => {
|
|
364
|
-
(0,
|
|
362
|
+
(0, kendo_pdfviewer_common_1.download)({
|
|
365
363
|
pdf: refObj.document,
|
|
366
364
|
error: refObj.error
|
|
367
365
|
}, props.saveFileName, props.saveOptions, triggerOnDownload);
|
|
@@ -374,7 +372,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
374
372
|
const onDone = () => {
|
|
375
373
|
setLoading(false);
|
|
376
374
|
};
|
|
377
|
-
(0,
|
|
375
|
+
(0, kendo_pdfviewer_common_1.print)(refObj.pages, onDone, onError);
|
|
378
376
|
}, []);
|
|
379
377
|
const onAdd = React.useCallback((e) => {
|
|
380
378
|
const st = e.newState;
|
|
@@ -383,9 +381,9 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
383
381
|
file.arrayBuffer().then((arrayBuffer) => {
|
|
384
382
|
if (pagesRef.current) {
|
|
385
383
|
setLoading(true);
|
|
386
|
-
(0,
|
|
384
|
+
(0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
|
|
387
385
|
const currentZoomValue = refObj.props.zoom === undefined ? defaultZoom : refObj.props.zoom;
|
|
388
|
-
(0,
|
|
386
|
+
(0, kendo_pdfviewer_common_1.loadPDF)({
|
|
389
387
|
arrayBuffer,
|
|
390
388
|
dom: pagesRef.current,
|
|
391
389
|
zoom: currentZoomValue,
|
|
@@ -399,7 +397,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
|
|
|
399
397
|
}, [defaultZoom]);
|
|
400
398
|
const onFileOpen = React.useCallback((e) => {
|
|
401
399
|
const targetEl = e.target;
|
|
402
|
-
if (targetEl instanceof
|
|
400
|
+
if (targetEl instanceof Element && targetEl.parentNode) {
|
|
403
401
|
const toolbarEl = targetEl.closest('.k-toolbar');
|
|
404
402
|
const input = toolbarEl && toolbarEl.querySelector('.k-upload input');
|
|
405
403
|
if (input) {
|
package/dist/npm/main.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { PDFViewer, PDFViewerProps, PDFViewerHandle, PDFViewerTool, LoadEvent, ErrorEvent, DownloadEvent, ZoomEvent, PageEvent } from './PDFViewer';
|
|
2
|
-
export { scrollToPage, currentPage } from '
|
|
2
|
+
export { scrollToPage, currentPage } from '@progress/kendo-pdfviewer-common';
|
package/dist/npm/main.js
CHANGED
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.currentPage = exports.scrollToPage = exports.PDFViewer = void 0;
|
|
4
4
|
var PDFViewer_1 = require("./PDFViewer");
|
|
5
5
|
Object.defineProperty(exports, "PDFViewer", { enumerable: true, get: function () { return PDFViewer_1.PDFViewer; } });
|
|
6
|
-
var
|
|
7
|
-
Object.defineProperty(exports, "scrollToPage", { enumerable: true, get: function () { return
|
|
8
|
-
Object.defineProperty(exports, "currentPage", { enumerable: true, get: function () { return
|
|
6
|
+
var kendo_pdfviewer_common_1 = require("@progress/kendo-pdfviewer-common");
|
|
7
|
+
Object.defineProperty(exports, "scrollToPage", { enumerable: true, get: function () { return kendo_pdfviewer_common_1.scrollToPage; } });
|
|
8
|
+
Object.defineProperty(exports, "currentPage", { enumerable: true, get: function () { return kendo_pdfviewer_common_1.currentPage; } });
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-pdf-viewer',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1690981155,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|