ats-form-react-pdf-layout 4.4.6 → 4.4.8

package/lib/index.js

@@ -1210,6 +1210,9 @@ const NON_WRAP_TYPES = [P.Svg, P.Note, P.Image, P.Canvas];
 const canCauseBlankSpace = (node, prevNode, currentChildren) => {
     if (!('preventBlankSpace' in node.props))
         return false;
+    // Don't override explicit wrap: false - respect user's intent to move to next page
+    if ('wrap' in node.props && node.props.wrap === false)
+        return false;
     const prevNodeHasHeightOne = prevNode?.box?.height === 1;
     const childrenIsEmpty = currentChildren?.length === 0;
     // padding/margin case
@@ -1227,6 +1230,9 @@ const getWrap = (node, prevNode, currentChildren) => {
         return false;
     if (!node.props)
         return true;
+    // Check wrap prop first - if explicitly set to false, respect that
+    if ('wrap' in node.props && node.props.wrap === false)
+        return false;
     if (canCauseBlankSpace(node, prevNode, currentChildren))
         return true;
     return 'wrap' in node.props ? node.props.wrap : true;
@@ -1337,7 +1343,11 @@ const shouldBreak = (child, futureElements, height, previousElements) => {
     if ('fixed' in child.props)
         return false;
     const shouldSplit = height < child.box.top + child.box.height;
-    const canWrap = getWrap(child, child, []);
+    // Get the previous sibling from the previous elements for consistent wrap calculation
+    const prevNode = previousElements.length > 0
+        ? previousElements[previousElements.length - 1]
+        : child;
+    const canWrap = getWrap(child, prevNode, previousElements);
     // Calculate the y coordinate where the desired presence of the child ends
     const endOfPresence = getEndOfPresence(child, futureElements);
     // If the child is already at the top of the page, breaking won't improve its presence
@@ -2581,7 +2591,7 @@ const breakableViewChild = (children, height, path = '', currentChildren) => {
     for (let i = 0; i < children.length; i += 1) {
         if (children[i].type !== 'VIEW')
             continue;
-        if (shouldBreak(children[i], children.slice(i + 1, height), height, currentChildren)) {
+        if (shouldBreak(children[i], children.slice(i + 1), height, currentChildren)) {
             return {
                 child: children[i],
                 path: `${path}/${i}`,
@@ -2646,6 +2656,18 @@ const splitNodes = (height, contentArea, nodes) => {
                 break;
             }
         }
+        // Element fits on a full page but not in remaining space and cannot wrap - move to next page
+        if (fitsInsidePage && shouldSplit && !canWrap) {
+            const box = Object.assign({}, child.box, { top: child.box.top - height });
+            const props = Object.assign({}, child.props, {
+                wrap: true,
+                break: false,
+            });
+            const next = Object.assign({}, child, { box, props });
+            currentChildren.push(...futureFixedNodes);
+            nextChildren.push(next, ...futureNodes);
+            break;
+        }
         if (shouldBreak$1) {
             const box = Object.assign({}, child.box, { top: child.box.top - height });
             const props = Object.assign({}, child.props, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ats-form-react-pdf-layout",
-  "version": "4.4.6",
+  "version": "4.4.8",
   "license": "MIT",
   "description": "Resolve document component's layout",
   "author": "Atharva System",