@trafica/editor 1.0.18 → 1.0.20

package/dist/index.mjs

@@ -7879,6 +7879,11 @@ function EditorCore({
       onJSONChange(jsonSerializer.serialize(state.doc));
     }
   }, [state.doc]);
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container || !state.selection) return;
+    restoreSelection(container, state.selection);
+  }, [state.selection]);
   useEffect(() => {
     const container = containerRef.current;
     if (!container || readOnly) return;
@@ -7906,6 +7911,30 @@ function EditorCore({
       }
     }
   }, [tableSelection, state.doc]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    container.querySelectorAll(".editor-cell-active").forEach((el) => {
+      el.classList.remove("editor-cell-active");
+    });
+    if (!inTableCellPos) {
+      setTableSelection(null);
+      return;
+    }
+    if (tableSelection) {
+      const { anchorCell, focusCell, tablePath } = tableSelection;
+      const sameTable = JSON.stringify(tablePath) === JSON.stringify(inTableCellPos.tablePath);
+      const singleCell = anchorCell[0] === focusCell[0] && anchorCell[1] === focusCell[1];
+      if (!sameTable || singleCell) {
+        setTableSelection(null);
+      }
+    }
+    const cellPath = [...inTableCellPos.tablePath, inTableCellPos.row, inTableCellPos.col];
+    const td = container.querySelector(
+      `[data-block-path="${JSON.stringify(cellPath)}"]`
+    );
+    if (td) td.classList.add("editor-cell-active");
+  }, [inTableCellPos, state.doc]);
   useEffect(() => {
     const onSelectionChange = () => {
       if (isRenderingRef.current) return;
@@ -8016,6 +8045,9 @@ function EditorCore({
             }
             return;
           }
+          if (findCellPosition(doc, sel.anchor.path)) {
+            e.preventDefault();
+          }
         }
       }
       const handled = engine.handleKeyDown(
@@ -8549,7 +8581,7 @@ function leafTextNode(el, end) {
 function prettyPrintHTML(html) {
   const blockOpen = new RegExp(`(<(?:${BLOCK_TAGS})(?:\\s[^>]*)?>)`, "gi");
   const blockClose = new RegExp(`(<\\/(?:${BLOCK_TAGS})>)`, "gi");
-  const spread = html.replace(blockOpen, "\n$1\n").replace(blockClose, "\n$1\n").replace(/<hr(\s[^>]*)?\/?>(\s*)/gi, "\n<hr />\n");
+  const spread = html.replace(blockOpen, "\n$1").replace(blockClose, "$1\n").replace(/<hr(\s[^>]*)?\/?>(\s*)/gi, "\n<hr />\n");
   let depth = 0;
   const result = [];
   for (const raw of spread.split("\n")) {