@native-html/heuristic-table-plugin/lib/module/helpers/fillTableDisplay.js

🔠 A 100% native component using heuristics to render tables in react-native-render-html

export function createEmptyDisplay(config) {
  return {
    offsetX: 0,
    occupiedCoordinates: [],
    maxY: -1,
    maxX: -1,
    cells: [],
    ...config
  };
}

function computeOffsetX(display, startX, startY) {
  return display.occupiedCoordinates.reduce((prev, coordinates) => {
    if (coordinates.x <= startX && coordinates.y === startY) {
      return prev + 1;
    }

    return prev;
  }, 0);
}

export default function fillTableDisplay(tnode, display, computer) {
  if (tnode.tagName === 'tr') {
    display.maxY = display.maxY + 1;
    display.offsetX = 0;
  }

  if (tnode.tagName === 'th' || tnode.tagName === 'td') {
    const rowspan = Number(tnode.attributes.rowspan);
    const colspan = Number(tnode.attributes.colspan);
    const lenX = Number.isFinite(colspan) ? colspan : 1;
    const lenY = Number.isFinite(rowspan) ? rowspan : 1;
    const initialStartX = display.offsetX + tnode.nodeIndex;
    const startY = display.maxY;
    const startX = computeOffsetX(display, initialStartX, display.maxY) + initialStartX;
    const constraints = computer.computeCellConstraints(tnode);
    const cell = {
      lenX,
      lenY,
      x: startX,
      y: startY,
      tnode,
      constraints
    };
    display.cells.push(cell);
    display.offsetX += lenX - 1;

    if (lenY > 1) {
      for (let y = startY + 1; y < lenY + startY; y++) {
        display.occupiedCoordinates.push({
          x: startX,
          y
        });
      }
    }

    display.maxX = Math.max(display.maxX, initialStartX);
  } else {
    tnode.children.forEach(child => fillTableDisplay(child, display, computer));
  }
}
//# sourceMappingURL=fillTableDisplay.js.map