@bigbinary/neeto-editor 1.47.61 → 1.47.63

package/dist/cjs/Editor.cjs.js

@@ -6,7 +6,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var Menu$4 = require('./chunk-DNZfIRp3.cjs.js');
-var classnames$1 = require('classnames');
+var classnames = require('classnames');
 var constants = require('./chunk-Cd5HlrFr.cjs.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -151,7 +151,7 @@ var ErrorWrapper = function ErrorWrapper(_ref) {
     children = _ref.children,
     className = _ref.className;
   var isError = !neetoCist.isNotPresent(error);
-  var wrapperClasses = classnames$1(_defineProperty({
+  var wrapperClasses = classnames(_defineProperty({
     "neeto-editor-error": isError
   }, className, className));
   var getErrorMessage = function getErrorMessage() {
@@ -288,12 +288,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 (ramda.isEmpty(articleIdsInEditor)) {
       setDeletedArticleIds(new Set());
@@ -308,7 +312,7 @@ var useDeletedArticles = function useDeletedArticles(editor) {
   React.useEffect(function () {
     if (!editor || ramda.isEmpty(allArticles)) return;
     checkAllArticles();
-  }, [allArticles]);
+  }, [allArticles, editor]);
   return {
     deletedArticleIds: deletedArticleIds,
     isCheckingDeleted: isCheckingDeleted,
@@ -10097,7 +10101,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
         children: [this.state.isLoading && /*#__PURE__*/jsxRuntime.jsx(Spinner, {}), !this.state.isLoading && (neetoCist.isNotEmpty(this.state.emojiSuggestions) ? this.state.emojiSuggestions.map(function (emoji, index) {
           return /*#__PURE__*/jsxRuntime.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() {
@@ -11137,7 +11141,7 @@ var ImagePreviewModal = function ImagePreviewModal(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx("img", {
         alt: "Preview",
         src: previewUrl,
-        className: classnames$1({
+        className: classnames({
           "display-none": isLoading || ramda.isNil(previewUrl)
         }),
         onLoad: handleImageLoad
@@ -11299,7 +11303,7 @@ var ImageComponent = function ImageComponent(_ref) {
   if (neetoCist.isNotPresent(src) && neetoCist.isNotPresent(alt)) return null;
   return /*#__PURE__*/jsxRuntime.jsxs(Menu$4.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__*/jsxRuntime.jsxs("figure", {
@@ -11337,7 +11341,7 @@ var ImageComponent = function ImageComponent(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
       }), /*#__PURE__*/jsxRuntime.jsx(Menu$4.NodeViewContent, {
         as: "figcaption",
-        className: classnames$1({
+        className: classnames({
           "is-empty": ramda.isEmpty(caption)
         }),
         style: {
@@ -14181,7 +14185,7 @@ var MentionList = /*#__PURE__*/function (_React$Component) {
             return /*#__PURE__*/jsxRuntime.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() {
@@ -14666,7 +14670,7 @@ var MenuItem$1 = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   return /*#__PURE__*/jsxRuntime.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,
@@ -20456,7 +20460,7 @@ var VideoComponent = function VideoComponent(_ref) {
   };
   if (neetoCist.isNotPresent(src)) return null;
   return /*#__PURE__*/jsxRuntime.jsx(Menu$4.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__*/jsxRuntime.jsxs("figure", {
@@ -20489,7 +20493,7 @@ var VideoComponent = function VideoComponent(_ref) {
         }))
       }), /*#__PURE__*/jsxRuntime.jsx(Menu$4.NodeViewContent, {
         as: "figcaption",
-        className: classnames$1({
+        className: classnames({
           "is-empty": ramda.isEmpty(caption)
         }),
         style: {
@@ -20661,11 +20665,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",
@@ -20686,7 +20690,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
     })
   };
@@ -21475,7 +21479,7 @@ var KbArticleView = reactUtils.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) {
@@ -21991,6 +21995,7 @@ var Editor = function Editor(_ref, ref) {
     isAttachmentsUploading = _useState2[0],
     setIsAttachmentsUploading = _useState2[1];
   var wrapperRef = React.useRef(null);
+  var isArticleOptActive = addons.includes(constants.EDITOR_OPTIONS.NEETO_KB_ARTICLE);
   var isAttachmentsActive = addons.includes(constants.EDITOR_OPTIONS.ATTACHMENTS);
   var isMediaUploaderActive = addons.includes(constants.EDITOR_OPTIONS.IMAGE_UPLOAD) || addons.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD);
   var isFixedMenuActive = menuType === "fixed";
@@ -22058,7 +22063,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,
@@ -22113,7 +22118,7 @@ var Editor = function Editor(_ref, ref) {
       };
     }
   });
-  var deletedArticlesHook = useDeletedArticles(editor);
+  var deletedArticlesHook = useDeletedArticles(isArticleOptActive ? editor : null);
 
   /* Make editor object available to the parent */
   React.useImperativeHandle(ref, function () {
@@ -22150,7 +22155,7 @@ var Editor = function Editor(_ref, ref) {
   return /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Label, {
       required: required,
       className: "neeto-ui-mb-2",
@@ -22196,7 +22201,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__*/jsxRuntime.jsx(LinkPopOver, {
           deletedArticlesHook: deletedArticlesHook,