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

package/index.mjs

@@ -0,0 +1,486 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as d from "react";
+import * as e from "prop-types";
+import { drawDOM as G, exportPDF as $ } from "@progress/kendo-drawing";
+import { saveAs as W } from "@progress/kendo-file-saver";
+import * as z from "react-dom/server";
+import * as E from "@progress/kendo-licensing";
+import * as j from "react-dom";
+class M extends d.Component {
+  render() {
+    return null;
+  }
+}
+M.propTypes = {
+  left: e.oneOfType([e.number, e.string]),
+  top: e.oneOfType([e.number, e.string]),
+  right: e.oneOfType([e.number, e.string]),
+  bottom: e.oneOfType([e.number, e.string])
+};
+const S = ["bottom", "left", "right", "top"];
+function v(r) {
+  const t = d.Children.toArray(r.children).find((o) => o && o.type === M);
+  return t ? K(t) : r.margin;
+}
+function K(r) {
+  const t = {};
+  for (let o = 0; o < S.length; o++) {
+    const n = S[o], s = r.props[n];
+    s !== void 0 && (t[n] = s);
+  }
+  return t;
+}
+const Q = "export.pdf", V = "KendoReact PDF Generator";
+class I {
+  constructor(t, o, n, s, i = {}) {
+    this.drawDOM = t, this.exportPDF = o, this.saveAs = n, this.domElement = s, this.options = i, this.convertPageTemplateToHtml = (p) => `<span>${z.renderToStaticMarkup(
+      d.createElement(this.options.pageTemplate, {
+        pageNum: p.pageNum,
+        totalPages: p.totalPages
+      })
+    )}</span>`;
+  }
+  savePDF(t) {
+    const o = this.drawDOM(this.domElement, this.getDrawOptions()).then((n) => this.exportPDF(n, this.getPDFOptions())).then((n) => this.saveAs(n, this.options.fileName || Q, this.getSaveOptions()));
+    t && o.then(t, t);
+  }
+  getDrawOptions() {
+    return {
+      avoidLinks: this.options.avoidLinks,
+      forcePageBreak: this.options.forcePageBreak,
+      keepTogether: this.options.keepTogether,
+      margin: this.options.margin,
+      paperSize: this.options.paperSize,
+      landscape: this.options.landscape,
+      repeatHeaders: this.options.repeatHeaders,
+      scale: this.options.scale,
+      template: this.options.pageTemplate && this.convertPageTemplateToHtml
+    };
+  }
+  getPDFOptions() {
+    return {
+      author: this.options.author,
+      creator: this.options.creator || V,
+      date: this.options.date,
+      imgDPI: this.options.imageResolution,
+      keywords: this.options.keywords,
+      landscape: this.options.landscape,
+      margin: this.options.margin,
+      multiPage: !0,
+      paperSize: this.options.paperSize,
+      producer: this.options.producer,
+      subject: this.options.subject,
+      title: this.options.title
+    };
+  }
+  getSaveOptions() {
+    return {
+      forceProxy: this.options.forceProxy,
+      proxyData: this.options.proxyData,
+      proxyTarget: this.options.proxyTarget,
+      proxyURL: this.options.proxyURL
+    };
+  }
+}
+const P = {
+  name: "@progress/kendo-react-pdf",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1700493900,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+};
+class X extends d.Component {
+  constructor(t) {
+    if (super(t), this.rootElForPDF = null, typeof E < "u")
+      E.validatePackage(P);
+    else {
+      let o = `License activation failed for ${P.name}
+`;
+      o += `The @progress/kendo-licensing script is not loaded.
+`, o += `See ${P.licensingDocsUrl} for more information.
+`, console.warn(o);
+    }
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    return /* @__PURE__ */ d.createElement("div", { ref: (t) => {
+      this.rootElForPDF = t;
+    } }, this.props.children);
+  }
+  /**
+   * Saves the content as a PDF file.
+   *
+   * @param callback - The callback to be executed after the PDF is saved.
+   */
+  save(t) {
+    new I(
+      G,
+      $,
+      W,
+      this.rootElForPDF,
+      this.getOptions()
+    ).savePDF(t);
+  }
+  getOptions() {
+    return Object.assign({}, this.props, { margin: v(this.props) });
+  }
+}
+X.propTypes = {
+  author: e.string,
+  avoidLinks: e.oneOfType([e.bool, e.string]),
+  forcePageBreak: e.string,
+  keepTogether: e.string,
+  creator: e.string,
+  date: e.instanceOf(Date),
+  imageResolution: e.number,
+  fileName: e.string,
+  forceProxy: e.bool,
+  keywords: e.string,
+  landscape: e.bool,
+  margin: e.oneOfType([e.string, e.number, e.shape({
+    left: e.oneOfType([e.number, e.string]),
+    top: e.oneOfType([e.number, e.string]),
+    right: e.oneOfType([e.number, e.string]),
+    bottom: e.oneOfType([e.number, e.string])
+  })]),
+  pageTemplate: e.any,
+  paperSize: e.any,
+  repeatHeaders: e.bool,
+  scale: e.number,
+  proxyData: e.any,
+  proxyURL: e.string,
+  proxyTarget: e.string,
+  producer: e.string,
+  subject: e.string,
+  title: e.string
+};
+function U(r, t = {}, o) {
+  new I(
+    G,
+    $,
+    W,
+    r,
+    t
+  ).savePDF(o);
+}
+const O = {}, k = (r) => String(r).trim().split(" "), J = (r, t) => {
+  const o = k(t);
+  return !!k(r.className).find((n) => o.indexOf(n) >= 0);
+}, u = (r) => (t) => J(t, r), q = (r) => (O[r] || (O[r] = (t) => String(t.nodeName).toLowerCase() === r.toLowerCase()), O[r]), c = (r, t, o = !0) => {
+  if (r) {
+    if (o && t(r))
+      return r;
+    for (r = r.firstChild; r; ) {
+      if (r.nodeType === 1) {
+        const n = c(r, t);
+        if (n)
+          return n;
+      }
+      r = r.nextSibling;
+    }
+  }
+}, F = "k-grid-header", w = "k-grid-footer", Y = "TABLE", Z = q(Y), L = (r) => r ? "locked" : "wrap";
+let ee = class {
+  constructor(t) {
+    this.element = t, this.list = c(t, u("k-grid-container"));
+  }
+  content(t) {
+    return c(this.list, u(`k-grid-content${t ? "-locked" : ""}`));
+  }
+  header(t) {
+    return this.headerWrap = this.headerWrap || c(this.element, u(F)), c(this.headerWrap, u(`${F}-${L(t)}`));
+  }
+  footer(t) {
+    return this.footerWrap = this.footerWrap || c(this.element, u(w)), c(this.footerWrap, u(`${w}-${L(t)}`));
+  }
+  table() {
+    return c(this.element, Z);
+  }
+};
+const N = "k-first", te = "k-grid-header", re = "k-grid-footer", B = (r, t) => {
+  const o = t.length;
+  for (let n = 0; n < o; n++)
+    r.appendChild(t[n].cloneNode(!0));
+}, x = (r) => {
+  const t = document.createElement("div");
+  return t.className = "k-grid k-grid-md", t.appendChild(r), t;
+}, D = (r) => {
+  const t = r.length, o = r[0].cloneNode(!0), n = o.rows.length;
+  if (t > 1)
+    for (let s = 0; s < n; s++)
+      for (let i = 1; i < t; i++)
+        B(o.rows[s], r[i].rows[s].cells);
+  return o;
+}, oe = (r, t) => {
+  if (t.length > 1 && r.rows.length > 1)
+    for (let o = 1; o < r.rows.length; o++) {
+      const n = t[0].rows[o].cells.length, s = r.rows[o].cells[n];
+      String(s.className).indexOf(N) === -1 && (s.className += ` ${N}`);
+    }
+}, H = (r, t, o, n) => {
+  const s = document.createElement("table"), i = r[0].cloneNode(!0);
+  for (let a = 1; a < r.length; a++)
+    B(i, r[a].querySelectorAll("col"));
+  const p = D(t), l = D(o);
+  if (p.className = te, oe(p, t), s.appendChild(i), s.appendChild(p), s.appendChild(l), n.length) {
+    const a = D(n);
+    a.className = re, s.appendChild(a);
+  }
+  return x(s);
+}, ne = (r) => {
+  const t = new ee(r), o = t.content();
+  let n;
+  if (o) {
+    const s = [o.querySelector("colgroup")], i = [t.header().querySelector("thead")], p = [o.querySelector("tbody")], l = t.footer(), a = l ? [l.querySelector("tfoot")] : [];
+    n = H(s, i, p, a);
+  } else
+    n = x(t.table().cloneNode(!0));
+  return n;
+};
+function se(r) {
+  return (t, o = {}, n, s, i) => ie(
+    r,
+    t,
+    o,
+    n,
+    s,
+    i
+  );
+}
+function ie(r, t, o = {}, n, s, i) {
+  let p, l, a;
+  g();
+  function g() {
+    p = document.createElement("div"), p.setAttribute("style", "position:absolute; left: -5000px; top: 0px;"), l = document.createElement("div"), p.appendChild(l), document.body.appendChild(p), j.render(T(), l, f);
+  }
+  function f() {
+    r(b(), o, y);
+  }
+  function y() {
+    document.body.removeChild(p), document.body.removeChild(a), p = a = void 0, n && n();
+  }
+  function b() {
+    a = document.createElement("div"), a.className = "k-grid-pdf-export-element";
+    const h = ne(l);
+    return a.appendChild(h), document.body.appendChild(a), h;
+  }
+  function T() {
+    const h = s && { data: s, total: s.length, pageSize: s.length, skip: 0 }, C = { style: Object.assign({}, t.props.style, { width: "1000px" }) }, m = Object.assign({}, h, C);
+    if (i && i.length > 0) {
+      const _ = ae(t);
+      return d.cloneElement(t, m, i.concat(_));
+    } else
+      return d.cloneElement(t, m);
+  }
+}
+function ae(r) {
+  return d.Children.toArray(r.props.children).filter((t) => t && t.type && t.type.displayName !== "KendoReactGridColumn");
+}
+class pe extends d.Component {
+  constructor(t) {
+    super(t), this.saveGridPDF = se(this.getSavePDF());
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    return null;
+  }
+  /* eslint-disable max-len */
+  /**
+   * Saves the content of the Grid as a PDF file.
+   *
+   * @param data - The data can be different from the currently displayed data in the Grid. Can be used to export all Grid pages.
+   * @param callback - The callback that will be executed after the PDF is saved.
+   */
+  // tslint:enable:max-line-length
+  save(t, o) {
+    this.saveGridPDF(
+      this.getGrid(),
+      Object.assign({}, this.props, { margin: v(this.props) }),
+      o,
+      t,
+      this.getCustomColumns()
+    );
+  }
+  getSavePDF() {
+    return U;
+  }
+  getGrid() {
+    return d.Children.toArray(this.props.children).find((t) => t && t.type.displayName === "KendoReactGrid");
+  }
+  getCustomColumns() {
+    return d.Children.toArray(this.props.children).filter((t) => t && t.type.displayName === "KendoReactGridColumn");
+  }
+}
+pe.propTypes = {
+  author: e.string,
+  avoidLinks: e.oneOfType([e.bool, e.string]),
+  forcePageBreak: e.string,
+  keepTogether: e.string,
+  creator: e.string,
+  date: e.instanceOf(Date),
+  imageResolution: e.number,
+  fileName: e.string,
+  forceProxy: e.bool,
+  keywords: e.string,
+  landscape: e.bool,
+  margin: e.oneOfType([e.string, e.number, e.shape({
+    left: e.oneOfType([e.number, e.string]),
+    top: e.oneOfType([e.number, e.string]),
+    right: e.oneOfType([e.number, e.string]),
+    bottom: e.oneOfType([e.number, e.string])
+  })]),
+  pageTemplate: e.any,
+  paperSize: e.any,
+  repeatHeaders: e.bool,
+  scale: e.number,
+  proxyData: e.any,
+  proxyURL: e.string,
+  proxyTarget: e.string,
+  producer: e.string,
+  subject: e.string,
+  title: e.string
+};
+const A = "k-grid-header", R = "k-grid-footer", le = "TABLE", ce = q(le);
+class de {
+  constructor(t) {
+    this.element = t, this.list = c(t, u("k-grid"));
+  }
+  content() {
+    return c(this.list, u("k-grid"));
+  }
+  header() {
+    return this.headerWrap = this.headerWrap || c(this.element, u(A)), c(this.headerWrap, u(`${A}`));
+  }
+  footer() {
+    return this.footerWrap = this.footerWrap || c(this.element, u(R)), c(this.footerWrap, u(`${R}`));
+  }
+  table() {
+    return c(this.element, ce);
+  }
+}
+const ue = (r) => {
+  const t = new de(r), o = t.content();
+  let n, s = t.header();
+  if (s.childNodes.length > 1 && s.removeChild(s.childNodes[1]), s.childNodes[0].childNodes.forEach((i) => i.style.top = 0), o) {
+    const i = [o.querySelector("colgroup")], p = [s], l = [o.querySelector("tbody")], a = t.footer(), g = a ? [a.querySelector("tfoot")] : [];
+    n = H(i, p, l, g);
+  } else
+    n = x(t.table().cloneNode(!0));
+  return n;
+};
+function he(r) {
+  return (t, o = {}, n, s, i) => ge(
+    r,
+    t,
+    o,
+    n,
+    s,
+    i
+  );
+}
+function ge(r, t, o = {}, n, s, i) {
+  let p, l, a;
+  g();
+  function g() {
+    p = document.createElement("div"), p.setAttribute("style", "position:absolute; left: -5000px; top: 0px;"), l = document.createElement("div"), p.appendChild(l), document.body.appendChild(p), j.render(T(), l, f);
+  }
+  function f() {
+    r(b(), o, y);
+  }
+  function y() {
+    document.body.removeChild(p), document.body.removeChild(a), p = a = void 0, n && n();
+  }
+  function b() {
+    a = document.createElement("div"), a.className = "k-treelist-pdf-export-element";
+    const h = ue(l);
+    return a.appendChild(h), document.body.appendChild(a), a;
+  }
+  function T() {
+    const h = o.allPages && s ? { data: s, take: Number.MAX_VALUE, skip: 0 } : {}, C = { style: Object.assign({}, t.props.style, { width: "1000px" }) }, m = Object.assign({}, h, C);
+    return i && i.length > 0 ? d.cloneElement(t, Object.assign({}, m, { columns: i })) : d.cloneElement(t, m);
+  }
+}
+class me extends d.Component {
+  constructor(t) {
+    super(t), this.saveTreeListPDF = he(this.getSavePDF());
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    return null;
+  }
+  /* eslint-disable max-len */
+  /**
+   * Saves the content of the TreeList as a PDF file.
+   *
+   * @param data - The data that will be exported to the PDF. The data can be different from the currently displayed data in the TreeList.
+   * @param columns - The columns that will be exported to the PDF. The columns collection can be different from the currently displayed in the TreeList.
+   * @param callback - The callback that will be executed after the PDF is saved.
+   */
+  // tslint:enable:max-line-length
+  save(t, o, n) {
+    this.saveTreeListPDF(
+      this.getTreeList(),
+      Object.assign({}, this.props, { margin: v(this.props) }),
+      n,
+      t,
+      o || []
+    );
+  }
+  getSavePDF() {
+    return U;
+  }
+  getTreeList() {
+    const t = this.props.children;
+    if (t && t.props.data && t.props.columns)
+      return this.props.children;
+  }
+}
+me.propTypes = {
+  author: e.string,
+  avoidLinks: e.oneOfType([e.bool, e.string]),
+  forcePageBreak: e.string,
+  keepTogether: e.string,
+  creator: e.string,
+  date: e.instanceOf(Date),
+  imageResolution: e.number,
+  fileName: e.string,
+  forceProxy: e.bool,
+  keywords: e.string,
+  landscape: e.bool,
+  margin: e.oneOfType([e.string, e.number, e.shape({
+    left: e.oneOfType([e.number, e.string]),
+    top: e.oneOfType([e.number, e.string]),
+    right: e.oneOfType([e.number, e.string]),
+    bottom: e.oneOfType([e.number, e.string])
+  })]),
+  pageTemplate: e.any,
+  paperSize: e.any,
+  repeatHeaders: e.bool,
+  scale: e.number,
+  proxyData: e.any,
+  proxyURL: e.string,
+  proxyTarget: e.string,
+  producer: e.string,
+  subject: e.string,
+  title: e.string,
+  allPages: e.bool
+};
+export {
+  pe as GridPDFExport,
+  I as KendoDrawingAdapter,
+  X as PDFExport,
+  M as PDFMargin,
+  me as TreeListPDFExport,
+  v as getPageMargin,
+  U as savePDF
+};

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,21 +1,30 @@
 {
   "name": "@progress/kendo-react-pdf",
+  "version": "7.0.0-develop.1",
   "description": "React PDF Processing enables you to export single- and multi-page content in PDF. KendoReact PDF Processing package",
-  "version": "6.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/pdf/.*",
-    "start": "gulp start",
-    "build-package": "gulp build-package"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-drawing": "^1.17.2",
+    "@progress/kendo-file-saver": "^1.0.1",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-common": "7.0.0-develop.1",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -29,31 +38,15 @@
     "Telerik",
     "PDF export"
   ],
-  "peerDependencies": {
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-file-saver": "^1.0.1"
-  },
-  "devDependencies": {
-    "@progress/kendo-date-math": "^1.4.1",
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-charts": "6.1.1",
-    "@progress/kendo-react-grid": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
   "@progress": {
     "friendlyName": "PDF",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/{dist/npm/savePDF.d.ts → savePDF.d.ts}

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { PDFExportProps } from './PDFExportProps';
 /**
  * Saves the content of a DOM element to a PDF file.

package/{dist/es/treelist → treelist}/TreeListPDFExport.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { savePDF } from '../savePDF';

package/treelist/export-element.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const exportElement: (wrapper: HTMLElement) => HTMLElement;

package/treelist/provideSaveTreeListPDF.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TreeListPDFExportProps } from './TreeListPDFExport';
+/**
+ * @hidden
+ */
+export declare function provideSaveTreeListPDF(savePDF: (domElement: HTMLElement, options?: TreeListPDFExportProps, callback?: () => void) => void): (treeList: any, pdfExportOptions?: TreeListPDFExportProps, callback?: () => void, data?: any, columns?: any) => void;

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-pdf&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/KendoDrawingAdapter.d.ts

@@ -1,20 +0,0 @@
-import { DrawOptions, Group } from '@progress/kendo-drawing';
-import { PDFOptions } from '@progress/kendo-drawing/pdf';
-import { SaveOptions } from '@progress/kendo-file-saver';
-import { PDFExportProps } from './PDFExportProps';
-/**
- * @hidden
- */
-export default class KendoDrawingAdapter {
-    private drawDOM;
-    private exportPDF;
-    private saveAs;
-    private domElement;
-    private options;
-    constructor(drawDOM: (element: HTMLElement, options: DrawOptions) => Promise<Group>, exportPDF: (group: Group, options: PDFOptions) => Promise<string>, saveAs: (dataUri: string, fileName: string, options: SaveOptions) => void, domElement: HTMLElement, options?: PDFExportProps);
-    savePDF(callback?: () => void): void;
-    private getDrawOptions;
-    private getPDFOptions;
-    private getSaveOptions;
-    private convertPageTemplateToHtml;
-}