@bigbinary/neeto-editor 1.38.11 → 1.39.0-beta1

package/dist/cjs/Editor.cjs.js

@@ -5,10 +5,11 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var Menu$4 = require('./chunk-fd7976a0.cjs.js');
+var Menu$4 = require('./chunk-bdbd1ab4.cjs.js');
 var classnames = require('classnames');
 var constants = require('./chunk-d5fbc51f.cjs.js');
 var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var injectCss = require('./chunk-da9ee471.cjs.js');
@@ -33,7 +34,6 @@ var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var _extends = require('@babel/runtime/helpers/extends');
 var constants$1 = require('./chunk-8dbdfa81.cjs.js');
 var Tippy = require('@tippyjs/react');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var formik = require('@bigbinary/neetoui/formik');
 var Attachments = require('./chunk-b5a7673a.cjs.js');
 require('tippy.js/dist/svg-arrow.css');
@@ -42,9 +42,9 @@ require('axios');
 require('react-colorful');
 require('@bigbinary/neeto-molecules/DynamicVariables');
 require('./chunk-1b36f0ca.cjs.js');
-require('yup');
 require('zustand/shallow');
 require('zustand');
+require('yup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -7606,6 +7606,7 @@ var ImageComponent = function ImageComponent(_ref) {
     })));
     editor.commands.focus();
   };
+  if (neetoCist.isNotPresent(src)) return null;
   return /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align),
     "data-cy": "neeto-editor-image-wrapper"
@@ -14068,6 +14069,7 @@ var VideoComponent = function VideoComponent(_ref) {
     })));
     editor.commands.focus();
   };
+  if (neetoCist.isNotPresent(src)) return null;
   return /*#__PURE__*/React__default["default"].createElement(Menu$4.NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align)
   }, /*#__PURE__*/React__default["default"].createElement("figure", {
@@ -14731,6 +14733,10 @@ var Editor = function Editor(_ref, ref) {
     },
     isDisabled: isAttachmentsUploading
   };
+  var debouncedOnChangeHandler = reactUtils.useFuncDebounce(function (_ref2) {
+    var editor = _ref2.editor;
+    return onChange(editor.getHTML());
+  }, 100);
   var customExtensions = useCustomExtensions({
     placeholder: placeholder,
     extensions: extensions,
@@ -14782,14 +14788,11 @@ var Editor = function Editor(_ref, ref) {
     parseOptions: {
       preserveWhitespace: true
     },
-    onCreate: function onCreate(_ref2) {
-      var editor = _ref2.editor;
-      return !autoFocus && utils.setInitialPosition(editor);
-    },
-    onUpdate: function onUpdate(_ref3) {
+    onCreate: function onCreate(_ref3) {
       var editor = _ref3.editor;
-      return onChange(editor.getHTML());
+      return !autoFocus && utils.setInitialPosition(editor);
     },
+    onUpdate: debouncedOnChangeHandler,
     onFocus: onFocus,
     onBlur: onBlur
   });