jodit-pro-react 5.5.70 → 5.5.72

package/build/esm/JoditEditor.css

@@ -3715,6 +3715,19 @@ a + .jodit-file-browser-tree__source-title {
 .jodit-color-picker__color-item_active_true {
   border: 2px solid var(--jd-color-border-selected);
 }
+.jodit-color-picker__extra {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+.jodit-color-picker__hex input {
+  border: 1px solid var(--jd-color-border);
+  border-radius: var(--jd-border-radius-default);
+  font-family: monospace;
+  font-size: var(--jd-font-size-small,12px);
+  padding: 2px 4px;
+  width: 80px;
+}
 .jodit-color-picker__native svg {
   display: inline-block;
   height: 16px;

package/build/esm/JoditEditor.mjs

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

package/build/esm/{chunk-BBEYBRA2.mjs → chunk-JSL4IWKA.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.12";
+    APP_VERSION = "4.13.13";
     ES = "es2020";
     IS_ES_MODERN = true;
     IS_ES_NEXT = true;
@@ -20961,12 +20961,36 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
   form2.appendChild(editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
   form2.appendChild(editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
   const { extra } = refs(form2);
+  extra.appendChild(editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ""}"/></div>`));
+  const { hexInput } = refs(form2);
+  const applyHexInput = () => {
+    const raw = hexInput.value.trim();
+    const isHex = /^#?[0-9a-f]{3}(?:[0-9a-f]{3})?$/i.test(raw);
+    const isRgb = /^rgba?\([\d\s.,%]+\)$/i.test(raw);
+    if (!isHex && !isRgb) {
+      return;
+    }
+    const color2 = normalizeColor(isHex && !raw.startsWith("#") ? "#" + raw : raw);
+    if (color2 && isFunction(callback)) {
+      callback(color2);
+    }
+  };
+  editor.e.on(hexInput, "keydown", (e42) => {
+    e42.stopPropagation();
+    if (e42.key === "Enter") {
+      e42.preventDefault();
+      applyHexInput();
+    }
+  }).on(hexInput, "change", (e42) => {
+    e42.stopPropagation();
+    applyHexInput();
+  });
   if (editor.o.showBrowserColorPicker && hasBrowserColorPicker()) {
     extra.appendChild(editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
     editor.e.on(form2, "change", (e42) => {
       e42.stopPropagation();
       const target = e42.target;
-      if (!target || !target.tagName || !Dom.isTag(target, "input")) {
+      if (!target || !target.tagName || !Dom.isTag(target, "input") || target.type !== "color") {
         return;
       }
       const color2 = target.value || "";
@@ -20977,6 +21001,10 @@ var ColorPickerWidget = (editor, callback, coldColor) => {
     });
   }
   editor.e.on(form2, "mousedown touchend", (e42) => {
+    if (Dom.isTag(e42.target, "input")) {
+      e42.stopPropagation();
+      return;
+    }
     e42.stopPropagation();
     e42.preventDefault();
     let target = e42.target;

package/build/esm/index.css

@@ -3715,6 +3715,19 @@ a + .jodit-file-browser-tree__source-title {
 .jodit-color-picker__color-item_active_true {
   border: 2px solid var(--jd-color-border-selected);
 }
+.jodit-color-picker__extra {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+.jodit-color-picker__hex input {
+  border: 1px solid var(--jd-color-border);
+  border-radius: var(--jd-border-radius-default);
+  font-family: monospace;
+  font-size: var(--jd-font-size-small,12px);
+  padding: 2px 4px;
+  width: 80px;
+}
 .jodit-color-picker__native svg {
   display: inline-block;
   height: 16px;

package/build/esm/index.mjs

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