@bigbinary/neeto-editor 1.38.11 → 1.39.0-beta1

package/dist/Editor.js

@@ -4,10 +4,11 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import * as React from 'react';
 import React__default, { useEffect, useState, useRef, forwardRef, useCallback, useImperativeHandle } from 'react';
-import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, C as BubbleMenu, F as getLinkPopoverPosition, G as getMarkType, H as getMarkRange, J as useEditor, M as Menu$4, K as EditorContent, L as MediaUploader, O as EmbedOption, Q as EditorView } from './chunk-17c1b4e1.js';
+import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, g as getMarkAttributes, N as Node, D as DecorationSet, d as Decoration, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, n as nodeInputRule, h as findChildren, i as NodeViewWrapper, j as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, l as escapeForRegEx, o as ReactRenderer, p as EmojiPickerMenu, q as emojiPickerApi, r as combineTransactionSteps, s as getChangedRanges, u as findChildrenInRange, x as getMarksBetween, y as getAttributes, I as InputRule, z as highlightFocussedNode, A as resetFocussedNode, B as findParentNodeClosestToPos, C as BubbleMenu, F as getLinkPopoverPosition, G as getMarkType, H as getMarkRange, J as useEditor, M as Menu$4, K as EditorContent, L as MediaUploader, O as EmbedOption, Q as EditorView } from './chunk-1888361f.js';
 import classnames from 'classnames';
 import { C as COMBINED_REGEX, D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS } from './chunk-edd8b9fe.js';
 import { isNotPresent, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
+import { useOnClickOutside, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Dropdown, Input, Button, Spinner, Modal, Toastr, Avatar, Typography, Checkbox, Label } from '@bigbinary/neetoui';
 import { is, isNil, mergeRight, isEmpty as isEmpty$1, assoc, equals } from 'ramda';
 import { n } from './chunk-15c449f1.js';
@@ -32,7 +33,6 @@ import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import _extends from '@babel/runtime/helpers/extends';
 import { M as MARGIN_HEIGHT } from './chunk-5bc5e361.js';
 import Tippy from '@tippyjs/react';
-import { useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Form, Input as Input$1 } from '@bigbinary/neetoui/formik';
 import { A as Attachments } from './chunk-b66ef3a3.js';
 import 'tippy.js/dist/svg-arrow.css';
@@ -41,9 +41,9 @@ import 'axios';
 import 'react-colorful';
 import '@bigbinary/neeto-molecules/DynamicVariables';
 import './chunk-65f73e5a.js';
-import 'yup';
 import 'zustand/shallow';
 import 'zustand';
+import 'yup';
 
 var ErrorWrapper = function ErrorWrapper(_ref) {
   var error = _ref.error,
@@ -7566,6 +7566,7 @@ var ImageComponent = function ImageComponent(_ref) {
     })));
     editor.commands.focus();
   };
+  if (isNotPresent(src)) return null;
   return /*#__PURE__*/React__default.createElement(NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align),
     "data-cy": "neeto-editor-image-wrapper"
@@ -14028,6 +14029,7 @@ var VideoComponent = function VideoComponent(_ref) {
     })));
     editor.commands.focus();
   };
+  if (isNotPresent(src)) return null;
   return /*#__PURE__*/React__default.createElement(NodeViewWrapper, {
     className: "neeto-editor__image-wrapper neeto-editor__image--".concat(align)
   }, /*#__PURE__*/React__default.createElement("figure", {
@@ -14691,6 +14693,10 @@ var Editor = function Editor(_ref, ref) {
     },
     isDisabled: isAttachmentsUploading
   };
+  var debouncedOnChangeHandler = useFuncDebounce(function (_ref2) {
+    var editor = _ref2.editor;
+    return onChange(editor.getHTML());
+  }, 100);
   var customExtensions = useCustomExtensions({
     placeholder: placeholder,
     extensions: extensions,
@@ -14742,14 +14748,11 @@ var Editor = function Editor(_ref, ref) {
     parseOptions: {
       preserveWhitespace: true
     },
-    onCreate: function onCreate(_ref2) {
-      var editor = _ref2.editor;
-      return !autoFocus && setInitialPosition(editor);
-    },
-    onUpdate: function onUpdate(_ref3) {
+    onCreate: function onCreate(_ref3) {
       var editor = _ref3.editor;
-      return onChange(editor.getHTML());
+      return !autoFocus && setInitialPosition(editor);
     },
+    onUpdate: debouncedOnChangeHandler,
     onFocus: onFocus,
     onBlur: onBlur
   });