@seafile/sdoc-editor 1.0.53 → 1.0.55

package/dist/basic-sdk/extension/plugins/blockquote/plugin.js

@@ -1,7 +1,13 @@
-import { Editor, Element, Transforms, Node, Path, Range } from '@seafile/slate';
-import { focusEditor, generateDefaultText, generateEmptyElement, getSelectedNodeByType, getSelectedNodeEntryByType, isBlockAboveEmpty, isSelectionAtBlockStart } from '../../core';
-import { BLOCKQUOTE, PARAGRAPH, CODE_BLOCK, TABLE } from '../../constants';
-import { getFormattedElements, getFormattedRestElements } from './helpers';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("@seafile/slate");
+var _core = require("../../core");
+var _constants = require("../../constants");
+var _helpers = require("./helpers");
 const withBlockquote = editor => {
   const {
     insertBreak,
@@ -14,22 +20,22 @@ const withBlockquote = editor => {
       selection
     } = editor;
     if (selection == null) return insertBreak();
-    const [quoteBlockEntry] = Editor.nodes(editor, {
-      match: n => Element.isElement(n) && n.type === BLOCKQUOTE,
+    const [quoteBlockEntry] = _slate.Editor.nodes(editor, {
+      match: n => _slate.Element.isElement(n) && n.type === _constants.BLOCKQUOTE,
       universal: true
     });
     if (!quoteBlockEntry) return insertBreak();
-    const [currentLineEntry] = Editor.nodes(newEditor, {
-      match: n => Element.isElement(n) && n.type === PARAGRAPH,
+    const [currentLineEntry] = _slate.Editor.nodes(newEditor, {
+      match: n => _slate.Element.isElement(n) && n.type === _constants.PARAGRAPH,
       mode: 'lowest'
     });
     // Exit blockquote when current line is empty
     const isAtEnd = currentLineEntry[1].slice(-1)[0] === quoteBlockEntry[0].children.length - 1;
     if (isAtEnd) {
-      const isEmptyLine = !(currentLineEntry && Editor.string(newEditor, currentLineEntry[1]).length);
+      const isEmptyLine = !(currentLineEntry && _slate.Editor.string(newEditor, currentLineEntry[1]).length);
       if (isEmptyLine) {
-        const nextPath = Path.next(quoteBlockEntry[1]);
-        Transforms.moveNodes(newEditor, {
+        const nextPath = _slate.Path.next(quoteBlockEntry[1]);
+        _slate.Transforms.moveNodes(newEditor, {
           at: currentLineEntry[1],
           to: nextPath
         });
@@ -38,9 +44,9 @@ const withBlockquote = editor => {
     }
 
     // Insert new line
-    Transforms.insertNodes(editor, {
-      type: PARAGRAPH,
-      children: [generateDefaultText()]
+    _slate.Transforms.insertNodes(editor, {
+      type: _constants.PARAGRAPH,
+      children: [(0, _core.generateDefaultText)()]
     }, {
       at: newEditor.selection,
       select: true
@@ -54,43 +60,43 @@ const withBlockquote = editor => {
       deleteBackward(unit);
       return;
     }
-    const blockQuoteEntry = getSelectedNodeEntryByType(editor, BLOCKQUOTE);
+    const blockQuoteEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.BLOCKQUOTE);
     if (blockQuoteEntry) {
       const [, blockQuotePath] = blockQuoteEntry;
-      const [currentLineEntry] = Editor.nodes(newEditor, {
-        match: (n, p) => Element.isElement(n) && p.length === blockQuotePath.length + 1 && n.type === PARAGRAPH
+      const [currentLineEntry] = _slate.Editor.nodes(newEditor, {
+        match: (n, p) => _slate.Element.isElement(n) && p.length === blockQuotePath.length + 1 && n.type === _constants.PARAGRAPH
       });
       if (!currentLineEntry) return deleteBackward(unit);
       const [, currentLinePath] = currentLineEntry;
       const currentLineIndex = currentLinePath[blockQuotePath.length];
       // Transforms to paragraph when Select at the beginning of the first line
-      if (currentLineIndex === 0 && isBlockAboveEmpty(newEditor)) {
-        const emptyParagraph = generateEmptyElement(PARAGRAPH);
-        Transforms.removeNodes(editor, {
+      if (currentLineIndex === 0 && (0, _core.isBlockAboveEmpty)(newEditor)) {
+        const emptyParagraph = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
+        _slate.Transforms.removeNodes(editor, {
           at: blockQuoteEntry[1]
         });
-        Transforms.insertNodes(newEditor, emptyParagraph, {
+        _slate.Transforms.insertNodes(newEditor, emptyParagraph, {
           at: blockQuoteEntry[1]
         });
-        const focusPoint = Editor.end(newEditor, blockQuoteEntry[1]);
-        focusEditor(newEditor, focusPoint);
+        const focusPoint = _slate.Editor.end(newEditor, blockQuoteEntry[1]);
+        (0, _core.focusEditor)(newEditor, focusPoint);
         return;
       }
       // Merge with previous line when Select at the beginning of the line
-      if (isSelectionAtBlockStart(editor)) {
-        const lineText = Node.string(currentLineEntry[0]);
-        const previousNodeEntry = Editor.previous(editor, {
+      if ((0, _core.isSelectionAtBlockStart)(editor)) {
+        const lineText = _slate.Node.string(currentLineEntry[0]);
+        const previousNodeEntry = _slate.Editor.previous(editor, {
           at: currentLineEntry[1]
         });
         if (!previousNodeEntry) return;
-        const focusPoint = Editor.end(newEditor, previousNodeEntry[1]);
-        Transforms.insertText(newEditor, lineText, {
-          at: Editor.end(newEditor, previousNodeEntry[1])
+        const focusPoint = _slate.Editor.end(newEditor, previousNodeEntry[1]);
+        _slate.Transforms.insertText(newEditor, lineText, {
+          at: _slate.Editor.end(newEditor, previousNodeEntry[1])
         });
-        Transforms.removeNodes(editor, {
+        _slate.Transforms.removeNodes(editor, {
           at: currentLineEntry[1]
         });
-        focusEditor(newEditor, focusPoint);
+        (0, _core.focusEditor)(newEditor, focusPoint);
         return;
       }
     }
@@ -98,23 +104,23 @@ const withBlockquote = editor => {
   };
   newEditor.insertFragment = data => {
     // Paste into quote block
-    if (getSelectedNodeByType(newEditor, BLOCKQUOTE)) {
-      const lastIndex = data.findLastIndex(item => [CODE_BLOCK, TABLE].includes(item === null || item === void 0 ? void 0 : item.type));
-      let elements = getFormattedElements(data.slice(0, lastIndex + 1));
-      let restElements = getFormattedRestElements(data.slice(lastIndex + 1));
-      const path = Editor.path(newEditor, newEditor.selection);
+    if ((0, _core.getSelectedNodeByType)(newEditor, _constants.BLOCKQUOTE)) {
+      const lastIndex = data.findLastIndex(item => [_constants.CODE_BLOCK, _constants.TABLE].includes(item === null || item === void 0 ? void 0 : item.type));
+      let elements = (0, _helpers.getFormattedElements)(data.slice(0, lastIndex + 1));
+      let restElements = (0, _helpers.getFormattedRestElements)(data.slice(lastIndex + 1));
+      const path = _slate.Editor.path(newEditor, newEditor.selection);
 
       // Insert elements of quote block
       if (restElements.length !== 0) {
-        if (Range.isCollapsed(editor.selection)) {
-          const paragraphEntry = getSelectedNodeEntryByType(newEditor, PARAGRAPH);
+        if (_slate.Range.isCollapsed(editor.selection)) {
+          const paragraphEntry = (0, _core.getSelectedNodeEntryByType)(newEditor, _constants.PARAGRAPH);
           if (paragraphEntry) {
-            const parentNodeEntry = Editor.parent(editor, paragraphEntry[1]);
-            if (parentNodeEntry && parentNodeEntry[0].type === BLOCKQUOTE) {
-              if (!Node.string(paragraphEntry[0]).length) {
+            const parentNodeEntry = _slate.Editor.parent(editor, paragraphEntry[1]);
+            if (parentNodeEntry && parentNodeEntry[0].type === _constants.BLOCKQUOTE) {
+              if (!_slate.Node.string(paragraphEntry[0]).length) {
                 data.forEach(node => {
-                  if (node.type === BLOCKQUOTE) {
-                    node.type = PARAGRAPH;
+                  if (node.type === _constants.BLOCKQUOTE) {
+                    node.type = _constants.PARAGRAPH;
                   }
                 });
                 insertFragment(data);
@@ -124,11 +130,11 @@ const withBlockquote = editor => {
           }
         }
         // Insert text when inserting a single line paragraph
-        if (restElements.length === 1 && restElements[0].type === PARAGRAPH) {
-          const string = Node.string(restElements[0]);
-          Editor.insertText(newEditor, string);
+        if (restElements.length === 1 && restElements[0].type === _constants.PARAGRAPH) {
+          const string = _slate.Node.string(restElements[0]);
+          _slate.Editor.insertText(newEditor, string);
         } else {
-          Transforms.insertNodes(newEditor, restElements, {
+          _slate.Transforms.insertNodes(newEditor, restElements, {
             at: [path[0], path[1] + 1]
           });
         }
@@ -136,7 +142,7 @@ const withBlockquote = editor => {
 
       // Insert elements above the quoted block
       if (elements.length !== 0) {
-        Transforms.insertNodes(newEditor, elements, {
+        _slate.Transforms.insertNodes(newEditor, elements, {
           at: [path[0]]
         });
       }
@@ -146,4 +152,4 @@ const withBlockquote = editor => {
   };
   return newEditor;
 };
-export default withBlockquote;
+var _default = exports.default = withBlockquote;

package/dist/basic-sdk/extension/plugins/blockquote/render-elem.js

@@ -1,4 +1,11 @@
-import React from 'react';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
 const renderBlockquote = (props, editor) => {
   const {
     attributes,
@@ -8,10 +15,10 @@ const renderBlockquote = (props, editor) => {
   const style = {
     textAlign: element.align
   };
-  return /*#__PURE__*/React.createElement("blockquote", Object.assign({
+  return /*#__PURE__*/_react.default.createElement("blockquote", Object.assign({
     "data-id": element.id
   }, attributes, {
     style: style
   }), children);
 };
-export default renderBlockquote;
+var _default = exports.default = renderBlockquote;

package/dist/basic-sdk/extension/plugins/callout/constant.js

@@ -1,8 +1,13 @@
-import { BLOCKQUOTE, CALL_OUT, CHECK_LIST_ITEM, IMAGE, LINK, ORDERED_LIST, PARAGRAPH, SDOC_LINK, SUBTITLE, TITLE, UNORDERED_LIST } from '../../constants/element-type';
-import { HEADERS, LIST_ITEM_CORRELATION_TYPE } from '../../constants';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CALLOUT_ICON_MAP = exports.CALLOUT_COLOR_MAP = exports.CALLOUT_ALLOWED_INSIDE_TYPES = void 0;
+var _elementType = require("../../constants/element-type");
+var _constants = require("../../constants");
 // key as container fill color
-export const CALLOUT_COLOR_MAP = {
+const CALLOUT_COLOR_MAP = exports.CALLOUT_COLOR_MAP = {
   '#f1f3f6': {
     border_color: '#d9dbe0',
     background_color: '#f1f3f6'
@@ -44,10 +49,10 @@ export const CALLOUT_COLOR_MAP = {
     background_color: '#fde8ff'
   }
 };
-export const CALLOUT_ICON_MAP = {
+const CALLOUT_ICON_MAP = exports.CALLOUT_ICON_MAP = {
   'trumpet': '📢',
   'bulb': '💡',
   'prohibited': '🚫',
   'warning': '⚠️'
 };
-export const CALLOUT_ALLOWED_INSIDE_TYPES = [CALL_OUT, ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, TITLE, SUBTITLE, BLOCKQUOTE, ...HEADERS, ...LIST_ITEM_CORRELATION_TYPE, CHECK_LIST_ITEM, IMAGE, LINK, SDOC_LINK];
+const CALLOUT_ALLOWED_INSIDE_TYPES = exports.CALLOUT_ALLOWED_INSIDE_TYPES = [_elementType.CALL_OUT, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.BLOCKQUOTE, ..._constants.HEADERS, ..._constants.LIST_ITEM_CORRELATION_TYPE, _elementType.CHECK_LIST_ITEM, _elementType.IMAGE, _elementType.LINK, _elementType.SDOC_LINK];

package/dist/basic-sdk/extension/plugins/callout/helper.js

@@ -1,9 +1,15 @@
-import { Editor, Node, Path, Transforms } from '@seafile/slate';
-import { CALL_OUT, PARAGRAPH } from '../../constants/element-type';
-import { focusEditor, generateEmptyElement, getSelectedElems, isRangeAcrossBlocks } from '../../core';
-import { CALLOUT_ALLOWED_INSIDE_TYPES, CALLOUT_COLOR_MAP } from './constant';
-import { DOCUMENT_PLUGIN_EDITOR } from '../../../constants';
-export const isMenuActive = editor => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapCallout = exports.unwrapCallout = exports.setCalloutIcon = exports.isMenuDisabled = exports.isMenuActive = exports.isCalloutContentEmpty = exports.insertElementAtNewLineInCallout = exports.getCalloutMenuPosition = exports.getCalloutEntry = exports.generateCallout = exports.deleteCalloutIcon = exports.changeFillBackgroundColor = void 0;
+var _slate = require("@seafile/slate");
+var _elementType = require("../../constants/element-type");
+var _core = require("../../core");
+var _constant = require("./constant");
+var _constants = require("../../../constants");
+const isMenuActive = editor => {
   const {
     selection
   } = editor;
@@ -12,18 +18,19 @@ export const isMenuActive = editor => {
   if (isInsideCallout) return true;
   return false;
 };
-export const isMenuDisabled = (editor, readonly) => {
+exports.isMenuActive = isMenuActive;
+const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
     selection
   } = editor;
   if (!selection) return true;
-  const selectedElements = getSelectedElems(editor);
-  const isRangeAcrossBlock = isRangeAcrossBlocks(editor);
+  const selectedElements = (0, _core.getSelectedElems)(editor);
+  const isRangeAcrossBlock = (0, _core.isRangeAcrossBlocks)(editor);
   // If selected multiple block element contains callout, disable callout menu
   const isAllSelectedElementsInAllowTypes = selectedElements.length && selectedElements.every(element => {
-    if (element.type === CALL_OUT && isRangeAcrossBlock) return false;
-    return CALLOUT_ALLOWED_INSIDE_TYPES.includes(element.type);
+    if (element.type === _elementType.CALL_OUT && isRangeAcrossBlock) return false;
+    return _constant.CALLOUT_ALLOWED_INSIDE_TYPES.includes(element.type);
   });
   if (isAllSelectedElementsInAllowTypes) return false;
   return true;
@@ -32,101 +39,111 @@ export const isMenuDisabled = (editor, readonly) => {
 /**
  * @param {keyof CALLOUT_COLOR_MAP} [background_color] fill color
  */
-export const generateCallout = function () {
-  let background_color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(CALLOUT_COLOR_MAP)[5];
+exports.isMenuDisabled = isMenuDisabled;
+const generateCallout = function () {
+  let background_color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(_constant.CALLOUT_COLOR_MAP)[5];
   const props = {
     style: {
       background_color
     }
   };
-  const callout = generateEmptyElement(CALL_OUT, props);
+  const callout = (0, _core.generateEmptyElement)(_elementType.CALL_OUT, props);
   callout.children = [];
   return callout;
 };
-export const wrapCallout = editor => {
+exports.generateCallout = generateCallout;
+const wrapCallout = editor => {
   const {
     selection
   } = editor;
   if (!selection) return;
   const callout = generateCallout();
-  Transforms.wrapNodes(editor, callout, {
+  _slate.Transforms.wrapNodes(editor, callout, {
     mode: 'highest'
   });
-  focusEditor(editor);
+  (0, _core.focusEditor)(editor);
 };
-export const unwrapCallout = editor => {
+exports.wrapCallout = wrapCallout;
+const unwrapCallout = editor => {
   const {
     selection
   } = editor;
   if (!selection) return;
-  const aboveNodeEntry = Editor.above(editor, {
-    match: n => n.type === CALL_OUT
+  const aboveNodeEntry = _slate.Editor.above(editor, {
+    match: n => n.type === _elementType.CALL_OUT
   });
   if (!aboveNodeEntry) return;
   const [, calloutPath] = aboveNodeEntry;
-  Transforms.unwrapNodes(editor, {
+  _slate.Transforms.unwrapNodes(editor, {
     at: calloutPath,
-    match: n => n.type === CALL_OUT
+    match: n => n.type === _elementType.CALL_OUT
   });
-  const point = Editor.point(editor, editor.selection);
-  focusEditor(editor, point);
+  const point = _slate.Editor.point(editor, editor.selection);
+  (0, _core.focusEditor)(editor, point);
 };
-export const changeFillBackgroundColor = (editor, background_color) => {
-  Transforms.setNodes(editor, {
+exports.unwrapCallout = unwrapCallout;
+const changeFillBackgroundColor = (editor, background_color) => {
+  _slate.Transforms.setNodes(editor, {
     style: {
       background_color
     }
   }, {
-    match: n => n.type === CALL_OUT
+    match: n => n.type === _elementType.CALL_OUT
   });
-  Transforms.select(editor, Editor.start(editor, editor.selection));
+  _slate.Transforms.select(editor, _slate.Editor.start(editor, editor.selection));
 };
-export const setCalloutIcon = (editor, icon_name) => {
-  Transforms.setNodes(editor, {
+exports.changeFillBackgroundColor = changeFillBackgroundColor;
+const setCalloutIcon = (editor, icon_name) => {
+  _slate.Transforms.setNodes(editor, {
     callout_icon: icon_name
   }, {
-    match: n => n.type === CALL_OUT
+    match: n => n.type === _elementType.CALL_OUT
   });
-  Transforms.select(editor, Editor.start(editor, editor.selection));
+  _slate.Transforms.select(editor, _slate.Editor.start(editor, editor.selection));
 };
-export const deleteCalloutIcon = editor => {
-  Transforms.setNodes(editor, {
+exports.setCalloutIcon = setCalloutIcon;
+const deleteCalloutIcon = editor => {
+  _slate.Transforms.setNodes(editor, {
     callout_icon: ''
   }, {
-    match: n => n.type === CALL_OUT
+    match: n => n.type === _elementType.CALL_OUT
   });
-  Transforms.select(editor, Editor.start(editor, editor.selection));
+  _slate.Transforms.select(editor, _slate.Editor.start(editor, editor.selection));
 };
 
 // Check is cursor in callout
-export const getCalloutEntry = function (editor) {
+exports.deleteCalloutIcon = deleteCalloutIcon;
+const getCalloutEntry = function (editor) {
   let at = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : editor.selection;
-  const aboveNodeEntry = Editor.above(editor, {
-    match: n => n.type === CALL_OUT,
+  const aboveNodeEntry = _slate.Editor.above(editor, {
+    match: n => n.type === _elementType.CALL_OUT,
     mode: 'highest',
     at
   });
   return aboveNodeEntry;
 };
-export const isCalloutContentEmpty = calloutEntry => {
+exports.getCalloutEntry = getCalloutEntry;
+const isCalloutContentEmpty = calloutEntry => {
   const [calloutNode] = calloutEntry;
-  const contentString = Node.string(calloutNode);
+  const contentString = _slate.Node.string(calloutNode);
   const calloutChildren = calloutNode.children;
-  const isSingleParagraph = calloutChildren.length === 1 && calloutChildren[0].type === PARAGRAPH;
+  const isSingleParagraph = calloutChildren.length === 1 && calloutChildren[0].type === _elementType.PARAGRAPH;
   const isEmptyContent = contentString.length === 0;
   return isSingleParagraph && isEmptyContent;
 };
 
 // Insert a new element at new line in callout after current path
-export const insertElementAtNewLineInCallout = (editor, type, currentPath) => {
-  const element = generateEmptyElement(type);
-  const insertPath = Path.next(currentPath);
-  Transforms.insertNodes(editor, element, {
+exports.isCalloutContentEmpty = isCalloutContentEmpty;
+const insertElementAtNewLineInCallout = (editor, type, currentPath) => {
+  const element = (0, _core.generateEmptyElement)(type);
+  const insertPath = _slate.Path.next(currentPath);
+  _slate.Transforms.insertNodes(editor, element, {
     at: insertPath
   });
-  Transforms.select(editor, insertPath);
+  _slate.Transforms.select(editor, insertPath);
 };
-export const getCalloutMenuPosition = (element, editor) => {
+exports.insertElementAtNewLineInCallout = insertElementAtNewLineInCallout;
+const getCalloutMenuPosition = (element, editor) => {
   const {
     top,
     left
@@ -137,8 +154,9 @@ export const getCalloutMenuPosition = (element, editor) => {
     left: left // left = callout left distance
   };
   // 201 is distance with browser top
-  if (editor.editorType === DOCUMENT_PLUGIN_EDITOR && menuTop < 201) {
+  if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR && menuTop < 201) {
     newMenuPosition['display'] = 'none';
   }
   return newMenuPosition;
-};
+};
+exports.getCalloutMenuPosition = getCalloutMenuPosition;

package/dist/basic-sdk/extension/plugins/callout/index.js

@@ -1,12 +1,19 @@
-import { CALL_OUT } from '../../constants';
-import CalloutMenu from './menu';
-import withCallout from './plugin';
-import renderCallout from './render-elem';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+var _menu = _interopRequireDefault(require("./menu"));
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = _interopRequireDefault(require("./render-elem"));
 const CalloutPlugin = {
-  type: CALL_OUT,
+  type: _constants.CALL_OUT,
   nodeType: 'element',
-  editorMenus: [CalloutMenu],
-  editorPlugin: withCallout,
-  renderElements: [renderCallout]
+  editorMenus: [_menu.default],
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default]
 };
-export default CalloutPlugin;
+var _default = exports.default = CalloutPlugin;

package/dist/basic-sdk/extension/plugins/callout/menu/index.js

@@ -1,13 +1,21 @@
-import React, { useCallback, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { MenuItem } from '../../../commons';
-import { MENUS_CONFIG_MAP } from '../../../constants';
-import { CALL_OUT } from '../../../constants/element-type';
-import { isMenuActive, isMenuDisabled, unwrapCallout, wrapCallout } from '../helper';
-import { INTERNAL_EVENT } from '../../../../constants';
-import toaster from '../../../../../components/toast';
-import EventBus from '../../../../utils/event-bus';
-const menuConfig = MENUS_CONFIG_MAP[CALL_OUT];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _commons = require("../../../commons");
+var _constants = require("../../../constants");
+var _elementType = require("../../../constants/element-type");
+var _helper = require("../helper");
+var _constants2 = require("../../../../constants");
+var _toast = _interopRequireDefault(require("../../../../../components/toast"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+const menuConfig = _constants.MENUS_CONFIG_MAP[_elementType.CALL_OUT];
 const CalloutMenu = _ref => {
   let {
     editor,
@@ -17,24 +25,24 @@ const CalloutMenu = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const handleDisplayAlert = useCallback(type => {
-    toaster.warning("".concat(t('The_current_location_does_not_support_pasting')).concat(t(type && type.at(0).toUpperCase() + type.slice(1))));
+  } = (0, _reactI18next.useTranslation)();
+  const handleDisplayAlert = (0, _react.useCallback)(type => {
+    _toast.default.warning(`${t('The_current_location_does_not_support_pasting')}${t(type && type.at(0).toUpperCase() + type.slice(1))}`);
   }, [t]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribe = eventBus.subscribe(INTERNAL_EVENT.DISPLAY_CALLOUT_UNSUPPORT_ALERT, handleDisplayAlert);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_constants2.INTERNAL_EVENT.DISPLAY_CALLOUT_UNSUPPORT_ALERT, handleDisplayAlert);
     return unsubscribe;
   }, [handleDisplayAlert, t]);
-  const handleClick = useCallback(e => {
-    isMenuActive(editor) ? unwrapCallout(editor) : wrapCallout(editor);
+  const handleClick = (0, _react.useCallback)(e => {
+    (0, _helper.isMenuActive)(editor) ? (0, _helper.unwrapCallout)(editor) : (0, _helper.wrapCallout)(editor);
   }, [editor]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuItem, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
     isRichEditor: isRichEditor,
     className: className,
-    disabled: isMenuDisabled(editor, readonly),
-    isActive: isMenuActive(editor),
+    disabled: (0, _helper.isMenuDisabled)(editor, readonly),
+    isActive: (0, _helper.isMenuActive)(editor),
     onMouseDown: handleClick
   }, menuConfig)));
 };
-export default CalloutMenu;
+var _default = exports.default = CalloutMenu;