datastake-daf 0.6.443 → 0.6.445

package/dist/components/index.js

@@ -14606,8 +14606,10 @@ function PdfView(_ref2) {
           incrHeight += HEADER_HEIGHT;
         }
         const newHeight = incrHeight + height;
+
+        // ADD THIS CONDITION HERE - before the page break logic
         if (i === keys.length - 1) {
-          ref.current.style.paddingBottom = '30px';
+          ref.current.style.paddingBottom = '80px';
         }
         if (newHeight > PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT) {
           const dif = Math.abs(PAGE_HEIGHT - incrHeight);
@@ -14620,17 +14622,15 @@ function PdfView(_ref2) {
             } = sectionsConfig[keys[i - 1]];
             topRef.current.style.marginBottom = "".concat(dif + HEADER_HEIGHT - 24, "px");
             incrHeight = height + 24 + HEADER_HEIGHT;
-            // console.log('margin', dif);
           }
         } else {
           incrHeight = newHeight + 24;
         }
-        // console.groupEnd();
       });
       setPages(_pages);
     }
   }, [sectionsConfig]);
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     doSizing();
   }, [doSizing]);
   const onChangeHeight = React.useCallback((index, conf) => {
@@ -14668,7 +14668,8 @@ function PdfView(_ref2) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: contClassName,
     style: {
-      position: 'relative'
+      position: 'relative',
+      minHeight: pages.length * PAGE_HEIGHT
     },
     children: [renderDashboard(), pages.map(page => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.443",
+	"version": "0.6.445",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Dashboard/PdfView/index.jsx

@@ -66,40 +66,39 @@ export default function PdfView({
 
       keys.forEach((k, i) => {
         const { height, ref } = sectionsConfig[k];
-
+      
         if (i === 0) {
           ref.current.style.marginTop = `${HEADER_HEIGHT}px`;
           incrHeight += HEADER_HEIGHT;
         }
-
+      
         const newHeight = incrHeight + height;
-
+      
+        // ADD THIS CONDITION HERE - before the page break logic
         if (i === keys.length - 1) {
-          ref.current.style.paddingBottom = '30px';
+          ref.current.style.paddingBottom = '80px';
         }
-
+      
         if (newHeight > PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT) {
           const dif = Math.abs(PAGE_HEIGHT - incrHeight);
           ref.current.style.marginTop = '30px';
           _page += 1;
           _pages.push(_page);
-
+      
           if (sectionsConfig[keys[i - 1]]) {
             const { ref: topRef } = sectionsConfig[keys[i - 1]];
             topRef.current.style.marginBottom = `${dif + HEADER_HEIGHT - 24}px`;
             incrHeight = height + 24 + HEADER_HEIGHT;
-            // console.log('margin', dif);
           }
         } else {
           incrHeight = newHeight + 24;
         }
-        // console.groupEnd();
-      })
+      });
       setPages(_pages);
     }
   }, [sectionsConfig]);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     doSizing();
   }, [doSizing]);
 
@@ -138,7 +137,7 @@ export default function PdfView({
   //         <section>
 
   return (
-    <div className={contClassName} style={{ position: 'relative' }}>
+    <div className={contClassName} style={{ position: 'relative', minHeight: pages.length * PAGE_HEIGHT }}>
       {renderDashboard()}
       {pages.map((page) => (
         <>