docgen-utils 1.0.21 → 1.0.22

package/dist/bundle.js

@@ -47395,6 +47395,34 @@ var docgen = (() => {
   var UTF16BE = new Uint8Array([254, 255]);
 
   // packages/docs/common.js
+  function isStyledTableCell(cell) {
+    if (typeof cell !== "object" || Array.isArray(cell))
+      return false;
+    if (!("content" in cell))
+      return false;
+    const styledCell = cell;
+    const content = styledCell.content;
+    if (typeof content === "string")
+      return true;
+    if (Array.isArray(content) && content.length > 0) {
+      const first = content[0];
+      if (typeof first === "object" && first !== null && "type" in first) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function isComplexTableCell(cell) {
+    if (typeof cell !== "object" || Array.isArray(cell))
+      return false;
+    if (!("content" in cell))
+      return false;
+    const content = cell.content;
+    if (!Array.isArray(content) || content.length === 0)
+      return false;
+    const first = content[0];
+    return typeof first === "object" && first !== null && "type" in first;
+  }
   var HEADING_LEVEL_MAP = {
     1: HeadingLevel.HEADING_1,
     2: HeadingLevel.HEADING_2,
@@ -48705,7 +48733,7 @@ var docgen = (() => {
         }
       }
     }
-    if (!parentElement2) {
+    {
       const fillIn = (source) => {
         for (const [key2, value] of Object.entries(source)) {
           if (value !== void 0 && result[key2] === void 0) {
@@ -50276,6 +50304,46 @@ var docgen = (() => {
   }
 
   // packages/docs/parse.js
+  function getDirectRows(tableEl) {
+    const result = [];
+    for (const child of tableEl.children) {
+      const childTag = child.tagName.toLowerCase();
+      if (childTag === "tr") {
+        result.push(child);
+      } else if (childTag === "thead" || childTag === "tbody" || childTag === "tfoot") {
+        for (const grandchild of child.children) {
+          if (grandchild.tagName.toLowerCase() === "tr") {
+            result.push(grandchild);
+          }
+        }
+      }
+    }
+    return result;
+  }
+  function getDirectCells(rowEl) {
+    const result = [];
+    for (const child of rowEl.children) {
+      const childTag = child.tagName.toLowerCase();
+      if (childTag === "td" || childTag === "th") {
+        result.push(child);
+      }
+    }
+    return result;
+  }
+  function cellHasNestedTable(cellEl) {
+    return cellEl.querySelector("table") !== null;
+  }
+  function isLayoutTable(tableEl, cssContext) {
+    const styles = getElementStyles(tableEl, cssContext);
+    const inlineStyle = tableEl.getAttribute("style") || "";
+    if (inlineStyle.includes("border: none") || inlineStyle.includes("border:none")) {
+      return true;
+    }
+    if (styles.border && styles.border.includes("none")) {
+      return true;
+    }
+    return false;
+  }
   function createParsedImageElement(imageEl, imageKey) {
     const src = imageEl.getAttribute("src")?.trim();
     if (!src) {
@@ -50385,18 +50453,50 @@ var docgen = (() => {
       }
       if (tagName19 === "table") {
         const rows = [];
-        for (const tr of el.querySelectorAll("tr")) {
+        const directRows = getDirectRows(el);
+        for (const tr of directRows) {
           const cells = [];
-          for (const cell of tr.querySelectorAll("td, th")) {
+          const directCells = getDirectCells(tr);
+          for (const cell of directCells) {
+            let cellBackgroundColor;
+            const cellStyles = getElementStyles(cell, cssContext, tr);
+            if (cellStyles.backgroundColor) {
+              const hexBg = extractHexColor(cellStyles.backgroundColor);
+              if (hexBg)
+                cellBackgroundColor = hexBg;
+            }
+            if (!cellBackgroundColor) {
+              const inlineStyle = cell.getAttribute("style") || "";
+              if (inlineStyle) {
+                const bgMatch = inlineStyle.match(/background(?:-color)?\s*:\s*([^;]+)/i);
+                if (bgMatch) {
+                  const hexBg = extractHexColor(bgMatch[1]);
+                  if (hexBg)
+                    cellBackgroundColor = hexBg;
+                }
+              }
+            }
             const runs = extractInlineRuns(cell, cssContext);
-            if (runs.length > 0) {
-              if (hasInlineFormatting(runs)) {
-                cells.push(runs);
+            if (cellBackgroundColor) {
+              if (runs.length > 0) {
+                if (hasInlineFormatting(runs)) {
+                  cells.push({ content: runs, backgroundColor: cellBackgroundColor });
+                } else {
+                  cells.push({ content: runs.map((r) => r.text).join(""), backgroundColor: cellBackgroundColor });
+                }
               } else {
-                cells.push(runs.map((r) => r.text).join(""));
+                cells.push({ content: "", backgroundColor: cellBackgroundColor });
               }
             } else {
-              cells.push("");
+              if (runs.length > 0) {
+                if (hasInlineFormatting(runs)) {
+                  cells.push(runs);
+                } else {
+                  cells.push(runs.map((r) => r.text).join(""));
+                }
+              } else {
+                cells.push("");
+              }
             }
           }
           if (cells.length > 0) {
@@ -51159,18 +51259,65 @@ var docgen = (() => {
       }
       if (tagName19 === "table") {
         const rows = [];
-        for (const tr of element.querySelectorAll("tr")) {
+        const directRows = getDirectRows(element);
+        for (const tr of directRows) {
           const cells = [];
-          for (const cell of tr.querySelectorAll("td, th")) {
-            const runs = extractInlineRuns(cell, cssContext);
-            if (runs.length > 0) {
-              if (hasInlineFormatting(runs)) {
-                cells.push(runs);
+          const directCells = getDirectCells(tr);
+          for (const cell of directCells) {
+            if (cellHasNestedTable(cell)) {
+              const nestedContent = parseContainerContent(cell, cssContext, nextImageKey);
+              if (nestedContent.length > 0) {
+                cells.push({ content: nestedContent });
               } else {
-                cells.push(runs.map((r) => r.text).join(""));
+                cells.push("");
               }
             } else {
-              cells.push("");
+              let cellBackgroundColor;
+              const cellStylesWithRowParent = getElementStyles(cell, cssContext, tr);
+              if (cellStylesWithRowParent.backgroundColor) {
+                const hexBg = extractHexColor(cellStylesWithRowParent.backgroundColor);
+                if (hexBg)
+                  cellBackgroundColor = hexBg;
+              }
+              if (!cellBackgroundColor) {
+                const cellStylesWithTableParent = getElementStyles(cell, cssContext, element);
+                if (cellStylesWithTableParent.backgroundColor) {
+                  const hexBg = extractHexColor(cellStylesWithTableParent.backgroundColor);
+                  if (hexBg)
+                    cellBackgroundColor = hexBg;
+                }
+              }
+              const inlineStyle = cell.getAttribute("style") || "";
+              if (inlineStyle && !cellBackgroundColor) {
+                const bgMatch = inlineStyle.match(/background(?:-color)?\s*:\s*([^;]+)/i);
+                if (bgMatch) {
+                  const hexBg = extractHexColor(bgMatch[1]);
+                  if (hexBg)
+                    cellBackgroundColor = hexBg;
+                }
+              }
+              const runs = extractInlineRuns(cell, cssContext);
+              if (cellBackgroundColor) {
+                if (runs.length > 0) {
+                  if (hasInlineFormatting(runs)) {
+                    cells.push({ content: runs, backgroundColor: cellBackgroundColor });
+                  } else {
+                    cells.push({ content: runs.map((r) => r.text).join(""), backgroundColor: cellBackgroundColor });
+                  }
+                } else {
+                  cells.push({ content: "", backgroundColor: cellBackgroundColor });
+                }
+              } else {
+                if (runs.length > 0) {
+                  if (hasInlineFormatting(runs)) {
+                    cells.push(runs);
+                  } else {
+                    cells.push(runs.map((r) => r.text).join(""));
+                  }
+                } else {
+                  cells.push("");
+                }
+              }
             }
           }
           if (cells.length > 0) {
@@ -51321,7 +51468,8 @@ var docgen = (() => {
               }
             }
           }
-          elements.push({ type: "table", rows, cellPadding, headerBackgroundColor, headerTextColor, evenRowBackgroundColor, hasHeader: hasExplicitHeader ? true : void 0, horizontalBordersOnly: horizontalBordersOnly || void 0, columnWidths: calculateColumnWidths(rows, element) });
+          const noBorders = isLayoutTable(element, cssContext);
+          elements.push({ type: "table", rows, cellPadding, headerBackgroundColor, headerTextColor, evenRowBackgroundColor, hasHeader: hasExplicitHeader ? true : void 0, horizontalBordersOnly: horizontalBordersOnly || void 0, noBorders: noBorders || void 0, columnWidths: calculateColumnWidths(rows, element) });
         }
         return;
       }
@@ -52598,35 +52746,83 @@ var docgen = (() => {
     return new TableRow({
       tableHeader: isHeaderRow,
       children: cells.map((cell, cellIndex) => {
-        const textRuns = typeof cell === "string" ? [new TextRun({
-          text: cell,
-          bold: isHeaderRow,
-          color: isHeaderRow && headerTextColor ? headerTextColor : void 0
-        })] : cell.map((run) => new TextRun({
-          text: run.text,
-          bold: isHeaderRow || run.bold,
-          italics: run.italic,
-          // Use header text color for header rows, otherwise use run's color
-          color: isHeaderRow && headerTextColor ? headerTextColor : run.color,
-          size: run.size,
-          font: run.fontFamily ? mapToOfficeFont(run.fontFamily) : void 0,
-          superScript: run.superscript,
-          subScript: run.subscript,
-          strike: run.strike,
-          characterSpacing: run.letterSpacing,
-          underline: run.underline ? {
-            type: getUnderlineType(run.underline.type),
-            color: run.underline.color
-          } : void 0,
-          // Preserve inline background colors for badge/pill styling in table cells
-          shading: run.backgroundColor ? {
-            type: ShadingType.CLEAR,
-            fill: run.backgroundColor,
-            color: "auto"
-          } : void 0
-        }));
+        let cellContent;
+        let cellBackgroundColor;
+        if (isComplexTableCell(cell)) {
+          cellContent = [];
+          for (const nestedElement of cell.content) {
+            cellContent.push(...convertElementToDocx(nestedElement));
+          }
+          if (cellContent.length === 0) {
+            cellContent = [new Paragraph({ children: [] })];
+          }
+        } else if (isStyledTableCell(cell)) {
+          cellBackgroundColor = cell.backgroundColor;
+          const content = cell.content;
+          const textRuns = typeof content === "string" ? [new TextRun({
+            text: content,
+            bold: isHeaderRow,
+            color: isHeaderRow && headerTextColor ? headerTextColor : void 0
+          })] : content.map((run) => new TextRun({
+            text: run.text,
+            bold: isHeaderRow || run.bold,
+            italics: run.italic,
+            color: isHeaderRow && headerTextColor ? headerTextColor : run.color,
+            size: run.size,
+            font: run.fontFamily ? mapToOfficeFont(run.fontFamily) : void 0,
+            superScript: run.superscript,
+            subScript: run.subscript,
+            strike: run.strike,
+            characterSpacing: run.letterSpacing,
+            underline: run.underline ? {
+              type: getUnderlineType(run.underline.type),
+              color: run.underline.color
+            } : void 0
+            // Note: Don't apply run-level backgroundColor here - cell background handles it
+          }));
+          cellContent = [new Paragraph({ children: textRuns })];
+        } else if (typeof cell === "string") {
+          const textRuns = [new TextRun({
+            text: cell,
+            bold: isHeaderRow,
+            color: isHeaderRow && headerTextColor ? headerTextColor : void 0
+          })];
+          cellContent = [new Paragraph({ children: textRuns })];
+        } else if (Array.isArray(cell)) {
+          const textRuns = cell.map((run) => new TextRun({
+            text: run.text,
+            bold: isHeaderRow || run.bold,
+            italics: run.italic,
+            color: isHeaderRow && headerTextColor ? headerTextColor : run.color,
+            size: run.size,
+            font: run.fontFamily ? mapToOfficeFont(run.fontFamily) : void 0,
+            superScript: run.superscript,
+            subScript: run.subscript,
+            strike: run.strike,
+            characterSpacing: run.letterSpacing,
+            underline: run.underline ? {
+              type: getUnderlineType(run.underline.type),
+              color: run.underline.color
+            } : void 0,
+            // Preserve inline background colors for badge/pill styling in table cells
+            shading: run.backgroundColor ? {
+              type: ShadingType.CLEAR,
+              fill: run.backgroundColor,
+              color: "auto"
+            } : void 0
+          }));
+          cellContent = [new Paragraph({ children: textRuns })];
+        } else {
+          cellContent = [new Paragraph({ children: [] })];
+        }
         let shading;
-        if (isHeaderRow && headerBackgroundColor) {
+        if (cellBackgroundColor) {
+          shading = {
+            type: ShadingType.CLEAR,
+            color: "auto",
+            fill: cellBackgroundColor
+          };
+        } else if (isHeaderRow && headerBackgroundColor) {
           shading = {
             type: ShadingType.CLEAR,
             color: "auto",
@@ -52644,11 +52840,7 @@ var docgen = (() => {
         const needsSpan = isLastCell && remainingColumns > 0;
         const cellColumnSpan = needsSpan ? remainingColumns + 1 : void 0;
         return new TableCell({
-          children: [
-            new Paragraph({
-              children: textRuns
-            })
-          ],
+          children: cellContent,
           width: {
             size: columnWidths?.[cellIndex] ?? 100 / columnCount,
             type: WidthType.PERCENTAGE
@@ -52968,6 +53160,15 @@ var docgen = (() => {
                 const cell = row[cellIndex];
                 if (typeof cell === "string") {
                   children.push(new TextRun({ text: cell }));
+                } else if (isStyledTableCell(cell)) {
+                  const content = cell.content;
+                  if (typeof content === "string") {
+                    children.push(new TextRun({ text: content }));
+                  } else {
+                    children.push(...inlineRunsToTextRuns(content));
+                  }
+                } else if (isComplexTableCell(cell)) {
+                  continue;
                 } else {
                   children.push(...inlineRunsToTextRuns(cell));
                 }