@bigbinary/neeto-editor 1.28.22 → 1.28.23

package/index.cjs.js

@@ -6555,6 +6555,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;
@@ -6601,6 +6605,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 : {};
 
@@ -87015,7 +87023,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,
@@ -87036,9 +87044,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, ramda.mergeRight(node.attrs, {
       figheight: height,
       figwidth: width,
@@ -87060,6 +87076,7 @@ var ImageComponent = function ImageComponent(_ref) {
   }), src ? /*#__PURE__*/React__default["default"].createElement(Resizable, {
     lockAspectRatio: true,
     className: "neeto-editor__image",
+    minWidth: "100px",
     size: {
       height: height,
       width: width
@@ -99027,4 +99044,5 @@ exports.Menu = Menu;
 exports.isEditorEmpty = isEditorEmpty;
 exports.isEditorOverlaysActive = isEditorOverlaysActive;
 exports.substituteVariables = substituteVariables;
+exports.transformEditorContent = transformEditorContent;
 //# sourceMappingURL=index.cjs.js.map