@dmitryvim/form-builder 0.2.20 → 0.2.22

package/dist/cjs/index.cjs

@@ -4778,18 +4778,54 @@ function updateGroupField(element, fieldPath, value, context) {
 }
 
 // src/components/table.ts
+function isLegacyMerge(m) {
+  return m !== null && typeof m === "object" && "row" in m && "col" in m && "rowspan" in m && "colspan" in m;
+}
+function isValidMergeShape(m) {
+  if (m === null || typeof m !== "object") return false;
+  const o = m;
+  return typeof o.top === "number" && typeof o.left === "number" && typeof o.bottom === "number" && typeof o.right === "number";
+}
+function migrateMerge(m) {
+  if (isLegacyMerge(m)) {
+    return {
+      top: m.row,
+      left: m.col,
+      bottom: m.row + m.rowspan - 1,
+      right: m.col + m.colspan - 1
+    };
+  }
+  if (isValidMergeShape(m)) return m;
+  return null;
+}
+function migrateMerges(merges) {
+  return merges.map(migrateMerge).filter((m) => m !== null);
+}
 function createEmptyCells(rows, cols) {
   return Array.from(
     { length: rows },
     () => Array.from({ length: cols }, () => "")
   );
 }
+function validateMerges(merges, rows, cols) {
+  for (let i = 0; i < merges.length; i++) {
+    const a = merges[i];
+    if (a.top < 0 || a.left < 0 || a.bottom >= rows || a.right >= cols || a.top > a.bottom || a.left > a.right)
+      return `Merge ${i} out of bounds`;
+    for (let j = i + 1; j < merges.length; j++) {
+      const b = merges[j];
+      if (a.top <= b.bottom && a.bottom >= b.top && a.left <= b.right && a.right >= b.left)
+        return `Merges ${i} and ${j} overlap`;
+    }
+  }
+  return null;
+}
 function getShadowingMerge(row, col, merges) {
   for (const m of merges) {
-    if (m.row === row && m.col === col) {
+    if (m.top === row && m.left === col) {
       return null;
     }
-    if (row >= m.row && row < m.row + m.rowspan && col >= m.col && col < m.col + m.colspan) {
+    if (row >= m.top && row <= m.bottom && col >= m.left && col <= m.right) {
       return m;
     }
   }
@@ -4797,7 +4833,7 @@ function getShadowingMerge(row, col, merges) {
 }
 function getMergeAt(row, col, merges) {
   var _a;
-  return (_a = merges.find((m) => m.row === row && m.col === col)) != null ? _a : null;
+  return (_a = merges.find((m) => m.top === row && m.left === col)) != null ? _a : null;
 }
 function selectionRange(sel) {
   var _a;
@@ -4873,8 +4909,10 @@ function renderReadonlyTable(data, wrapper) {
       const merge = getMergeAt(rIdx, cIdx, merges);
       const td = document.createElement(rIdx === 0 ? "th" : "td");
       if (merge) {
-        if (merge.rowspan > 1) td.rowSpan = merge.rowspan;
-        if (merge.colspan > 1) td.colSpan = merge.colspan;
+        const rowspan = merge.bottom - merge.top + 1;
+        const colspan = merge.right - merge.left + 1;
+        if (rowspan > 1) td.rowSpan = rowspan;
+        if (colspan > 1) td.colSpan = colspan;
       }
       td.textContent = (_b = rowData[cIdx]) != null ? _b : "";
       td.style.cssText = `
@@ -4961,22 +4999,56 @@ function startCellEditing(span, r, c, getCells, persistValue, selectCell) {
   span.addEventListener("keydown", onKeyDown);
   span.addEventListener("blur", onBlur);
 }
+function ensureSpinKeyframes() {
+  if (document.getElementById("fb-spin-keyframes")) return;
+  const style = document.createElement("style");
+  style.id = "fb-spin-keyframes";
+  style.textContent = `@keyframes fb-spin { to { transform: rotate(360deg); } }`;
+  document.head.appendChild(style);
+}
+function showLoadingOverlay(parent, text) {
+  ensureSpinKeyframes();
+  const overlay = document.createElement("div");
+  overlay.className = "fb-table-loading-overlay";
+  overlay.style.cssText = `
+    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(255,255,255,0.8); display: flex;
+    align-items: center; justify-content: center; flex-direction: column;
+    gap: 8px; z-index: 100;
+  `;
+  const spinner = document.createElement("div");
+  spinner.style.cssText = `
+    width: 24px; height: 24px; border: 3px solid var(--fb-border-color, #ccc);
+    border-top-color: var(--fb-primary-color, #0066cc); border-radius: 50%;
+    animation: fb-spin 0.8s linear infinite;
+  `;
+  const label = document.createElement("span");
+  label.textContent = text;
+  label.style.cssText = `font-size: var(--fb-font-size-small, 12px); color: var(--fb-text-color, #333);`;
+  overlay.appendChild(spinner);
+  overlay.appendChild(label);
+  parent.appendChild(overlay);
+  return overlay;
+}
 function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const state = ctx.state;
   const instance = ctx.instance;
-  const cells = initialData.cells.length > 0 ? initialData.cells.map((r) => [...r]) : createEmptyCells((_a = element.rows) != null ? _a : 3, (_b = element.columns) != null ? _b : 3);
+  const mergeAllowed = element.mergeAllowed !== false;
+  const cellsKey = (_b = (_a = element.fieldNames) == null ? void 0 : _a.cells) != null ? _b : "cells";
+  const mergesKey = (_d = (_c = element.fieldNames) == null ? void 0 : _c.merges) != null ? _d : "merges";
+  const cells = initialData.cells.length > 0 ? initialData.cells.map((r) => [...r]) : createEmptyCells((_e = element.rows) != null ? _e : 3, (_f = element.columns) != null ? _f : 3);
   let merges = initialData.merges ? [...initialData.merges] : [];
   const sel = { anchor: null, focus: null, dragging: false };
   const hiddenInput = document.createElement("input");
   hiddenInput.type = "hidden";
   hiddenInput.name = pathKey;
-  hiddenInput.value = JSON.stringify({ cells, merges });
+  hiddenInput.value = JSON.stringify({ [cellsKey]: cells, [mergesKey]: merges });
   wrapper.appendChild(hiddenInput);
   function persistValue() {
-    hiddenInput.value = JSON.stringify({ cells, merges });
+    hiddenInput.value = JSON.stringify({ [cellsKey]: cells, [mergesKey]: merges });
     if (instance) {
-      instance.triggerOnChange(pathKey, { cells, merges });
+      instance.triggerOnChange(pathKey, { [cellsKey]: cells, [mergesKey]: merges });
     }
   }
   hiddenInput._applyExternalUpdate = (data) => {
@@ -5002,6 +5074,116 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     table-layout: fixed;
   `;
   tableWrapper.appendChild(tableEl);
+  const acceptExts = (_h = (_g = element.importAccept) == null ? void 0 : _g.map((ext) => `.${ext.toLowerCase()}`)) != null ? _h : [];
+  async function importFile(file) {
+    var _a2, _b2, _c2;
+    if (!state.config.parseTableFile) return;
+    if (acceptExts.length > 0) {
+      const ext = file.name.toLowerCase().replace(/^.*(\.[^.]+)$/, "$1");
+      if (!acceptExts.includes(ext)) return;
+    }
+    const overlay = showLoadingOverlay(
+      tableWrapper,
+      t("tableImporting", state)
+    );
+    try {
+      const result = await state.config.parseTableFile(file);
+      const importedCells = result.cells;
+      const importedMerges = (_a2 = result.merges) != null ? _a2 : [];
+      if (importedMerges.length > 0) {
+        const err = validateMerges(
+          importedMerges,
+          importedCells.length,
+          (_c2 = (_b2 = importedCells[0]) == null ? void 0 : _b2.length) != null ? _c2 : 0
+        );
+        if (err) throw new Error(err);
+      }
+      cells.length = 0;
+      importedCells.forEach((row) => cells.push([...row]));
+      merges.length = 0;
+      importedMerges.forEach((m) => merges.push({ ...m }));
+      sel.anchor = null;
+      sel.focus = null;
+      persistValue();
+      rebuild();
+    } catch (e) {
+      const errMsg = e instanceof Error ? e.message : String(e);
+      console.error(
+        t("tableImportError", state).replace("{error}", errMsg)
+      );
+    } finally {
+      overlay.remove();
+    }
+  }
+  if (element.importAccept && state.config.parseTableFile) {
+    const importBtn = document.createElement("button");
+    importBtn.type = "button";
+    importBtn.title = t("tableImportFile", state);
+    importBtn.innerHTML = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>`;
+    importBtn.style.cssText = `
+      position: absolute; top: 2px; left: 2px;
+      width: 20px; height: 20px;
+      padding: 0;
+      display: flex; align-items: center; justify-content: center;
+      color: var(--fb-text-color, #999);
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      z-index: 2;
+    `;
+    importBtn.addEventListener("mouseenter", () => {
+      importBtn.style.color = "var(--fb-primary-color, #0066cc)";
+    });
+    importBtn.addEventListener("mouseleave", () => {
+      importBtn.style.color = "var(--fb-text-color, #999)";
+    });
+    const importInput = document.createElement("input");
+    importInput.type = "file";
+    importInput.accept = acceptExts.join(",");
+    importInput.style.display = "none";
+    tableWrapper.appendChild(importInput);
+    importBtn.addEventListener("click", () => {
+      importInput.click();
+    });
+    importInput.addEventListener("change", () => {
+      var _a2;
+      const file = (_a2 = importInput.files) == null ? void 0 : _a2[0];
+      if (file) importFile(file);
+      importInput.value = "";
+    });
+    tableWrapper.appendChild(importBtn);
+    let dragCounter = 0;
+    tableWrapper.addEventListener("dragenter", (e) => {
+      e.preventDefault();
+      dragCounter++;
+      if (dragCounter === 1) {
+        tableWrapper.style.outline = "2px dashed var(--fb-primary-color, #0066cc)";
+        tableWrapper.style.outlineOffset = "-2px";
+      }
+    });
+    tableWrapper.addEventListener("dragover", (e) => {
+      e.preventDefault();
+      if (e.dataTransfer) e.dataTransfer.dropEffect = "copy";
+    });
+    tableWrapper.addEventListener("dragleave", (e) => {
+      e.preventDefault();
+      dragCounter--;
+      if (dragCounter <= 0) {
+        dragCounter = 0;
+        tableWrapper.style.outline = "";
+        tableWrapper.style.outlineOffset = "";
+      }
+    });
+    tableWrapper.addEventListener("drop", (e) => {
+      var _a2, _b2;
+      e.preventDefault();
+      dragCounter = 0;
+      tableWrapper.style.outline = "";
+      tableWrapper.style.outlineOffset = "";
+      const file = (_b2 = (_a2 = e.dataTransfer) == null ? void 0 : _a2.files) == null ? void 0 : _b2[0];
+      if (file) importFile(file);
+    });
+  }
   wrapper.appendChild(tableWrapper);
   const contextMenu = document.createElement("div");
   contextMenu.style.cssText = `
@@ -5045,6 +5227,7 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     return btn;
   }
   function showContextMenu(x, y) {
+    if (!mergeAllowed) return;
     contextMenu.innerHTML = "";
     contextMenu.style.display = "flex";
     const range = selectionRange(sel);
@@ -5128,11 +5311,11 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     const insertAt = afterIndex !== void 0 ? afterIndex + 1 : cells.length;
     cells.splice(insertAt, 0, newRow);
     merges = merges.map((m) => {
-      if (m.row >= insertAt) {
-        return { ...m, row: m.row + 1 };
+      if (m.top >= insertAt) {
+        return { ...m, top: m.top + 1, bottom: m.bottom + 1 };
       }
-      if (m.row < insertAt && m.row + m.rowspan > insertAt) {
-        return { ...m, rowspan: m.rowspan + 1 };
+      if (m.top < insertAt && m.bottom >= insertAt) {
+        return { ...m, bottom: m.bottom + 1 };
       }
       return m;
     });
@@ -5143,19 +5326,18 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     if (cells.length <= 1) return;
     const rowToRemove = targetRow !== void 0 ? targetRow : sel.anchor ? sel.anchor.row : cells.length - 1;
     merges = merges.map((m) => {
-      const mEndRow = m.row + m.rowspan - 1;
-      if (m.row === rowToRemove && m.rowspan === 1) return null;
-      if (m.row === rowToRemove) {
-        return { ...m, row: m.row + 1, rowspan: m.rowspan - 1 };
+      if (m.top === rowToRemove && m.bottom === rowToRemove) return null;
+      if (m.top === rowToRemove) {
+        return { ...m, bottom: m.bottom - 1 };
       }
-      if (mEndRow === rowToRemove) {
-        return { ...m, rowspan: m.rowspan - 1 };
+      if (m.bottom === rowToRemove) {
+        return { ...m, bottom: m.bottom - 1 };
       }
-      if (m.row < rowToRemove && mEndRow > rowToRemove) {
-        return { ...m, rowspan: m.rowspan - 1 };
+      if (m.top < rowToRemove && m.bottom > rowToRemove) {
+        return { ...m, bottom: m.bottom - 1 };
       }
-      if (m.row > rowToRemove) {
-        return { ...m, row: m.row - 1 };
+      if (m.top > rowToRemove) {
+        return { ...m, top: m.top - 1, bottom: m.bottom - 1 };
       }
       return m;
     }).filter((m) => m !== null);
@@ -5171,11 +5353,11 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     const insertAt = afterIndex !== void 0 ? afterIndex + 1 : (_b2 = (_a2 = cells[0]) == null ? void 0 : _a2.length) != null ? _b2 : 0;
     cells.forEach((row) => row.splice(insertAt, 0, ""));
     merges = merges.map((m) => {
-      if (m.col >= insertAt) {
-        return { ...m, col: m.col + 1 };
+      if (m.left >= insertAt) {
+        return { ...m, left: m.left + 1, right: m.right + 1 };
       }
-      if (m.col < insertAt && m.col + m.colspan > insertAt) {
-        return { ...m, colspan: m.colspan + 1 };
+      if (m.left < insertAt && m.right >= insertAt) {
+        return { ...m, right: m.right + 1 };
       }
       return m;
     });
@@ -5186,19 +5368,18 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     if (cells.length === 0 || cells[0].length <= 1) return;
     const colToRemove = targetCol !== void 0 ? targetCol : sel.anchor ? sel.anchor.col : cells[0].length - 1;
     merges = merges.map((m) => {
-      const mEndCol = m.col + m.colspan - 1;
-      if (m.col === colToRemove && m.colspan === 1) return null;
-      if (m.col === colToRemove) {
-        return { ...m, col: m.col + 1, colspan: m.colspan - 1 };
+      if (m.left === colToRemove && m.right === colToRemove) return null;
+      if (m.left === colToRemove) {
+        return { ...m, right: m.right - 1 };
       }
-      if (mEndCol === colToRemove) {
-        return { ...m, colspan: m.colspan - 1 };
+      if (m.right === colToRemove) {
+        return { ...m, right: m.right - 1 };
       }
-      if (m.col < colToRemove && mEndCol > colToRemove) {
-        return { ...m, colspan: m.colspan - 1 };
+      if (m.left < colToRemove && m.right > colToRemove) {
+        return { ...m, right: m.right - 1 };
       }
-      if (m.col > colToRemove) {
-        return { ...m, col: m.col - 1 };
+      if (m.left > colToRemove) {
+        return { ...m, left: m.left - 1, right: m.right - 1 };
       }
       return m;
     }).filter((m) => m !== null);
@@ -5210,14 +5391,14 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     rebuild();
   }
   function mergeCells() {
+    var _a2, _b2;
+    if (!mergeAllowed) return;
     const range = selectionRange(sel);
     if (!range) return;
     const { r1, c1, r2, c2 } = range;
     if (r1 === r2 && c1 === c2) return;
     merges = merges.filter((m) => {
-      const mEndRow = m.row + m.rowspan - 1;
-      const mEndCol = m.col + m.colspan - 1;
-      const overlaps = m.row <= r2 && mEndRow >= r1 && m.col <= c2 && mEndCol >= c1;
+      const overlaps = m.top <= r2 && m.bottom >= r1 && m.left <= c2 && m.right >= c1;
       return !overlaps;
     });
     const anchorText = cells[r1][c1];
@@ -5229,16 +5410,24 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
       }
     }
     cells[r1][c1] = anchorText;
-    merges.push({ row: r1, col: c1, rowspan: r2 - r1 + 1, colspan: c2 - c1 + 1 });
+    const newMerge = { top: r1, left: c1, bottom: r2, right: c2 };
+    const testMerges = [...merges, newMerge];
+    const err = validateMerges(testMerges, cells.length, (_b2 = (_a2 = cells[0]) == null ? void 0 : _a2.length) != null ? _b2 : 0);
+    if (err) {
+      console.warn("Merge validation failed:", err);
+      return;
+    }
+    merges.push(newMerge);
     sel.anchor = { row: r1, col: c1 };
     sel.focus = null;
     persistValue();
     rebuild();
   }
   function splitCell() {
+    if (!mergeAllowed) return;
     if (!sel.anchor) return;
     const { row, col } = sel.anchor;
-    const mIdx = merges.findIndex((m) => m.row === row && m.col === col);
+    const mIdx = merges.findIndex((m) => m.top === row && m.left === col);
     if (mIdx === -1) return;
     merges.splice(mIdx, 1);
     sel.focus = null;
@@ -5263,8 +5452,10 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
         td.setAttribute("data-row", String(rIdx));
         td.setAttribute("data-col", String(cIdx));
         if (merge) {
-          if (merge.rowspan > 1) td.rowSpan = merge.rowspan;
-          if (merge.colspan > 1) td.colSpan = merge.colspan;
+          const rowspan = merge.bottom - merge.top + 1;
+          const colspan = merge.right - merge.left + 1;
+          if (rowspan > 1) td.rowSpan = rowspan;
+          if (colspan > 1) td.colSpan = colspan;
         }
         const inRange = range !== null && rIdx >= range.r1 && rIdx <= range.r2 && cIdx >= range.c1 && cIdx <= range.c2;
         const isAnchor = sel.anchor !== null && sel.anchor.row === rIdx && sel.anchor.col === cIdx;
@@ -5327,6 +5518,7 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
           }
         });
         td.addEventListener("contextmenu", (e) => {
+          if (!mergeAllowed) return;
           const currentRange = selectionRange(sel);
           const isMulti = currentRange && (currentRange.r1 !== currentRange.r2 || currentRange.c1 !== currentRange.c2);
           const isMerged = sel.anchor && getMergeAt(sel.anchor.row, sel.anchor.col, merges);
@@ -5388,18 +5580,18 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
         selectCell(nr, nc);
         return;
       }
-      if (e.key === "m" && e.ctrlKey && !e.shiftKey) {
+      if (mergeAllowed && e.key === "m" && e.ctrlKey && !e.shiftKey) {
         e.preventDefault();
         mergeCells();
         return;
       }
-      if (e.key === "M" && e.ctrlKey && e.shiftKey) {
+      if (mergeAllowed && e.key === "M" && e.ctrlKey && e.shiftKey) {
         e.preventDefault();
         splitCell();
       }
     };
     tableEl.oncopy = (e) => {
-      var _a3, _b3, _c, _d;
+      var _a3, _b3, _c2, _d2;
       const range2 = selectionRange(sel);
       if (!range2) return;
       e.preventDefault();
@@ -5420,11 +5612,11 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
       }
       const tsvText = tsvRows.join("\n");
       const htmlText = `<table>${htmlRows.join("")}</table>`;
-      (_c = e.clipboardData) == null ? void 0 : _c.setData("text/plain", tsvText);
-      (_d = e.clipboardData) == null ? void 0 : _d.setData("text/html", htmlText);
+      (_c2 = e.clipboardData) == null ? void 0 : _c2.setData("text/plain", tsvText);
+      (_d2 = e.clipboardData) == null ? void 0 : _d2.setData("text/html", htmlText);
     };
     tableEl.onpaste = (e) => {
-      var _a3, _b3, _c, _d, _e, _f, _g, _h, _i;
+      var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i;
       const anchor = sel.anchor;
       if (!anchor) return;
       const text = (_b3 = (_a3 = e.clipboardData) == null ? void 0 : _a3.getData("text/plain")) != null ? _b3 : "";
@@ -5435,15 +5627,15 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
       if (editing) {
         editing.contentEditable = "inherit";
         const r = parseInt(
-          (_d = (_c = editing.closest("td")) == null ? void 0 : _c.getAttribute("data-row")) != null ? _d : "0",
+          (_d2 = (_c2 = editing.closest("td")) == null ? void 0 : _c2.getAttribute("data-row")) != null ? _d2 : "0",
           10
         );
         const c = parseInt(
-          (_f = (_e = editing.closest("td")) == null ? void 0 : _e.getAttribute("data-col")) != null ? _f : "0",
+          (_f2 = (_e2 = editing.closest("td")) == null ? void 0 : _e2.getAttribute("data-col")) != null ? _f2 : "0",
           10
         );
         if (cells[r]) {
-          cells[r][c] = (_g = editing.textContent) != null ? _g : "";
+          cells[r][c] = (_g2 = editing.textContent) != null ? _g2 : "";
         }
       }
       if (!text.trim()) return;
@@ -5455,7 +5647,7 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
       const startC = anchor.col;
       const neededRows = startR + pasteRows.length;
       while (cells.length < neededRows) {
-        cells.push(Array((_i = (_h = cells[0]) == null ? void 0 : _h.length) != null ? _i : 1).fill(""));
+        cells.push(Array((_i = (_h2 = cells[0]) == null ? void 0 : _h2.length) != null ? _i : 1).fill(""));
       }
       const maxPasteCols = Math.max(...pasteRows.map((r) => r.length));
       const neededCols = startC + maxPasteCols;
@@ -5744,10 +5936,50 @@ function defaultTableData(element) {
 function isTableData(v) {
   return v !== null && typeof v === "object" && "cells" in v && Array.isArray(v.cells);
 }
+function isTableDataWithFieldNames(v, cellsKey) {
+  return v !== null && typeof v === "object" && cellsKey in v && Array.isArray(v[cellsKey]);
+}
 function renderTableElement(element, ctx, wrapper, pathKey) {
+  var _a, _b, _c, _d;
   const state = ctx.state;
   const rawPrefill = ctx.prefill[element.key];
-  const initialData = isTableData(rawPrefill) ? rawPrefill : isTableData(element.default) ? element.default : defaultTableData(element);
+  const cellsKey = (_b = (_a = element.fieldNames) == null ? void 0 : _a.cells) != null ? _b : "cells";
+  const mergesKey = (_d = (_c = element.fieldNames) == null ? void 0 : _c.merges) != null ? _d : "merges";
+  let initialData;
+  if (isTableData(rawPrefill)) {
+    initialData = {
+      cells: rawPrefill.cells,
+      merges: rawPrefill.merges ? migrateMerges(rawPrefill.merges) : []
+    };
+  } else if (rawPrefill && isTableDataWithFieldNames(rawPrefill, cellsKey)) {
+    const rawMerges = rawPrefill[mergesKey];
+    initialData = {
+      cells: rawPrefill[cellsKey],
+      merges: rawMerges ? migrateMerges(rawMerges) : []
+    };
+  } else if (isTableData(element.default)) {
+    initialData = {
+      cells: element.default.cells,
+      merges: element.default.merges ? migrateMerges(element.default.merges) : []
+    };
+  } else if (element.default && isTableDataWithFieldNames(element.default, cellsKey)) {
+    const rawMerges = element.default[mergesKey];
+    initialData = {
+      cells: element.default[cellsKey],
+      merges: rawMerges ? migrateMerges(rawMerges) : []
+    };
+  } else {
+    initialData = defaultTableData(element);
+  }
+  if (initialData.merges && initialData.merges.length > 0) {
+    const rows = initialData.cells.length;
+    const cols = rows > 0 ? initialData.cells[0].length : 0;
+    const err = validateMerges(initialData.merges, rows, cols);
+    if (err) {
+      console.warn(`Table "${element.key}": invalid prefill merges stripped (${err})`);
+      initialData = { ...initialData, merges: [] };
+    }
+  }
   if (state.config.readonly) {
     renderReadonlyTable(initialData, wrapper);
   } else {
@@ -5755,8 +5987,10 @@ function renderTableElement(element, ctx, wrapper, pathKey) {
   }
 }
 function validateTableElement(element, key, context) {
+  var _a, _b;
   const { scopeRoot, skipValidation } = context;
   const errors = [];
+  const cellsKey = (_b = (_a = element.fieldNames) == null ? void 0 : _a.cells) != null ? _b : "cells";
   const hiddenInput = scopeRoot.querySelector(
     `[name="${key}"]`
   );
@@ -5771,7 +6005,8 @@ function validateTableElement(element, key, context) {
     return { value: null, errors };
   }
   if (!skipValidation && element.required) {
-    const hasContent = value.cells.some(
+    const cells = value[cellsKey];
+    const hasContent = cells == null ? void 0 : cells.some(
       (row) => row.some((cell) => cell.trim() !== "")
     );
     if (!hasContent) {
@@ -5780,8 +6015,11 @@ function validateTableElement(element, key, context) {
   }
   return { value, errors };
 }
-function updateTableField(_element, fieldPath, value, context) {
+function updateTableField(element, fieldPath, value, context) {
+  var _a, _b, _c, _d;
   const { scopeRoot } = context;
+  const cellsKey = (_b = (_a = element.fieldNames) == null ? void 0 : _a.cells) != null ? _b : "cells";
+  const mergesKey = (_d = (_c = element.fieldNames) == null ? void 0 : _c.merges) != null ? _d : "merges";
   const hiddenInput = scopeRoot.querySelector(
     `[name="${fieldPath}"]`
   );
@@ -5791,8 +6029,21 @@ function updateTableField(_element, fieldPath, value, context) {
     );
     return;
   }
-  if (isTableData(value) && hiddenInput._applyExternalUpdate) {
-    hiddenInput._applyExternalUpdate(value);
+  let tableData = null;
+  if (isTableData(value)) {
+    tableData = {
+      cells: value.cells,
+      merges: value.merges ? migrateMerges(value.merges) : []
+    };
+  } else if (value && isTableDataWithFieldNames(value, cellsKey)) {
+    const rawMerges = value[mergesKey];
+    tableData = {
+      cells: value[cellsKey],
+      merges: rawMerges ? migrateMerges(rawMerges) : []
+    };
+  }
+  if (tableData && hiddenInput._applyExternalUpdate) {
+    hiddenInput._applyExternalUpdate(tableData);
   } else {
     hiddenInput.value = JSON.stringify(value);
   }
@@ -7501,6 +7752,7 @@ var defaultConfig = {
   enableFilePreview: true,
   maxPreviewSize: "200px",
   readonly: false,
+  parseTableFile: null,
   locale: "en",
   translations: {
     en: {
@@ -7554,6 +7806,9 @@ var defaultConfig = {
       tableRemoveColumn: "Remove column",
       tableMergeCells: "Merge cells (Ctrl+M)",
       tableSplitCell: "Split cell (Ctrl+Shift+M)",
+      tableImportFile: "Import",
+      tableImporting: "Importing...",
+      tableImportError: "Import failed: {error}",
       richinputPlaceholder: "Type text...",
       richinputAttachFile: "Attach file",
       richinputMention: "Mention",
@@ -7610,6 +7865,9 @@ var defaultConfig = {
       tableRemoveColumn: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0442\u043E\u043B\u0431\u0435\u0446",
       tableMergeCells: "\u041E\u0431\u044A\u0435\u0434\u0438\u043D\u0438\u0442\u044C \u044F\u0447\u0435\u0439\u043A\u0438 (Ctrl+M)",
       tableSplitCell: "\u0420\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u044C \u044F\u0447\u0435\u0439\u043A\u0443 (Ctrl+Shift+M)",
+      tableImportFile: "\u0418\u043C\u043F\u043E\u0440\u0442",
+      tableImporting: "\u0418\u043C\u043F\u043E\u0440\u0442...",
+      tableImportError: "\u041E\u0448\u0438\u0431\u043A\u0430 \u0438\u043C\u043F\u043E\u0440\u0442\u0430: {error}",
       richinputPlaceholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442...",
       richinputAttachFile: "\u041F\u0440\u0438\u043A\u0440\u0435\u043F\u0438\u0442\u044C \u0444\u0430\u0439\u043B",
       richinputMention: "\u0423\u043F\u043E\u043C\u044F\u043D\u0443\u0442\u044C",