@bigbinary/neeto-editor 1.47.120 → 1.47.121

package/dist/Editor.js

@@ -3,7 +3,7 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { memo, useState, useRef, useCallback, useEffect, createElement, forwardRef, useImperativeHandle } from 'react';
-import { E as Extension, N as NodeViewWrapper, a as NodeViewContent, b as Node, R as ReactNodeViewRenderer, m as mergeAttributes, D as DecorationSet, c as Decoration, d as ReactRenderer, e as emojiPickerApi, f as markInputRule, I as InputRule, r as resetFocussedNode, h as highlightFocussedNode, P as PasteRule, B as BubbleMenu, i as getMarkType, j as getMarkRange, k as useEditor, l as useEditorState, n as EditorContent, o as EditorView } from './chunk-BLXUWWgi.js';
+import { a as useEditorState, E as Extension, N as NodeViewWrapper, b as NodeViewContent, c as Node3, R as ReactNodeViewRenderer, m as mergeAttributes, D as DecorationSet, d as Decoration, f as ReactRenderer, e as emojiPickerApi, h as markInputRule, I as InputRule, r as resetFocussedNode, i as highlightFocussedNode, P as PasteRule, C as CellSelection, B as BubbleMenu, j as getMarkType, k as getMarkRange, l as useEditor, n as EditorContent, o as EditorView } from './chunk-ChNzXvhJ.js';
 import classnames from 'classnames';
 import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from './chunk-DDwycKmK.js';
 import { isNotPresent, findBy, isNotEmpty, isPresent, noop, slugify } from '@bigbinary/neeto-cist';
@@ -12,14 +12,14 @@ import Label from '@bigbinary/neetoui/Label';
 import { createPortal } from 'react-dom';
 import { is, intersection, difference, union, isEmpty, isNil, mergeRight, assoc, equals } from 'ramda';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { B as BulletList$1, C as CodeBlockLowlight, S as Suggestion, R as Resizable, I as Italic$1, L as Link$1, s as scrollHandler, M as Mention$1, O as OrderedList$1, D as Document, f as fuzzySearch, T as Table$2, a as TaskList, b as TaskItem, c as CharacterCount, d as Code, H as Highlight$1, e as TextStyle, U as Underline$1, F as FocusClasses, g as StarterKit, h as TableRow, i as TableHeader, j as TableCell, k as Color, l as ListItem, m as Collaboration, n as CollaborationCursor, u as useFetchKbArticles, o as MODE, p as createArticleOptions, q as MODAL_LEFT_OFFSET, r as MODAL_TOP_OFFSET, t as MODAL_TRANSFORM_Y, v as MODAL_TRANSFORM_X, w as MODAL_BOTTOM_MARGIN, x as buildArticleFullUrl, y as CellSelection, z as useEditorWarnings, A as useDeletedArticles } from './chunk-Dj7lS7Cs.js';
+import { B as BulletList$1, i as index_default, a as index_default$1, R as Resizable, b as index_default$2, L as Link$1, s as scrollHandler, c as index_default$3, O as OrderedList$1, d as index_default$4, f as fuzzySearch, T as Table$2, e as TaskList, g as TaskItem, C as CharacterCount, h as index_default$5, j as index_default$6, k as TextStyle, l as index_default$7, F as Focus, m as index_default$8, n as TableRow, o as TableHeader, p as TableCell, q as Color, r as ListItem, t as index_default$9, u as index_default$a, v as useFetchKbArticles, M as MODE, w as createArticleOptions, x as MODAL_LEFT_OFFSET, y as MODAL_TOP_OFFSET, z as MODAL_TRANSFORM_Y, A as MODAL_TRANSFORM_X, D as MODAL_BOTTOM_MARGIN, E as buildArticleFullUrl, G as useEditorWarnings, H as useDeletedArticles } from './chunk-Bmhz4YEy.js';
 import { n } from './chunk-C2dztUxs.js';
-import { b as buildLevelsFromOptions, v as validateAndFormatUrl, g as getEditorStyles, c as transformPastedHTML, d as clipboardTextParser, s as setInitialPosition } from './chunk-bG6hOjuU.js';
+import { b as buildLevelsFromOptions, v as validateAndFormatUrl, g as getEditorStyles, c as transformPastedHTML, d as clipboardTextParser, s as setInitialPosition } from './chunk-CnsiyshR.js';
 import ReactDOM from 'react-dom/server';
-import { l as lowlight, d as decodeHtmlEntities, r as removeEmptyTags } from './chunk-BR5ZkH7J.js';
+import { l as lowlight, d as decodeHtmlEntities, r as removeEmptyTags } from './chunk-Qg4uQqj3.js';
 import { L as LINK_VALIDATION_SCHEMA, D as DEFAULT_EDITOR_OPTIONS } from './chunk-CF5f8-fy.js';
 import Megaphone from '@bigbinary/neeto-icons/misc/Megaphone';
-import { C as CALLOUT_TYPES, E as EmojiPickerMenu, v as validateUrl, g as getLinkPopoverPosition, M as Menu$4, a as MenuDynamicVariables, b as MediaUploader, L as LinkAddPopOver } from './chunk-BmY70WOK.js';
+import { C as CALLOUT_TYPES, E as EmojiPickerMenu, v as validateUrl, g as getLinkPopoverPosition, M as Menu$4, a as MenuDynamicVariables, b as MediaUploader, L as LinkAddPopOver } from './chunk-CHpkesFt.js';
 import Down from '@bigbinary/neeto-icons/Down';
 import Highlight from '@bigbinary/neeto-icons/Highlight';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
@@ -28,10 +28,10 @@ import Input from '@bigbinary/neetoui/Input';
 import Button from '@bigbinary/neetoui/Button';
 import { useTranslation } from 'react-i18next';
 import { t } from 'i18next';
-import { n as PluginKey, P as Plugin, T as TextSelection } from './chunk-CBN5naeP.js';
+import { m as PluginKey, P as Plugin, T as TextSelection } from './chunk-C5svTfyQ.js';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import tippy, { sticky } from 'tippy.js';
+import tippy from 'tippy.js';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
@@ -99,7 +99,6 @@ import '@tanstack/react-query';
 import 'yjs';
 import './chunk-BFTU3MAI.js';
 import 'yup';
-import 'tippy.js/dist/svg-arrow.css';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neeto-icons/Check';
 import '@bigbinary/neeto-icons/Quote';
@@ -174,12 +173,20 @@ n(css$1,{});
 var CharacterCountWrapper = function CharacterCountWrapper(_ref) {
   var editor = _ref.editor,
     children = _ref.children;
+  var characters = useEditorState({
+    editor: editor,
+    selector: function selector(_ref2) {
+      var _editor$storage$chara;
+      var editor = _ref2.editor;
+      return (_editor$storage$chara = editor === null || editor === void 0 ? void 0 : editor.storage.characterCount.characters()) !== null && _editor$storage$chara !== void 0 ? _editor$storage$chara : 0;
+    }
+  });
   if (!editor) return children;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [children, /*#__PURE__*/jsxs("p", {
       className: "neeto-editor-character-count",
       "data-testid": "neeto-editor-character-count",
-      children: [editor.storage.characterCount.characters(), " characters"]
+      children: [characters, " characters"]
     })]
   });
 };
@@ -264,7 +271,7 @@ var CalloutComponent = function CalloutComponent(_ref) {
   });
 };
 
-var Callout = Node.create({
+var Callout = Node3.create({
   name: "callout",
   inline: false,
   group: "block",
@@ -667,7 +674,7 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
 
 function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CodeBlock = CodeBlockLowlight.extend({
+var CodeBlock = index_default.extend({
   addAttributes: function addAttributes() {
     var _this$parent;
     return _objectSpread$i(_objectSpread$i({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
@@ -793,7 +800,7 @@ var DeletedArticleDecoration = Extension.create({
 function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiPickerPluginKey = new PluginKey("emoji-picker");
-var EmojiPicker = Node.create({
+var EmojiPicker = Node3.create({
   name: "emojiPicker",
   group: "inline",
   inline: true,
@@ -845,7 +852,7 @@ var EmojiPicker = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$h({
+    return [index_default$1(_objectSpread$h({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -1066,7 +1073,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
 function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmojiSuggestionPluginKey = new PluginKey("emoji-suggestion");
-var EmojiSuggestion = Node.create({
+var EmojiSuggestion = Node3.create({
   name: "emojiSuggestion",
   group: "inline",
   inline: true,
@@ -1143,7 +1150,7 @@ var EmojiSuggestion = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$g({
+    return [index_default$1(_objectSpread$g({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -1522,7 +1529,7 @@ var findNextTextPos = function findNextTextPos(editor, pos) {
   });
   return foundPos;
 };
-var ImageExtension = Node.create({
+var ImageExtension = Node3.create({
   name: "image",
   addOptions: function addOptions() {
     return {
@@ -1780,7 +1787,7 @@ var ImageExtension = Node.create({
   }
 });
 
-var FigCaption = Node.create({
+var FigCaption = Node3.create({
   name: "figcaption",
   content: "text*",
   selectable: false,
@@ -1796,7 +1803,7 @@ var FigCaption = Node.create({
   }
 });
 
-var Italic = Italic$1.extend({
+var Italic = index_default$2.extend({
   addInputRules: function addInputRules() {
     return [];
   },
@@ -2133,7 +2140,7 @@ var suggestion$1 = {
     };
   }
 };
-var Mentions = Mention$1.extend({
+var Mentions = index_default$3.extend({
   addCommands: function addCommands() {
     var _this = this;
     return {
@@ -2233,7 +2240,7 @@ var Placeholder = Extension.create({
   }
 });
 
-var SelectionDecoration = Document.extend({
+var SelectionDecoration = index_default$4.extend({
   name: "selectionDecorator",
   addProseMirrorPlugins: function addProseMirrorPlugins() {
     return [new Plugin({
@@ -2996,7 +3003,7 @@ var SlashCommands = {
         };
       },
       addProseMirrorPlugins: function addProseMirrorPlugins() {
-        return [Suggestion(_objectSpread$8({
+        return [index_default$1(_objectSpread$8({
           editor: this.editor
         }, this.options.suggestion))];
       }
@@ -3062,7 +3069,7 @@ var suggestion = {
     };
   }
 };
-var SpecialMentions = Mention$1.extend({
+var SpecialMentions = index_default$3.extend({
   name: "special-mention",
   renderHTML: function renderHTML(_ref2) {
     var node = _ref2.node,
@@ -3385,7 +3392,7 @@ var VariableComponent = function VariableComponent(_ref) {
 };
 
 new PluginKey("variables");
-var Variable = Node.create({
+var Variable = Node3.create({
   name: "variable",
   addOptions: function addOptions() {
     return {
@@ -3793,7 +3800,7 @@ var handleVideoPaste = function handleVideoPaste(_ref) {
     state.tr.setSelection(TextSelection.create(state.tr.doc, range.from + node.nodeSize + 1));
   }
 };
-var UnifiedVideoExtension = Node.create({
+var UnifiedVideoExtension = Node3.create({
   name: "unified-video",
   addOptions: function addOptions() {
     return {
@@ -3909,11 +3916,11 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     enableReactNodeViewOptimization = _ref.enableReactNodeViewOptimization,
     collaborationProvider = _ref.collaborationProvider,
     setIsNeetoKbArticleActive = _ref.setIsNeetoKbArticleActive;
-  var customExtensions = [CharacterCount, Code, CodeBlock.configure({
+  var customExtensions = [CharacterCount, index_default$5, CodeBlock.configure({
     enableReactNodeViewOptimization: enableReactNodeViewOptimization
-  }), CustomCommands, Document, FigCaption, HighlightInternal, SelectionDecoration, FocusClasses.configure({
+  }), CustomCommands, index_default$4, FigCaption, HighlightInternal, SelectionDecoration, Focus.configure({
     mode: "shallowest"
-  }), Highlight$1, ImageExtension.configure({
+  }), index_default$6, ImageExtension.configure({
     openImageInNewTab: openImageInNewTab,
     enableReactNodeViewOptimization: enableReactNodeViewOptimization
   }), Link.configure({
@@ -3923,7 +3930,7 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   }), Placeholder.configure({
     placeholder: placeholder,
     isSlashCommandsActive: isSlashCommandsActive
-  }), StarterKit.configure({
+  }), index_default$8.configure({
     document: false,
     codeBlock: false,
     code: false,
@@ -3933,11 +3940,19 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     blockquote: options.includes(EDITOR_OPTIONS.BLOCKQUOTE),
     orderedList: false,
     italic: false,
-    history: !collaborationProvider,
+    link: false,
+    // v3 StarterKit bundles Link; we register a custom Link extension
+    underline: false,
+    // v3 StarterKit bundles Underline; we register it explicitly below
+    listKeymap: false,
+    // new in v3 StarterKit; disabled to keep v2 list behavior
+    trailingNode: false,
+    // new in v3 StarterKit; disabled to keep v2 behavior
+    undoRedo: !collaborationProvider,
     heading: {
       levels: buildLevelsFromOptions(options)
     }
-  }), TextStyle, Underline$1, Italic, KeyboardShortcuts$1.configure({
+  }), TextStyle, index_default$7, Italic, KeyboardShortcuts$1.configure({
     onSubmit: onSubmit,
     shortcuts: keyboardShortcuts,
     isBlockQuoteActive: options.includes(EDITOR_OPTIONS.BLOCKQUOTE)
@@ -4002,10 +4017,10 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   }
   if (collaborationProvider) {
     var _collaborationProvide;
-    customExtensions.push(Collaboration.configure({
+    customExtensions.push(index_default$9.configure({
       document: (_collaborationProvide = collaborationProvider.document) !== null && _collaborationProvide !== void 0 ? _collaborationProvide : collaborationProvider.doc
     }));
-    customExtensions.push(CollaborationCursor.configure({
+    customExtensions.push(index_default$a.configure({
       provider: collaborationProvider
     }));
   }
@@ -4436,20 +4451,20 @@ var TableActionMenu = function TableActionMenu(_ref) {
     editor: editor,
     shouldShow: shouldShow,
     className: "neeto-editor-bubble-menu",
-    tippyOptions: {
-      arrow: false,
-      offset: [10, 10],
-      zIndex: 99999,
-      theme: "light neeto-editor-bubble-menu-tippy-box",
-      popperOptions: {
-        modifiers: [{
-          name: "flip",
-          enabled: false
-        }]
+    style: {
+      zIndex: 99999
+    },
+    getReferencedVirtualElement: function getReferencedVirtualElement() {
+      return {
+        getBoundingClientRect: getReferenceClientRect
+      };
+    },
+    options: {
+      offset: {
+        mainAxis: 10,
+        crossAxis: 10
       },
-      getReferenceClientRect: getReferenceClientRect,
-      plugins: [sticky],
-      sticky: "popper"
+      flip: false
     },
     children: tableActions({
       editor: editor