datastake-daf 0.6.302 → 0.6.304

package/dist/components/index.js

@@ -13274,23 +13274,6 @@ const PAGE_HEIGHT = 1587;
 // margin-top: 20, bottom: 20;
 const FOOTER_HEIGHT = 70;
 const HEADER_HEIGHT = 100;
-const HEADER_CONTENT_OFFSET = HEADER_HEIGHT - 24;
-const printFlags = ["puppeteer=true", "headless=true", "pdf=true"];
-const isHeadlessEnvironment = () => {
-  if (typeof window === "undefined") return false;
-  const matchesPrint = typeof window.matchMedia === "function" && window.matchMedia("print").matches;
-  const search = typeof window.location !== "undefined" ? window.location.search : "";
-  const hasUrlFlag = printFlags.some(flag => {
-    var _search$includes;
-    return search === null || search === void 0 || (_search$includes = search.includes) === null || _search$includes === void 0 ? void 0 : _search$includes.call(search, flag);
-  });
-  let bodyFlag = false;
-  if (typeof document !== "undefined" && document.body) {
-    bodyFlag = document.body.getAttribute("data-puppeteer") === "true";
-  }
-  const webdriverFlag = typeof navigator !== "undefined" && navigator.webdriver && typeof navigator.userAgent === "string" && navigator.userAgent.includes("HeadlessChrome");
-  return Boolean(matchesPrint || hasUrlFlag || bodyFlag || webdriverFlag);
-};
 const Row = _ref => {
   let {
     widgets,
@@ -13340,51 +13323,42 @@ function PdfView(_ref2) {
     let _pages = [1];
     let _page = 1;
     if (keys.length === config.length) {
-      const headless = isHeadlessEnvironment();
-      const headerOffset = headless ? 0 : HEADER_CONTENT_OFFSET;
-      const sectionGap = headless ? 16 : 24;
-      const maxContentHeight = headless ? PAGE_HEIGHT - FOOTER_HEIGHT - headerOffset : PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT;
       let incrHeight = 0;
       keys.forEach(k => {
         const {
           ref
         } = sectionsConfig[k];
-        if (ref !== null && ref !== void 0 && ref.current) {
-          ref.current.style.marginBottom = '0px';
-          ref.current.style.marginTop = '0px';
-        }
+        ref.current.style.marginBottom = '0px';
+        // ref.current.style.marginTop = '15px';
       });
       keys.forEach((k, i) => {
         const {
           height,
           ref
         } = sectionsConfig[k];
-        if (!(ref !== null && ref !== void 0 && ref.current)) return;
         if (i === 0) {
-          ref.current.style.marginTop = "".concat(headerOffset, "px");
-          incrHeight += headerOffset;
+          ref.current.style.marginTop = "".concat(HEADER_HEIGHT, "px");
+          incrHeight += HEADER_HEIGHT;
         }
         const newHeight = incrHeight + height;
         if (i === keys.length - 1) {
           ref.current.style.paddingBottom = '30px';
         }
-        if (newHeight > maxContentHeight && i !== 0) {
+        if (newHeight > PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT) {
           const dif = Math.abs(PAGE_HEIGHT - incrHeight);
-          ref.current.style.marginTop = headless ? '16px' : '30px';
+          ref.current.style.marginTop = '30px';
           _page += 1;
           _pages.push(_page);
           if (sectionsConfig[keys[i - 1]]) {
             const {
               ref: topRef
             } = sectionsConfig[keys[i - 1]];
-            if (topRef !== null && topRef !== void 0 && topRef.current) {
-              const spacing = Math.max(dif + headerOffset - sectionGap, headerOffset);
-              topRef.current.style.marginBottom = "".concat(spacing, "px");
-            }
-            incrHeight = height + sectionGap + headerOffset;
+            topRef.current.style.marginBottom = "".concat(dif + HEADER_HEIGHT - 24, "px");
+            incrHeight = height + 24 + HEADER_HEIGHT;
+            // console.log('margin', dif);
           }
         } else {
-          incrHeight = newHeight + sectionGap;
+          incrHeight = newHeight + 24;
         }
         // console.groupEnd();
       });
@@ -15459,439 +15433,35 @@ const PdfForm = _ref3 => {
     return organizedSections;
   };
   const organizedForm = React.useMemo(() => organizeFormByHeaders(form), [form]);
-
-  // Constants for height calculations (same as PdfView)
-  const PAGE_HEIGHT = 1587;
-  const FOOTER_HEIGHT = 70;
-  const HEADER_HEIGHT = 100;
-
-  // Detect if running in headless/Puppeteer environment (more conservative detection)
-  const isPuppeteerEnvironment = () => {
-    if (typeof window === 'undefined') return false;
-
-    // Only trigger on explicit URL parameters (most reliable)
-    return window.location.search.includes('puppeteer=true') || window.location.search.includes('headless=true') || window.location.search.includes('pdf=true') ||
-    // Only very specific headless browser indicators
-    window.navigator.webdriver === true && window.navigator.userAgent.includes('HeadlessChrome');
-  };
-
-  // Debug function to log detection results (can be removed later)
-  const debugEnvironment = () => {
-    if (typeof window !== 'undefined' && window.console) {
-      console.log('Environment Detection:', {
-        isPuppeteer: isPuppeteerEnvironment(),
-        userAgent: window.navigator.userAgent,
-        webdriver: window.navigator.webdriver,
-        resizeObserver: !!window.ResizeObserver,
-        urlParams: window.location.search
-      });
-    }
-  };
-
-  // Balanced height estimation that prevents over-splitting while ensuring content fits
-  const estimateTreeNodeHeight = function (key, config, value) {
-    let level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    const isPuppeteer = isPuppeteerEnvironment();
-    // Call debug only once to avoid spam
-    if (level === 0 && key === Object.keys(form)[0]) {
-      debugEnvironment();
-    }
-
-    // More accurate base heights that align better with PdfView's ResizeObserver measurements
-    const baseHeight = isPuppeteer ? 48 : 38; // More accurate base heights to match actual rendering
-    const indentHeight = level * (isPuppeteer ? 4 : 3.5); // More accurate indent space
-    let totalHeight = baseHeight + indentHeight;
-
-    // Reasonable type-based adjustments based on actual rendered heights
-    if ((config === null || config === void 0 ? void 0 : config.type) === 'header') {
-      totalHeight += isPuppeteer ? 25 : 18; // Headers with reasonable padding
-    } else if ((config === null || config === void 0 ? void 0 : config.type) === 'textarea') {
-      totalHeight += isPuppeteer ? 60 : 45; // Textareas with multiline content
-    } else if ((config === null || config === void 0 ? void 0 : config.type) === 'dataLink' || (config === null || config === void 0 ? void 0 : config.type) === 'dataLinkGroup') {
-      totalHeight += isPuppeteer ? 35 : 25; // Data links with formatted content
-    } else if ((config === null || config === void 0 ? void 0 : config.type) === 'groupInputs') {
-      totalHeight += isPuppeteer ? 45 : 35; // Group inputs with structured layout
-    } else if ((config === null || config === void 0 ? void 0 : config.type) === 'ajaxSubGroup') {
-      totalHeight += isPuppeteer ? 50 : 40; // Ajax content with loading states
-    }
-
-    // More accurate content height estimation that better matches actual DOM measurements
-    if (value && typeof value === 'string') {
-      const cleanValue = value.trim();
-      if (cleanValue.length > 150) {
-        // Long text: be more generous with line estimates
-        const estimatedLines = Math.ceil(cleanValue.length / 45); // Shorter assumed line length
-        const lineHeight = isPuppeteer ? 20 : 18; // Slightly taller line height
-        totalHeight += estimatedLines * lineHeight;
-      } else if (cleanValue.length > 60) {
-        // Medium text: likely spans 2-3 lines
-        totalHeight += isPuppeteer ? 35 : 28;
-      } else if (cleanValue.length > 15) {
-        // Short-medium text: single to double line
-        totalHeight += isPuppeteer ? 18 : 14;
-      } else if (cleanValue.length > 0) {
-        // Very short text: single line with padding
-        totalHeight += isPuppeteer ? 12 : 10;
-      }
-    }
-
-    // Add height for children recursively with balanced multiplier
-    if (config !== null && config !== void 0 && config.inputs) {
-      const childKeys = Object.keys(config.inputs).filter(childKey => {
-        const childConfig = config.inputs[childKey];
-        // Check showIf condition
-        if (childConfig !== null && childConfig !== void 0 && childConfig.showIf && !evaluateShowIfCondition(childConfig.showIf, data)) {
-          return false;
-        }
-        return true;
-      }).sort((a, b) => {
-        var _config$inputs$a3, _config$inputs$b3;
-        const positionA = ((_config$inputs$a3 = config.inputs[a]) === null || _config$inputs$a3 === void 0 ? void 0 : _config$inputs$a3.position) || 0;
-        const positionB = ((_config$inputs$b3 = config.inputs[b]) === null || _config$inputs$b3 === void 0 ? void 0 : _config$inputs$b3.position) || 0;
-        return positionA - positionB;
-      });
-      let childrenHeight = 0;
-      childKeys.forEach(childKey => {
-        const childConfig = config.inputs[childKey];
-        const childValue = (value === null || value === void 0 ? void 0 : value[childKey]) || (data === null || data === void 0 ? void 0 : data[childKey]);
-        childrenHeight += estimateTreeNodeHeight(childKey, childConfig, childValue, level + 1);
-      });
-
-      // More accurate multiplier that accounts for spacing and margins in actual DOM
-      totalHeight += childrenHeight * (isPuppeteer ? 1.25 : 1.15);
-    }
-
-    // Handle array/repeated content with accurate estimates
-    if (Array.isArray(value) && value.length > 0) {
-      value.forEach(itemValue => {
-        const itemHeight = estimateTreeNodeHeight(key, config, itemValue, level);
-        totalHeight += itemHeight * (isPuppeteer ? 1.1 : 1.05); // Minimal buffer
-      });
-    }
-
-    // Minimal buffer for deep nesting
-    if (level > 3) {
-      totalHeight *= isPuppeteer ? 1.08 : 1.05;
-    }
-    return Math.ceil(totalHeight);
-  };
-
-  // Helper function to split section based on height constraints (aligned with PdfView calculations)
-  const createHeightConstrainedSections = (sectionKey, section) => {
-    const isPuppeteer = isPuppeteerEnvironment();
-
-    // Align with PdfView but use a more conservative limit to prevent large margin calculations
-    // PdfView uses PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT = 1387px
-    // We'll use 85% of that to ensure sections fit comfortably and don't trigger large margins
-    const PDFVIEW_MAX_HEIGHT = PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT; // 1387px
-    const MAX_SECTION_HEIGHT = Math.floor(PDFVIEW_MAX_HEIGHT * 0.85); // ~1179px - more conservative
-    const MIN_SECTION_HEIGHT = 300; // Slightly larger minimum to ensure meaningful content
-    const subSections = [];
-
-    // Get all top-level items in the section with detailed analysis
-    const topLevelItems = Object.keys(section).filter(key => !(key === 'id' || key === 'label' || key === 'position' || key === 'subTitle')).map(key => {
-      var _section$key;
-      return {
-        key,
-        config: section[key],
-        estimatedHeight: estimateTreeNodeHeight(key, section[key], data === null || data === void 0 ? void 0 : data[key]),
-        canSplit: ((_section$key = section[key]) === null || _section$key === void 0 ? void 0 : _section$key.inputs) && Object.keys(section[key].inputs).length > 3 // Only split if sufficient children
-      };
-    }).sort((a, b) => {
-      var _a$config, _b$config;
-      return (((_a$config = a.config) === null || _a$config === void 0 ? void 0 : _a$config.position) || 0) - (((_b$config = b.config) === null || _b$config === void 0 ? void 0 : _b$config.position) || 0);
-    });
-
-    // If the entire section fits, don't split it
-    const totalSectionHeight = topLevelItems.reduce((sum, item) => sum + item.estimatedHeight, 0);
-
-    // Add detailed debugging for height calculations
-    if (typeof window !== 'undefined' && window.console) {
-      console.log("Section ".concat(sectionKey, ":"), {
-        totalEstimatedHeight: totalSectionHeight,
-        maxAllowedHeight: MAX_SECTION_HEIGHT,
-        pdfViewMaxHeight: PDFVIEW_MAX_HEIGHT,
-        utilizationPercentage: Math.round(totalSectionHeight / MAX_SECTION_HEIGHT * 100) + '%',
-        shouldSplit: totalSectionHeight > MAX_SECTION_HEIGHT,
-        itemCount: topLevelItems.length,
-        itemSummary: topLevelItems.map(item => {
-          var _item$config;
-          return {
-            key: item.key,
-            height: item.estimatedHeight,
-            type: (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config.type
-          };
-        })
-      });
-    }
-    if (totalSectionHeight <= MAX_SECTION_HEIGHT) {
-      return [{
-        key: sectionKey,
-        section: section,
-        title: section.label
-      }];
-    }
-    let currentSubSection = _objectSpread2({}, section);
-
-    // Remove all items from the base section structure
-    Object.keys(section).forEach(key => {
-      if (!(key === 'id' || key === 'label' || key === 'position' || key === 'subTitle')) {
-        delete currentSubSection[key];
-      }
-    });
-    let currentHeight = isPuppeteer ? 120 : 100; // More accurate base height including section headers and margins
-    let subSectionIndex = 0;
-    topLevelItems.forEach((item, index) => {
-      const {
-        key,
-        config,
-        estimatedHeight,
-        canSplit
-      } = item;
-
-      // More conservative splitting thresholds to work better with PdfView
-      const SPLIT_THRESHOLD = 0.65; // Split if item takes up more than 65% of available space
-
-      // If a single item is large and can be split, consider splitting it
-      if (estimatedHeight > MAX_SECTION_HEIGHT * SPLIT_THRESHOLD && canSplit && estimatedHeight > MIN_SECTION_HEIGHT * 1.5) {
-        // Split this large item into smaller parts
-        const childSplits = splitLargeItem(key, config, data === null || data === void 0 ? void 0 : data[key], MAX_SECTION_HEIGHT * 0.6);
-        childSplits.forEach((splitItem, splitIndex) => {
-          // Check if current subsection has room - be more lenient about splitting
-          if (currentHeight + splitItem.estimatedHeight > MAX_SECTION_HEIGHT && currentHeight > MIN_SECTION_HEIGHT && Object.keys(currentSubSection).length > 4) {
-            // Save current sub-section if it has meaningful content
-            subSections.push({
-              key: "".concat(sectionKey, "_part_").concat(subSectionIndex),
-              section: _objectSpread2({}, currentSubSection),
-              title: section.label
-            });
-
-            // Start new sub-section
-            currentSubSection = {
-              id: section.id,
-              label: section.label,
-              position: section.position + subSectionIndex + 1,
-              subTitle: section.subTitle
-            };
-            currentHeight = isPuppeteer ? 120 : 100;
-            subSectionIndex++;
-          }
-
-          // Add split item to current sub-section
-          currentSubSection[splitItem.key] = splitItem.config;
-          currentHeight += splitItem.estimatedHeight;
-        });
-      } else {
-        // Regular processing for items that fit or shouldn't be split
-        // More lenient threshold - only split if really necessary and ensures meaningful sections
-        const remainingItems = topLevelItems.length - index - 1;
-        const shouldSplitSection = currentHeight + estimatedHeight > MAX_SECTION_HEIGHT && currentHeight > MIN_SECTION_HEIGHT * 0.8 &&
-        // More lenient minimum
-        Object.keys(currentSubSection).length > 3 &&
-        // Fewer items required
-        remainingItems > 0; // Ensure there are items left for next section
-
-        if (shouldSplitSection) {
-          // Save current sub-section
-          subSections.push({
-            key: "".concat(sectionKey, "_part_").concat(subSectionIndex),
-            section: _objectSpread2({}, currentSubSection),
-            title: section.label
-          });
-
-          // Start new sub-section
-          currentSubSection = {
-            id: section.id,
-            label: section.label,
-            position: section.position + subSectionIndex + 1,
-            subTitle: section.subTitle
-          };
-          currentHeight = isPuppeteer ? 120 : 100;
-          subSectionIndex++;
-        }
-
-        // Add item to current sub-section
-        currentSubSection[key] = config;
-        currentHeight += estimatedHeight;
-      }
-    });
-
-    // Add the final sub-section if it has meaningful content
-    const finalSectionKeys = Object.keys(currentSubSection).filter(key => !(key === 'id' || key === 'label' || key === 'position' || key === 'subTitle'));
-    if (finalSectionKeys.length > 0) {
-      const finalSubSection = {
-        key: subSectionIndex === 0 ? sectionKey : "".concat(sectionKey, "_part_").concat(subSectionIndex),
-        section: currentSubSection,
-        title: section.label
-      };
-      subSections.push(finalSubSection);
-
-      // Debug final section creation
-      if (typeof window !== 'undefined' && window.console) {
-        console.log("Final section ".concat(finalSubSection.key, ":"), {
-          itemCount: finalSectionKeys.length,
-          estimatedHeight: currentHeight,
-          utilizationPercentage: Math.round(currentHeight / MAX_SECTION_HEIGHT * 100) + '%',
-          isWithinLimits: currentHeight <= MAX_SECTION_HEIGHT
-        });
-      }
-    }
-
-    // If we only have one section and it's not too large, return the original
-    if (subSections.length === 1 && subSections[0].key === sectionKey) {
-      return [{
-        key: sectionKey,
-        section: section,
-        title: section.label
-      }];
-    }
-    return subSections.length > 0 ? subSections : [{
-      key: sectionKey,
-      section: section,
-      title: section.label
-    }];
-  };
-
-  // Helper function to split large items at the child level (more intelligent splitting)
-  const splitLargeItem = (parentKey, parentConfig, parentValue, maxHeight) => {
-    if (!(parentConfig !== null && parentConfig !== void 0 && parentConfig.inputs)) {
-      return [{
-        key: parentKey,
-        config: parentConfig,
-        estimatedHeight: estimateTreeNodeHeight(parentKey, parentConfig, parentValue)
-      }];
-    }
-    const childItems = Object.keys(parentConfig.inputs).filter(childKey => {
-      const childConfig = parentConfig.inputs[childKey];
-      return !(childConfig !== null && childConfig !== void 0 && childConfig.showIf) || evaluateShowIfCondition(childConfig.showIf, data);
-    }).map(childKey => ({
-      key: childKey,
-      config: parentConfig.inputs[childKey],
-      estimatedHeight: estimateTreeNodeHeight(childKey, parentConfig.inputs[childKey], parentValue === null || parentValue === void 0 ? void 0 : parentValue[childKey])
-    })).sort((a, b) => {
-      var _a$config2, _b$config2;
-      return (((_a$config2 = a.config) === null || _a$config2 === void 0 ? void 0 : _a$config2.position) || 0) - (((_b$config2 = b.config) === null || _b$config2 === void 0 ? void 0 : _b$config2.position) || 0);
-    });
-
-    // If total children height is not that large, don't split
-    const totalChildrenHeight = childItems.reduce((sum, child) => sum + child.estimatedHeight, 0);
-    if (totalChildrenHeight <= maxHeight * 1.1) {
-      // More conservative threshold
-      return [{
-        key: parentKey,
-        config: parentConfig,
-        estimatedHeight: estimateTreeNodeHeight(parentKey, parentConfig, parentValue)
-      }];
-    }
-    const splits = [];
-    let currentSplit = {
-      key: "".concat(parentKey, "_part_0"),
-      config: _objectSpread2(_objectSpread2({}, parentConfig), {}, {
-        inputs: {}
-      }),
-      estimatedHeight: 60 // More accurate base height for parent structure with styling
-    };
-    let splitIndex = 0;
-    const minItemsPerSplit = 2; // Ensure at least 2 items per split to avoid tiny sections
-
-    childItems.forEach((child, index) => {
-      const isLastChild = index === childItems.length - 1;
-      const currentSplitItemCount = Object.keys(currentSplit.config.inputs).length;
-
-      // Only split if:
-      // 1. Adding this child would exceed max height
-      // 2. Current split has at least minimum items
-      // 3. There are enough remaining items to make another meaningful split
-      const remainingItems = childItems.length - index;
-      const shouldSplit = currentSplit.estimatedHeight + child.estimatedHeight > maxHeight && currentSplitItemCount >= minItemsPerSplit && (remainingItems > minItemsPerSplit || isLastChild);
-      if (shouldSplit) {
-        // Save current split if it has content
-        splits.push(currentSplit);
-        splitIndex++;
-
-        // Start new split
-        currentSplit = {
-          key: "".concat(parentKey, "_part_").concat(splitIndex),
-          config: _objectSpread2(_objectSpread2({}, parentConfig), {}, {
-            label: parentConfig.label,
-            // Keep original label without part indicator
-            inputs: {}
-          }),
-          estimatedHeight: 60
-        };
-      }
-
-      // Add child to current split
-      currentSplit.config.inputs[child.key] = child.config;
-      currentSplit.estimatedHeight += child.estimatedHeight;
-    });
-
-    // Add the final split if it has content
-    if (Object.keys(currentSplit.config.inputs).length > 0) {
-      splits.push(currentSplit);
-    }
-
-    // If we ended up with only one split, return original
-    if (splits.length <= 1) {
-      return [{
-        key: parentKey,
-        config: parentConfig,
-        estimatedHeight: estimateTreeNodeHeight(parentKey, parentConfig, parentValue)
-      }];
-    }
-    return splits;
-  };
   const pdfConfig = React.useMemo(() => {
     const sections = [];
-    const isPuppeteer = isPuppeteerEnvironment();
-
-    // Apply Puppeteer-specific class to document body if needed
-    if (typeof document !== 'undefined') {
-      if (isPuppeteer) {
-        document.body.setAttribute('data-puppeteer', 'true');
-      } else {
-        document.body.removeAttribute('data-puppeteer');
-      }
-    }
     Object.keys(organizedForm).forEach(sectionKey => {
       const section = organizedForm[sectionKey];
       if (typeof section !== 'object' || !section.label) {
         return;
       }
-
-      // Create height-constrained sub-sections
-      const subSections = createHeightConstrainedSections(sectionKey, section);
-      subSections.forEach(_ref4 => {
-        let {
-          key,
-          section: subSection,
-          title
-        } = _ref4;
-        sections.push({
-          render: () => /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "pdf-form-section ".concat(isPuppeteer ? 'puppeteer-mode' : ''),
-            children: /*#__PURE__*/jsxRuntime.jsx(PdfFormContent, {
-              form: {
-                [key]: _objectSpread2(_objectSpread2({}, subSection), {}, {
-                  label: title
-                })
-              },
-              data: data,
-              t: t,
-              user: user,
-              title: formName,
-              source: source,
-              version: version,
-              getApiBaseUrl: getApiBaseUrl,
-              getAppHeader: getAppHeader,
-              app: app
-            })
-          }, key),
-          style: {
-            marginBottom: '20px',
-            padding: '0 20px'
-          }
-        });
+      sections.push({
+        render: () => /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "pdf-form-section",
+          children: /*#__PURE__*/jsxRuntime.jsx(PdfFormContent, {
+            form: {
+              [sectionKey]: section
+            },
+            data: data,
+            t: t,
+            user: user,
+            title: formName,
+            source: source,
+            version: version,
+            getApiBaseUrl: getApiBaseUrl,
+            getAppHeader: getAppHeader,
+            app: app
+          })
+        }, sectionKey),
+        style: {
+          marginBottom: '20px',
+          padding: '0 20px'
+        }
       });
     });
     return sections;

package/package.json

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

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

@@ -7,32 +7,6 @@ const PAGE_HEIGHT = 1587;
 // margin-top: 20, bottom: 20;
 const FOOTER_HEIGHT = 70;
 const HEADER_HEIGHT = 100;
-const HEADER_CONTENT_OFFSET = HEADER_HEIGHT - 24;
-
-const printFlags = ["puppeteer=true", "headless=true", "pdf=true"];
-
-const isHeadlessEnvironment = () => {
-  if (typeof window === "undefined") return false;
-
-  const matchesPrint =
-    typeof window.matchMedia === "function" && window.matchMedia("print").matches;
-
-  const search = typeof window.location !== "undefined" ? window.location.search : "";
-  const hasUrlFlag = printFlags.some((flag) => search?.includes?.(flag));
-
-  let bodyFlag = false;
-  if (typeof document !== "undefined" && document.body) {
-    bodyFlag = document.body.getAttribute("data-puppeteer") === "true";
-  }
-
-  const webdriverFlag =
-    typeof navigator !== "undefined" &&
-    navigator.webdriver &&
-    typeof navigator.userAgent === "string" &&
-    navigator.userAgent.includes("HeadlessChrome");
-
-  return Boolean(matchesPrint || hasUrlFlag || bodyFlag || webdriverFlag);
-};
 
 const Row = ({ widgets, i, onChangeHeight = () => { } }) => {
   const ref = useRef();
@@ -82,30 +56,20 @@ export default function PdfView({
     let _page = 1;
 
     if (keys.length === config.length) {
-      const headless = isHeadlessEnvironment();
-      const headerOffset = headless ? 0 : HEADER_CONTENT_OFFSET;
-      const sectionGap = headless ? 16 : 24;
-      const maxContentHeight = headless
-        ? PAGE_HEIGHT - FOOTER_HEIGHT - headerOffset
-        : PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT;
-
       let incrHeight = 0;
 
-      keys.forEach((k) => {
+      keys.forEach(k => {
         const { ref } = sectionsConfig[k];
-        if (ref?.current) {
-          ref.current.style.marginBottom = '0px';
-          ref.current.style.marginTop = '0px';
-        }
-      });
+        ref.current.style.marginBottom = '0px';
+        // ref.current.style.marginTop = '15px';
+      })
 
       keys.forEach((k, i) => {
         const { height, ref } = sectionsConfig[k];
-        if (!ref?.current) return;
 
         if (i === 0) {
-          ref.current.style.marginTop = `${headerOffset}px`;
-          incrHeight += headerOffset;
+          ref.current.style.marginTop = `${HEADER_HEIGHT}px`;
+          incrHeight += HEADER_HEIGHT;
         }
 
         const newHeight = incrHeight + height;
@@ -114,25 +78,23 @@ export default function PdfView({
           ref.current.style.paddingBottom = '30px';
         }
 
-        if (newHeight > maxContentHeight && i !== 0) {
+        if (newHeight > PAGE_HEIGHT - 30 - FOOTER_HEIGHT - HEADER_HEIGHT) {
           const dif = Math.abs(PAGE_HEIGHT - incrHeight);
-          ref.current.style.marginTop = headless ? '16px' : '30px';
+          ref.current.style.marginTop = '30px';
           _page += 1;
           _pages.push(_page);
 
           if (sectionsConfig[keys[i - 1]]) {
             const { ref: topRef } = sectionsConfig[keys[i - 1]];
-            if (topRef?.current) {
-              const spacing = Math.max(dif + headerOffset - sectionGap, headerOffset);
-              topRef.current.style.marginBottom = `${spacing}px`;
-            }
-            incrHeight = height + sectionGap + headerOffset;
+            topRef.current.style.marginBottom = `${dif + HEADER_HEIGHT - 24}px`;
+            incrHeight = height + 24 + HEADER_HEIGHT;
+            // console.log('margin', dif);
           }
         } else {
-          incrHeight = newHeight + sectionGap;
+          incrHeight = newHeight + 24;
         }
         // console.groupEnd();
-      });
+      })
       setPages(_pages);
     }
   }, [sectionsConfig]);