@bigbinary/neeto-editor 1.28.22 → 1.28.23

package/index.js

@@ -6525,6 +6525,10 @@ var DEFAULT_EDITOR_OPTIONS = [EDITOR_OPTIONS.BOLD, EDITOR_OPTIONS.ITALIC, EDITOR
 var EDITOR_PADDING_SIZE = 12;
 var EDITOR_BORDER_SIZE = 1;
 var EDITOR_LINE_HEIGHT = 21;
+var IMAGE_REGEX = new RegExp(/(<img[^>]*?>)(?![\s\S]*<\/figure>)/g);
+var IMAGE_REPLACEMENT_PATTERN = "<figure>$1</figure>";
+var EMPTY_DIV_REGEX = new RegExp(/<div[^>]*?>\s*(?:<br[^>]*?>)\s*<\/div>/g);
+var TRAILING_BR_REGEX = new RegExp(/\s*(?:<br[^>]*?>)+\s*$/);
 
 var getEditorStyles = function getEditorStyles(_ref) {
   var rows = _ref.rows;
@@ -6571,6 +6575,10 @@ var validateAndFormatUrl = function validateAndFormatUrl(url) {
   }
   return url;
 };
+var transformEditorContent = function transformEditorContent(content) {
+  var _content$replaceAll, _content$replaceAll$r;
+  return content === null || content === void 0 ? void 0 : (_content$replaceAll = content.replaceAll(IMAGE_REGEX, IMAGE_REPLACEMENT_PATTERN)) === null || _content$replaceAll === void 0 ? void 0 : (_content$replaceAll$r = _content$replaceAll.replaceAll(EMPTY_DIV_REGEX, "")) === null || _content$replaceAll$r === void 0 ? void 0 : _content$replaceAll$r.replace(TRAILING_BR_REGEX, "");
+};
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -86985,7 +86993,7 @@ var EmojiSuggestion$1 = EmojiSuggestion.configure({
 });
 
 var ImageComponent = function ImageComponent(_ref) {
-  var _figureRef$current$qu;
+  var _figureRef$current$qu, _figureRef$current;
   var node = _ref.node,
     editor = _ref.editor,
     getPos = _ref.getPos,
@@ -87006,9 +87014,17 @@ var ImageComponent = function ImageComponent(_ref) {
   var height = figheight;
   var width = figwidth;
   var caption = figureRef.current ? (_figureRef$current$qu = figureRef.current.querySelector("figcaption>div")) === null || _figureRef$current$qu === void 0 ? void 0 : _figureRef$current$qu.textContent : alt;
+  var editorElement = (_figureRef$current = figureRef.current) === null || _figureRef$current === void 0 ? void 0 : _figureRef$current.closest(".neeto-editor");
+  var maxImageWidth = (editorElement === null || editorElement === void 0 ? void 0 : editorElement.offsetWidth) - 50;
   var handleResizeStop = function handleResizeStop(_event, _direction, ref) {
     height = ref.offsetHeight;
     width = ref.offsetWidth;
+    if (width > maxImageWidth) {
+      width = maxImageWidth;
+      var aspectRatio = ref.offsetHeight / ref.offsetWidth;
+      height = width * aspectRatio;
+    }
+    setCaptionWidth(width);
     view.dispatch(view.state.tr.setNodeMarkup(getPos(), undefined, mergeRight(node.attrs, {
       figheight: height,
       figwidth: width,
@@ -87030,6 +87046,7 @@ var ImageComponent = function ImageComponent(_ref) {
   }), src ? /*#__PURE__*/React__default.createElement(Resizable, {
     lockAspectRatio: true,
     className: "neeto-editor__image",
+    minWidth: "100px",
     size: {
       height: height,
       width: width
@@ -98989,5 +99006,5 @@ initializeI18n({
   }
 });
 
-export { Attachments$1 as Attachments, Editor$1 as Editor, index as EditorContent, FormikEditor$1 as FormikEditor, Menu, isEditorEmpty, isEditorOverlaysActive, substituteVariables };
+export { Attachments$1 as Attachments, Editor$1 as Editor, index as EditorContent, FormikEditor$1 as FormikEditor, Menu, isEditorEmpty, isEditorOverlaysActive, substituteVariables, transformEditorContent };
 //# sourceMappingURL=index.js.map