jodit-pro-react 5.6.19 → 5.6.21

package/build/esm/JoditEditor.css

@@ -2653,6 +2653,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-button__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -2664,6 +2669,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-button__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-button__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3370,6 +3380,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-select__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -3381,6 +3396,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-select__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-select__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3690,6 +3710,7 @@ a + .jodit-file-browser-tree__source-title {
 }
 :root {
   --jd-color-picker-cell-size:24px;
+  --jd-color-picker-columns:10;
 }
 .jodit-color-picker {
   margin: 0;
@@ -3700,7 +3721,7 @@ a + .jodit-file-browser-tree__source-title {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: calc(var(--jd-padding-default)/2);
-  max-width: calc(var(--jd-color-picker-cell-size)*10);
+  max-width: calc(var(--jd-color-picker-cell-size)*var(--jd-color-picker-columns));
   white-space: normal;
 }
 .jodit-color-picker__color-item {
@@ -3713,7 +3734,7 @@ a + .jodit-file-browser-tree__source-title {
   width: var(--jd-color-picker-cell-size);
 }
 .jodit-color-picker__color-item:hover {
-  border-color: #000;
+  border-color: var(--jd-color-text);
 }
 .jodit-color-picker__color-item:active,
 .jodit-color-picker__color-item_active_true {
@@ -3722,8 +3743,25 @@ a + .jodit-file-browser-tree__source-title {
 .jodit-color-picker__extra {
   align-items: center;
   display: flex;
+  gap: calc(var(--jd-padding-default)/2);
   justify-content: space-between;
 }
+.jodit-color-picker__remove {
+  align-items: center;
+  border: 1px solid transparent;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  margin-left: auto;
+  padding: 2px;
+}
+.jodit-color-picker__remove:hover {
+  border-color: var(--jd-color-text);
+}
+.jodit-color-picker__remove svg {
+  height: 16px;
+  width: 16px;
+}
 .jodit-color-picker__hex input {
   border: 1px solid var(--jd-color-border);
   border-radius: var(--jd-border-radius-default);

package/build/esm/JoditEditor.mjs

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

package/build/esm/{chunk-LFMU62BW.mjs → chunk-7HLN2YQT.mjs}

@@ -195,7 +195,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.15.13";
+    APP_VERSION = "4.15.15";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -21917,11 +21917,6 @@ init_plugin();
 
 // node_modules/jodit/esm/plugins/clean-html/config.js
 init_config();
-
-// node_modules/jodit/esm/plugins/clean-html/eraser.svg.js
-var eraser_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="m4 12 10-9 7 7-10 10H7l-4-4a3 3 0 0 1 1-4Zm3-3 8 7m-4 4h10"/> </g> </svg> ';
-
-// node_modules/jodit/esm/plugins/clean-html/config.js
 Config.prototype.cleanHTML = {
   timeout: 300,
   removeEmptyElements: true,
@@ -21951,7 +21946,6 @@ Config.prototype.controls.eraser = {
   command: "removeFormat",
   tooltip: "Clear Formatting"
 };
-Icon.set("eraser", eraser_svg_default);
 
 // node_modules/jodit/esm/plugins/clean-html/helpers/get-hash.js
 init_is_string();
@@ -22740,7 +22734,8 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     }
     return stack.join("");
   };
-  Dom.append(form2, editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
+  const groups = isArray(editor.o.colors) ? `<div class="${cn}__group">${eachColor(editor.o.colors)}</div>` : eachColor(editor.o.colors);
+  Dom.append(form2, editor.c.fromHTML(`<div class="${cn}__groups">${groups}</div>`));
   Dom.append(form2, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
   const { extra } = refs(form2);
   Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ""}"/></div>`));
@@ -22772,6 +22767,7 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     e44.stopPropagation();
     applyHexInput();
   });
+  Dom.append(extra, editor.c.fromHTML(`<span class="${cn}__remove" data-color="" title="${editor.i18n("Remove")}">${editor.o.textIcons ? editor.i18n("Remove") : Icon.get("eraser")}</span>`));
   if (editor.o.showBrowserColorPicker && hasBrowserColorPicker()) {
     Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
     editor.e.on(form2, "change", (e44) => {
@@ -22798,7 +22794,7 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     if ((!target || !target.tagName || Dom.isTag(target, "svg") || Dom.isTag(target, "path")) && target.parentNode) {
       target = Dom.closest(target.parentNode, "span", editor.editor);
     }
-    if (!Dom.isTag(target, "span") || !target.classList.contains(cn + "__color-item")) {
+    if (!Dom.isTag(target, "span") || !target.classList.contains(cn + "__color-item") && !target.classList.contains(cn + "__remove")) {
       return;
     }
     const color2 = attr(target, "-color") || "";
@@ -28124,10 +28120,13 @@ function askInsertTypeDialog(jodit, msg, title, callback, buttonList) {
     dialog.close();
     callback(value);
   }));
-  dialog.e.one(dialog, "afterClose", () => {
+  dialog.e.on(dialog, "beforeClose", () => {
+    jodit.e.fire("beforeClosePasteDialog", dialog);
+  }).one(dialog, "afterClose", () => {
     if (!jodit.s.isFocused()) {
       jodit.s.focus();
     }
+    jodit.e.fire("afterClosePasteDialog", dialog);
   });
   const cancel = Button(jodit, {
     text: "Cancel",
@@ -36040,6 +36039,7 @@ __export(icons_exports, {
   chevron: () => chevron_svg_default,
   dots: () => dots_svg_default,
   download: () => download_svg_default,
+  eraser: () => eraser_svg_default,
   eye: () => eye_svg_default,
   file: () => file_svg_default,
   folder: () => folder_svg_default,
@@ -36092,6 +36092,9 @@ var dots_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" heigh
 // node_modules/jodit/esm/styles/icons/download.svg.js
 var download_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="M12 3v13m-5-5 5 5 5-5M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4"/> </g> </svg> ';
 
+// node_modules/jodit/esm/styles/icons/eraser.svg.js
+var eraser_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="m4 12 10-9 7 7-10 10H7l-4-4a3 3 0 0 1 1-4Zm3-3 8 7m-4 4h10"/> </g> </svg> ';
+
 // node_modules/jodit/esm/styles/icons/eye.svg.js
 var eye_svg_default = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> <g fill="none"> <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/> </g> </svg> ';
 

package/build/esm/index.css

@@ -2653,6 +2653,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-button__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -2664,6 +2669,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-button__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-button__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-button__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3370,6 +3380,11 @@ a + .jodit-file-browser-tree__source-title {
   opacity: .3;
   pointer-events: none;
 }
+.jodit-toolbar-select__button:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger {
   align-items: center;
   border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
@@ -3381,6 +3396,11 @@ a + .jodit-file-browser-tree__source-title {
   --jd-button-trigger-size:14px;
   width: calc(var(--jd-button-trigger-size, 14px) + 2px);
 }
+.jodit-toolbar-select__trigger:focus:not([disabled]) {
+  background-color: var(--jd-color-button-background-hover);
+  opacity: 1;
+  outline: 0;
+}
 .jodit-toolbar-select__trigger:focus-visible:not([disabled]),
 .jodit-toolbar-select__trigger:hover:not([disabled]) {
   background-color: var(--jd-color-button-background-hover);
@@ -3690,6 +3710,7 @@ a + .jodit-file-browser-tree__source-title {
 }
 :root {
   --jd-color-picker-cell-size:24px;
+  --jd-color-picker-columns:10;
 }
 .jodit-color-picker {
   margin: 0;
@@ -3700,7 +3721,7 @@ a + .jodit-file-browser-tree__source-title {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: calc(var(--jd-padding-default)/2);
-  max-width: calc(var(--jd-color-picker-cell-size)*10);
+  max-width: calc(var(--jd-color-picker-cell-size)*var(--jd-color-picker-columns));
   white-space: normal;
 }
 .jodit-color-picker__color-item {
@@ -3713,7 +3734,7 @@ a + .jodit-file-browser-tree__source-title {
   width: var(--jd-color-picker-cell-size);
 }
 .jodit-color-picker__color-item:hover {
-  border-color: #000;
+  border-color: var(--jd-color-text);
 }
 .jodit-color-picker__color-item:active,
 .jodit-color-picker__color-item_active_true {
@@ -3722,8 +3743,25 @@ a + .jodit-file-browser-tree__source-title {
 .jodit-color-picker__extra {
   align-items: center;
   display: flex;
+  gap: calc(var(--jd-padding-default)/2);
   justify-content: space-between;
 }
+.jodit-color-picker__remove {
+  align-items: center;
+  border: 1px solid transparent;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  margin-left: auto;
+  padding: 2px;
+}
+.jodit-color-picker__remove:hover {
+  border-color: var(--jd-color-text);
+}
+.jodit-color-picker__remove svg {
+  height: 16px;
+  width: 16px;
+}
 .jodit-color-picker__hex input {
   border: 1px solid var(--jd-color-border);
   border-radius: var(--jd-border-radius-default);

package/build/esm/index.mjs

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