@flozy/editor 10.9.3 → 10.9.4

package/dist/Editor/Elements/Table/Table.js

@@ -291,7 +291,8 @@ const Table = props => {
       dragRowBtnCls,
       tablePath: path,
       openSetttings,
-      exandTools
+      exandTools,
+      tableNode: element
     },
     children: [/*#__PURE__*/_jsxs("div", {
       style: {

package/dist/Editor/hooks/useTable.js

@@ -25,6 +25,63 @@ import { createCopiedTableStructure, getRectangleBounds, tableNodeToDom } from "
 // };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+function moveToAdjacentTableCell(editor, reverse = false, otherProps, tableSelection, updateTableSelection) {
+  try {
+    const {
+      startCellPath,
+      endCellPath
+    } = tableSelection;
+    if (startCellPath && startCellPath.toString() === endCellPath.toString()) {
+      const {
+        tableNode,
+        tablePath
+      } = otherProps;
+      const cellPath = startCellPath.slice(tablePath.length - 1);
+      const rows = tableNode.children;
+      const currentRowIndex = cellPath[1];
+      const currentColIndex = cellPath[2];
+      const numRows = rows.length;
+      const numCols = rows[0]?.children?.length || 0;
+
+      // Calculate new indices
+      let newRowIndex = currentRowIndex;
+      let newColIndex = currentColIndex;
+      if (reverse) {
+        // ALT + TAB: Go to previous cell
+        if (currentColIndex > 0) {
+          newColIndex--;
+        } else if (currentRowIndex > 0) {
+          newRowIndex--;
+          newColIndex = rows[newRowIndex].children.length - 1;
+        } else {
+          return; // At first cell, do nothing
+        }
+      } else {
+        // TAB: Go to next cell
+        if (currentColIndex < numCols - 1) {
+          newColIndex++;
+        } else if (currentRowIndex < numRows - 1) {
+          newRowIndex++;
+          newColIndex = 0;
+        } else {
+          return; // At last cell, do nothing
+        }
+      }
+
+      const nextCellPath = [...tablePath, newRowIndex, newColIndex];
+
+      // Move the selection into the next cell
+      Transforms.select(editor, Editor.start(editor, nextCellPath));
+      updateTableSelection({
+        startCellPath: nextCellPath,
+        endCellPath: nextCellPath,
+        isDragging: false
+      });
+    }
+  } catch (err) {
+    console.log("Error on pressing tab in table", err);
+  }
+}
 const handleDragEnd = (dragData, editor, resetAll) => {
   const {
     active,
@@ -127,7 +184,11 @@ export const TableProvider = ({
     let isTextSelected;
     const handleKeyDown = event => {
       const isCutKey = (event.ctrlKey || event.metaKey) && event.key === "x";
-      if (isCutKey) {
+      if (event.key === "Tab") {
+        event.preventDefault();
+        const isReverse = event.altKey;
+        moveToAdjacentTableCell(editor, isReverse, otherProps, tableSelection, updateTableSelection);
+      } else if (isCutKey) {
         isTextSelected = isHavingSelection(editor);
       } else if (event.key === "Backspace") {
         const selectedCells = getSelectedCells();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "10.9.3",
+  "version": "10.9.4",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"