jodit-pro-react 5.5.78 → 5.5.80

package/build/esm/JoditEditor.mjs

@@ -1,6 +1,6 @@
 import {
   JoditEditor_default
-} from "./chunk-KZHDMEIW.mjs";
+} from "./chunk-E2AZLYYJ.mjs";
 export {
   JoditEditor_default as default
 };

package/build/esm/{chunk-KZHDMEIW.mjs → chunk-E2AZLYYJ.mjs}

@@ -193,7 +193,7 @@ var APP_VERSION, ES, IS_ES_MODERN, IS_ES_NEXT, IS_PROD, IS_TEST, FAT_MODE, HOMEP
 var init_constants = __esm({
   "node_modules/jodit/esm/core/constants.js"() {
     "use strict";
-    APP_VERSION = "4.13.17";
+    APP_VERSION = "4.13.19";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -4303,7 +4303,7 @@ function inView(elm, root, doc) {
   while (el && el !== root && el.parentNode) {
     el = el.parentNode;
     rect = el.getBoundingClientRect();
-    if (top + height > rect.bottom && top > rect.top) {
+    if (top + height > rect.bottom + SUBPIXEL_TOLERANCE && top > rect.top) {
       return false;
     }
     if (top + height <= rect.top) {
@@ -4311,7 +4311,7 @@ function inView(elm, root, doc) {
     }
   }
   const clientHeight = doc.documentElement && doc.documentElement.clientHeight || 0;
-  return (top + height <= clientHeight || top <= 0) && top + height >= 0;
+  return (top + height <= clientHeight + SUBPIXEL_TOLERANCE || top <= 0) && top + height >= 0;
 }
 function scrollIntoViewIfNeeded(elm, root, doc) {
   if (Dom.isHTMLElement(elm) && !inView(elm, root, doc)) {
@@ -4324,10 +4324,12 @@ function scrollIntoViewIfNeeded(elm, root, doc) {
     }
   }
 }
+var SUBPIXEL_TOLERANCE;
 var init_scroll_into_view = __esm({
   "node_modules/jodit/esm/core/helpers/utils/scroll-into-view.js"() {
     "use strict";
     init_dom();
+    SUBPIXEL_TOLERANCE = 1;
   }
 });
 
@@ -15859,6 +15861,7 @@ var instance = (j10) => j10.getInstance("Table", j10.o);
 
 // node_modules/jodit/esm/modules/toolbar/button/button.js
 init_statuses();
+init_constants();
 init_autobind();
 init_cache();
 init_component();
@@ -15963,6 +15966,7 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
   }
   onChangeTabIndex() {
     attr(this.button, "tabindex", this.state.tabIndex);
+    attr(this.trigger, "tabindex", this.state.tabIndex);
   }
   createContainer() {
     const cn = this.componentName;
@@ -16110,6 +16114,13 @@ var ToolbarButton = class ToolbarButton2 extends UIButton {
       this.j.e.fire(camelCase(`after-${ctr.name}-open-popup`), popup.container);
     }
   }
+  onTriggerKeyDown(e42) {
+    if (this.state.disabled || ![KEY_ENTER, KEY_SPACE, " "].includes(e42.key)) {
+      return;
+    }
+    e42.preventDefault();
+    this.trigger.click();
+  }
   /**
    * Create an open popup list
    */
@@ -16240,6 +16251,9 @@ __decorate32([
 __decorate32([
   watch("trigger:click")
 ], ToolbarButton.prototype, "onTriggerClick", null);
+__decorate32([
+  watch("trigger:keydown")
+], ToolbarButton.prototype, "onTriggerKeyDown", null);
 __decorate32([
   autobind
 ], ToolbarButton.prototype, "onOutsideClick", null);
@@ -31911,6 +31925,7 @@ var import_tab = __toESM(require_tab());
 init_global2();
 
 // node_modules/jodit/esm/plugins/table/config.js
+init_constants();
 init_dom2();
 init_helpers();
 init_utils3();
@@ -31956,19 +31971,25 @@ Config.prototype.controls.table = {
     };
     const form2 = editor.c.fromHTML('<form class="jodit-form jodit-form__inserter"><div class="jodit-form__table-creator-box"><div class="jodit-form__container"></div><div class="jodit-form__options">' + generateExtraClasses() + '</div></div><label class="jodit-form__center"><span>1</span> &times; <span>1</span></label></form>'), rows = form2.querySelectorAll("span")[0], cols = form2.querySelectorAll("span")[1], blocksContainer = form2.querySelector(".jodit-form__container"), options2 = form2.querySelector(".jodit-form__options"), cells = [];
     const cnt = default_rows_count * default_cols_count;
+    attr(blocksContainer, {
+      role: "grid",
+      ariaLabel: "Table size",
+      ariaRowcount: default_rows_count,
+      ariaColcount: default_cols_count
+    });
     for (let i54 = 0; i54 < cnt; i54 += 1) {
       if (!cells[i54]) {
+        const row = Math.floor(i54 / default_cols_count) + 1, col = i54 % default_cols_count + 1;
         cells.push(editor.c.element("span", {
-          dataIndex: i54
+          dataIndex: i54,
+          role: "gridcell",
+          tabindex: i54 === 0 ? 0 : -1,
+          ariaLabel: `${row} by ${col}`
         }));
       }
     }
-    const mouseenter = (e42, index) => {
-      const dv = e42.target;
-      if (!Dom.isTag(dv, "span")) {
-        return;
-      }
-      const k6 = index === void 0 || isNaN(index) ? parseInt(attr(dv, "-index") || "0", 10) : index || 0;
+    const highlightCell = (cell) => {
+      const k6 = parseInt(attr(cell, "-index") || "0", 10);
       const rows_count = Math.ceil((k6 + 1) / default_cols_count), cols_count = k6 % default_cols_count + 1;
       for (let i54 = 0; i54 < cells.length; i54 += 1) {
         if (cols_count >= i54 % default_cols_count + 1 && rows_count >= Math.ceil((i54 + 1) / default_cols_count)) {
@@ -31980,14 +32001,8 @@ Config.prototype.controls.table = {
       cols.textContent = cols_count.toString();
       rows.textContent = rows_count.toString();
     };
-    editor.e.on(blocksContainer, "mousemove", mouseenter).on(blocksContainer, "touchstart mousedown", (e42) => {
-      const dv = e42.target;
-      e42.preventDefault();
-      e42.stopImmediatePropagation();
-      if (!Dom.isTag(dv, "span")) {
-        return;
-      }
-      const k6 = parseInt(attr(dv, "-index") || "0", 10);
+    const insertTable = (cell) => {
+      const k6 = parseInt(attr(cell, "-index") || "0", 10);
       const rows_count = Math.ceil((k6 + 1) / default_cols_count), cols_count = k6 % default_cols_count + 1;
       const crt = editor.createInside, tbody = crt.element("tbody"), table2 = crt.element("table");
       table2.appendChild(tbody);
@@ -32048,10 +32063,65 @@ Config.prototype.controls.table = {
         scrollIntoViewIfNeeded(first_td, editor.editor, editor.ed);
       }
       close();
+    };
+    editor.e.on(blocksContainer, "mousemove", (e42) => {
+      if (Dom.isTag(e42.target, "span")) {
+        highlightCell(e42.target);
+      }
+    }).on(blocksContainer, "touchstart mousedown", (e42) => {
+      if (!Dom.isTag(e42.target, "span")) {
+        return;
+      }
+      e42.preventDefault();
+      e42.stopImmediatePropagation();
+      insertTable(e42.target);
+    }).on(blocksContainer, "keydown", (e42) => {
+      if (!Dom.isTag(e42.target, "span")) {
+        return;
+      }
+      if (e42.key === KEY_ENTER) {
+        e42.preventDefault();
+        e42.stopImmediatePropagation();
+        insertTable(e42.target);
+        return;
+      }
+      if (e42.key === KEY_ESC) {
+        e42.preventDefault();
+        e42.stopImmediatePropagation();
+        close();
+        return;
+      }
+      const index = parseInt(attr(e42.target, "-index") || "0", 10), row = Math.floor(index / default_cols_count), col = index % default_cols_count;
+      let nextIndex = index;
+      switch (e42.key) {
+        case KEY_LEFT:
+          nextIndex = col > 0 ? index - 1 : index;
+          break;
+        case KEY_RIGHT:
+          nextIndex = col < default_cols_count - 1 ? index + 1 : index;
+          break;
+        case KEY_UP:
+          nextIndex = row > 0 ? index - default_cols_count : index;
+          break;
+        case KEY_DOWN:
+          nextIndex = row < default_rows_count - 1 ? index + default_cols_count : index;
+          break;
+        default:
+          return;
+      }
+      e42.preventDefault();
+      e42.stopImmediatePropagation();
+      if (nextIndex !== index) {
+        cells[index].tabIndex = -1;
+        cells[nextIndex].tabIndex = 0;
+        cells[nextIndex].focus();
+        highlightCell(cells[nextIndex]);
+      }
     });
     if (button2 && button2.parentElement) {
       for (let i54 = 0; i54 < default_rows_count; i54 += 1) {
         const row = editor.c.div();
+        attr(row, "role", "row");
         for (let j10 = 0; j10 < default_cols_count; j10 += 1) {
           row.appendChild(cells[i54 * default_cols_count + j10]);
         }

package/build/esm/index.mjs

@@ -2,7 +2,7 @@ import {
   Config,
   JoditEditor_default,
   n
-} from "./chunk-KZHDMEIW.mjs";
+} from "./chunk-E2AZLYYJ.mjs";
 
 // src/index.ts
 var index_default = JoditEditor_default;