@dmitryvim/form-builder 0.2.20 → 0.2.22

package/dist/esm/index.js

@@ -4713,25 +4713,61 @@ 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;
     }
   }
   return null;
 }
 function getMergeAt(row, col, merges) {
-  return merges.find((m) => m.row === row && m.col === col) ?? null;
+  return merges.find((m) => m.top === row && m.left === col) ?? null;
 }
 function selectionRange(sel) {
   if (!sel.anchor) return null;
@@ -4805,8 +4841,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 = rowData[cIdx] ?? "";
       td.style.cssText = `
@@ -4891,21 +4929,55 @@ 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) {
   const state = ctx.state;
   const instance = ctx.instance;
+  const mergeAllowed = element.mergeAllowed !== false;
+  const cellsKey = element.fieldNames?.cells ?? "cells";
+  const mergesKey = element.fieldNames?.merges ?? "merges";
   const cells = initialData.cells.length > 0 ? initialData.cells.map((r) => [...r]) : createEmptyCells(element.rows ?? 3, element.columns ?? 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) => {
@@ -4931,6 +5003,113 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     table-layout: fixed;
   `;
   tableWrapper.appendChild(tableEl);
+  const acceptExts = element.importAccept?.map((ext) => `.${ext.toLowerCase()}`) ?? [];
+  async function importFile(file) {
+    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 = result.merges ?? [];
+      if (importedMerges.length > 0) {
+        const err = validateMerges(
+          importedMerges,
+          importedCells.length,
+          importedCells[0]?.length ?? 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", () => {
+      const file = importInput.files?.[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) => {
+      e.preventDefault();
+      dragCounter = 0;
+      tableWrapper.style.outline = "";
+      tableWrapper.style.outlineOffset = "";
+      const file = e.dataTransfer?.files?.[0];
+      if (file) importFile(file);
+    });
+  }
   wrapper.appendChild(tableWrapper);
   const contextMenu = document.createElement("div");
   contextMenu.style.cssText = `
@@ -4974,6 +5153,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);
@@ -5056,11 +5236,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;
     });
@@ -5071,19 +5251,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);
@@ -5098,11 +5277,11 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     const insertAt = afterIndex !== void 0 ? afterIndex + 1 : cells[0]?.length ?? 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;
     });
@@ -5113,19 +5292,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);
@@ -5137,14 +5315,13 @@ function renderEditTable(element, initialData, pathKey, ctx, wrapper) {
     rebuild();
   }
   function mergeCells() {
+    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];
@@ -5156,16 +5333,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, cells[0]?.length ?? 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;
@@ -5189,8 +5374,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;
@@ -5253,6 +5440,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);
@@ -5313,12 +5501,12 @@ 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();
       }
@@ -5661,10 +5849,49 @@ 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) {
   const state = ctx.state;
   const rawPrefill = ctx.prefill[element.key];
-  const initialData = isTableData(rawPrefill) ? rawPrefill : isTableData(element.default) ? element.default : defaultTableData(element);
+  const cellsKey = element.fieldNames?.cells ?? "cells";
+  const mergesKey = element.fieldNames?.merges ?? "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 {
@@ -5674,6 +5901,7 @@ function renderTableElement(element, ctx, wrapper, pathKey) {
 function validateTableElement(element, key, context) {
   const { scopeRoot, skipValidation } = context;
   const errors = [];
+  const cellsKey = element.fieldNames?.cells ?? "cells";
   const hiddenInput = scopeRoot.querySelector(
     `[name="${key}"]`
   );
@@ -5688,7 +5916,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?.some(
       (row) => row.some((cell) => cell.trim() !== "")
     );
     if (!hasContent) {
@@ -5697,8 +5926,10 @@ function validateTableElement(element, key, context) {
   }
   return { value, errors };
 }
-function updateTableField(_element, fieldPath, value, context) {
+function updateTableField(element, fieldPath, value, context) {
   const { scopeRoot } = context;
+  const cellsKey = element.fieldNames?.cells ?? "cells";
+  const mergesKey = element.fieldNames?.merges ?? "merges";
   const hiddenInput = scopeRoot.querySelector(
     `[name="${fieldPath}"]`
   );
@@ -5708,8 +5939,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);
   }
@@ -7378,6 +7622,7 @@ var defaultConfig = {
   enableFilePreview: true,
   maxPreviewSize: "200px",
   readonly: false,
+  parseTableFile: null,
   locale: "en",
   translations: {
     en: {
@@ -7431,6 +7676,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",
@@ -7487,6 +7735,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",