datastake-daf 0.6.249 → 0.6.250

package/.env

@@ -0,0 +1,8 @@
+REACT_APP_API_KEY=
+REACT_APP_AUTH_DOMAIN=
+REACT_APP_PROJECT_ID=
+REACT_APP_STORAGE_BUCKED=
+REACT_APP_SENDER_ID=
+REACT_APP_APP_ID=
+REACT_APP_MEASUREMENT_ID=
+REACT_APP_VAPID_KEY=

package/.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+	"cSpell.words": ["cukura"],
+	"files.autoSave": "afterDelay",
+	"editor.wordWrap": "on",
+	"editor.autoClosingBrackets": "always",
+	"editor.autoClosingComments": "always",
+	"editor.autoClosingQuotes": "always",
+	"editor.defaultFormatter": "esbenp.prettier-vscode",
+	"editor.formatOnPaste": true,
+	"editor.formatOnSave": true,
+	"notebook.defaultFormatter": "esbenp.prettier-vscode",
+	"javascript.format.semicolons": "insert"
+}

package/dist/components/index.js

@@ -12655,7 +12655,7 @@ const {
   Paragraph: Paragraph$1
 } = antd.Typography;
 const checkHasActiveFilterValues = filtersConfig => {
-  if (!(filtersConfig !== null && filtersConfig !== void 0 && filtersConfig.filtersConfig) || !(filtersConfig !== null && filtersConfig !== void 0 && filtersConfig.selectedFilters)) return false;
+  if (!filtersConfig?.filtersConfig || !filtersConfig?.selectedFilters) return false;
   const filterConfigKeys = Object.keys(filtersConfig.filtersConfig);
   const selectedFilters = filtersConfig.selectedFilters;
   return filterConfigKeys.some(key => {
@@ -12663,28 +12663,27 @@ const checkHasActiveFilterValues = filtersConfig => {
     return value !== undefined && value !== null && value !== '';
   });
 };
-const useHeader = _ref => {
-  let {
-    title = '',
-    tooltip = '',
-    supportText = '',
-    tags = [],
-    actionButtons: _actionButtons = [],
-    titleTooltip,
-    className,
-    addedHeader = null,
-    addedHeaderFirst,
-    extraButtons: _extraButtons = [],
-    onDownload,
-    downloadDisabled,
-    goBackTo,
-    loading,
-    renderExtraComponents,
-    app = '',
-    isViewMode = false,
-    filtersConfig = {}
-  } = _ref;
-  const hasActiveFilterValues = React.useMemo(() => checkHasActiveFilterValues(filtersConfig), [filtersConfig === null || filtersConfig === void 0 ? void 0 : filtersConfig.filtersConfig, filtersConfig === null || filtersConfig === void 0 ? void 0 : filtersConfig.selectedFilters]);
+const useHeader = ({
+  title = '',
+  tooltip = '',
+  supportText = '',
+  tags = [],
+  actionButtons: _actionButtons = [],
+  titleTooltip,
+  className,
+  addedHeader = null,
+  addedHeaderFirst,
+  extraButtons: _extraButtons = [],
+  onDownload,
+  downloadDisabled,
+  goBackTo,
+  loading,
+  renderExtraComponents,
+  app = '',
+  isViewMode = false,
+  filtersConfig = {}
+}) => {
+  const hasActiveFilterValues = React.useMemo(() => checkHasActiveFilterValues(filtersConfig), [filtersConfig?.filtersConfig, filtersConfig?.selectedFilters]);
   const [showFilters, setShowFilters] = React.useState(() => checkHasActiveFilterValues(filtersConfig));
   const hasFilters = filtersConfig && Object.keys(filtersConfig).length > 0;
   React.useEffect(() => {
@@ -12726,9 +12725,9 @@ const useHeader = _ref => {
   const buttonCont = React.useRef();
   const [mainContWidth, setMainContWidth] = React.useState(600);
   const [buttonContWidth, setButtonContWidth] = React.useState(0);
-  const hasSupportText = !!(supportText !== null && supportText !== void 0 && supportText.length);
-  const hasTags = !!(tags !== null && tags !== void 0 && tags.length);
-  const hasButtons = !!(actionButtons !== null && actionButtons !== void 0 && actionButtons.length || extraButtons !== null && extraButtons !== void 0 && extraButtons.length);
+  const hasSupportText = !!supportText?.length;
+  const hasTags = !!tags?.length;
+  const hasButtons = !!(actionButtons?.length || extraButtons?.length);
   React.useEffect(() => {
     const mainContObserver = new ResizeObserver(entries => {
       const _mainEntry = entries[0];
@@ -15422,226 +15421,6 @@ 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;
-
-  // Helper function to estimate tree node height based on content and type
-  const estimateTreeNodeHeight = function (key, config, value) {
-    let level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    const baseHeight = 28; // Base height per tree node
-    const indentHeight = level * 2; // Additional height per level
-    let totalHeight = baseHeight + indentHeight;
-
-    // Adjust height based on node type
-    if ((config === null || config === void 0 ? void 0 : config.type) === 'header') {
-      totalHeight += 15; // Headers need more space
-    } else if ((config === null || config === void 0 ? void 0 : config.type) === 'textarea') {
-      totalHeight += 40; // Textareas are taller
-    } else if ((config === null || config === void 0 ? void 0 : config.type) === 'dataLink' || (config === null || config === void 0 ? void 0 : config.type) === 'dataLinkGroup') {
-      totalHeight += 20; // Data links often have more content
-    }
-
-    // Add height for value content if it exists
-    if (value && typeof value === 'string' && value.length > 50) {
-      totalHeight += Math.ceil(value.length / 50) * 15; // Multi-line content
-    }
-
-    // Add height for children recursively
-    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;
-      });
-      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]);
-        totalHeight += estimateTreeNodeHeight(childKey, childConfig, childValue, level + 1);
-      });
-    }
-
-    // Handle array/repeated content
-    if (Array.isArray(value)) {
-      value.forEach(itemValue => {
-        totalHeight += estimateTreeNodeHeight(key, config, itemValue, level);
-      });
-    }
-    return totalHeight;
-  };
-
-  // Helper function to split section based on height constraints (goes deep if needed)
-  const createHeightConstrainedSections = (sectionKey, section) => {
-    const MAX_SECTION_HEIGHT = PAGE_HEIGHT - HEADER_HEIGHT - FOOTER_HEIGHT - 150; // Conservative buffer
-    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 > 1 // Can this item be further split?
-      };
-    }).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);
-    });
-    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 = 80; // Base height for section header
-    let subSectionIndex = 0;
-    topLevelItems.forEach((item, index) => {
-      const {
-        key,
-        config,
-        estimatedHeight,
-        canSplit
-      } = item;
-
-      // If a single item is too large and can be split, split it at the child level
-      if (estimatedHeight > MAX_SECTION_HEIGHT * 0.8 && canSplit) {
-        // 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
-          if (currentHeight + splitItem.estimatedHeight > MAX_SECTION_HEIGHT && Object.keys(currentSubSection).length > 4) {
-            // 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 = 80;
-            subSectionIndex++;
-          }
-
-          // Add split item to current sub-section
-          currentSubSection[splitItem.key] = splitItem.config;
-          currentHeight += splitItem.estimatedHeight;
-        });
-      } else {
-        // Regular processing for items that fit or can't be split
-        // Check if adding this item would exceed height limit
-        if (currentHeight + estimatedHeight > MAX_SECTION_HEIGHT && Object.keys(currentSubSection).length > 4) {
-          // 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 = 80;
-          subSectionIndex++;
-        }
-
-        // Add item to current sub-section
-        currentSubSection[key] = config;
-        currentHeight += estimatedHeight;
-      }
-    });
-
-    // Add the final sub-section if it has content
-    if (Object.keys(currentSubSection).length > 4) {
-      subSections.push({
-        key: subSectionIndex === 0 ? sectionKey : "".concat(sectionKey, "_part_").concat(subSectionIndex),
-        section: currentSubSection,
-        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
-  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);
-    });
-    const splits = [];
-    let currentSplit = {
-      key: "".concat(parentKey, "_part_0"),
-      config: _objectSpread2(_objectSpread2({}, parentConfig), {}, {
-        inputs: {}
-      }),
-      estimatedHeight: 40 // Base height for parent structure
-    };
-    let splitIndex = 0;
-    childItems.forEach(child => {
-      if (currentSplit.estimatedHeight + child.estimatedHeight > maxHeight && Object.keys(currentSplit.config.inputs).length > 0) {
-        splits.push(currentSplit);
-        splitIndex++;
-        currentSplit = {
-          key: "".concat(parentKey, "_part_").concat(splitIndex),
-          config: _objectSpread2(_objectSpread2({}, parentConfig), {}, {
-            label: parentConfig.label,
-            inputs: {}
-          }),
-          estimatedHeight: 40
-        };
-      }
-      currentSplit.config.inputs[child.key] = child.config;
-      currentSplit.estimatedHeight += child.estimatedHeight;
-    });
-    if (Object.keys(currentSplit.config.inputs).length > 0) {
-      splits.push(currentSplit);
-    }
-    return splits.length > 0 ? splits : [{
-      key: parentKey,
-      config: parentConfig,
-      estimatedHeight: estimateTreeNodeHeight(parentKey, parentConfig, parentValue)
-    }];
-  };
   const pdfConfig = React.useMemo(() => {
     const sections = [];
     Object.keys(organizedForm).forEach(sectionKey => {
@@ -15649,40 +15428,28 @@ const PdfForm = _ref3 => {
       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",
-            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;
@@ -20776,13 +20543,16 @@ function DashboardLayout(_ref) {
   let {
     children,
     header,
-    footer
+    footer,
+    isCollapsed
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "daf-analysis",
-    style: {
+    style: _objectSpread2({
       backgroundColor: "#F9FAFB"
-    },
+    }, isCollapsed === undefined ? {} : {
+      maxWidth: isCollapsed ? "calc(100vw - 70px)" : "calc(100vw - 250px)"
+    }),
     children: [header, /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "content",
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -21324,7 +21094,7 @@ function SdgList({
 }) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
-      children: "SDGs:"
+      children: "SDGs"
     }), /*#__PURE__*/jsxRuntime.jsx(SDGIcons, {
       sdgList: sdgList,
       t: t
@@ -21407,7 +21177,8 @@ function ProjectWidget(_ref) {
     }), !hideSDGList && /*#__PURE__*/jsxRuntime.jsx("div", {
       style: {
         borderTop: "1px solid var(--base-gray-30)",
-        paddingTop: "10px"
+        paddingTop: "10px",
+        minHeight: "61px"
       },
       children: /*#__PURE__*/jsxRuntime.jsx(SdgList, {
         sdgList: sdgList,

package/package.json

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

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

@@ -5,12 +5,17 @@
  *
  *	Every Widget inside the component (children)  must be wrapped by a section tag, because i say so and if you dont like it you can change the code in the entire codebase, included but not limited to the following projects: nashiriki, tazama, kustawi, sbg, cukura, kota, mmt, and wherever the daf library is used.
  */
-export default function DashboardLayout({ children, header, footer }) {
+export default function DashboardLayout({ children, header, footer, isCollapsed }) {
 	return (
 		<div
 			className="daf-analysis"
 			style={{
 				backgroundColor: `#F9FAFB`,
+				...(isCollapsed === undefined
+					? {}
+					: {
+							maxWidth: isCollapsed ? `calc(100vw - 70px)` : `calc(100vw - 250px)`,
+					  }),
 			}}
 		>
 			{header}

package/src/@daf/core/components/Dashboard/Widget/ProjectWidget/components/SdgList.jsx

@@ -1,10 +1,10 @@
 import { Label } from "../style";
 import SDGIcons from "../../../../UI/SDGIcon/index.jsx";
 export default function SdgList({ sdgList = [], t }) {
-  return (
-    <>
-      <Label>SDGs:</Label>
-      <SDGIcons sdgList={sdgList} t={t} />
-    </>
-  );
+	return (
+		<>
+			<Label>SDGs</Label>
+			<SDGIcons sdgList={sdgList} t={t} />
+		</>
+	);
 }

package/src/@daf/core/components/Dashboard/Widget/ProjectWidget/index.jsx

@@ -83,6 +83,7 @@ export default function ProjectWidget({
 					style={{
 						borderTop: "1px solid var(--base-gray-30)",
 						paddingTop: "10px",
+						minHeight: "61px",
 					}}
 				>
 					<SdgList sdgList={sdgList} t={t} />

package/src/@daf/core/components/PdfForm/index.js

@@ -525,227 +525,6 @@ const PdfForm = ({
 
   const organizedForm = useMemo(() => organizeFormByHeaders(form), [form]);
 
-  // Constants for height calculations (same as PdfView)
-  const PAGE_HEIGHT = 1587;
-  const FOOTER_HEIGHT = 70;
-  const HEADER_HEIGHT = 100;
-
-  // Helper function to estimate tree node height based on content and type
-  const estimateTreeNodeHeight = (key, config, value, level = 0) => {
-    const baseHeight = 28; // Base height per tree node
-    const indentHeight = level * 2; // Additional height per level
-    let totalHeight = baseHeight + indentHeight;
-
-    // Adjust height based on node type
-    if (config?.type === 'header') {
-      totalHeight += 15; // Headers need more space
-    } else if (config?.type === 'textarea') {
-      totalHeight += 40; // Textareas are taller
-    } else if (config?.type === 'dataLink' || config?.type === 'dataLinkGroup') {
-      totalHeight += 20; // Data links often have more content
-    }
-
-    // Add height for value content if it exists
-    if (value && typeof value === 'string' && value.length > 50) {
-      totalHeight += Math.ceil(value.length / 50) * 15; // Multi-line content
-    }
-
-    // Add height for children recursively
-    if (config?.inputs) {
-      const childKeys = Object.keys(config.inputs)
-        .filter(childKey => {
-          const childConfig = config.inputs[childKey];
-          // Check showIf condition
-          if (childConfig?.showIf && !evaluateShowIfCondition(childConfig.showIf, data)) {
-            return false;
-          }
-          return true;
-        })
-        .sort((a, b) => {
-          const positionA = config.inputs[a]?.position || 0;
-          const positionB = config.inputs[b]?.position || 0;
-          return positionA - positionB;
-        });
-      
-      childKeys.forEach(childKey => {
-        const childConfig = config.inputs[childKey];
-        const childValue = value?.[childKey] || data?.[childKey];
-        totalHeight += estimateTreeNodeHeight(childKey, childConfig, childValue, level + 1);
-      });
-    }
-
-    // Handle array/repeated content
-    if (Array.isArray(value)) {
-      value.forEach(itemValue => {
-        totalHeight += estimateTreeNodeHeight(key, config, itemValue, level);
-      });
-    }
-
-    return totalHeight;
-  };
-
-  // Helper function to split section based on height constraints (goes deep if needed)
-  const createHeightConstrainedSections = (sectionKey, section) => {
-    const MAX_SECTION_HEIGHT = PAGE_HEIGHT - HEADER_HEIGHT - FOOTER_HEIGHT - 150; // Conservative buffer
-    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 => ({
-        key,
-        config: section[key],
-        estimatedHeight: estimateTreeNodeHeight(key, section[key], data?.[key]),
-        canSplit: section[key]?.inputs && Object.keys(section[key].inputs).length > 1 // Can this item be further split?
-      }))
-      .sort((a, b) => (a.config?.position || 0) - (b.config?.position || 0));
-
-    let currentSubSection = {
-      ...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 = 80; // Base height for section header
-    let subSectionIndex = 0;
-
-    topLevelItems.forEach((item, index) => {
-      const { key, config, estimatedHeight, canSplit } = item;
-      
-      // If a single item is too large and can be split, split it at the child level
-      if (estimatedHeight > MAX_SECTION_HEIGHT * 0.8 && canSplit) {
-        // Split this large item into smaller parts
-        const childSplits = splitLargeItem(key, config, data?.[key], MAX_SECTION_HEIGHT * 0.6);
-        
-        childSplits.forEach((splitItem, splitIndex) => {
-          // Check if current subsection has room
-          if (currentHeight + splitItem.estimatedHeight > MAX_SECTION_HEIGHT && Object.keys(currentSubSection).length > 4) {
-            // Save current sub-section
-            subSections.push({
-              key: `${sectionKey}_part_${subSectionIndex}`,
-              section: { ...currentSubSection },
-              title: section.label
-            });
-
-            // Start new sub-section
-            currentSubSection = {
-              id: section.id,
-              label: section.label,
-              position: section.position + subSectionIndex + 1,
-              subTitle: section.subTitle
-            };
-            currentHeight = 80;
-            subSectionIndex++;
-          }
-
-          // Add split item to current sub-section
-          currentSubSection[splitItem.key] = splitItem.config;
-          currentHeight += splitItem.estimatedHeight;
-        });
-      } else {
-        // Regular processing for items that fit or can't be split
-        // Check if adding this item would exceed height limit
-        if (currentHeight + estimatedHeight > MAX_SECTION_HEIGHT && Object.keys(currentSubSection).length > 4) {
-          // Save current sub-section
-          subSections.push({
-            key: `${sectionKey}_part_${subSectionIndex}`,
-            section: { ...currentSubSection },
-            title: section.label
-          });
-
-          // Start new sub-section
-          currentSubSection = {
-            id: section.id,
-            label: section.label,
-            position: section.position + subSectionIndex + 1,
-            subTitle: section.subTitle
-          };
-          currentHeight = 80;
-          subSectionIndex++;
-        }
-
-        // Add item to current sub-section
-        currentSubSection[key] = config;
-        currentHeight += estimatedHeight;
-      }
-    });
-
-    // Add the final sub-section if it has content
-    if (Object.keys(currentSubSection).length > 4) {
-      subSections.push({
-        key: subSectionIndex === 0 ? sectionKey : `${sectionKey}_part_${subSectionIndex}`,
-        section: currentSubSection,
-        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
-  const splitLargeItem = (parentKey, parentConfig, parentValue, maxHeight) => {
-    if (!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?.showIf || evaluateShowIfCondition(childConfig.showIf, data);
-      })
-      .map(childKey => ({
-        key: childKey,
-        config: parentConfig.inputs[childKey],
-        estimatedHeight: estimateTreeNodeHeight(childKey, parentConfig.inputs[childKey], parentValue?.[childKey])
-      }))
-      .sort((a, b) => (a.config?.position || 0) - (b.config?.position || 0));
-
-    const splits = [];
-    let currentSplit = {
-      key: `${parentKey}_part_0`,
-      config: {
-        ...parentConfig,
-        inputs: {}
-      },
-      estimatedHeight: 40 // Base height for parent structure
-    };
-    let splitIndex = 0;
-
-    childItems.forEach(child => {
-      if (currentSplit.estimatedHeight + child.estimatedHeight > maxHeight && Object.keys(currentSplit.config.inputs).length > 0) {
-        splits.push(currentSplit);
-        splitIndex++;
-        currentSplit = {
-          key: `${parentKey}_part_${splitIndex}`,
-          config: {
-            ...parentConfig,
-            label: parentConfig.label,
-            inputs: {}
-          },
-          estimatedHeight: 40
-        };
-      }
-
-      currentSplit.config.inputs[child.key] = child.config;
-      currentSplit.estimatedHeight += child.estimatedHeight;
-    });
-
-    if (Object.keys(currentSplit.config.inputs).length > 0) {
-      splits.push(currentSplit);
-    }
-
-    return splits.length > 0 ? splits : [{ key: parentKey, config: parentConfig, estimatedHeight: estimateTreeNodeHeight(parentKey, parentConfig, parentValue) }];
-  };
-
   const pdfConfig = useMemo(() => {
     const sections = [];
     
@@ -756,32 +535,27 @@ const PdfForm = ({
         return;
       }
 
-      // Create height-constrained sub-sections
-      const subSections = createHeightConstrainedSections(sectionKey, section);
-      
-      subSections.forEach(({ key, section: subSection, title }) => {
-        sections.push({
-          render: () => (
-            <div key={key} className="pdf-form-section">
-              <PdfFormContent
-                form={{ [key]: { ...subSection, label: title } }}
-                data={data}
-                t={t}
-                user={user}
-                title={formName}
-                source={source}
-                version={version}
-                getApiBaseUrl={getApiBaseUrl}
-                getAppHeader={getAppHeader}
-                app={app}
-              />
-            </div>
-          ),
-          style: {
-            marginBottom: '20px',
-            padding: '0 20px'
-          }
-        });
+      sections.push({
+        render: () => (
+          <div key={sectionKey} className="pdf-form-section">
+            <PdfFormContent
+              form={{ [sectionKey]: section }}
+              data={data}
+              t={t}
+              user={user}
+              title={formName}
+              source={source}
+              version={version}
+              getApiBaseUrl={getApiBaseUrl}
+              getAppHeader={getAppHeader}
+              app={app}
+            />
+          </div>
+        ),
+        style: {
+          marginBottom: '20px',
+          padding: '0 20px'
+        }
       });
     });