@progress/kendo-react-pdf-viewer 6.1.1 → 7.0.0-develop.2

package/dist/npm/PDFViewer.js

@@ -1,496 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PDFViewer = void 0;
-const React = require("react");
-const PropTypes = require("prop-types");
-const kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-const kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
-const kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-const kendo_react_upload_1 = require("@progress/kendo-react-upload");
-const kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
-const kendo_react_indicators_1 = require("@progress/kendo-react-indicators");
-const kendo_react_common_1 = require("@progress/kendo-react-common");
-const kendo_react_intl_1 = require("@progress/kendo-react-intl");
-const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-require("pdfjs-dist/build/pdf.worker.entry");
-const package_metadata_1 = require("./package-metadata");
-const kendo_pdfviewer_common_1 = require("@progress/kendo-pdfviewer-common");
-const messages_1 = require("./messages");
-const toolNames = [
-    'pager', 'spacer', 'zoomInOut', 'zoom', 'selection', 'spacer', 'search', 'open', 'download', 'print'
-];
-// Correct declaration but typedoc does not recognize it.
-// export type PDFViewerTool = typeof toolNames[number];
-const defaultProps = {
-    minZoom: 0.5,
-    maxZoom: 4,
-    tools: [...toolNames],
-    zoomRate: 0.25,
-    zoomLevels: [
-        { id: 1, priority: 1, value: 1, text: 'Actual width', type: 'ActualWidth', locationString: messages_1.actualWidth },
-        { id: 2, priority: 2, value: 1, text: 'Fit to width', type: 'FitToWidth', locationString: messages_1.fitToWidth },
-        { id: 3, priority: 3, value: 1, text: 'Fit to page', type: 'FitToPage', locationString: messages_1.fitToPage },
-        { id: 4, priority: 4, value: 0.5, text: '50%', type: '' },
-        { id: 5, priority: 5, value: 0.75, text: '75%', type: '' },
-        { id: 6, priority: 100, value: 1, text: '100%', type: '' },
-        { id: 7, priority: 7, value: 1.25, text: '125%', type: '' },
-        { id: 8, priority: 8, value: 1.5, text: '150%', type: '' },
-        { id: 9, priority: 9, value: 2, text: '200%', type: '' },
-        { id: 10, priority: 10, value: 3, text: '300%', type: '' },
-        { id: 11, priority: 11, value: 4, text: '400%', type: '' }
-    ],
-    defaultZoom: kendo_pdfviewer_common_1.DEFAULT_ZOOM_LEVEL
-};
-const navigation = [
-    '.k-toolbar > button',
-    '.k-toolbar .k-combobox > input',
-    '.k-toolbar .k-button-group > button',
-    '.k-toolbar .k-pager > a',
-    '.k-toolbar .k-pager input'
-];
-const sortByPriority = (a, b) => {
-    if (a.priority > b.priority) {
-        return -1;
-    }
-    else if (a.priority < b.priority) {
-        return 1;
-    }
-    return 0;
-};
-/**
- * Represents the [KendoReact PDFViewer component]({% slug api_pdf-viewer_pdfviewerprops %}).
- *
- * @example
- * ```jsx
- * function App() {
- *  return <PDFViewer url="sample.pdf" />;
- * }
- *  ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.PDFViewer = React.forwardRef((props, ref) => {
-    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    const showLicenseWatermark = (0, kendo_react_common_1.shouldShowValidationUI)(package_metadata_1.packageMetadata);
-    const { zoom, zoomLevels = defaultProps.zoomLevels, defaultZoom = defaultProps.defaultZoom, minZoom = defaultProps.minZoom, maxZoom = defaultProps.maxZoom, zoomRate = defaultProps.zoomRate } = props;
-    const loc = (0, kendo_react_intl_1.useLocalization)();
-    const pagesRef = React.useRef(null);
-    const [stateZoom, setStateZoom] = React.useState(defaultZoom);
-    const currentZoom = zoom !== undefined ? zoom : stateZoom;
-    const currentZoomLevel = zoomLevels.slice().sort(sortByPriority).find(z => z.value === currentZoom) ||
-        { text: (currentZoom * 100) + '%', value: currentZoom, id: currentZoom, locationString: '' };
-    if (currentZoomLevel.locationString) {
-        currentZoomLevel.text = loc.toLanguageString(currentZoomLevel.locationString, messages_1.messages[currentZoomLevel.locationString]);
-    }
-    const [hasDocument, setHasDocument] = React.useState(false);
-    const [loading, setLoading] = React.useState(true);
-    const [skip, setSkip] = React.useState(0);
-    const [enabledSelection, setEnabledSelection] = React.useState(false);
-    const [showSearch, setShowSearch] = React.useState(false);
-    const [matches, setMatches] = React.useState(0);
-    const [currentMatch, setCurrentMatch] = React.useState(0);
-    const [matchCase, setMatchCase] = React.useState(false);
-    const [searchText, setSearchText] = React.useState('');
-    const refObj = React.useMemo(() => ({}), []);
-    refObj.currentZoom = currentZoom;
-    refObj.props = props;
-    const setScaleFactor = React.useCallback((scaleFactor) => {
-        if (pagesRef.current) {
-            pagesRef.current.style.setProperty('--scale-factor', String(scaleFactor));
-        }
-    }, []);
-    const target = React.useRef(null);
-    const pdfViewerRef = React.useRef(null);
-    React.useImperativeHandle(target, () => ({
-        get element() { return pdfViewerRef.current; },
-        props,
-        get pages() { return refObj.pages; },
-        get document() { return refObj.document; }
-    }), []);
-    React.useImperativeHandle(ref, () => target.current);
-    const triggerOnLoad = React.useCallback(() => {
-        if (refObj.props.onLoad) {
-            const loadEvent = { target: target.current };
-            refObj.props.onLoad.call(undefined, loadEvent);
-        }
-    }, []);
-    const triggerOnDownload = React.useCallback((blob, fileName, saveOptions) => {
-        if (props.onDownload) {
-            const downloadEvent = {
-                target: target.current,
-                blob,
-                fileName,
-                saveOptions
-            };
-            const result = props.onDownload.call(undefined, downloadEvent);
-            return result === false ? true : false;
-        }
-        return false;
-    }, [props.onDownload]);
-    const initScroller = React.useCallback(() => {
-        var _a;
-        if (refObj.scroller) {
-            refObj.scroller.destroy();
-        }
-        refObj.scroller = new kendo_pdfviewer_common_1.Scroller((_a = pagesRef.current) === null || _a === void 0 ? void 0 : _a.parentNode, {
-            filter: '.k-page',
-            events: {}
-        });
-        refObj.scroller.enablePanEventsTracking();
-    }, []);
-    const initSearch = React.useCallback((wrapper) => {
-        const pagesTextLayers = Array.from(wrapper.querySelectorAll('.k-text-layer'));
-        refObj.search = new kendo_pdfviewer_common_1.SearchService({
-            textContainers: pagesTextLayers || [],
-            highlightClass: 'k-search-highlight',
-            highlightMarkClass: 'k-search-highlight-mark',
-            charClass: 'k-text-char'
-        });
-    }, []);
-    refObj.done = React.useCallback(({ pdfPages, pdfDoc, zoom: documentZoom }) => {
-        refObj.document = pdfDoc;
-        refObj.pages = pdfPages;
-        refObj.zoom = documentZoom;
-        initScroller();
-        setLoading(false);
-        setHasDocument(true);
-        triggerOnLoad();
-        if (pagesRef.current) {
-            (0, kendo_pdfviewer_common_1.scrollToPage)(pagesRef.current, 0);
-        }
-    }, []);
-    refObj.error = React.useCallback((reason) => {
-        refObj.document = null;
-        refObj.pages = [];
-        setLoading(false);
-        setHasDocument(false);
-        if (props.onError) {
-            const errorEvent = {
-                error: typeof reason === 'string' ? { message: reason } : reason,
-                target: target.current
-            };
-            props.onError.call(undefined, errorEvent);
-        }
-    }, [props.onError]);
-    React.useEffect(() => {
-        if (pagesRef.current) {
-            if (props.url || props.data || props.arrayBuffer) {
-                setLoading(true);
-                (0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
-                (0, kendo_pdfviewer_common_1.loadPDF)({
-                    url: props.url,
-                    data: props.data,
-                    arrayBuffer: props.arrayBuffer,
-                    dom: pagesRef.current,
-                    zoom: refObj.currentZoom,
-                    done: refObj.done,
-                    error: refObj.error
-                });
-                setScaleFactor(refObj.currentZoom);
-            }
-            else {
-                refObj.document = null;
-                refObj.pages = [];
-                setHasDocument(false);
-                setLoading(false);
-                (0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
-            }
-        }
-    }, [props.url, props.data, props.arrayBuffer]);
-    const reload = React.useCallback((pdfDoc, zoomLev) => {
-        if (pagesRef.current) {
-            setLoading(true);
-            (0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
-            (0, kendo_pdfviewer_common_1.reloadDocument)({
-                pdfDoc,
-                zoom: zoomLev,
-                dom: pagesRef.current,
-                done: (pdfPages) => {
-                    refObj.pages = pdfPages;
-                    refObj.zoom = zoomLev;
-                    setLoading(false);
-                },
-                error: refObj.error
-            });
-        }
-    }, []);
-    React.useEffect(() => {
-        setScaleFactor(currentZoom);
-        if (pagesRef.current && refObj.document && currentZoom !== refObj.zoom) {
-            reload(refObj.document, currentZoom);
-        }
-    }, [currentZoom, reload]);
-    React.useEffect(() => {
-        return () => {
-            if (refObj.scroller) {
-                refObj.scroller.destroy();
-            }
-            if (refObj.search) {
-                refObj.search.destroy();
-            }
-            refObj.document = null;
-            refObj.pages = [];
-        };
-    }, []);
-    const onSearch = React.useCallback(() => {
-        setShowSearch(true);
-        initSearch(pagesRef.current);
-    }, []);
-    const onSearchTextChange = React.useCallback((e) => {
-        const text = e.value;
-        const currentMatches = refObj.search.search({ text, matchCase });
-        setCurrentMatch(currentMatches.length ? 1 : 0);
-        setMatches(currentMatches.length);
-        setSearchText(text);
-    }, [matchCase]);
-    const onMatchCaseClick = React.useCallback(() => {
-        const currentMatches = refObj.search.search({ text: searchText, matchCase: !matchCase });
-        setCurrentMatch(currentMatches.length ? 1 : 0);
-        setMatches(currentMatches.length);
-        setMatchCase(!matchCase);
-    }, [matchCase, searchText]);
-    const onNextMatch = React.useCallback(() => {
-        (0, kendo_pdfviewer_common_1.goToNextSearchMatch)(refObj);
-        setCurrentMatch((currentMatch + 1) > matches ? 1 : (currentMatch + 1));
-    }, [currentMatch, matches]);
-    const onPrevMatch = React.useCallback(() => {
-        (0, kendo_pdfviewer_common_1.goToPreviousSearchMatch)(refObj);
-        setCurrentMatch((currentMatch - 1) < 1 ? matches : (currentMatch - 1));
-    }, [currentMatch, matches]);
-    const onClose = React.useCallback(() => {
-        refObj.search.destroy();
-        setCurrentMatch(0);
-        setMatches(0);
-        setMatchCase(false);
-        setSearchText('');
-        setShowSearch(false);
-    }, []);
-    const onTextBoxKeyDown = React.useCallback((e) => {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            (0, kendo_pdfviewer_common_1.goToNextSearchMatch)(refObj);
-            setCurrentMatch((currentMatch + 1) > matches ? 1 : (currentMatch + 1));
-        }
-        else if (e.key === 'Escape') {
-            onClose();
-        }
-    }, [currentMatch, matches]);
-    const onPageChange = React.useCallback((e) => {
-        if (pagesRef.current) {
-            const nextPage = e.skip;
-            (0, kendo_pdfviewer_common_1.scrollToPage)(pagesRef.current, nextPage);
-            const pageEvent = {
-                page: nextPage + 1,
-                target: target.current,
-                syntheticEvent: e.syntheticEvent
-            };
-            if (props.onPageChange) {
-                props.onPageChange.call(undefined, pageEvent);
-            }
-        }
-        setSkip(e.skip);
-    }, [skip, props.onPageChange]);
-    const onScroll = React.useCallback((e) => {
-        if (pdfViewerRef.current) {
-            const nextPage = (0, kendo_pdfviewer_common_1.currentPage)(pdfViewerRef.current);
-            if (nextPage !== skip) {
-                setSkip(nextPage);
-                const pageEvent = {
-                    page: nextPage + 1,
-                    target: target.current,
-                    syntheticEvent: e
-                };
-                if (props.onPageChange) {
-                    props.onPageChange.call(undefined, pageEvent);
-                }
-            }
-        }
-    }, [skip, props.onPageChange]);
-    const onZoomIn = React.useCallback((e) => {
-        const newZoom = Math.min(refObj.currentZoom + zoomRate, maxZoom);
-        if (newZoom !== refObj.currentZoom && refObj.document) {
-            setStateZoom(newZoom);
-            if (props.onZoom) {
-                const zoomEvent = {
-                    zoom: newZoom,
-                    target: target.current,
-                    syntheticEvent: e
-                };
-                props.onZoom.call(undefined, zoomEvent);
-            }
-        }
-    }, [zoomRate, maxZoom, props.onZoom]);
-    const onZoomOut = React.useCallback((e) => {
-        const newZoom = Math.max(refObj.currentZoom - zoomRate, minZoom);
-        if (newZoom !== refObj.currentZoom && refObj.document) {
-            setStateZoom(newZoom);
-            if (props.onZoom) {
-                const zoomEvent = {
-                    zoom: newZoom,
-                    target: target.current,
-                    syntheticEvent: e
-                };
-                props.onZoom.call(undefined, zoomEvent);
-            }
-        }
-    }, [zoomRate, minZoom, props.onZoom]);
-    const onZoomLevelChange = React.useCallback((e) => {
-        const item = e.value === null ? { text: '100%', value: 1, id: 100 } : Object.assign({}, e.value);
-        if (item.value === undefined) {
-            const parsedText = parseFloat(item.text);
-            if (typeof parsedText === 'number' && !Number.isNaN(parsedText)) {
-                item.value = parsedText / 100;
-            }
-            else {
-                item.value = 1;
-            }
-        }
-        let newZoom = item ? (0, kendo_pdfviewer_common_1.calculateZoomLevel)(item.value, item.type, refObj.currentZoom, pagesRef.current) : 1;
-        newZoom = Math.round(newZoom * 100) / 100;
-        if (refObj.currentZoom !== newZoom && refObj.document) {
-            setStateZoom(newZoom);
-            if (props.onZoom) {
-                const zoomEvent = {
-                    zoom: newZoom,
-                    target: target.current,
-                    syntheticEvent: e.syntheticEvent
-                };
-                props.onZoom.call(undefined, zoomEvent);
-            }
-        }
-    }, [props.onZoom]);
-    const onTextSelection = React.useCallback(() => {
-        refObj.scroller.disablePanEventsTracking();
-        setEnabledSelection(true);
-    }, []);
-    const onPinning = React.useCallback(() => {
-        refObj.scroller.enablePanEventsTracking();
-        setEnabledSelection(false);
-    }, []);
-    const onDownload = React.useCallback(() => {
-        (0, kendo_pdfviewer_common_1.download)({
-            pdf: refObj.document,
-            error: refObj.error
-        }, props.saveFileName, props.saveOptions, triggerOnDownload);
-    }, [props.url, props.data, props.arrayBuffer, props.saveFileName, props.saveOptions, triggerOnDownload]);
-    const onPrint = React.useCallback(() => {
-        setLoading(true);
-        const onError = (e) => {
-            refObj.error(typeof (e ? e.message || e : null) === 'string' ? e.message || e : loc.toLanguageString(messages_1.popupBlocked, messages_1.messages[messages_1.popupBlocked]));
-        };
-        const onDone = () => {
-            setLoading(false);
-        };
-        (0, kendo_pdfviewer_common_1.print)(refObj.pages, onDone, onError);
-    }, []);
-    const onAdd = React.useCallback((e) => {
-        const st = e.newState;
-        if (st[0] && st[0].getRawFile) {
-            const file = st[0].getRawFile();
-            file.arrayBuffer().then((arrayBuffer) => {
-                if (pagesRef.current) {
-                    setLoading(true);
-                    (0, kendo_pdfviewer_common_1.removeChildren)(pagesRef.current);
-                    const currentZoomValue = refObj.props.zoom === undefined ? defaultZoom : refObj.props.zoom;
-                    (0, kendo_pdfviewer_common_1.loadPDF)({
-                        arrayBuffer,
-                        dom: pagesRef.current,
-                        zoom: currentZoomValue,
-                        done: refObj.done,
-                        error: refObj.error
-                    });
-                    setStateZoom(currentZoomValue);
-                }
-            });
-        }
-    }, [defaultZoom]);
-    const onFileOpen = React.useCallback((e) => {
-        const targetEl = e.target;
-        if (targetEl instanceof Element && targetEl.parentNode) {
-            const toolbarEl = targetEl.closest('.k-toolbar');
-            const input = toolbarEl && toolbarEl.querySelector('.k-upload input');
-            if (input) {
-                input.click();
-            }
-        }
-    }, []);
-    const loader = (loading && React.createElement("div", { className: "k-loader-container k-loader-container-md k-loader-top" },
-        React.createElement("div", { className: "k-loader-container-overlay k-overlay-light" }),
-        React.createElement("div", { className: "k-loader-container-inner " },
-            React.createElement(kendo_react_indicators_1.Loader, { size: 'large' }))));
-    const zoomInOut = (React.createElement(kendo_react_buttons_1.ButtonGroup, null,
-        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.zoomOut, messages_1.messages[messages_1.zoomOut]), disabled: currentZoom <= minZoom || !hasDocument, onClick: onZoomOut, icon: 'zoom-out', svgIcon: kendo_svg_icons_1.zoomOutIcon }),
-        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.zoomIn, messages_1.messages[messages_1.zoomIn]), disabled: currentZoom >= maxZoom || !hasDocument, onClick: onZoomIn, icon: 'zoom-in', svgIcon: kendo_svg_icons_1.zoomInIcon })));
-    const zoomComboBoxTool = (React.createElement(kendo_react_dropdowns_1.ComboBox, { disabled: !hasDocument, data: (zoomLevels).map(level => (Object.assign(Object.assign({}, level), { text: level.locationString
-                ? loc.toLanguageString(level.locationString, messages_1.messages[level.locationString])
-                : level.text }))), dataItemKey: 'id', textField: 'text', value: hasDocument ? currentZoomLevel : null, allowCustom: true, onChange: onZoomLevelChange }));
-    const pagerTool = (React.createElement(kendo_react_data_tools_1.Pager, { previousNext: true, type: 'input', skip: skip, take: 1, total: refObj.pages ? refObj.pages.length : 0, info: false, onPageChange: onPageChange }));
-    const spacer = React.createElement(kendo_react_buttons_1.ToolbarSpacer, null);
-    const selectionTool = (React.createElement(kendo_react_buttons_1.ButtonGroup, null,
-        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.enableSelection, messages_1.messages[messages_1.enableSelection]), icon: 'pointer', svgIcon: kendo_svg_icons_1.pointerIcon, disabled: !hasDocument, togglable: true, selected: enabledSelection && hasDocument, onClick: onTextSelection }),
-        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.enablePanning, messages_1.messages[messages_1.enablePanning]), icon: 'hand', svgIcon: kendo_svg_icons_1.handIcon, disabled: !hasDocument, togglable: true, selected: !enabledSelection && hasDocument, onClick: onPinning })));
-    const searchTool = (React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.search, messages_1.messages[messages_1.search]), icon: 'search', svgIcon: kendo_svg_icons_1.searchIcon, disabled: !hasDocument, onClick: onSearch }));
-    const openTool = (React.createElement(React.Fragment, null,
-        React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.open, messages_1.messages[messages_1.open]), icon: 'folder-open', svgIcon: kendo_svg_icons_1.folderOpenIcon, onClick: onFileOpen }),
-        React.createElement("div", { style: { display: 'none' } },
-            React.createElement(kendo_react_upload_1.Upload, { restrictions: { allowedExtensions: ['.pdf'] }, onAdd: onAdd, autoUpload: false, defaultFiles: [], multiple: false, accept: ".pdf,.PDF", withCredentials: false }))));
-    const downloadTool = (React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.download, messages_1.messages[messages_1.download]), icon: 'download', svgIcon: kendo_svg_icons_1.downloadIcon, disabled: !hasDocument, onClick: onDownload }));
-    const printTool = (React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: loc.toLanguageString(messages_1.print, messages_1.messages[messages_1.print]), icon: 'print', svgIcon: kendo_svg_icons_1.printIcon, disabled: !hasDocument, onClick: onPrint }));
-    const tools = {
-        pager: pagerTool,
-        spacer,
-        zoomInOut,
-        zoom: zoomComboBoxTool,
-        selection: selectionTool,
-        search: searchTool,
-        open: openTool,
-        download: downloadTool,
-        print: printTool
-    };
-    const buttons = (props.tools || defaultProps.tools).map((tool) => tools[tool]);
-    const toolbar = (React.createElement(kendo_react_buttons_1.Toolbar, { buttons: navigation }, ...buttons));
-    const content = (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto', {
-            'k-enable-text-select': enabledSelection,
-            'k-enable-panning': !enabledSelection
-        }), onScroll: onScroll },
-        showSearch && (React.createElement("div", { className: 'k-search-panel k-pos-sticky k-top-center' },
-            React.createElement(kendo_react_inputs_1.TextBox, { value: searchText, onChange: onSearchTextChange, placeholder: loc.toLanguageString(messages_1.search, messages_1.messages[messages_1.search]), autoFocus: true, onKeyDown: onTextBoxKeyDown, suffix: () => (React.createElement(kendo_react_inputs_1.InputSuffix, null,
-                    React.createElement(kendo_react_buttons_1.Button, { icon: "convert-lowercase", svgIcon: kendo_svg_icons_1.convertLowercaseIcon, title: loc.toLanguageString(messages_1.matchCase, messages_1.messages[messages_1.matchCase]), fillMode: "flat", togglable: true, selected: matchCase, onClick: onMatchCaseClick }))) }),
-            React.createElement("span", { className: "k-search-matches" },
-                React.createElement("span", null, currentMatch),
-                " of ",
-                React.createElement("span", null, matches)),
-            React.createElement(kendo_react_buttons_1.Button, { title: loc.toLanguageString(messages_1.prevMatch, messages_1.messages[messages_1.prevMatch]), fillMode: 'flat', icon: 'arrow-up', svgIcon: kendo_svg_icons_1.arrowUpIcon, disabled: matches === 0, onClick: onPrevMatch }),
-            React.createElement(kendo_react_buttons_1.Button, { title: loc.toLanguageString(messages_1.nextMatch, messages_1.messages[messages_1.nextMatch]), fillMode: 'flat', icon: 'arrow-down', svgIcon: kendo_svg_icons_1.arrowDownIcon, disabled: matches === 0, onClick: onNextMatch }),
-            React.createElement(kendo_react_buttons_1.Button, { title: loc.toLanguageString(messages_1.close, messages_1.messages[messages_1.close]), fillMode: 'flat', icon: 'x', svgIcon: kendo_svg_icons_1.xIcon, onClick: onClose }))),
-        React.createElement("div", { ref: pagesRef, className: 'k-pdf-viewer-pages' })));
-    return (React.createElement("div", { className: 'k-pdf-viewer', style: props.style, ref: pdfViewerRef },
-        props.onRenderLoader ? props.onRenderLoader.call(undefined, loader || null) : loader,
-        props.onRenderToolbar ? props.onRenderToolbar.call(undefined, toolbar) : toolbar,
-        props.onRenderContent ? props.onRenderContent.call(undefined, content) : content,
-        showLicenseWatermark && React.createElement(kendo_react_common_1.WatermarkOverlay, null)));
-});
-exports.PDFViewer.displayName = 'KendoReactPDFViewer';
-exports.PDFViewer.propTypes = {
-    url: PropTypes.string,
-    data: PropTypes.string,
-    arrayBuffer: PropTypes.any,
-    typedArray: PropTypes.any,
-    style: PropTypes.object,
-    saveFileName: PropTypes.string,
-    saveOptions: PropTypes.object,
-    tools: PropTypes.arrayOf(PropTypes.oneOf(toolNames).isRequired),
-    zoomLevels: PropTypes.arrayOf(PropTypes.any),
-    zoom: PropTypes.number,
-    defaultZoom: PropTypes.number,
-    minZoom: PropTypes.number,
-    maxZoom: PropTypes.number,
-    zoomRate: PropTypes.number,
-    onError: PropTypes.func,
-    onLoad: PropTypes.func,
-    onDownload: PropTypes.func,
-    onRenderToolbar: PropTypes.func,
-    onRenderContent: PropTypes.func,
-    onRenderLoader: PropTypes.func,
-    onZoom: PropTypes.func
-};
-exports.PDFViewer.defaultProps = defaultProps;

package/dist/npm/main.d.ts

@@ -1,29 +0,0 @@
-export { PDFViewer, PDFViewerProps, PDFViewerHandle, PDFViewerTool, LoadEvent, ErrorEvent, DownloadEvent, ZoomEvent, PageEvent } from './PDFViewer';
-export { currentPage } from '@progress/kendo-pdfviewer-common';
-/**
- * Scrolls the PDFViewer document to the passed page number.
- *
- * @param rootElement The root HTML element of the PDFViewer component.
- * @param pageNumber The page number.
- *
- * @example
- * ```jsx
- * function App() {
- * const pdfRef = React.useRef(null);
- * const handleClick = () => {
- *   scrollToPage(pdfRef.current.element, 3);
- * };
- * return (
- *   <div>
- *     <Button onClick={handleClick} >
- *       Scroll to Page 3
- *     </Button>
- *     <PDFViewer
- *       ref={pdfRef}
- *     />
- *   </div>
- *   )
- * }
- * ```
- */
-export declare const scrollToPage: (rootElement: HTMLElement, pageNumber: number) => void;

package/dist/npm/main.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollToPage = exports.currentPage = exports.PDFViewer = void 0;
-var PDFViewer_1 = require("./PDFViewer");
-Object.defineProperty(exports, "PDFViewer", { enumerable: true, get: function () { return PDFViewer_1.PDFViewer; } });
-var kendo_pdfviewer_common_1 = require("@progress/kendo-pdfviewer-common");
-Object.defineProperty(exports, "currentPage", { enumerable: true, get: function () { return kendo_pdfviewer_common_1.currentPage; } });
-const kendo_pdfviewer_common_2 = require("@progress/kendo-pdfviewer-common");
-/**
- * Scrolls the PDFViewer document to the passed page number.
- *
- * @param rootElement The root HTML element of the PDFViewer component.
- * @param pageNumber The page number.
- *
- * @example
- * ```jsx
- * function App() {
- * const pdfRef = React.useRef(null);
- * const handleClick = () => {
- *   scrollToPage(pdfRef.current.element, 3);
- * };
- * return (
- *   <div>
- *     <Button onClick={handleClick} >
- *       Scroll to Page 3
- *     </Button>
- *     <PDFViewer
- *       ref={pdfRef}
- *     />
- *   </div>
- *   )
- * }
- * ```
- */
-exports.scrollToPage = kendo_pdfviewer_common_2.scrollToPage;

package/dist/npm/messages.d.ts

@@ -1,85 +0,0 @@
-/**
- * @hidden
- */
-export declare const zoomIn = "pdfviewer.zoomIn";
-/**
- * @hidden
- */
-export declare const zoomOut = "pdfviewer.zoomOut";
-/**
- * @hidden
- */
-export declare const enableSelection = "pdfviewer.enableSelection";
-/**
- * @hidden
- */
-export declare const enablePanning = "pdfviewer.enablePanning";
-/**
- * @hidden
- */
-export declare const search = "pdfviewer.search";
-/**
- * @hidden
- */
-export declare const open = "pdfviewer.open";
-/**
- * @hidden
- */
-export declare const download = "pdfviewer.download";
-/**
- * @hidden
- */
-export declare const print = "pdfviewer.print";
-/**
- * @hidden
- */
-export declare const close = "pdfviewer.close";
-/**
- * @hidden
- */
-export declare const matchCase = "pdfviewer.matchCase";
-/**
- * @hidden
- */
-export declare const prevMatch = "pdfviewer.prevMatch";
-/**
- * @hidden
- */
-export declare const nextMatch = "pdfviewer.nextMatch";
-/**
- * @hidden
- */
-export declare const actualWidth = "pdfviewer.actualWidth";
-/**
- * @hidden
- */
-export declare const fitToWidth = "pdfviewer.fitToWidth";
-/**
- * @hidden
- */
-export declare const fitToPage = "pdfviewer.fitToPage";
-/**
- * @hidden
- */
-export declare const popupBlocked = "pdfviewer.popupBlocked";
-/**
- * @hidden
- */
-export declare const messages: {
-    "pdfviewer.zoomIn": string;
-    "pdfviewer.zoomOut": string;
-    "pdfviewer.enableSelection": string;
-    "pdfviewer.enablePanning": string;
-    "pdfviewer.search": string;
-    "pdfviewer.open": string;
-    "pdfviewer.download": string;
-    "pdfviewer.print": string;
-    "pdfviewer.close": string;
-    "pdfviewer.matchCase": string;
-    "pdfviewer.prevMatch": string;
-    "pdfviewer.nextMatch": string;
-    "pdfviewer.actualWidth": string;
-    "pdfviewer.fitToWidth": string;
-    "pdfviewer.fitToPage": string;
-    "pdfviewer.popupBlocked": string;
-};