@bigbinary/neeto-editor 1.47.61 → 1.47.63

package/dist/Editor.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import * as React from 'react';
 import React__default, { memo, useState, useEffect, useRef, useCallback, createElement, forwardRef, useImperativeHandle } from 'react';
 import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, e as callOrReturn, f as getExtensionField, i as isNodeSelection, n as nodeInputRule, h as getNodeType, j as getNodeAtPosition, l as isNodeActive, o as isAtStartOfNode, p as isAtEndOfNode, C as CALLOUT_TYPES, q as NodeViewWrapper, r as NodeViewContent, R as ReactNodeViewRenderer, s as findChildren, u as escapeForRegEx, v as ReactRenderer, x as EmojiPickerMenu, y as emojiPickerApi, z as combineTransactionSteps, A as getChangedRanges, B as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, P as PasteRule, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$4, V as EditorContent, W as MediaUploader, X as LinkAddPopOver, Y as EditorView } from './chunk-P4uqYK53.js';
-import classnames$1 from 'classnames';
+import classnames from 'classnames';
 import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from './chunk-faiBDOaS.js';
 import { isNotPresent, findBy, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
 import { withT, useOnClickOutside, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
@@ -131,7 +131,7 @@ var ErrorWrapper = function ErrorWrapper(_ref) {
     children = _ref.children,
     className = _ref.className;
   var isError = !isNotPresent(error);
-  var wrapperClasses = classnames$1(_defineProperty({
+  var wrapperClasses = classnames(_defineProperty({
     "neeto-editor-error": isError
   }, className, className));
   var getErrorMessage = function getErrorMessage() {
@@ -268,12 +268,16 @@ var useDeletedArticles = function useDeletedArticles(editor) {
     deletedArticleIds = _useState2[0],
     setDeletedArticleIds = _useState2[1];
   var _useFetchKbArticles = useFetchKbArticles({
-      searchTerm: ""
+      searchTerm: "",
+      reactQueryOptions: {
+        enabled: !!editor
+      }
     }),
     _useFetchKbArticles$d = _useFetchKbArticles.data,
     allArticles = _useFetchKbArticles$d === void 0 ? [] : _useFetchKbArticles$d,
     isCheckingDeleted = _useFetchKbArticles.isLoading;
   var checkAllArticles = function checkAllArticles() {
+    if (!editor) return;
     var articleIdsInEditor = extractKbArticleIds(editor);
     if (isEmpty$1(articleIdsInEditor)) {
       setDeletedArticleIds(new Set());
@@ -288,7 +292,7 @@ var useDeletedArticles = function useDeletedArticles(editor) {
   useEffect(function () {
     if (!editor || isEmpty$1(allArticles)) return;
     checkAllArticles();
-  }, [allArticles]);
+  }, [allArticles, editor]);
   return {
     deletedArticleIds: deletedArticleIds,
     isCheckingDeleted: isCheckingDeleted,
@@ -10077,7 +10081,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
         children: [this.state.isLoading && /*#__PURE__*/jsx(Spinner, {}), !this.state.isLoading && (isNotEmpty(this.state.emojiSuggestions) ? this.state.emojiSuggestions.map(function (emoji, index) {
           return /*#__PURE__*/jsx("div", {
             "data-cy": "neeto-editor-emoji-suggestion-".concat(emoji.id),
-            className: classnames$1("neeto-editor-emoji-suggestion__item", {
+            className: classnames("neeto-editor-emoji-suggestion__item", {
               "neeto-editor-emoji-suggestion__item--selected": index === _this2.state.selectedIndex
             }),
             onClick: function onClick() {
@@ -11117,7 +11121,7 @@ var ImagePreviewModal = function ImagePreviewModal(_ref) {
       }), /*#__PURE__*/jsx("img", {
         alt: "Preview",
         src: previewUrl,
-        className: classnames$1({
+        className: classnames({
           "display-none": isLoading || isNil(previewUrl)
         }),
         onLoad: handleImageLoad
@@ -11279,7 +11283,7 @@ var ImageComponent = function ImageComponent(_ref) {
   if (isNotPresent(src) && isNotPresent(alt)) return null;
   return /*#__PURE__*/jsxs(NodeViewWrapper, {
     "data-cy": "neeto-editor-image-wrapper",
-    className: classnames$1("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
+    className: classnames("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
       "neeto-editor__image--bordered": border
     }),
     children: [/*#__PURE__*/jsxs("figure", {
@@ -11317,7 +11321,7 @@ var ImageComponent = function ImageComponent(_ref) {
         children: /*#__PURE__*/jsx(Spinner, {})
       }), /*#__PURE__*/jsx(NodeViewContent, {
         as: "figcaption",
-        className: classnames$1({
+        className: classnames({
           "is-empty": isEmpty$1(caption)
         }),
         style: {
@@ -14161,7 +14165,7 @@ var MentionList = /*#__PURE__*/function (_React$Component) {
             return /*#__PURE__*/jsxs(MenuItem.Button, {
               "data-cy": "neeto-editor-mention-list-".concat(name),
               type: "button",
-              className: classnames$1("neeto-editor-mentions__item", {
+              className: classnames("neeto-editor-mentions__item", {
                 active: index === selectedIndex
               }),
               onClick: function onClick() {
@@ -14646,7 +14650,7 @@ var MenuItem$1 = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   return /*#__PURE__*/jsxs("button", {
     ref: ref,
     "data-cy": "neeto-editor-command-list-item-".concat(index),
-    className: classnames$1("neeto-editor-slash-commands__item", {
+    className: classnames("neeto-editor-slash-commands__item", {
       active: index === selectedIndex
     }),
     onClick: selectItem,
@@ -20436,7 +20440,7 @@ var VideoComponent = function VideoComponent(_ref) {
   };
   if (isNotPresent(src)) return null;
   return /*#__PURE__*/jsx(NodeViewWrapper, {
-    className: classnames$1("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
+    className: classnames("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
       "neeto-editor__image--bordered": border
     }),
     children: /*#__PURE__*/jsxs("figure", {
@@ -20469,7 +20473,7 @@ var VideoComponent = function VideoComponent(_ref) {
         }))
       }), /*#__PURE__*/jsx(NodeViewContent, {
         as: "figcaption",
-        className: classnames$1({
+        className: classnames({
           "is-empty": isEmpty$1(caption)
         }),
         style: {
@@ -20641,11 +20645,11 @@ var renderEmbedHTML = function renderEmbedHTML(node, HTMLAttributes, options) {
     border = _node$attrs.border,
     aspectRatio = _node$attrs.aspectRatio;
   return ["div", {
-    "class": classnames$1("neeto-editor__video-wrapper", "neeto-editor__video--".concat(align), {
+    "class": classnames("neeto-editor__video-wrapper", "neeto-editor__video--".concat(align), {
       "neeto-editor__video--bordered": border
     })
   }, ["div", {
-    "class": classnames$1("neeto-editor__video-iframe", {
+    "class": classnames("neeto-editor__video-iframe", {
       "neeto-editor-aspect-1-1": aspectRatio === "1/1",
       "neeto-editor-aspect-16-9": aspectRatio === "16/9",
       "neeto-editor-aspect-9-16": aspectRatio === "9/16",
@@ -20666,7 +20670,7 @@ var renderUploadHTML = function renderUploadHTML(node, HTMLAttributes, options)
     vidwidth = _node$attrs2.vidwidth,
     border = _node$attrs2.border;
   var wrapperDivAttrs = {
-    "class": classnames$1("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
+    "class": classnames("neeto-editor__image-wrapper", "neeto-editor__image--".concat(align), {
       "neeto-editor__image--bordered": border
     })
   };
@@ -21455,7 +21459,7 @@ var KbArticleView = withT(function (_ref) {
         href: linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.href,
         rel: "noreferrer",
         target: "_blank",
-        className: classnames$1("ne-link-popover__kb-article-link", {
+        className: classnames("ne-link-popover__kb-article-link", {
           "ne-link-popover__kb-article-link--deleted": isDeleted
         }),
         onClick: function onClick(event) {
@@ -21971,6 +21975,7 @@ var Editor = function Editor(_ref, ref) {
     isAttachmentsUploading = _useState2[0],
     setIsAttachmentsUploading = _useState2[1];
   var wrapperRef = useRef(null);
+  var isArticleOptActive = addons.includes(EDITOR_OPTIONS.NEETO_KB_ARTICLE);
   var isAttachmentsActive = addons.includes(EDITOR_OPTIONS.ATTACHMENTS);
   var isMediaUploaderActive = addons.includes(EDITOR_OPTIONS.IMAGE_UPLOAD) || addons.includes(EDITOR_OPTIONS.VIDEO_UPLOAD);
   var isFixedMenuActive = menuType === "fixed";
@@ -22038,7 +22043,7 @@ var Editor = function Editor(_ref, ref) {
   useEditorWarnings({
     initialValue: initialValue
   });
-  var editorClasses = classnames$1("neeto-editor", _defineProperty({
+  var editorClasses = classnames("neeto-editor", _defineProperty({
     "fixed-menu-active": isFixedMenuActive,
     "bubble-menu-active": isBubbleMenuActive,
     "placeholder-active": isPlaceholderActive,
@@ -22093,7 +22098,7 @@ var Editor = function Editor(_ref, ref) {
       };
     }
   });
-  var deletedArticlesHook = useDeletedArticles(editor);
+  var deletedArticlesHook = useDeletedArticles(isArticleOptActive ? editor : null);
 
   /* Make editor object available to the parent */
   useImperativeHandle(ref, function () {
@@ -22130,7 +22135,7 @@ var Editor = function Editor(_ref, ref) {
   return /*#__PURE__*/jsxs("div", {
     "data-cy": "neeto-editor-wrapper",
     ref: wrapperRef,
-    className: classnames$1(_defineProperty(_defineProperty({}, className, className), "ne-attachments__wrapper", isAttachmentsActive)),
+    className: classnames(_defineProperty(_defineProperty({}, className, className), "ne-attachments__wrapper", isAttachmentsActive)),
     children: [label && /*#__PURE__*/jsx(Label, {
       required: required,
       className: "neeto-ui-mb-2",
@@ -22176,7 +22181,7 @@ var Editor = function Editor(_ref, ref) {
           isIndependent: false,
           ref: addAttachmentsRef,
           setIsUploading: setIsAttachmentsUploading,
-          className: classnames$1("ne-attachments--integrated", _defineProperty({}, attachmentsClassName, attachmentsClassName)),
+          className: classnames("ne-attachments--integrated", _defineProperty({}, attachmentsClassName, attachmentsClassName)),
           onChange: onChangeAttachments
         }, otherAttachmentProps)), (editor === null || editor === void 0 ? void 0 : editor.isActive("link")) && /*#__PURE__*/jsx(LinkPopOver, {
           deletedArticlesHook: deletedArticlesHook,