@progress/kendo-react-pdf 8.1.0-develop.8 → 8.1.0

package/common/table-query.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { matchesNodeName as o, findElement as e, matchesClasses as t } from "./dom-queries.mjs";
+import { findElement as e, matchesClasses as t, matchesNodeName as o } from "./dom-queries.mjs";
 const s = "k-grid-header", i = "k-grid-footer", h = "TABLE", a = o(h);
 class d {
   constructor(r) {

package/dist/cdn/js/kendo-react-pdf.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver"),require("react-dom/server"),require("@progress/kendo-react-common"),require("react-dom"),require("react-dom/client")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-drawing","@progress/kendo-file-saver","react-dom/server","@progress/kendo-react-common","react-dom","react-dom/client"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactPdf={},e.React,e.PropTypes,e.KendoDrawing,e.KendoFileSaver,e.ReactDOMServer,e.KendoReactCommon,e.ReactDOM,e.ReactDOMClient)}(this,(function(e,t,r,o,n,s,i,a,p){"use strict";function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=l(t),d=l(s),u=l(a),g=l(p);const h=class extends c.Component{render(){return null}};h.propTypes={left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])};let m=h;const f=["bottom","left","right","top"];function y(e){const t=c.Children.toArray(e.children).find((e=>e&&e.type===m));return t?function(e){const t={};for(let r=0;r<f.length;r++){const o=f[r],n=e.props[o];void 0!==n&&(t[o]=n)}return t}(t):e.margin}let b=class{constructor(e,t,r,o,n={}){this.drawDOM=e,this.exportPDF=t,this.saveAs=r,this.domElement=o,this.options=n,this.convertPageTemplateToHtml=e=>`<span>${d.renderToStaticMarkup(c.createElement(this.options.pageTemplate,{pageNum:e.pageNum,totalPages:e.totalPages}))}</span>`}savePDF(e){const t=this.drawDOM(this.domElement,this.getDrawOptions()).then((e=>this.exportPDF(e,this.getPDFOptions()))).then((e=>this.saveAs(e,this.options.fileName||"export.pdf",this.getSaveOptions())));e&&t.then(e,e)}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||"KendoReact PDF Generator",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 T={name:"@progress/kendo-react-pdf",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},O=class extends c.Component{constructor(e){super(e),this.rootElForPDF=null,i.validatePackage(T)}render(){return c.createElement("div",{ref:e=>{this.rootElForPDF=e}},this.props.children)}save(e){new b(o.drawDOM,o.exportPDF,n.saveAs,this.rootElForPDF,this.getOptions()).savePDF(e)}getOptions(){return Object.assign({},this.props,{margin:y(this.props)})}};O.propTypes={author:r.string,avoidLinks:r.oneOfType([r.bool,r.string]),forcePageBreak:r.string,keepTogether:r.string,creator:r.string,date:r.instanceOf(Date),imageResolution:r.number,fileName:r.string,forceProxy:r.bool,keywords:r.string,landscape:r.bool,margin:r.oneOfType([r.string,r.number,r.shape({left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])})]),pageTemplate:r.any,paperSize:r.any,repeatHeaders:r.bool,scale:r.number,proxyData:r.any,proxyURL:r.string,proxyTarget:r.string,producer:r.string,subject:r.string,title:r.string};let v=O;function k(e,t={},r){new b(o.drawDOM,o.exportPDF,n.saveAs,e,t).savePDF(r)}const D={},P=e=>String(e).trim().split(" "),x=e=>t=>((e,t)=>{const r=P(t);return!!P(e.className).find((e=>r.indexOf(e)>=0))})(t,e),C=e=>(D[e]||(D[e]=t=>String(t.nodeName).toLowerCase()===e.toLowerCase()),D[e]),w=(e,t,r=!0)=>{if(e){if(r&&t(e))return e;for(e=e.firstChild;e;){if(1===e.nodeType){const r=w(e,t);if(r)return r}e=e.nextSibling}}},N="k-grid-header",E="k-grid-footer",F=C("TABLE"),S=e=>e?"locked":"wrap";class R{constructor(e){this.element=e,this.list=w(e,x("k-grid-container"))}content(e){return w(this.list,x("k-grid-content"+(e?"-locked":"")))}header(e){return this.headerWrap=this.headerWrap||w(this.element,x(N)),w(this.headerWrap,x(`${N}-${S(e)}`))}footer(e){return this.footerWrap=this.footerWrap||w(this.element,x(E)),w(this.footerWrap,x(`${E}-${S(e)}`))}table(){return w(this.element,F)}}const L="k-first",j=(e,t)=>{const r=t.length;for(let o=0;o<r;o++)e.appendChild(t[o].cloneNode(!0))},A=e=>{const t=document.createElement("div");return t.className="k-grid k-grid-md",t.appendChild(e),t},q=e=>{const t=e.length,r=e[0].cloneNode(!0),o=r.rows.length;if(t>1)for(let n=0;n<o;n++)for(let o=1;o<t;o++)j(r.rows[n],e[o].rows[n].cells);return r},K=(e,t,r,o)=>{const n=document.createElement("table"),s=e[0].cloneNode(!0);for(let t=1;t<e.length;t++)j(s,e[t].querySelectorAll("col"));const i=q(t),a=q(r);if(i.className="k-grid-header",((e,t)=>{if(t.length>1&&e.rows.length>1)for(let r=1;r<e.rows.length;r++){const o=t[0].rows[r].cells.length,n=e.rows[r].cells[o];-1===String(n.className).indexOf(L)&&(n.className+=` ${L}`)}})(i,t),n.appendChild(s),n.appendChild(i),n.appendChild(a),o.length){const e=q(o);e.className="k-grid-footer",n.appendChild(e)}return A(n)},M=e=>{const t=new R(e),r=t.content();let o;if(r){const e=[r.querySelector("colgroup")],n=[t.header().querySelector("thead")],s=[r.querySelector("tbody")],i=t.footer(),a=i?[i.querySelector("tfoot")]:[];o=K(e,n,s,a)}else o=A(t.table().cloneNode(!0));return o};function W(e){return(t,r={},o,n,s)=>function(e,t,r={},o,n,s){let i,a,p;function l(){i=document.createElement("div"),i.setAttribute("style","position:absolute; left: -5000px; top: 0px;"),a=document.createElement("div"),i.appendChild(a),document.body.appendChild(i),Number(c.version.slice(0,2))>=18?(g.createRoot(a).render(f()),setTimeout((()=>{d()}),0)):u.render(f(),a,d)}function d(){e(m(),r,h)}function h(){document.body.removeChild(i),document.body.removeChild(p),i=p=void 0,o&&o()}function m(){p=document.createElement("div"),p.className="k-grid-pdf-export-element";const e=M(a);return p.appendChild(e),document.body.appendChild(p),e}function f(){const e=n&&{data:n,total:n.length,pageSize:n.length,skip:0},r={style:Object.assign({},t.props.style,{width:"1000px"})},o=Object.assign({},e,r);if(s&&s.length>0){const e=function(e){return c.Children.toArray(e.props.children).filter((e=>e&&e.type&&"KendoReactGridColumn"!==e.type.displayName))}(t);return c.cloneElement(t,o,s.concat(e))}return c.cloneElement(t,o)}l()}(e,t,r,o,n,s)}const z=class extends c.Component{constructor(e){super(e),this.saveGridPDF=W(this.getSavePDF())}render(){return null}save(e,t){this.saveGridPDF(this.getGrid(),Object.assign({},this.props,{margin:y(this.props)}),t,e,this.getCustomColumns())}getSavePDF(){return k}getGrid(){return c.Children.toArray(this.props.children).find((e=>e&&"KendoReactGrid"===e.type.displayName))}getCustomColumns(){return c.Children.toArray(this.props.children).filter((e=>e&&"KendoReactGridColumn"===e.type.displayName))}};z.propTypes={author:r.string,avoidLinks:r.oneOfType([r.bool,r.string]),forcePageBreak:r.string,keepTogether:r.string,creator:r.string,date:r.instanceOf(Date),imageResolution:r.number,fileName:r.string,forceProxy:r.bool,keywords:r.string,landscape:r.bool,margin:r.oneOfType([r.string,r.number,r.shape({left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])})]),pageTemplate:r.any,paperSize:r.any,repeatHeaders:r.bool,scale:r.number,proxyData:r.any,proxyURL:r.string,proxyTarget:r.string,producer:r.string,subject:r.string,title:r.string};let G=z;const U="k-grid-header",$="k-grid-footer",B=C("TABLE");class H{constructor(e){this.element=e,this.list=w(e,x("k-grid"))}content(){return w(this.list,x("k-grid"))}header(){return this.headerWrap=this.headerWrap||w(this.element,x(U)),w(this.headerWrap,x(`${U}`))}footer(){return this.footerWrap=this.footerWrap||w(this.element,x($)),w(this.footerWrap,x(`${$}`))}table(){return w(this.element,B)}}const I=e=>{const t=new H(e),r=t.content();let o,n=t.header();if(n.childNodes.length>1&&n.removeChild(n.childNodes[1]),n.childNodes[0].childNodes.forEach((e=>e.style.top=0)),r){const e=[r.querySelector("colgroup")],s=[n],i=[r.querySelector("tbody")],a=t.footer(),p=a?[a.querySelector("tfoot")]:[];o=K(e,s,i,p)}else o=A(t.table().cloneNode(!0));return o};function V(e){return(t,r={},o,n,s)=>function(e,t,r={},o,n,s){let i,a,p;function l(){i=document.createElement("div"),i.setAttribute("style","position:absolute; left: -5000px; top: 0px;"),a=document.createElement("div"),i.appendChild(a),document.body.appendChild(i),Number(c.version.slice(0,2))>=18?(g.createRoot(a).render(f()),setTimeout((()=>{d()}),0)):u.render(f(),a,d)}function d(){e(m(),r,h)}function h(){document.body.removeChild(i),document.body.removeChild(p),i=p=void 0,o&&o()}function m(){p=document.createElement("div"),p.className="k-treelist-pdf-export-element";const e=I(a);return p.appendChild(e),document.body.appendChild(p),p}function f(){const e=r.allPages&&n?{data:n,take:Number.MAX_VALUE,skip:0}:{},o={style:Object.assign({},t.props.style,{width:"1000px"})},i=Object.assign({},e,o);return s&&s.length>0?c.cloneElement(t,Object.assign({},i,{columns:s})):c.cloneElement(t,i)}l()}(e,t,r,o,n,s)}const X=class extends c.Component{constructor(e){super(e),this.saveTreeListPDF=V(this.getSavePDF())}render(){return null}save(e,t,r){this.saveTreeListPDF(this.getTreeList(),Object.assign({},this.props,{margin:y(this.props)}),r,e,t||[])}getSavePDF(){return k}getTreeList(){const e=this.props.children;if(e&&e.props.data&&e.props.columns)return this.props.children}};X.propTypes={author:r.string,avoidLinks:r.oneOfType([r.bool,r.string]),forcePageBreak:r.string,keepTogether:r.string,creator:r.string,date:r.instanceOf(Date),imageResolution:r.number,fileName:r.string,forceProxy:r.bool,keywords:r.string,landscape:r.bool,margin:r.oneOfType([r.string,r.number,r.shape({left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])})]),pageTemplate:r.any,paperSize:r.any,repeatHeaders:r.bool,scale:r.number,proxyData:r.any,proxyURL:r.string,proxyTarget:r.string,producer:r.string,subject:r.string,title:r.string,allPages:r.bool};let _=X;e.GridPDFExport=G,e.KendoDrawingAdapter=b,e.PDFExport=v,e.PDFMargin=m,e.TreeListPDFExport=_,e.getPageMargin=y,e.savePDF=k}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-drawing"),require("@progress/kendo-file-saver"),require("react-dom/server"),require("@progress/kendo-react-common"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-drawing","@progress/kendo-file-saver","react-dom/server","@progress/kendo-react-common","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactPdf={},e.React,e.PropTypes,e.KendoDrawing,e.KendoFileSaver,e.ReactDOMServer,e.KendoReactCommon,e.ReactDOM)}(this,(function(e,t,r,o,s,n,i,a){"use strict";function p(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=p(t),c=p(n);const d=class extends l.Component{render(){return null}};d.propTypes={left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])};let h=d;const g=["bottom","left","right","top"];function u(e){const t=l.Children.toArray(e.children).find((e=>e&&e.type===h));return t?function(e){const t={};for(let r=0;r<g.length;r++){const o=g[r],s=e.props[o];void 0!==s&&(t[o]=s)}return t}(t):e.margin}let m=class{constructor(e,t,r,o,s={}){this.drawDOM=e,this.exportPDF=t,this.saveAs=r,this.domElement=o,this.options=s,this.convertPageTemplateToHtml=e=>`<span>${c.renderToStaticMarkup(l.createElement(this.options.pageTemplate,{pageNum:e.pageNum,totalPages:e.totalPages}))}</span>`}savePDF(e){const t=this.drawDOM(this.domElement,this.getDrawOptions()).then((e=>this.exportPDF(e,this.getPDFOptions()))).then((e=>this.saveAs(e,this.options.fileName||"export.pdf",this.getSaveOptions())));e&&t.then(e,e)}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||"KendoReact PDF Generator",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 f={name:"@progress/kendo-react-pdf",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},y=class extends l.Component{constructor(e){super(e),this.rootElForPDF=null,i.validatePackage(f)}render(){return l.createElement("div",{ref:e=>{this.rootElForPDF=e}},this.props.children)}save(e){new m(o.drawDOM,o.exportPDF,s.saveAs,this.rootElForPDF,this.getOptions()).savePDF(e)}getOptions(){return Object.assign({},this.props,{margin:u(this.props)})}};y.propTypes={author:r.string,avoidLinks:r.oneOfType([r.bool,r.string]),forcePageBreak:r.string,keepTogether:r.string,creator:r.string,date:r.instanceOf(Date),imageResolution:r.number,fileName:r.string,forceProxy:r.bool,keywords:r.string,landscape:r.bool,margin:r.oneOfType([r.string,r.number,r.shape({left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])})]),pageTemplate:r.any,paperSize:r.any,repeatHeaders:r.bool,scale:r.number,proxyData:r.any,proxyURL:r.string,proxyTarget:r.string,producer:r.string,subject:r.string,title:r.string};let b=y;function T(e,t={},r){new m(o.drawDOM,o.exportPDF,s.saveAs,e,t).savePDF(r)}const O={},k=e=>String(e).trim().split(" "),v=e=>t=>((e,t)=>{const r=k(t);return!!k(e.className).find((e=>r.indexOf(e)>=0))})(t,e),w=e=>(O[e]||(O[e]=t=>String(t.nodeName).toLowerCase()===e.toLowerCase()),O[e]),P=(e,t,r=!0)=>{if(e){if(r&&t(e))return e;for(e=e.firstChild;e;){if(1===e.nodeType){const r=P(e,t);if(r)return r}e=e.nextSibling}}},D="k-grid-header",x="k-grid-footer",C=w("TABLE"),E=e=>e?"locked":"wrap";class F{constructor(e){this.element=e,this.list=P(e,v("k-grid-container"))}content(e){return P(this.list,v("k-grid-content"+(e?"-locked":"")))}header(e){return this.headerWrap=this.headerWrap||P(this.element,v(D)),P(this.headerWrap,v(`${D}-${E(e)}`))}footer(e){return this.footerWrap=this.footerWrap||P(this.element,v(x)),P(this.footerWrap,v(`${x}-${E(e)}`))}table(){return P(this.element,C)}}const N="k-first",S=(e,t)=>{const r=t.length;for(let o=0;o<r;o++)e.appendChild(t[o].cloneNode(!0))},R=e=>{const t=document.createElement("div");return t.className="k-grid k-grid-md",t.appendChild(e),t},L=e=>{const t=e.length,r=e[0].cloneNode(!0),o=r.rows.length;if(t>1)for(let s=0;s<o;s++)for(let o=1;o<t;o++)S(r.rows[s],e[o].rows[s].cells);return r},j=(e,t,r,o)=>{const s=document.createElement("table"),n=e[0].cloneNode(!0);for(let t=1;t<e.length;t++)S(n,e[t].querySelectorAll("col"));const i=L(t),a=L(r);if(i.className="k-grid-header",((e,t)=>{if(t.length>1&&e.rows.length>1)for(let r=1;r<e.rows.length;r++){const o=t[0].rows[r].cells.length,s=e.rows[r].cells[o];-1===String(s.className).indexOf(N)&&(s.className+=` ${N}`)}})(i,t),s.appendChild(n),s.appendChild(i),s.appendChild(a),o.length){const e=L(o);e.className="k-grid-footer",s.appendChild(e)}return R(s)},W=e=>{const t=new F(e),r=t.content();let o;if(r){const e=[r.querySelector("colgroup")],s=[t.header().querySelector("thead")],n=[r.querySelector("tbody")],i=t.footer(),a=i?[i.querySelector("tfoot")]:[];o=j(e,s,n,a)}else o=R(t.table().cloneNode(!0));return o};function q(e){return(t,r={},o)=>function(e,t,r={},o){let s;function n(){e(a(),r,i)}function i(){document.body.removeChild(s),s=void 0,o&&o()}function a(){s=document.createElement("div"),s.className="k-grid-pdf-export-element";const e=W(t);return s.appendChild(e),document.body.appendChild(s),e}n()}(e,t,r,o)}const A=class extends l.Component{constructor(e){super(e),this.state={show:!1},this.saveGridPDF=q(this.getSavePDF()),this.gridInnerWrapperRef=l.createRef()}componentDidUpdate(e,t){this.state.show&&this.state.show!==t.show&&this.saveGridPDF(this.gridInnerWrapperRef.current,Object.assign({},this.props,{margin:u(this.props)}),this.callback)}render(){return this.state.show&&a.createPortal(l.createElement("div",{style:{position:"absolute",left:"-5000px",top:"0px"}},l.createElement("div",{ref:this.gridInnerWrapperRef},this.prepareRawGridForExport(this.data))),document.body)}save(e,t){this.grid=this.getGrid(),this.columns=this.getCustomColumns(),this.data=e,this.callback=()=>{this.setState({show:!1}),t&&t()},this.setState({show:!0})}getSavePDF(){return T}getGrid(){return l.Children.toArray(this.props.children).find((e=>e&&"KendoReactGrid"===e.type.displayName))}getCustomColumns(){return l.Children.toArray(this.props.children).filter((e=>e&&"KendoReactGridColumn"===e.type.displayName))}prepareRawGridForExport(e){const t=e&&{data:e,total:e.length,pageSize:e.length,skip:0},r={style:Object.assign({},this.grid.props.style,{width:"1000px"})},o=Object.assign({},t,r);if(this.columns&&this.columns.length>0){const e=this.getGridNotColumnChildren(this.grid);return l.cloneElement(this.grid,o,this.columns.concat(e))}return l.cloneElement(this.grid,o)}getGridNotColumnChildren(e){return l.Children.toArray(e.props.children).filter((e=>e&&e.type&&"KendoReactGridColumn"!==e.type.displayName))}};A.propTypes={author:r.string,avoidLinks:r.oneOfType([r.bool,r.string]),forcePageBreak:r.string,keepTogether:r.string,creator:r.string,date:r.instanceOf(Date),imageResolution:r.number,fileName:r.string,forceProxy:r.bool,keywords:r.string,landscape:r.bool,margin:r.oneOfType([r.string,r.number,r.shape({left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])})]),pageTemplate:r.any,paperSize:r.any,repeatHeaders:r.bool,scale:r.number,proxyData:r.any,proxyURL:r.string,proxyTarget:r.string,producer:r.string,subject:r.string,title:r.string};let G=A;const K="k-grid-header",M="k-grid-footer",U=w("TABLE");class z{constructor(e){this.element=e,this.list=P(e,v("k-grid"))}content(){return P(this.list,v("k-grid"))}header(){return this.headerWrap=this.headerWrap||P(this.element,v(K)),P(this.headerWrap,v(`${K}`))}footer(){return this.footerWrap=this.footerWrap||P(this.element,v(M)),P(this.footerWrap,v(`${M}`))}table(){return P(this.element,U)}}const I=e=>{const t=new z(e),r=t.content();let o,s=t.header();if(s.childNodes.length>1&&s.removeChild(s.childNodes[1]),s.childNodes[0].childNodes.forEach((e=>e.style.top=0)),r){const e=[r.querySelector("colgroup")],n=[s],i=[r.querySelector("tbody")],a=t.footer(),p=a?[a.querySelector("tfoot")]:[];o=j(e,n,i,p)}else o=R(t.table().cloneNode(!0));return o};function $(e){return(t,r={},o)=>function(e,t,r={},o){let s;function n(){e(a(),r,i)}function i(){document.body.removeChild(s),s=void 0,o&&o()}function a(){s=document.createElement("div"),s.className="k-treelist-pdf-export-element";const e=I(t);return s.appendChild(e),document.body.appendChild(s),s}n()}(e,t,r,o)}const B=class extends l.Component{constructor(e){super(e),this.state={show:!1},this.saveTreeListPDF=$(this.getSavePDF()),this.treeListInnerWrapperRef=l.createRef()}componentDidUpdate(e,t){this.state.show&&this.state.show!==t.show&&this.saveTreeListPDF(this.treeListInnerWrapperRef.current,Object.assign({},this.props,{margin:u(this.props)}),this.callback)}render(){return this.state.show&&a.createPortal(l.createElement("div",{style:{position:"absolute",left:"-5000px",top:"0px"}},l.createElement("div",{ref:this.treeListInnerWrapperRef},this.prepareRawTreeListForExport())),document.body)}save(e,t,r){this.treeList=this.getTreeList(),this.columns=t||[],this.data=e,this.callback=()=>{this.setState({show:!1}),r&&r()},this.setState({show:!0})}getSavePDF(){return T}getTreeList(){const e=this.props.children;if(e&&e.props.data&&e.props.columns)return this.props.children}prepareRawTreeListForExport(){const e=this.props.allPages&&this.data?{data:this.data,take:Number.MAX_VALUE,skip:0}:{},t={style:Object.assign({},this.treeList.props.style,{width:"1000px"})},r=Object.assign({},e,t);return this.columns&&this.columns.length>0?l.cloneElement(this.treeList,Object.assign({},r,{columns:this.columns})):l.cloneElement(this.treeList,r)}};B.propTypes={author:r.string,avoidLinks:r.oneOfType([r.bool,r.string]),forcePageBreak:r.string,keepTogether:r.string,creator:r.string,date:r.instanceOf(Date),imageResolution:r.number,fileName:r.string,forceProxy:r.bool,keywords:r.string,landscape:r.bool,margin:r.oneOfType([r.string,r.number,r.shape({left:r.oneOfType([r.number,r.string]),top:r.oneOfType([r.number,r.string]),right:r.oneOfType([r.number,r.string]),bottom:r.oneOfType([r.number,r.string])})]),pageTemplate:r.any,paperSize:r.any,repeatHeaders:r.bool,scale:r.number,proxyData:r.any,proxyURL:r.string,proxyTarget:r.string,producer:r.string,subject:r.string,title:r.string,allPages:r.bool};let H=B;e.GridPDFExport=G,e.KendoDrawingAdapter=m,e.PDFExport=b,e.PDFMargin=h,e.TreeListPDFExport=H,e.getPageMargin=u,e.savePDF=T}));

package/grid/GridPDFExport.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),e=require("prop-types"),g=require("../getPageMargin.js"),u=require("../savePDF.js"),c=require("./provideSaveGridPDF.js");function l(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>n[t]})}}return r.default=n,Object.freeze(r)}const s=l(p),o=class o extends s.Component{constructor(r){super(r),this.saveGridPDF=c.provideSaveGridPDF(this.getSavePDF())}render(){return null}save(r,t){this.saveGridPDF(this.getGrid(),Object.assign({},this.props,{margin:g.getPageMargin(this.props)}),t,r,this.getCustomColumns())}getSavePDF(){return u.savePDF}getGrid(){return s.Children.toArray(this.props.children).find(r=>r&&r.type.displayName==="KendoReactGrid")}getCustomColumns(){return s.Children.toArray(this.props.children).filter(r=>r&&r.type.displayName==="KendoReactGridColumn")}};o.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};let i=o;exports.GridPDFExport=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),e=require("prop-types"),g=require("../getPageMargin.js"),u=require("../savePDF.js"),d=require("./provideSaveGridPDF.js"),h=require("react-dom");function m(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>n[r]})}}return t.default=n,Object.freeze(t)}const s=m(c),a=class a extends s.Component{constructor(t){super(t),this.state={show:!1},this.saveGridPDF=d.provideSaveGridPDF(this.getSavePDF()),this.gridInnerWrapperRef=s.createRef()}componentDidUpdate(t,r){this.state.show&&this.state.show!==r.show&&this.saveGridPDF(this.gridInnerWrapperRef.current,Object.assign({},this.props,{margin:g.getPageMargin(this.props)}),this.callback)}render(){return this.state.show&&h.createPortal(s.createElement("div",{style:{position:"absolute",left:"-5000px",top:"0px"}},s.createElement("div",{ref:this.gridInnerWrapperRef},this.prepareRawGridForExport(this.data))),document.body)}save(t,r){this.grid=this.getGrid(),this.columns=this.getCustomColumns(),this.data=t,this.callback=()=>{this.setState({show:!1}),r&&r()},this.setState({show:!0})}getSavePDF(){return u.savePDF}getGrid(){return s.Children.toArray(this.props.children).find(t=>t&&t.type.displayName==="KendoReactGrid")}getCustomColumns(){return s.Children.toArray(this.props.children).filter(t=>t&&t.type.displayName==="KendoReactGridColumn")}prepareRawGridForExport(t){const r=t&&{data:t,total:t.length,pageSize:t.length,skip:0},i={style:Object.assign({},this.grid.props.style,{width:"1000px"})},p=Object.assign({},r,i);if(this.columns&&this.columns.length>0){const l=this.getGridNotColumnChildren(this.grid);return s.cloneElement(this.grid,p,this.columns.concat(l))}else return s.cloneElement(this.grid,p)}getGridNotColumnChildren(t){return s.Children.toArray(t.props.children).filter(r=>r&&r.type&&r.type.displayName!=="KendoReactGridColumn")}};a.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};let o=a;exports.GridPDFExport=o;

package/grid/GridPDFExport.mjs

@@ -6,20 +6,46 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
+import * as s from "react";
 import e from "prop-types";
-import { getPageMargin as i } from "../getPageMargin.mjs";
-import { savePDF as a } from "../savePDF.mjs";
-import { provideSaveGridPDF as p } from "./provideSaveGridPDF.mjs";
-const n = class n extends t.Component {
-  constructor(r) {
-    super(r), this.saveGridPDF = p(this.getSavePDF());
+import { getPageMargin as l } from "../getPageMargin.mjs";
+import { savePDF as h } from "../savePDF.mjs";
+import { provideSaveGridPDF as g } from "./provideSaveGridPDF.mjs";
+import { createPortal as m } from "react-dom";
+const i = class i extends s.Component {
+  constructor(t) {
+    super(t), this.state = {
+      show: !1
+    }, this.saveGridPDF = g(this.getSavePDF()), this.gridInnerWrapperRef = s.createRef();
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate(t, r) {
+    this.state.show && this.state.show !== r.show && this.saveGridPDF(
+      this.gridInnerWrapperRef.current,
+      Object.assign({}, this.props, { margin: l(this.props) }),
+      this.callback
+    );
   }
   /**
    * @hidden
    */
   render() {
-    return null;
+    return this.state.show && m(
+      /* @__PURE__ */ s.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            left: "-5000px",
+            top: "0px"
+          }
+        },
+        /* @__PURE__ */ s.createElement("div", { ref: this.gridInnerWrapperRef }, this.prepareRawGridForExport(this.data))
+      ),
+      document.body
+    );
   }
   /* eslint-disable max-len */
   /**
@@ -29,26 +55,33 @@ const n = class n extends t.Component {
    * @param callback - The callback that will be executed after the PDF is saved.
    */
   // tslint:enable:max-line-length
-  save(r, o) {
-    this.saveGridPDF(
-      this.getGrid(),
-      Object.assign({}, this.props, { margin: i(this.props) }),
-      o,
-      r,
-      this.getCustomColumns()
-    );
+  save(t, r) {
+    this.grid = this.getGrid(), this.columns = this.getCustomColumns(), this.data = t, this.callback = () => {
+      this.setState({ show: !1 }), r && r();
+    }, this.setState({ show: !0 });
   }
   getSavePDF() {
-    return a;
+    return h;
   }
   getGrid() {
-    return t.Children.toArray(this.props.children).find((r) => r && r.type.displayName === "KendoReactGrid");
+    return s.Children.toArray(this.props.children).find((t) => t && t.type.displayName === "KendoReactGrid");
   }
   getCustomColumns() {
-    return t.Children.toArray(this.props.children).filter((r) => r && r.type.displayName === "KendoReactGridColumn");
+    return s.Children.toArray(this.props.children).filter((t) => t && t.type.displayName === "KendoReactGridColumn");
+  }
+  prepareRawGridForExport(t) {
+    const r = t && { data: t, total: t.length, pageSize: t.length, skip: 0 }, a = { style: Object.assign({}, this.grid.props.style, { width: "1000px" }) }, o = Object.assign({}, r, a);
+    if (this.columns && this.columns.length > 0) {
+      const p = this.getGridNotColumnChildren(this.grid);
+      return s.cloneElement(this.grid, o, this.columns.concat(p));
+    } else
+      return s.cloneElement(this.grid, o);
+  }
+  getGridNotColumnChildren(t) {
+    return s.Children.toArray(t.props.children).filter((r) => r && r.type && r.type.displayName !== "KendoReactGridColumn");
   }
 };
-n.propTypes = {
+i.propTypes = {
   author: e.string,
   avoidLinks: e.oneOfType([e.bool, e.string]),
   forcePageBreak: e.string,
@@ -77,7 +110,7 @@ n.propTypes = {
   subject: e.string,
   title: e.string
 };
-let s = n;
+let n = i;
 export {
-  s as GridPDFExport
+  n as GridPDFExport
 };

package/grid/grid-query.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { matchesNodeName as a, findElement as t, matchesClasses as r } from "../common/dom-queries.mjs";
+import { findElement as t, matchesClasses as r, matchesNodeName as a } from "../common/dom-queries.mjs";
 const o = "k-grid-header", i = "k-grid-footer", h = "TABLE", c = a(h), n = (s) => s ? "locked" : "wrap";
 class l {
   constructor(e) {

package/grid/provideSaveGridPDF.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),h=require("react-dom"),D=require("react-dom/client"),E=require("./export-element.js");function s(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const p=s(O),R=s(h),P=s(D);function x(t){return(e,n={},r,o,l)=>G(t,e,n,r,o,l)}function G(t,e,n={},r,o,l){let i,a,c;b();function b(){i=document.createElement("div"),i.setAttribute("style","position:absolute; left: -5000px; top: 0px;"),a=document.createElement("div"),i.appendChild(a),document.body.appendChild(i),Number(p.version.slice(0,2))>=18?(P.createRoot(a).render(m()),setTimeout(()=>{u()},0)):R.render(m(),a,u)}function u(){t(C(),n,y)}function y(){document.body.removeChild(i),document.body.removeChild(c),i=c=void 0,r&&r()}function C(){c=document.createElement("div"),c.className="k-grid-pdf-export-element";const d=E.exportElement(a);return c.appendChild(d),document.body.appendChild(c),d}function m(){const d=o&&{data:o,total:o.length,pageSize:o.length,skip:0},v={style:Object.assign({},e.props.style,{width:"1000px"})},f=Object.assign({},d,v);if(l&&l.length>0){const g=S(e);return p.cloneElement(e,f,l.concat(g))}else return p.cloneElement(e,f)}}function S(t){return p.Children.toArray(t.props.children).filter(e=>e&&e.type&&e.type.displayName!=="KendoReactGridColumn")}exports.provideSaveGridPDF=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./export-element.js");function c(t){return(r,o={},n)=>p(t,r,o,n)}function p(t,r,o={},n){let e;d();function d(){t(u(),o,l)}function l(){document.body.removeChild(e),e=void 0,n&&n()}function u(){e=document.createElement("div"),e.className="k-grid-pdf-export-element";const i=a.exportElement(r);return e.appendChild(i),document.body.appendChild(e),i}}exports.provideSaveGridPDF=c;

package/grid/provideSaveGridPDF.mjs

@@ -6,51 +6,30 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as c from "react";
-import * as b from "react-dom";
-import * as E from "react-dom/client";
-import { exportElement as x } from "./export-element.mjs";
-function D(o) {
-  return (e, s = {}, d, t, i) => g(
-    o,
-    e,
-    s,
-    d,
+import { exportElement as u } from "./export-element.mjs";
+function m(t) {
+  return (r, o = {}, n) => a(
     t,
-    i
+    r,
+    o,
+    n
   );
 }
-function g(o, e, s = {}, d, t, i) {
-  let n, p, r;
-  f();
-  function f() {
-    n = document.createElement("div"), n.setAttribute("style", "position:absolute; left: -5000px; top: 0px;"), p = document.createElement("div"), n.appendChild(p), document.body.appendChild(n), Number(c.version.slice(0, 2)) >= 18 ? (E.createRoot(p).render(m()), setTimeout(() => {
-      a();
-    }, 0)) : b.render(m(), p, a);
-  }
-  function a() {
-    o(h(), s, C);
+function a(t, r, o = {}, n) {
+  let e;
+  i();
+  function i() {
+    t(p(), o, l);
   }
-  function C() {
-    document.body.removeChild(n), document.body.removeChild(r), n = r = void 0, d && d();
+  function l() {
+    document.body.removeChild(e), e = void 0, n && n();
   }
-  function h() {
-    r = document.createElement("div"), r.className = "k-grid-pdf-export-element";
-    const l = x(p);
-    return r.appendChild(l), document.body.appendChild(r), l;
+  function p() {
+    e = document.createElement("div"), e.className = "k-grid-pdf-export-element";
+    const d = u(r);
+    return e.appendChild(d), document.body.appendChild(e), d;
   }
-  function m() {
-    const l = t && { data: t, total: t.length, pageSize: t.length, skip: 0 }, y = { style: Object.assign({}, e.props.style, { width: "1000px" }) }, u = Object.assign({}, l, y);
-    if (i && i.length > 0) {
-      const v = G(e);
-      return c.cloneElement(e, u, i.concat(v));
-    } else
-      return c.cloneElement(e, u);
-  }
-}
-function G(o) {
-  return c.Children.toArray(o.props.children).filter((e) => e && e.type && e.type.displayName !== "KendoReactGridColumn");
 }
 export {
-  D as provideSaveGridPDF
+  m as provideSaveGridPDF
 };

package/index.d.mts

@@ -25,7 +25,7 @@ export declare function getPageMargin(props: any): any;
 /**
  * A React component which facilitates the PDF export of the Grid.
  */
-export declare class GridPDFExport extends React_2.Component<GridPDFExportProps, {}> {
+export declare class GridPDFExport extends React_2.Component<GridPDFExportProps, GridPDFExportState> {
     /**
      * @hidden
      */
@@ -62,11 +62,41 @@ export declare class GridPDFExport extends React_2.Component<GridPDFExportProps,
      * @hidden
      */
     saveGridPDF: any;
+    /**
+     * @hidden
+     */
+    grid: any;
+    /**
+     * @hidden
+     */
+    columns: any;
+    /**
+     * @hidden
+     */
+    data?: any[];
+    /**
+     * @hidden
+     */
+    callback?: any;
+    /**
+     * @hidden
+     */
+    gridInnerWrapperRef: React_2.RefObject<HTMLDivElement>;
+    /**
+     * @hidden
+     */
+    readonly state: {
+        show: boolean;
+    };
     constructor(props: any);
     /**
      * @hidden
      */
-    render(): null;
+    componentDidUpdate(_prevProps: any, prevState: any): void;
+    /**
+     * @hidden
+     */
+    render(): false | React_2.ReactPortal;
     /**
      * Saves the content of the Grid as a PDF file.
      *
@@ -77,6 +107,8 @@ export declare class GridPDFExport extends React_2.Component<GridPDFExportProps,
     protected getSavePDF(): typeof savePDF;
     private getGrid;
     private getCustomColumns;
+    private prepareRawGridForExport;
+    private getGridNotColumnChildren;
 }
 
 /**
@@ -86,6 +118,13 @@ export declare class GridPDFExport extends React_2.Component<GridPDFExportProps,
 export declare interface GridPDFExportProps extends PDFExportProps {
 }
 
+/**
+ * @hidden
+ */
+declare interface GridPDFExportState {
+    show: boolean;
+}
+
 /**
  * @hidden
  */
@@ -370,7 +409,7 @@ export declare function savePDF(domElement: HTMLElement, options?: PDFExportProp
 /**
  * A React component which facilitates the PDF export of the TreeList.
  */
-export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExportProps, {}> {
+export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExportProps, TreeListPDFExportState> {
     /**
      * @hidden
      */
@@ -408,11 +447,41 @@ export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExpo
      * @hidden
      */
     saveTreeListPDF: any;
+    /**
+     * @hidden
+     */
+    treeList: any;
+    /**
+     * @hidden
+     */
+    columns: any;
+    /**
+     * @hidden
+     */
+    data?: any[];
+    /**
+     * @hidden
+     */
+    callback?: any;
+    /**
+     * @hidden
+     */
+    treeListInnerWrapperRef: React_2.RefObject<HTMLDivElement>;
+    /**
+     * @hidden
+     */
+    readonly state: {
+        show: boolean;
+    };
     constructor(props: any);
     /**
      * @hidden
      */
-    render(): null;
+    componentDidUpdate(_prevProps: any, prevState: any): void;
+    /**
+     * @hidden
+     */
+    render(): false | React_2.ReactPortal;
     /**
      * Saves the content of the TreeList as a PDF file.
      *
@@ -423,6 +492,7 @@ export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExpo
     save(data?: any[], columns?: any[], callback?: () => void): void;
     protected getSavePDF(): typeof savePDF;
     private getTreeList;
+    private prepareRawTreeListForExport;
 }
 
 /**
@@ -436,4 +506,11 @@ export declare interface TreeListPDFExportProps extends PDFExportProps {
     allPages?: boolean;
 }
 
+/**
+ * @hidden
+ */
+declare interface TreeListPDFExportState {
+    show: boolean;
+}
+
 export { }

package/index.d.ts

@@ -25,7 +25,7 @@ export declare function getPageMargin(props: any): any;
 /**
  * A React component which facilitates the PDF export of the Grid.
  */
-export declare class GridPDFExport extends React_2.Component<GridPDFExportProps, {}> {
+export declare class GridPDFExport extends React_2.Component<GridPDFExportProps, GridPDFExportState> {
     /**
      * @hidden
      */
@@ -62,11 +62,41 @@ export declare class GridPDFExport extends React_2.Component<GridPDFExportProps,
      * @hidden
      */
     saveGridPDF: any;
+    /**
+     * @hidden
+     */
+    grid: any;
+    /**
+     * @hidden
+     */
+    columns: any;
+    /**
+     * @hidden
+     */
+    data?: any[];
+    /**
+     * @hidden
+     */
+    callback?: any;
+    /**
+     * @hidden
+     */
+    gridInnerWrapperRef: React_2.RefObject<HTMLDivElement>;
+    /**
+     * @hidden
+     */
+    readonly state: {
+        show: boolean;
+    };
     constructor(props: any);
     /**
      * @hidden
      */
-    render(): null;
+    componentDidUpdate(_prevProps: any, prevState: any): void;
+    /**
+     * @hidden
+     */
+    render(): false | React_2.ReactPortal;
     /**
      * Saves the content of the Grid as a PDF file.
      *
@@ -77,6 +107,8 @@ export declare class GridPDFExport extends React_2.Component<GridPDFExportProps,
     protected getSavePDF(): typeof savePDF;
     private getGrid;
     private getCustomColumns;
+    private prepareRawGridForExport;
+    private getGridNotColumnChildren;
 }
 
 /**
@@ -86,6 +118,13 @@ export declare class GridPDFExport extends React_2.Component<GridPDFExportProps,
 export declare interface GridPDFExportProps extends PDFExportProps {
 }
 
+/**
+ * @hidden
+ */
+declare interface GridPDFExportState {
+    show: boolean;
+}
+
 /**
  * @hidden
  */
@@ -370,7 +409,7 @@ export declare function savePDF(domElement: HTMLElement, options?: PDFExportProp
 /**
  * A React component which facilitates the PDF export of the TreeList.
  */
-export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExportProps, {}> {
+export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExportProps, TreeListPDFExportState> {
     /**
      * @hidden
      */
@@ -408,11 +447,41 @@ export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExpo
      * @hidden
      */
     saveTreeListPDF: any;
+    /**
+     * @hidden
+     */
+    treeList: any;
+    /**
+     * @hidden
+     */
+    columns: any;
+    /**
+     * @hidden
+     */
+    data?: any[];
+    /**
+     * @hidden
+     */
+    callback?: any;
+    /**
+     * @hidden
+     */
+    treeListInnerWrapperRef: React_2.RefObject<HTMLDivElement>;
+    /**
+     * @hidden
+     */
+    readonly state: {
+        show: boolean;
+    };
     constructor(props: any);
     /**
      * @hidden
      */
-    render(): null;
+    componentDidUpdate(_prevProps: any, prevState: any): void;
+    /**
+     * @hidden
+     */
+    render(): false | React_2.ReactPortal;
     /**
      * Saves the content of the TreeList as a PDF file.
      *
@@ -423,6 +492,7 @@ export declare class TreeListPDFExport extends React_2.Component<TreeListPDFExpo
     save(data?: any[], columns?: any[], callback?: () => void): void;
     protected getSavePDF(): typeof savePDF;
     private getTreeList;
+    private prepareRawTreeListForExport;
 }
 
 /**
@@ -436,4 +506,11 @@ export declare interface TreeListPDFExportProps extends PDFExportProps {
     allPages?: boolean;
 }
 
+/**
+ * @hidden
+ */
+declare interface TreeListPDFExportState {
+    show: boolean;
+}
+
 export { }

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-pdf",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1718121841,
+  publishDate: 1719467553,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-pdf",
-  "version": "8.1.0-develop.8",
+  "version": "8.1.0",
   "description": "React PDF Processing enables you to export single- and multi-page content in PDF. KendoReact PDF Processing package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,7 +25,7 @@
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "8.1.0-develop.8",
+    "@progress/kendo-react-common": "8.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },

package/treelist/TreeListPDFExport.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),e=require("prop-types"),p=require("../getPageMargin.js"),g=require("../savePDF.js"),c=require("./provideSaveTreeListPDF.js");function u(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>n[r]})}}return t.default=n,Object.freeze(t)}const l=u(a),i=class i extends l.Component{constructor(t){super(t),this.saveTreeListPDF=c.provideSaveTreeListPDF(this.getSavePDF())}render(){return null}save(t,r,s){this.saveTreeListPDF(this.getTreeList(),Object.assign({},this.props,{margin:p.getPageMargin(this.props)}),s,t,r||[])}getSavePDF(){return g.savePDF}getTreeList(){const t=this.props.children;if(t&&t.props.data&&t.props.columns)return this.props.children}};i.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};let o=i;exports.TreeListPDFExport=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),e=require("prop-types"),c=require("../getPageMargin.js"),l=require("../savePDF.js"),u=require("./provideSaveTreeListPDF.js"),g=require("react-dom");function h(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return t.default=n,Object.freeze(t)}const i=h(p),a=class a extends i.Component{constructor(t){super(t),this.state={show:!1},this.saveTreeListPDF=u.provideSaveTreeListPDF(this.getSavePDF()),this.treeListInnerWrapperRef=i.createRef()}componentDidUpdate(t,s){this.state.show&&this.state.show!==s.show&&this.saveTreeListPDF(this.treeListInnerWrapperRef.current,Object.assign({},this.props,{margin:c.getPageMargin(this.props)}),this.callback)}render(){return this.state.show&&g.createPortal(i.createElement("div",{style:{position:"absolute",left:"-5000px",top:"0px"}},i.createElement("div",{ref:this.treeListInnerWrapperRef},this.prepareRawTreeListForExport())),document.body)}save(t,s,r){this.treeList=this.getTreeList(),this.columns=s||[],this.data=t,this.callback=()=>{this.setState({show:!1}),r&&r()},this.setState({show:!0})}getSavePDF(){return l.savePDF}getTreeList(){const t=this.props.children;if(t&&t.props.data&&t.props.columns)return this.props.children}prepareRawTreeListForExport(){const t=this.props.allPages&&this.data?{data:this.data,take:Number.MAX_VALUE,skip:0}:{},s={style:Object.assign({},this.treeList.props.style,{width:"1000px"})},r=Object.assign({},t,s);return this.columns&&this.columns.length>0?i.cloneElement(this.treeList,Object.assign({},r,{columns:this.columns})):i.cloneElement(this.treeList,r)}};a.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};let o=a;exports.TreeListPDFExport=o;

package/treelist/TreeListPDFExport.mjs

@@ -6,20 +6,46 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as i from "react";
+import * as s from "react";
 import e from "prop-types";
 import { getPageMargin as a } from "../getPageMargin.mjs";
 import { savePDF as p } from "../savePDF.mjs";
-import { provideSaveTreeListPDF as g } from "./provideSaveTreeListPDF.mjs";
-const t = class t extends i.Component {
-  constructor(r) {
-    super(r), this.saveTreeListPDF = g(this.getSavePDF());
+import { provideSaveTreeListPDF as h } from "./provideSaveTreeListPDF.mjs";
+import { createPortal as l } from "react-dom";
+const o = class o extends s.Component {
+  constructor(t) {
+    super(t), this.state = {
+      show: !1
+    }, this.saveTreeListPDF = h(this.getSavePDF()), this.treeListInnerWrapperRef = s.createRef();
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate(t, r) {
+    this.state.show && this.state.show !== r.show && this.saveTreeListPDF(
+      this.treeListInnerWrapperRef.current,
+      Object.assign({}, this.props, { margin: a(this.props) }),
+      this.callback
+    );
   }
   /**
    * @hidden
    */
   render() {
-    return null;
+    return this.state.show && l(
+      /* @__PURE__ */ s.createElement(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            left: "-5000px",
+            top: "0px"
+          }
+        },
+        /* @__PURE__ */ s.createElement("div", { ref: this.treeListInnerWrapperRef }, this.prepareRawTreeListForExport())
+      ),
+      document.body
+    );
   }
   /* eslint-disable max-len */
   /**
@@ -30,25 +56,25 @@ const t = class t extends i.Component {
    * @param callback - The callback that will be executed after the PDF is saved.
    */
   // tslint:enable:max-line-length
-  save(r, n, o) {
-    this.saveTreeListPDF(
-      this.getTreeList(),
-      Object.assign({}, this.props, { margin: a(this.props) }),
-      o,
-      r,
-      n || []
-    );
+  save(t, r, i) {
+    this.treeList = this.getTreeList(), this.columns = r || [], this.data = t, this.callback = () => {
+      this.setState({ show: !1 }), i && i();
+    }, this.setState({ show: !0 });
   }
   getSavePDF() {
     return p;
   }
   getTreeList() {
-    const r = this.props.children;
-    if (r && r.props.data && r.props.columns)
+    const t = this.props.children;
+    if (t && t.props.data && t.props.columns)
       return this.props.children;
   }
+  prepareRawTreeListForExport() {
+    const t = this.props.allPages && this.data ? { data: this.data, take: Number.MAX_VALUE, skip: 0 } : {}, r = { style: Object.assign({}, this.treeList.props.style, { width: "1000px" }) }, i = Object.assign({}, t, r);
+    return this.columns && this.columns.length > 0 ? s.cloneElement(this.treeList, Object.assign({}, i, { columns: this.columns })) : s.cloneElement(this.treeList, i);
+  }
 };
-t.propTypes = {
+o.propTypes = {
   author: e.string,
   avoidLinks: e.oneOfType([e.bool, e.string]),
   forcePageBreak: e.string,
@@ -78,7 +104,7 @@ t.propTypes = {
   title: e.string,
   allPages: e.bool
 };
-let s = t;
+let n = o;
 export {
-  s as TreeListPDFExport
+  n as TreeListPDFExport
 };

package/treelist/provideSaveTreeListPDF.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("react-dom"),D=require("react-dom/client"),E=require("./export-element.js");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const u=p(g),P=p(C),R=p(D);function h(e){return(t,n={},r,a,i)=>j(e,t,n,r,a,i)}function j(e,t,n={},r,a,i){let c,s,o;b();function b(){c=document.createElement("div"),c.setAttribute("style","position:absolute; left: -5000px; top: 0px;"),s=document.createElement("div"),c.appendChild(s),document.body.appendChild(c),Number(u.version.slice(0,2))>=18?(R.createRoot(s).render(m()),setTimeout(()=>{d()},0)):P.render(m(),s,d)}function d(){e(y(),n,v)}function v(){document.body.removeChild(c),document.body.removeChild(o),c=o=void 0,r&&r()}function y(){o=document.createElement("div"),o.className="k-treelist-pdf-export-element";const l=E.exportElement(s);return o.appendChild(l),document.body.appendChild(o),o}function m(){const l=n.allPages&&a?{data:a,take:Number.MAX_VALUE,skip:0}:{},O={style:Object.assign({},t.props.style,{width:"1000px"})},f=Object.assign({},l,O);return i&&i.length>0?u.cloneElement(t,Object.assign({},f,{columns:i})):u.cloneElement(t,f)}}exports.provideSaveTreeListPDF=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./export-element.js");function c(n){return(r,o={},t)=>p(n,r,o,t)}function p(n,r,o={},t){let e;i();function i(){n(l(),o,d)}function d(){document.body.removeChild(e),e=void 0,t&&t()}function l(){e=document.createElement("div"),e.className="k-treelist-pdf-export-element";const u=a.exportElement(r);return e.appendChild(u),document.body.appendChild(e),e}}exports.provideSaveTreeListPDF=c;

package/treelist/provideSaveTreeListPDF.mjs

@@ -6,44 +6,30 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-import * as E from "react-dom";
-import * as h from "react-dom/client";
-import { exportElement as y } from "./export-element.mjs";
-function P(c) {
-  return (r, i = {}, s, l, n) => x(
-    c,
+import { exportElement as u } from "./export-element.mjs";
+function m(t) {
+  return (r, o = {}, n) => a(
+    t,
     r,
-    i,
-    s,
-    l,
+    o,
     n
   );
 }
-function x(c, r, i = {}, s, l, n) {
-  let t, o, e;
-  f();
-  function f() {
-    t = document.createElement("div"), t.setAttribute("style", "position:absolute; left: -5000px; top: 0px;"), o = document.createElement("div"), t.appendChild(o), document.body.appendChild(t), Number(a.version.slice(0, 2)) >= 18 ? (h.createRoot(o).render(m()), setTimeout(() => {
-      d();
-    }, 0)) : E.render(m(), o, d);
+function a(t, r, o = {}, n) {
+  let e;
+  i();
+  function i() {
+    t(l(), o, d);
   }
   function d() {
-    c(v(), i, b);
+    document.body.removeChild(e), e = void 0, n && n();
   }
-  function b() {
-    document.body.removeChild(t), document.body.removeChild(e), t = e = void 0, s && s();
-  }
-  function v() {
+  function l() {
     e = document.createElement("div"), e.className = "k-treelist-pdf-export-element";
-    const p = y(o);
+    const p = u(r);
     return e.appendChild(p), document.body.appendChild(e), e;
   }
-  function m() {
-    const p = i.allPages && l ? { data: l, take: Number.MAX_VALUE, skip: 0 } : {}, C = { style: Object.assign({}, r.props.style, { width: "1000px" }) }, u = Object.assign({}, p, C);
-    return n && n.length > 0 ? a.cloneElement(r, Object.assign({}, u, { columns: n })) : a.cloneElement(r, u);
-  }
 }
 export {
-  P as provideSaveTreeListPDF
+  m as provideSaveTreeListPDF
 };