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

package/dist/npm/PDFExport.js

@@ -1,98 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PDFExport = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_drawing_1 = require("@progress/kendo-drawing");
-var kendo_file_saver_1 = require("@progress/kendo-file-saver");
-var getPageMargin_1 = require("./getPageMargin");
-var KendoDrawingAdapter_1 = require("./KendoDrawingAdapter");
-var licensing = require("@progress/kendo-licensing");
-var package_metadata_1 = require("./package-metadata");
-/**
- * Represents the KendoReact PDFExport component.
- */
-var PDFExport = /** @class */ (function (_super) {
-    __extends(PDFExport, _super);
-    function PDFExport(props) {
-        var _this = _super.call(this, props) || this;
-        _this.rootElForPDF = null;
-        if (typeof licensing !== 'undefined') {
-            licensing.validatePackage(package_metadata_1.packageMetadata);
-        }
-        else {
-            var message = "License activation failed for ".concat(package_metadata_1.packageMetadata.name, "\n");
-            message += 'The @progress/kendo-licensing script is not loaded.\n';
-            message += "See ".concat(package_metadata_1.packageMetadata.licensingDocsUrl, " for more information.\n");
-            console.warn(message);
-        }
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    PDFExport.prototype.render = function () {
-        var _this = this;
-        return (React.createElement("div", { ref: function (el) { _this.rootElForPDF = el; } }, this.props.children));
-    };
-    /**
-     * Saves the content as a PDF file.
-     *
-     * @param callback - The callback to be executed after the PDF is saved.
-     */
-    PDFExport.prototype.save = function (callback) {
-        new KendoDrawingAdapter_1.default(kendo_drawing_1.drawDOM, kendo_drawing_1.exportPDF, kendo_file_saver_1.saveAs, this.rootElForPDF, this.getOptions()).savePDF(callback);
-    };
-    PDFExport.prototype.getOptions = function () {
-        return Object.assign({}, this.props, { margin: (0, getPageMargin_1.getPageMargin)(this.props) });
-    };
-    /**
-     * @hidden
-     */
-    PDFExport.propTypes = {
-        author: PropTypes.string,
-        avoidLinks: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-        forcePageBreak: PropTypes.string,
-        keepTogether: PropTypes.string,
-        creator: PropTypes.string,
-        date: PropTypes.instanceOf(Date),
-        imageResolution: PropTypes.number,
-        fileName: PropTypes.string,
-        forceProxy: PropTypes.bool,
-        keywords: PropTypes.string,
-        landscape: PropTypes.bool,
-        margin: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.shape({
-                left: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-                top: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-                right: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-                bottom: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-            })]),
-        pageTemplate: PropTypes.any,
-        paperSize: PropTypes.any,
-        repeatHeaders: PropTypes.bool,
-        scale: PropTypes.number,
-        proxyData: PropTypes.any,
-        proxyURL: PropTypes.string,
-        proxyTarget: PropTypes.string,
-        producer: PropTypes.string,
-        subject: PropTypes.string,
-        title: PropTypes.string
-    };
-    return PDFExport;
-}(React.Component));
-exports.PDFExport = PDFExport;

package/dist/npm/PDFExportProps.d.ts

@@ -1,124 +0,0 @@
-/// <reference types="react" />
-import { PaperSize, PageMargin } from '@progress/kendo-drawing/pdf';
-/**
- * Represents the props of the KendoReact PDFExport component.
- */
-export interface PDFExportProps {
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * The author (metadata) of the PDF document.
-     */
-    author?: string;
-    /**
-     * A flag that indicates whether to produce actual hyperlinks in the exported PDF file. It is also possible to set a CSS selector. All matching links will be ignored.
-     */
-    avoidLinks?: boolean | string;
-    /**
-     * An optional CSS selector that specifies the elements which cause the page breaks.
-     */
-    forcePageBreak?: string;
-    /**
-     * An optional CSS selector that specifies the elements which should not be split across the pages.
-     */
-    keepTogether?: string;
-    /**
-     * The creator of the PDF document. Defaults to `KendoReact PDF Generator`.
-     */
-    creator?: string;
-    /**
-     * The date when the PDF document is created. Defaults to `new Date()`.
-     */
-    date?: Date;
-    /**
-     * The forced resolution of the images in the exported PDF document. By default, the images are exported at their full resolution.
-     */
-    imageResolution?: number;
-    /**
-     * Specifies the name of the exported PDF file. Defaults to `export.pdf`.
-     */
-    fileName?: string;
-    /**
-     * If set to `true`, the content is forwarded to `proxyURL` even if the browser supports local saving of files.
-     */
-    forceProxy?: boolean;
-    /**
-     * The keywords (metadata) of the PDF document.
-     */
-    keywords?: string;
-    /**
-     * A flag that indicates if the page will be in a landscape orientation. By default, the page is in a portrait orientation. Defaults to `false`.
-     */
-    landscape?: boolean;
-    /**
-     * Specifies the margins of the page.
-     *
-     * The supported units are:
-     * * `"mm"`
-     * * `"cm"`
-     * * `"in"`
-     * * `"pt"` (default).
-     *
-     * > Numbers are considered to be points (`"pt"`).
-     */
-    margin?: string | number | PageMargin;
-    /**
-     * A React functional or class component which is used as a template that is inserted into each page of the PDF document. The number of the current page (`pageNum`) and the total number of pages (`totalPages`) are passed to the component as properties.
-     */
-    pageTemplate?: any;
-    /**
-     * Specifies the paper size of the PDF document. Defaults to `"auto"` which means that the paper size is determined by the content. The size of the content in pixels matches the size of the output in points (1 pixel = 1/72 inch).
-     *
-     * If set, the content will be split across multiple pages. This enables the `repeatHeaders` and `scale` options, and allows you to specify a template.
-     *
-     * The supported values are:
-     * * A predefined size. The supported paper sizes are: `A0-A10`, `B0-B10`, `C0-C10`, `Executive`, `Folio`, `Legal`, `Letter`, `Tabloid`.
-     * * An array of two numbers which specify the width and height in points (1pt = 1/72in).
-     * * An array of two strings which specify the width and height in units. The supported units are `"mm"`, `"cm"`, `"in"`, and `"pt"`.
-     */
-    paperSize?: PaperSize;
-    /**
-     * Specifies if the `<thead>` elements of the tables will be repeated on each page.
-     */
-    repeatHeaders?: boolean;
-    /**
-     * A scale factor. The text size on the screen might be too big for printing. To scale down the output in PDF, use this option. Defaults to `1`.
-     */
-    scale?: number;
-    /**
-     * A key/value dictionary of form values which will be sent to the proxy. Can be used to submit Anti-Forgery tokens and other metadata.
-     */
-    proxyData?: {
-        [key: string]: string;
-    };
-    /**
-     * The URL of the server-side proxy which streams the file to the end user. You need to use a proxy if the browser is not capable of saving files locally&mdash;for example, Internet Explorer 9 and Safari. It is your responsibility to implement the server-side proxy.
-     *
-     * In the request body, the proxy receives a `POST` request with the following parameters:
-     * - `"contentType"`&mdash;The MIME type of the file.
-     * - `"base64"`&mdash;The base-64 encoded file content.
-     * - `"fileName"`&mdash;The file name, as requested by the caller.
-     *
-     * The proxy returns the decoded file with the `"Content-Disposition"` header set to `attachment;
-     * filename="<fileName.pdf>"`.
-     */
-    proxyURL?: string;
-    /**
-     * A name or keyword which indicates where to display the document that is returned from the proxy. To display the document in a new window or iframe, the proxy has to have the `"Content-Disposition"` header set to `inline; filename="<fileName.pdf>"`. Defaults to `_self`.
-     */
-    proxyTarget?: string;
-    /**
-     * The producer (metadata) of the PDF document.
-     */
-    producer?: string;
-    /**
-     * The subject (metadata) of the PDF document.
-     */
-    subject?: string;
-    /**
-     * The title (metadata) of the PDF document.
-     */
-    title?: string;
-}

package/dist/npm/PDFExportProps.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/PDFMargin.js

@@ -1,40 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PDFMargin = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-/**
- * @hidden
- */
-var PDFMargin = /** @class */ (function (_super) {
-    __extends(PDFMargin, _super);
-    function PDFMargin() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PDFMargin.prototype.render = function () {
-        return null;
-    };
-    PDFMargin.propTypes = {
-        left: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        top: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        right: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        bottom: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-    };
-    return PDFMargin;
-}(React.Component));
-exports.PDFMargin = PDFMargin;

package/dist/npm/PageTemplateProps.d.ts

@@ -1,13 +0,0 @@
-/**
- * Represents the props of a page template component that can be added to the PDFExport component.
- */
-export interface PageTemplateProps {
-    /**
-     * The number of the current page.
-     */
-    pageNum: number;
-    /**
-     * The total number of pages.
-     */
-    totalPages: number;
-}

package/dist/npm/PageTemplateProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/dom-queries.js

@@ -1,137 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findFocusableChild = exports.findFocusable = exports.findElement = exports.isFocusable = exports.isVisible = exports.contains = exports.closestInScope = exports.closest = exports.matchesNodeName = exports.matchesClasses = exports.hasClasses = void 0;
-var focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-var NODE_NAME_PREDICATES = {};
-var toClassList = function (classNames) { return String(classNames).trim().split(' '); };
-/**
- * @hidden
- */
-var hasClasses = function (element, classNames) {
-    var namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find(function (className) { return namesList.indexOf(className) >= 0; }));
-};
-exports.hasClasses = hasClasses;
-/**
- * @hidden
- */
-var matchesClasses = function (classNames) {
-    return function (element) { return (0, exports.hasClasses)(element, classNames); };
-};
-exports.matchesClasses = matchesClasses;
-/**
- * @hidden
- */
-var matchesNodeName = function (nodeName) {
-    if (!NODE_NAME_PREDICATES[nodeName]) {
-        NODE_NAME_PREDICATES[nodeName] = function (element) {
-            return String(element.nodeName).toLowerCase() === nodeName.toLowerCase();
-        };
-    }
-    return NODE_NAME_PREDICATES[nodeName];
-};
-exports.matchesNodeName = matchesNodeName;
-/**
- * @hidden
- */
-var closest = function (node, predicate) {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};
-exports.closest = closest;
-/**
- * @hidden
- */
-var closestInScope = function (node, predicate, scope) {
-    while (node && node !== scope && !predicate(node)) {
-        node = node.parentNode;
-    }
-    if (node !== scope) {
-        return node;
-    }
-};
-exports.closestInScope = closestInScope;
-/**
- * @hidden
- */
-var contains = function (parent, node, matchSelf) {
-    if (matchSelf === void 0) { matchSelf = false; }
-    var outside = !(0, exports.closest)(node, function (child) { return child === parent; });
-    if (outside) {
-        return false;
-    }
-    var el = (0, exports.closest)(node, function (child) { return child === node; });
-    return el && (matchSelf || el !== parent);
-};
-exports.contains = contains;
-/**
- * @hidden
- */
-var isVisible = function (element) {
-    var rect = element.getBoundingClientRect();
-    var hasSize = rect.width > 0 && rect.height > 0;
-    var hasPosition = rect.x !== 0 && rect.y !== 0;
-    // Elements can have zero size due to styling, but they still count as visible.
-    // For example, the selection checkbox has no size, but is made visible through styling.
-    return (hasSize || hasPosition) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-exports.isVisible = isVisible;
-/**
- * @hidden
- */
-var isFocusable = function (element, checkVisibility) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    if (element.tagName) {
-        var tagName = element.tagName.toLowerCase();
-        var tabIndex = element.getAttribute('tabIndex');
-        var skipTab = tabIndex === '-1';
-        var focusable = tabIndex !== null && !skipTab;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled && !skipTab;
-        }
-        return focusable && (!checkVisibility || (0, exports.isVisible)(element));
-    }
-    return false;
-};
-exports.isFocusable = isFocusable;
-/**
- * @hidden
- */
-var findElement = function (node, predicate, matchSelf) {
-    if (matchSelf === void 0) { matchSelf = true; }
-    if (!node) {
-        return;
-    }
-    if (matchSelf && predicate(node)) {
-        return node;
-    }
-    node = node.firstChild;
-    while (node) {
-        if (node.nodeType === 1) {
-            var element = (0, exports.findElement)(node, predicate);
-            if (element) {
-                return element;
-            }
-        }
-        node = node.nextSibling;
-    }
-};
-exports.findElement = findElement;
-/**
- * @hidden
- */
-var findFocusable = function (element, checkVisibility) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    return (0, exports.findElement)(element, function (node) { return (0, exports.isFocusable)(node, checkVisibility); });
-};
-exports.findFocusable = findFocusable;
-/**
- * @hidden
- */
-var findFocusableChild = function (element, checkVisibility) {
-    if (checkVisibility === void 0) { checkVisibility = true; }
-    return (0, exports.findElement)(element, function (node) { return (0, exports.isFocusable)(node, checkVisibility); }, false);
-};
-exports.findFocusableChild = findFocusableChild;

package/dist/npm/common/table-query.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridQuery = exports.FOOTER_CLASS = exports.HEADER_CLASS = void 0;
-var dom_queries_1 = require("./dom-queries");
-/**
- * @hidden
- */
-exports.HEADER_CLASS = 'k-grid-header';
-/**
- * @hidden
- */
-exports.FOOTER_CLASS = 'k-grid-footer';
-var TABLE = 'TABLE';
-var matchesTable = (0, dom_queries_1.matchesNodeName)(TABLE);
-/**
- * @hidden
- */
-var GridQuery = /** @class */ (function () {
-    function GridQuery(element) {
-        this.element = element;
-        this.list = (0, dom_queries_1.findElement)(element, (0, dom_queries_1.matchesClasses)('k-grid'));
-    }
-    GridQuery.prototype.content = function () {
-        return (0, dom_queries_1.findElement)(this.list, (0, dom_queries_1.matchesClasses)('k-grid'));
-    };
-    GridQuery.prototype.header = function () {
-        this.headerWrap = this.headerWrap || (0, dom_queries_1.findElement)(this.element, (0, dom_queries_1.matchesClasses)(exports.HEADER_CLASS));
-        return (0, dom_queries_1.findElement)(this.headerWrap, (0, dom_queries_1.matchesClasses)("".concat(exports.HEADER_CLASS)));
-    };
-    GridQuery.prototype.footer = function () {
-        this.footerWrap = this.footerWrap || (0, dom_queries_1.findElement)(this.element, (0, dom_queries_1.matchesClasses)(exports.FOOTER_CLASS));
-        return (0, dom_queries_1.findElement)(this.footerWrap, (0, dom_queries_1.matchesClasses)("".concat(exports.FOOTER_CLASS)));
-    };
-    GridQuery.prototype.table = function () {
-        return (0, dom_queries_1.findElement)(this.element, matchesTable);
-    };
-    return GridQuery;
-}());
-exports.GridQuery = GridQuery;

package/dist/npm/common/utils.d.ts

@@ -1,20 +0,0 @@
-/**
- * @hidden
- */
-export declare const appendNodes: (element: any, nodes: any[]) => void;
-/**
- * @hidden
- */
-export declare const wrapTable: (table: any) => any;
-/**
- * @hidden
- */
-export declare const createTableElement: (sources: any) => any;
-/**
- * @hidden
- */
-export declare const setFirstCellClass: (header: any, headers: any) => void;
-/**
- * @hidden
- */
-export declare const createTable: (colGroups: any[], headers: any[], bodies: any[], footers: any[]) => any;

package/dist/npm/common/utils.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTable = exports.setFirstCellClass = exports.createTableElement = exports.wrapTable = exports.appendNodes = void 0;
-var FIRST_CLASS = 'k-first';
-var HEADER_CLASS = 'k-grid-header';
-var FOOTER_CLASS = 'k-grid-footer';
-/**
- * @hidden
- */
-var appendNodes = function (element, nodes) {
-    var length = nodes.length;
-    for (var idx = 0; idx < length; idx++) {
-        element.appendChild(nodes[idx].cloneNode(true));
-    }
-};
-exports.appendNodes = appendNodes;
-/**
- * @hidden
- */
-var wrapTable = function (table) {
-    var wrapper = document.createElement('div');
-    wrapper.className = 'k-grid k-grid-md';
-    wrapper.appendChild(table);
-    return wrapper;
-};
-exports.wrapTable = wrapTable;
-/**
- * @hidden
- */
-var createTableElement = function (sources) {
-    var sourceCount = sources.length;
-    var element = sources[0].cloneNode(true);
-    var rowsCount = element.rows.length;
-    if (sourceCount > 1) {
-        for (var rowIdx = 0; rowIdx < rowsCount; rowIdx++) {
-            for (var sourceIdx = 1; sourceIdx < sourceCount; sourceIdx++) {
-                (0, exports.appendNodes)(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);
-            }
-        }
-    }
-    return element;
-};
-exports.createTableElement = createTableElement;
-/**
- * @hidden
- */
-var setFirstCellClass = function (header, headers) {
-    if (headers.length > 1 && header.rows.length > 1) {
-        for (var idx = 1; idx < header.rows.length; idx++) {
-            var firstCellIndex = headers[0].rows[idx].cells.length;
-            var cell = header.rows[idx].cells[firstCellIndex];
-            if (String(cell.className).indexOf(FIRST_CLASS) === -1) {
-                cell.className += " ".concat(FIRST_CLASS);
-            }
-        }
-    }
-};
-exports.setFirstCellClass = setFirstCellClass;
-/**
- * @hidden
- */
-var createTable = function (colGroups, headers, bodies, footers) {
-    var table = document.createElement('table');
-    var colGroup = colGroups[0].cloneNode(true);
-    for (var idx = 1; idx < colGroups.length; idx++) {
-        (0, exports.appendNodes)(colGroup, colGroups[idx].querySelectorAll('col'));
-    }
-    var header = (0, exports.createTableElement)(headers);
-    var body = (0, exports.createTableElement)(bodies);
-    header.className = HEADER_CLASS;
-    (0, exports.setFirstCellClass)(header, headers);
-    table.appendChild(colGroup);
-    table.appendChild(header);
-    table.appendChild(body);
-    if (footers.length) {
-        var footer = (0, exports.createTableElement)(footers);
-        footer.className = FOOTER_CLASS;
-        table.appendChild(footer);
-    }
-    return (0, exports.wrapTable)(table);
-};
-exports.createTable = createTable;

package/dist/npm/getPageMargin.d.ts

@@ -1,6 +0,0 @@
-/**
- * @hidden
- * Returns the margin options by reading the props of he component and the `PDFMargin` child.
- * The props of the `PDFMargin` child are with greater priority.
- */
-export declare function getPageMargin(props: any): any;

package/dist/npm/getPageMargin.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPageMargin = void 0;
-var React = require("react");
-var PDFMargin_1 = require("./PDFMargin");
-var fieldsNames = ['bottom', 'left', 'right', 'top'];
-/**
- * @hidden
- * Returns the margin options by reading the props of he component and the `PDFMargin` child.
- * The props of the `PDFMargin` child are with greater priority.
- */
-function getPageMargin(props) {
-    var marginChild = React.Children
-        .toArray(props.children)
-        .find(function (child) { return child && child.type === PDFMargin_1.PDFMargin; });
-    return marginChild ? getMarginComponentProps(marginChild) : props.margin;
-}
-exports.getPageMargin = getPageMargin;
-function getMarginComponentProps(marginComponent) {
-    var result = {};
-    for (var idx = 0; idx < fieldsNames.length; idx++) {
-        var fieldName = fieldsNames[idx];
-        var value = marginComponent.props[fieldName];
-        if (value !== undefined) {
-            result[fieldName] = value;
-        }
-    }
-    return result;
-}