@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/index.js

@@ -1,22 +1,30 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { Transforms } from '@seafile/slate';
-import { insertElement } from '../side-toolbar/helpers';
-import { insertTable } from '../../plugins/table/helpers';
-import TableSizePopover from '../../plugins/table/popover/table-size-popover';
-import { changeToCodeBlock } from '../../plugins/code-block/helpers';
-import { toggleList } from '../../plugins/list/transforms';
-import { setCheckListItemType } from '../../plugins/check-list/helpers';
-import { ELEMENT_TYPE, IMAGE, INSERT_POSITION, LINK, LOCAL_IMAGE, PARAGRAPH, SIDE_INSERT_MENUS_CONFIG, TABLE, CODE_BLOCK, CALL_OUT, UNORDERED_LIST, ORDERED_LIST, CHECK_LIST_ITEM, QUICK_INSERT, BLOCKQUOTE } from '../../constants';
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
-import DropdownMenuItem from '../../commons/dropdown-menu-item';
-import { wrapCallout } from '../../plugins/callout/helper';
-import keyCodes from '../../../../constants/key-codes';
-import { SELECTED_ITEM_CLASS_NAME, SHORT_INSERT_ELEMENT_USER_INPUT_MAP } from './const';
-import { getAboveBlockNode } from '../../core';
-import { insertBlockQuote } from '../../plugins/blockquote/helpers';
-import './style.css';
+"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 _slateReact = require("@seafile/slate-react");
+var _slate = require("@seafile/slate");
+var _helpers = require("../side-toolbar/helpers");
+var _helpers2 = require("../../plugins/table/helpers");
+var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
+var _helpers3 = require("../../plugins/code-block/helpers");
+var _transforms = require("../../plugins/list/transforms");
+var _helpers4 = require("../../plugins/check-list/helpers");
+var _constants = require("../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../commons/dropdown-menu-item"));
+var _helper = require("../../plugins/callout/helper");
+var _keyCodes = _interopRequireDefault(require("../../../../constants/key-codes"));
+var _const = require("./const");
+var _core = require("../../core");
+var _helpers5 = require("../../plugins/blockquote/helpers");
+require("./style.css");
 const QuickInsertBlockMenu = _ref => {
   let {
     insertPosition,
@@ -25,103 +33,103 @@ const QuickInsertBlockMenu = _ref => {
     callback,
     isEmptyNode
   } = _ref;
-  const editor = useSlateStatic();
-  const [currentSelectIndex, setCurrentSelectIndex] = useState(0);
-  const renderItemListRef = useRef([]);
-  const downDownWrapperRef = useRef(null);
-  const onInsertImageToggle = useCallback(() => {
+  const editor = (0, _slateReact.useSlateStatic)();
+  const [currentSelectIndex, setCurrentSelectIndex] = (0, _react.useState)(0);
+  const renderItemListRef = (0, _react.useRef)([]);
+  const downDownWrapperRef = (0, _react.useRef)(null);
+  const onInsertImageToggle = (0, _react.useCallback)(() => {
     callback && callback();
-    const eventBus = EventBus.getInstance();
-    if (insertPosition === INSERT_POSITION.CURRENT) {
-      Transforms.select(editor, editor.selection.focus);
+    const eventBus = _eventBus.default.getInstance();
+    if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+      _slate.Transforms.select(editor, editor.selection.focus);
     }
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: LOCAL_IMAGE,
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.LOCAL_IMAGE,
       insertPosition,
       slateNode
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
-  const createTable = useCallback(size => {
+  const createTable = (0, _react.useCallback)(size => {
     callback && callback();
-    const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
-    insertTable(editor, size, editor.selection, newInsertPosition);
+    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
+    (0, _helpers2.insertTable)(editor, size, editor.selection, newInsertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const openLinkDialog = useCallback(() => {
+  const openLinkDialog = (0, _react.useCallback)(() => {
     callback && callback();
-    const eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: ELEMENT_TYPE.LINK,
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.LINK,
       insertPosition,
       slateNode
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
-  const onInsertCodeBlock = useCallback(() => {
+  const onInsertCodeBlock = (0, _react.useCallback)(() => {
     callback && callback();
-    const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
-    changeToCodeBlock(editor, 'plaintext', newInsertPosition);
+    const newInsertPosition = slateNode.type === _constants.ELEMENT_TYPE.LIST_ITEM ? _constants.INSERT_POSITION.AFTER : insertPosition;
+    (0, _helpers3.changeToCodeBlock)(editor, 'plaintext', newInsertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsertList = useCallback(type => {
+  const onInsertList = (0, _react.useCallback)(type => {
     callback && callback();
-    toggleList(editor, type, insertPosition);
+    (0, _transforms.toggleList)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsertCheckList = useCallback(() => {
+  const onInsertCheckList = (0, _react.useCallback)(() => {
     callback && callback();
-    setCheckListItemType(editor, ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
+    (0, _helpers4.setCheckListItemType)(editor, _constants.ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsert = useCallback(type => {
+  const onInsert = (0, _react.useCallback)(type => {
     callback && callback();
-    insertElement(editor, type, insertPosition);
+    (0, _helpers.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
-  const onInsertCallout = useCallback(type => {
+  const onInsertCallout = (0, _react.useCallback)(type => {
     callback && callback();
-    if (insertPosition === INSERT_POSITION.CURRENT) {
-      wrapCallout(editor);
-      Transforms.removeNodes(editor, {
-        match: n => n.type === QUICK_INSERT
+    if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+      (0, _helper.wrapCallout)(editor);
+      _slate.Transforms.removeNodes(editor, {
+        match: n => n.type === _constants.QUICK_INSERT
       });
-    } else if (insertPosition === INSERT_POSITION.AFTER) {
-      insertElement(editor, type, insertPosition);
-      wrapCallout(editor);
+    } else if (insertPosition === _constants.INSERT_POSITION.AFTER) {
+      (0, _helpers.insertElement)(editor, type, insertPosition);
+      (0, _helper.wrapCallout)(editor);
     }
   }, [callback, editor, insertPosition]);
-  const isDisableCallout = useMemo(() => {
-    const callout = getAboveBlockNode(editor, {
-      match: n => n.type === ELEMENT_TYPE.CALL_OUT
+  const isDisableCallout = (0, _react.useMemo)(() => {
+    const callout = (0, _core.getAboveBlockNode)(editor, {
+      match: n => n.type === _constants.ELEMENT_TYPE.CALL_OUT
     });
     return !!callout;
   }, [editor]);
-  const onInsertBlockQuote = useCallback(() => {
+  const onInsertBlockQuote = (0, _react.useCallback)(() => {
     callback && callback();
-    insertBlockQuote(editor, false);
+    (0, _helpers5.insertBlockQuote)(editor, false);
   }, [callback, editor]);
-  const dropDownItems = useMemo(() => {
+  const dropDownItems = (0, _react.useMemo)(() => {
     let items = {
-      [IMAGE]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.IMAGE]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-image",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.IMAGE]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.IMAGE]
         },
         onClick: onInsertImageToggle
       }),
-      [TABLE]:
+      [_constants.TABLE]:
       /*#__PURE__*/
       // eslint-disable-next-line react/jsx-indent
-      React.createElement(DropdownMenuItem, {
+      _react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-tabe",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.TABLE]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.TABLE]
         },
         className: "pr-2"
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-      }), /*#__PURE__*/React.createElement(TableSizePopover, {
+      }), /*#__PURE__*/_react.default.createElement(_tableSizePopover.default, {
         editor: editor,
         target: "sdoc-side-menu-item-table",
         trigger: "hover",
@@ -129,71 +137,71 @@ const QuickInsertBlockMenu = _ref => {
         popperClassName: "sdoc-side-menu-table-size",
         createTable: createTable
       })),
-      [LINK]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.LINK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-link",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.LINK]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.LINK]
         },
         onClick: openLinkDialog
       }),
-      [BLOCKQUOTE]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.BLOCKQUOTE]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-blockquote",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.BLOCKQUOTE]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.BLOCKQUOTE]
         },
         onClick: onInsertBlockQuote
       }),
-      [CODE_BLOCK]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.CODE_BLOCK]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-code-block",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CODE_BLOCK]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CODE_BLOCK]
         },
         onClick: onInsertCodeBlock
       }),
-      [CALL_OUT]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.CALL_OUT]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         disabled: isDisableCallout,
         key: "sdoc-insert-menu-callout",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CALL_OUT]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CALL_OUT]
         },
-        onClick: () => onInsertCallout(PARAGRAPH)
+        onClick: () => onInsertCallout(_constants.PARAGRAPH)
       }),
-      [UNORDERED_LIST]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.UNORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-unorder-list",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.UNORDERED_LIST]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.UNORDERED_LIST]
         },
         onClick: () => {
-          onInsertList(ELEMENT_TYPE.UNORDERED_LIST);
+          onInsertList(_constants.ELEMENT_TYPE.UNORDERED_LIST);
         }
       }),
-      [ORDERED_LIST]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.ORDERED_LIST]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-order-list",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.ORDERED_LIST]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.ORDERED_LIST]
         },
         onClick: () => {
-          onInsertList(ELEMENT_TYPE.ORDERED_LIST);
+          onInsertList(_constants.ELEMENT_TYPE.ORDERED_LIST);
         }
       }),
-      [CHECK_LIST_ITEM]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.CHECK_LIST_ITEM]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-check-list",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CHECK_LIST_ITEM]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.CHECK_LIST_ITEM]
         },
         onClick: onInsertCheckList
       }),
-      [PARAGRAPH]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      [_constants.PARAGRAPH]: /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         disabled: isEmptyNode,
         key: "sdoc-insert-menu-paragraph",
         menuConfig: {
-          ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.PARAGRAPH]
+          ..._constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.PARAGRAPH]
         },
-        onClick: () => onInsert(ELEMENT_TYPE.PARAGRAPH)
+        onClick: () => onInsert(_constants.ELEMENT_TYPE.PARAGRAPH)
       })
     };
-    SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.HEADER].forEach(item => {
-      items[item.id.toLowerCase()] = /*#__PURE__*/React.createElement(DropdownMenuItem, {
+    _constants.SIDE_INSERT_MENUS_CONFIG[_constants.ELEMENT_TYPE.HEADER].forEach(item => {
+      items[item.id.toLowerCase()] = /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: item.id,
         menuConfig: item,
         onClick: () => onInsert(item.type)
@@ -206,12 +214,12 @@ const QuickInsertBlockMenu = _ref => {
     const currentSelectItem = dropDownItemWrapper.children[selectIndex];
     return currentSelectItem;
   };
-  const handleKeyDown = useCallback(e => {
+  const handleKeyDown = (0, _react.useCallback)(e => {
     const {
       UpArrow,
       DownArrow,
       Enter
-    } = keyCodes;
+    } = _keyCodes.default;
     const renderItems = Reflect.ownKeys(dropDownItems);
     const {
       keyCode
@@ -219,7 +227,7 @@ const QuickInsertBlockMenu = _ref => {
     if (keyCode === UpArrow) {
       e.preventDefault();
       const currentSelectItem = getSelectItemDom(currentSelectIndex);
-      if (currentSelectItem) currentSelectItem.classList.remove(SELECTED_ITEM_CLASS_NAME);
+      if (currentSelectItem) currentSelectItem.classList.remove(_const.SELECTED_ITEM_CLASS_NAME);
       if (currentSelectIndex > 0) {
         setCurrentSelectIndex(currentSelectIndex - 1);
       } else {
@@ -229,7 +237,7 @@ const QuickInsertBlockMenu = _ref => {
     if (keyCode === DownArrow) {
       e.preventDefault();
       const currentSelectItem = getSelectItemDom(currentSelectIndex);
-      if (currentSelectItem) currentSelectItem.classList.remove(SELECTED_ITEM_CLASS_NAME);
+      if (currentSelectItem) currentSelectItem.classList.remove(_const.SELECTED_ITEM_CLASS_NAME);
       if (currentSelectIndex < renderItems.length - 1) {
         setCurrentSelectIndex(currentSelectIndex + 1);
       } else {
@@ -246,35 +254,35 @@ const QuickInsertBlockMenu = _ref => {
       !disabled && onClick();
     }
   }, [currentSelectIndex, dropDownItems]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     document.addEventListener('keydown', handleKeyDown);
     return () => {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, [handleKeyDown]);
-  const clearSelectStyle = useCallback(() => {
+  const clearSelectStyle = (0, _react.useCallback)(() => {
     const domList = Array.from(downDownWrapperRef.current.children);
-    domList.forEach(dom => dom.classList.remove(SELECTED_ITEM_CLASS_NAME));
+    domList.forEach(dom => dom.classList.remove(_const.SELECTED_ITEM_CLASS_NAME));
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     clearSelectStyle();
     const currentSelectItem = getSelectItemDom(currentSelectIndex);
     if (currentSelectItem) {
-      currentSelectItem.classList.add(SELECTED_ITEM_CLASS_NAME);
+      currentSelectItem.classList.add(_const.SELECTED_ITEM_CLASS_NAME);
     }
   }, [clearSelectStyle, currentSelectIndex, dropDownItems]);
   if (searchText) {
     const renderList = [];
     for (const key in dropDownItems) {
       if (Object.hasOwnProperty.call(dropDownItems, key)) {
-        const inputText = SHORT_INSERT_ELEMENT_USER_INPUT_MAP[key];
+        const inputText = _const.SHORT_INSERT_ELEMENT_USER_INPUT_MAP[key];
         if (inputText.toLowerCase().indexOf(searchText.toLowerCase()) !== -1) {
           renderList.push(dropDownItems[key]);
         }
       }
     }
     if (!renderList.length) {
-      renderList.push( /*#__PURE__*/React.createElement(DropdownMenuItem, {
+      renderList.push( /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
         key: "sdoc-insert-menu-no-result",
         menuConfig: {
           text: 'Search_not_found'
@@ -286,12 +294,12 @@ const QuickInsertBlockMenu = _ref => {
     // setRenderItemList(dropDownItems);
     renderItemListRef.current = Object.values(dropDownItems);
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-insert-element-toolbar",
     ref: downDownWrapperRef
   }, renderItemListRef.current);
 };
 QuickInsertBlockMenu.defaultProps = {
-  insertPosition: INSERT_POSITION.CURRENT
+  insertPosition: _constants.INSERT_POSITION.CURRENT
 };
-export default QuickInsertBlockMenu;
+var _default = exports.default = QuickInsertBlockMenu;

package/dist/basic-sdk/extension/toolbar/side-toolbar/event.js

@@ -1,28 +1,39 @@
-import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
-import { TABLE_DRAG_KEY } from '../../constants';
-export const onMouseEnter = (event, element) => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = void 0;
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../constants");
+var _constants2 = require("../../constants");
+const onMouseEnter = (event, element) => {
   event.stopPropagation();
-  const eventBus = EventBus.getInstance();
-  eventBus.dispatch(INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, event);
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, event);
 };
-export const onDragOver = event => {
+exports.onMouseEnter = onMouseEnter;
+const onDragOver = event => {
   event.stopPropagation();
   event.preventDefault();
   const dragTypes = event.dataTransfer.types;
-  if (dragTypes.includes(TABLE_DRAG_KEY)) return;
-  const eventBus = EventBus.getInstance();
-  eventBus.dispatch(INTERNAL_EVENT.ON_DRAG_OVER_BLOCK, event);
+  if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_OVER_BLOCK, event);
 };
-export const onDragLeave = event => {
+exports.onDragOver = onDragOver;
+const onDragLeave = event => {
   event.stopPropagation();
   event.preventDefault();
-  const eventBus = EventBus.getInstance();
-  eventBus.dispatch(INTERNAL_EVENT.ON_DRAG_LEAVE_BLOCK, event);
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_LEAVE_BLOCK, event);
 };
-export const onDrop = event => {
+exports.onDragLeave = onDragLeave;
+const onDrop = event => {
   event.stopPropagation();
   event.preventDefault();
-  const eventBus = EventBus.getInstance();
-  eventBus.dispatch(INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, event);
-};
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, event);
+};
+exports.onDrop = onDrop;