datastake-daf 0.6.441 → 0.6.442

package/dist/components/index.js

@@ -14535,12 +14535,6 @@ DAFFooter.propTypes = {
   isViewMode: PropTypes__default["default"].bool
 };
 
-const PAGE_HEIGHT = 1587;
-const HEADER_HEIGHT = 100;
-const FOOTER_HEIGHT = 70;
-const GAP_BETWEEN_BLOCKS = 24;
-const FILL_RATIO = 0.80;
-const CONTENT_HEIGHT = PAGE_HEIGHT - HEADER_HEIGHT - FOOTER_HEIGHT;
 const Row = _ref => {
   let {
     widgets,
@@ -14578,6 +14572,29 @@ function PdfView(_ref2) {
     documentId = "IDD-0000000",
     downloadId = "DWL-00000123"
   } = _ref2;
+  function useA4HeightPx() {
+    const [pagePx, setPagePx] = React.useState(1123); // fallback ~A4 @96dpi
+    React.useLayoutEffect(() => {
+      const probe = document.createElement("div");
+      probe.style.position = "absolute";
+      probe.style.visibility = "hidden";
+      probe.style.height = "1in"; // physical inch
+      probe.style.width = "1in";
+      document.body.appendChild(probe);
+      const ppi = probe.getBoundingClientRect().height; // px per inch at current zoom
+      document.body.removeChild(probe);
+      const A4_INCHES = 11.69; // height
+      setPagePx(Math.round(A4_INCHES * ppi));
+    }, []);
+    return pagePx;
+  }
+  const PAGE_HEIGHT = useA4HeightPx();
+  const HEADER_HEIGHT = 100;
+  const FOOTER_HEIGHT = 70;
+  const GAP_BETWEEN_BLOCKS = 24;
+  const FILL_RATIO = 0.80;
+  const CONTENT_HEIGHT = PAGE_HEIGHT - HEADER_HEIGHT - FOOTER_HEIGHT;
+
   // Config actually used for rendering (may expand if we split big blocks)
   const [expandedConfig, setExpandedConfig] = React.useState(config);
   // index -> {height, ref}
@@ -14731,7 +14748,8 @@ function PdfView(_ref2) {
       style: {
         height: PAGE_HEIGHT,
         position: "relative",
-        overflow: "hidden"
+        overflow: "visible",
+        boxSizing: "border-box"
       },
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         style: {

package/package.json

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

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

@@ -3,13 +3,9 @@ import PropTypes from "prop-types";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { formatClassname } from "../../../../../helpers/ClassesHelper";
 
-const PAGE_HEIGHT = 1587;
-const HEADER_HEIGHT = 100;
-const FOOTER_HEIGHT = 70;
-const GAP_BETWEEN_BLOCKS = 24;
-const FILL_RATIO = 0.80;
 
-const CONTENT_HEIGHT = PAGE_HEIGHT - HEADER_HEIGHT - FOOTER_HEIGHT;
+
+
 
 const Row = ({ widgets, i, onChangeHeight = () => {} }) => {
   const ref = useRef(null);
@@ -41,6 +37,31 @@ export default function PdfView({
   documentId = "IDD-0000000",
   downloadId = "DWL-00000123",
 }) {
+
+  function useA4HeightPx() {
+    const [pagePx, setPagePx] = useState(1123); // fallback ~A4 @96dpi
+    useLayoutEffect(() => {
+      const probe = document.createElement("div");
+      probe.style.position = "absolute";
+      probe.style.visibility = "hidden";
+      probe.style.height = "1in";   // physical inch
+      probe.style.width = "1in";
+      document.body.appendChild(probe);
+      const ppi = probe.getBoundingClientRect().height; // px per inch at current zoom
+      document.body.removeChild(probe);
+      const A4_INCHES = 11.69; // height
+      setPagePx(Math.round(A4_INCHES * ppi));
+    }, []);
+    return pagePx;
+  }
+
+  const PAGE_HEIGHT = useA4HeightPx();
+  const HEADER_HEIGHT = 100;
+  const FOOTER_HEIGHT = 70;
+  const GAP_BETWEEN_BLOCKS = 24;
+  const FILL_RATIO = 0.80;
+  const CONTENT_HEIGHT = PAGE_HEIGHT - HEADER_HEIGHT - FOOTER_HEIGHT;
+  
   // Config actually used for rendering (may expand if we split big blocks)
   const [expandedConfig, setExpandedConfig] = useState(config);
   // index -> {height, ref}
@@ -59,6 +80,8 @@ export default function PdfView({
     setSections((prev) => (prev[index]?.height === conf.height ? prev : { ...prev, [index]: conf }));
   }, []);
 
+
+
   // --- Step 1: After measurement, split any oversized splittable blocks (one per pass) ---
   useEffect(() => {
     const keys = Object.keys(sections)
@@ -201,7 +224,7 @@ export default function PdfView({
             <div
               key={`page-${pageIdx}`}
               className="pdf-page"
-              style={{ height: PAGE_HEIGHT, position: "relative", overflow: "hidden" }}
+              style={{ height: PAGE_HEIGHT, position: "relative", overflow: "visible", boxSizing: "border-box" }}
             >
               {/* Header */}
               <div style={{ height: HEADER_HEIGHT }} className="flex-row dashboard-header">