@bigbinary/neeto-editor 1.47.119 → 1.47.121

package/dist/index.js

@@ -1,22 +1,22 @@
 export { E as EDITOR_OPTIONS } from './chunk-DDwycKmK.js';
 export { D as DEFAULT_EDITOR_OPTIONS } from './chunk-CF5f8-fy.js';
-export { i as isEditorOverlaysActive, a as isEmojiSuggestionsMenuActive, t as transformEditorContent } from './chunk-bG6hOjuU.js';
-export { s as substituteVariables } from './chunk-D_B4kuIc.js';
-export { i as isEditorContentWithinLimit, a as isEditorEmpty, r as removeEmptyTags } from './chunk-BR5ZkH7J.js';
+export { i as isEditorOverlaysActive, a as isEmojiSuggestionsMenuActive, t as transformEditorContent } from './chunk-CnsiyshR.js';
+export { s as substituteVariables } from './chunk-aCTMceVU.js';
+export { i as isEditorContentWithinLimit, a as isEditorEmpty, r as removeEmptyTags } from './chunk-Qg4uQqj3.js';
 export { A as Attachments } from './chunk-DdxH-PMo.js';
 export { default as Editor } from './Editor.js';
 export { default as FormikEditor } from './FormikEditor.js';
-export { M as Menu } from './chunk-BmY70WOK.js';
+export { M as Menu } from './chunk-CHpkesFt.js';
 export { default as EditorContent } from './EditorContent.js';
 import { n } from './chunk-C2dztUxs.js';
 import 'ramda';
 import 'i18next';
 import 'yup';
 import '@babel/runtime/helpers/defineProperty';
-import './chunk-CBN5naeP.js';
+import './chunk-C5svTfyQ.js';
 import '@bigbinary/neeto-cist';
 import 'react';
-import './chunk-9TNlsObP.js';
+import './chunk-fDmcpgqx.js';
 import './chunk-BFTU3MAI.js';
 import 'react-dom/server';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -61,17 +61,17 @@ import '@bigbinary/neetoui/Spinner';
 import '@bigbinary/neetoui/Tooltip';
 import '@bigbinary/neetoui/Typography';
 import '@bigbinary/neetoui/Alert';
-import './chunk-BLXUWWgi.js';
-import 'tippy.js';
+import './chunk-ChNzXvhJ.js';
 import 'react-dom';
 import '@bigbinary/neetoui/Label';
-import './chunk-Dj7lS7Cs.js';
+import './chunk-Bmhz4YEy.js';
 import '@tanstack/react-query';
 import 'yjs';
 import '@bigbinary/neeto-icons/misc/Megaphone';
 import '@bigbinary/neeto-icons/Down';
 import '@bigbinary/neeto-icons/Highlight';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import 'tippy.js';
 import '@babel/runtime/helpers/possibleConstructorReturn';
 import '@babel/runtime/helpers/getPrototypeOf';
 import '@babel/runtime/helpers/inherits';
@@ -120,7 +120,6 @@ import '@bigbinary/neetoui/formik/Input';
 import '@bigbinary/neeto-icons/Edit';
 import '@bigbinary/neeto-icons/Articles';
 import 'formik';
-import 'tippy.js/dist/svg-arrow.css';
 import '@bigbinary/neeto-icons/Quote';
 import '@bigbinary/neeto-icons/Code';
 import '@bigbinary/neeto-icons/TextCross';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils.js

@@ -1,8 +1,8 @@
-export { i as isEditorOverlaysActive, a as isEmojiSuggestionsMenuActive, t as transformEditorContent } from './chunk-bG6hOjuU.js';
-export { s as substituteVariables } from './chunk-D_B4kuIc.js';
-export { i as isEditorContentWithinLimit, a as isEditorEmpty, r as removeEmptyTags } from './chunk-BR5ZkH7J.js';
+export { i as isEditorOverlaysActive, a as isEmojiSuggestionsMenuActive, t as transformEditorContent } from './chunk-CnsiyshR.js';
+export { s as substituteVariables } from './chunk-aCTMceVU.js';
+export { i as isEditorContentWithinLimit, a as isEditorEmpty, r as removeEmptyTags } from './chunk-Qg4uQqj3.js';
 import '@babel/runtime/helpers/defineProperty';
-import './chunk-CBN5naeP.js';
+import './chunk-C5svTfyQ.js';
 import '@bigbinary/neeto-cist';
 import './chunk-DDwycKmK.js';
 import 'ramda';
@@ -10,7 +10,7 @@ import './chunk-CF5f8-fy.js';
 import 'i18next';
 import 'yup';
 import 'react';
-import './chunk-9TNlsObP.js';
+import './chunk-fDmcpgqx.js';
 import './chunk-BFTU3MAI.js';
 import 'react-dom/server';
 import '@babel/runtime/helpers/toConsumableArray';

package/dist/v2/Editor.js

@@ -4,28 +4,28 @@ 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 { DropdownMenu, Input, Button, Spinner, Tooltip, Toastr, Avatar, Typography, Select, Dialog, Checkbox as Checkbox$1, Label } from '@bigbinary/neeto-atoms';
-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 { isNotPresent, findBy, isNotEmpty, isPresent, noop, slugify } from '@bigbinary/neeto-cist';
 import { useOnClickOutside, withT, useFuncDebounce } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import { createPortal, flushSync } from 'react-dom';
-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, 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, 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, G as useEditorWarnings, H as useDeletedArticles } from '../chunk-Bmhz4YEy.js';
 import { D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, C as COMBINED_REGEX, a as EDITOR_SIZES } from '../chunk-DDwycKmK.js';
 import '../chunk-CF5f8-fy.js';
 import { is, intersection, difference, union, isEmpty, isNil, mergeRight, assoc, equals } from 'ramda';
 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 { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { C as CALLOUT_TYPES, E as EmojiPickerMenu, v as validateUrl, b as buildLevelsFromOptions, g as getLinkPopoverPosition, L as LINK_VALIDATION_SCHEMA, c as validateAndFormatUrl, D as DEFAULT_EDITOR_OPTIONS, d as getEditorStyles, M as Menu$3, e as MenuDynamicVariables, f as MediaUploader, h as LinkAddPopOver, j as transformPastedHTML, k as clipboardTextParser, s as setInitialPosition } from '../chunk-Ck5Gyhaq.js';
+import { C as CALLOUT_TYPES, E as EmojiPickerMenu, v as validateUrl, b as buildLevelsFromOptions, g as getLinkPopoverPosition, L as LINK_VALIDATION_SCHEMA, c as validateAndFormatUrl, D as DEFAULT_EDITOR_OPTIONS, d as getEditorStyles, M as Menu$3, e as MenuDynamicVariables, f as MediaUploader, h as LinkAddPopOver, j as transformPastedHTML, k as clipboardTextParser, s as setInitialPosition } from '../chunk-COgPAsPy.js';
 import Megaphone from '@bigbinary/neeto-icons/misc/Megaphone';
-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 { ChevronDown, Highlighter, X, Ratio, Ellipsis, AlignLeft, AlignCenter, AlignRight, RectangleHorizontal, RectangleVertical, Square, SquareDashed, Trash2, BookOpen, Pencil } from 'lucide-react';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
 import { useTranslation } from 'react-i18next';
 import { t } from 'i18next';
 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';
@@ -80,12 +80,11 @@ import '@tanstack/react-query';
 import 'yjs';
 import 'yup';
 import '../chunk-BFTU3MAI.js';
-import 'tippy.js/dist/svg-arrow.css';
 import '@bigbinary/neeto-commons-frontend/v2/utils';
 import 'react-colorful';
 import '@bigbinary/neeto-image-uploader-frontend/v2/ImageUploader';
 import 'zustand/shallow';
-import '@bigbinary/neeto-molecules/DynamicVariables';
+import '@bigbinary/neeto-molecules/v2/DynamicVariables';
 import '@bigbinary/neeto-icons/LeftAlign';
 import '@bigbinary/neeto-icons/CenterAlign';
 import '@bigbinary/neeto-icons/RightAlign';
@@ -137,12 +136,20 @@ var ErrorWrapper$1 = /*#__PURE__*/memo(ErrorWrapper);
 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"]
     })]
   });
 };
@@ -227,7 +234,7 @@ var CalloutComponent = function CalloutComponent(_ref) {
   });
 };
 
-var Callout = Node.create({
+var Callout = Node3.create({
   name: "callout",
   inline: false,
   group: "block",
@@ -624,7 +631,7 @@ var CodeBlockComponent = function CodeBlockComponent(_ref) {
 
 function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(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$j(_objectSpread$j({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
@@ -767,7 +774,7 @@ var EditorContainer = Extension.create({
 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 EmojiPickerPluginKey = new PluginKey("emoji-picker");
-var EmojiPicker = Node.create({
+var EmojiPicker = Node3.create({
   name: "emojiPicker",
   group: "inline",
   inline: true,
@@ -820,7 +827,7 @@ var EmojiPicker = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$i({
+    return [index_default$1(_objectSpread$i({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -1044,7 +1051,7 @@ var EmojiSuggestionMenu = /*#__PURE__*/function (_React$Component) {
 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 EmojiSuggestionPluginKey = new PluginKey("emoji-suggestion");
-var EmojiSuggestion = Node.create({
+var EmojiSuggestion = Node3.create({
   name: "emojiSuggestion",
   group: "inline",
   inline: true,
@@ -1121,7 +1128,7 @@ var EmojiSuggestion = Node.create({
     };
   },
   addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [Suggestion(_objectSpread$h({
+    return [index_default$1(_objectSpread$h({
       editor: this.editor
     }, this.options.suggestion))];
   }
@@ -1565,7 +1572,7 @@ var findNextTextPos = function findNextTextPos(editor, pos) {
   });
   return foundPos;
 };
-var ImageExtension = Node.create({
+var ImageExtension = Node3.create({
   name: "image",
   addOptions: function addOptions() {
     return {
@@ -1823,7 +1830,7 @@ var ImageExtension = Node.create({
   }
 });
 
-var FigCaption = Node.create({
+var FigCaption = Node3.create({
   name: "figcaption",
   content: "text*",
   selectable: false,
@@ -1839,7 +1846,7 @@ var FigCaption = Node.create({
   }
 });
 
-var Italic = Italic$1.extend({
+var Italic = index_default$2.extend({
   addInputRules: function addInputRules() {
     return [];
   },
@@ -2178,7 +2185,7 @@ var suggestion$1 = {
     };
   }
 };
-var Mentions = Mention$1.extend({
+var Mentions = index_default$3.extend({
   addCommands: function addCommands() {
     var _this = this;
     return {
@@ -2278,7 +2285,7 @@ var Placeholder = Extension.create({
   }
 });
 
-var SelectionDecoration = Document.extend({
+var SelectionDecoration = index_default$4.extend({
   name: "selectionDecorator",
   addProseMirrorPlugins: function addProseMirrorPlugins() {
     return [new Plugin({
@@ -3042,7 +3049,7 @@ var SlashCommands = {
         };
       },
       addProseMirrorPlugins: function addProseMirrorPlugins() {
-        return [Suggestion(_objectSpread$9({
+        return [index_default$1(_objectSpread$9({
           editor: this.editor
         }, this.options.suggestion))];
       }
@@ -3109,7 +3116,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,
@@ -3432,7 +3439,7 @@ var VariableComponent = function VariableComponent(_ref) {
 };
 
 new PluginKey("variables");
-var Variable = Node.create({
+var Variable = Node3.create({
   name: "variable",
   addOptions: function addOptions() {
     return {
@@ -3840,7 +3847,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 {
@@ -3959,11 +3966,11 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
     containerRef = _ref.containerRef;
   var customExtensions = [EditorContainer.configure({
     containerRef: containerRef
-  }), CharacterCount, Code, CodeBlock.configure({
+  }), 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, ImageExtension.configure({
+  }), index_default$6, ImageExtension.configure({
     openImageInNewTab: openImageInNewTab,
     enableReactNodeViewOptimization: enableReactNodeViewOptimization
   }), Link.configure({
@@ -3973,7 +3980,7 @@ var useCustomExtensions = function useCustomExtensions(_ref) {
   }), Placeholder.configure({
     placeholder: placeholder,
     isSlashCommandsActive: isSlashCommandsActive
-  }), StarterKit.configure({
+  }), index_default$8.configure({
     document: false,
     codeBlock: false,
     code: false,
@@ -3982,11 +3989,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)
@@ -4051,10 +4066,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
     }));
   }
@@ -4517,20 +4532,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
@@ -4570,11 +4585,11 @@ var TableActionMenu = function TableActionMenu(_ref) {
                 return /*#__PURE__*/jsx(Button, {
                   className: "ne-toolbar-item",
                   icon: IconComponent,
+                  variant: "ghost",
                   tooltipProps: {
                     content: tooltipLabel,
                     position: "bottom"
                   },
-                  variant: "ghost",
                   onClick: function onClick() {
                     flushSync(function () {
                       return setIsAlignmentOpen(false);