@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/extension/plugins/ai/ai-module/tip-dialog.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TipDialog;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+function TipDialog(_ref) {
+  var closeDialog = _ref.closeDialog,
+    discardCurrentContent = _ref.discardCurrentContent;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var close = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+    isOpen: true,
+    toggle: closeDialog
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Tip')), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalBody, null, t('AI_tip_content')), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "secondary",
+    className: "mr-2",
+    onClick: closeDialog
+  }, t('Cancel')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "primary",
+    onClick: discardCurrentContent
+  }, t('Discard'))));
+}

package/dist/extension/plugins/ai/constants/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OPERATION_TYPES = exports.OPERATION_MENUS_CONFIG = exports.LANG_MENU_CONFIG = exports.AI_RESULT_TYPES = exports.AI_MIN_HEIGHT = void 0;
+var OPERATION_TYPES = exports.OPERATION_TYPES = {
+  DEFAULT: 'default',
+  CONTINUATION: 'continuation',
+  MORE_FLUENT: 'more_fluent',
+  MORE_DETAILS: 'more_details',
+  MORE_CONCISE: 'more_concise',
+  MORE_VIVID: 'more_vivid',
+  TRANSLATE: 'translate'
+};
+var OPERATION_MENUS_CONFIG = exports.OPERATION_MENUS_CONFIG = {
+  CONTINUATION: {
+    id: 'CONTINUATION',
+    text: 'Continuation',
+    iconClass: 'sdocfont sdoc-continue-writing',
+    type: 'continuation'
+  },
+  MORE_FLUENT: {
+    id: 'MORE_FLUENT',
+    text: 'More_fluent',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_fluent'
+  },
+  MORE_DETAILS: {
+    id: 'MORE_DETAILS',
+    text: 'More_details',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_details'
+  },
+  MORE_CONCISE: {
+    id: 'MORE_CONCISE',
+    text: 'More_concise',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_concise'
+  },
+  MORE_VIVID: {
+    id: 'MORE_VIVID',
+    text: 'More_vivid',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'more_vivid'
+  },
+  TRANSLATE: {
+    id: 'TRANSLATE',
+    text: 'Translate',
+    iconClass: 'sdocfont sdoc-ai-translate',
+    type: 'translate'
+  },
+  ADJUSTMENT: {
+    id: 'ADJUSTMENT',
+    text: 'Adjustment',
+    iconClass: 'sdocfont sdoc-adjust',
+    type: 'adjustment'
+  },
+  INSERT_BELOW: {
+    id: 'INSERT_BELOW',
+    text: 'Insert_below',
+    iconClass: 'sdocfont sdoc-insert-below',
+    type: 'insert_below'
+  },
+  REPLACE: {
+    id: 'REPLACE',
+    text: 'Replace',
+    iconClass: 'sdocfont sdoc-replace',
+    type: 'replace'
+  },
+  TRY_AGAIN: {
+    id: 'TRY_AGAIN',
+    text: 'Try_again',
+    iconClass: 'sdocfont sdoc-try-again',
+    type: 'try_again'
+  },
+  COPY: {
+    id: 'COPY',
+    text: 'Copy',
+    iconClass: 'sdocfont sdoc-copy',
+    type: 'copy'
+  },
+  DEPRECATION: {
+    id: 'DEPRECATION',
+    text: 'Deprecation',
+    iconClass: 'sdocfont sdoc-delete',
+    type: 'deprecation'
+  }
+};
+var AI_RESULT_TYPES = exports.AI_RESULT_TYPES = {
+  continuation: true,
+  mode_details: true,
+  more_concise: true,
+  MORE_VIVID: true,
+  TRANSLATE: true
+};
+var LANG_MENU_CONFIG = exports.LANG_MENU_CONFIG = {
+  EN: {
+    id: 'en',
+    type: 'en',
+    text: 'English',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  ZH_CN: {
+    id: 'zh-cn',
+    type: 'zh-cn',
+    text: 'Chinese',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  'ZH-CN': {
+    id: 'zh-cn',
+    type: 'en',
+    text: 'Chinese',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  DE: {
+    id: 'de',
+    type: 'de',
+    text: 'German',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  FR: {
+    id: 'fr',
+    type: 'fr',
+    text: 'French',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  },
+  RU: {
+    id: 'ru',
+    type: 'ru',
+    text: 'Russian',
+    iconClass: 'sdocfont sdoc-ai-translate'
+  }
+};
+
+// 358 is default height of ai menu and 300 is max-height of shown result
+var AI_MIN_HEIGHT = exports.AI_MIN_HEIGHT = 358 + 300;

package/dist/extension/plugins/blockquote/helpers.js

@@ -0,0 +1,160 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setBlockQuoteType = exports.isMenuDisabled = exports.insertBlockQuote = exports.getFormattedRestElements = exports.getFormattedElements = exports.getBlockQuoteType = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../../constants");
+var _core = require("../../core");
+var isMenuDisabled = exports.isMenuDisabled = function isMenuDisabled(editor, readonly) {
+  if (readonly) return true;
+  if (editor.selection == null) return true;
+  var _Editor$nodes = _slate.Editor.nodes(editor, {
+      match: function match(n) {
+        var type = (0, _core.getNodeType)(n);
+
+        // Only available for p and blockquote
+        if (type === _constants.PARAGRAPH) return true;
+        if (type === _constants.BLOCKQUOTE) return true;
+        if (type === _constants.UNORDERED_LIST) return true;
+        if (type === _constants.ORDERED_LIST) return true;
+        if (type === _constants.CHECK_LIST_ITEM) return true;
+        if (type && type.startWith && type.startWith('header')) return true;
+        if (type === _constants.IMAGE) return true;
+        return false;
+      },
+      universal: true,
+      mode: 'highest' // Match top level
+    }),
+    _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+    nodeEntry = _Editor$nodes2[0];
+
+  // Match to p blockquote, do not disable
+  if (nodeEntry) {
+    return false;
+  }
+  // 未匹配到，则禁用
+  return true;
+};
+var getBlockQuoteType = exports.getBlockQuoteType = function getBlockQuoteType(editor) {
+  var _Editor$nodes3 = _slate.Editor.nodes(editor, {
+      match: function match(n) {
+        return (0, _core.getNodeType)(n) === _constants.BLOCKQUOTE;
+      },
+      universal: true
+    }),
+    _Editor$nodes4 = (0, _slicedToArray2["default"])(_Editor$nodes3, 1),
+    match = _Editor$nodes4[0];
+  if (!match) return _constants.PARAGRAPH;
+  var _match = (0, _slicedToArray2["default"])(match, 1),
+    n = _match[0];
+  return (0, _core.getNodeType)(n);
+};
+
+// If cursor is in callout, insert block quote in callout, otherwise wrap block quote directly
+var setBlockQuoteType = exports.setBlockQuoteType = function setBlockQuoteType(editor, active) {
+  if (!active) {
+    var blockquoteNode = {
+      id: _slugid["default"].nice(),
+      type: _constants.BLOCKQUOTE
+    };
+    // Insert block quote into column node if in multi_column node
+    var currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.MULTI_COLUMN);
+    if (currentMultiColumnEntry) {
+      _slate.Transforms.wrapNodes(editor, blockquoteNode, {
+        mode: 'lowest',
+        match: function match(n) {
+          if (n.type === _constants.CALL_OUT) return false;
+          return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+        }
+      });
+      return;
+    }
+    _slate.Transforms.wrapNodes(editor, blockquoteNode, {
+      mode: 'highest',
+      match: function match(n) {
+        if (n.type === _constants.CALL_OUT) return false;
+        return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+      }
+    });
+  } else {
+    var _currentMultiColumnEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.MULTI_COLUMN);
+    if (_currentMultiColumnEntry) {
+      var blockquoteEntry = _slate.Editor.above(editor, {
+        at: editor.selection.anchor.path,
+        match: function match(n) {
+          return n.type === _constants.BLOCKQUOTE;
+        }
+      });
+      blockquoteEntry && _slate.Transforms.unwrapNodes(editor, {
+        mode: 'highest',
+        at: blockquoteEntry[1],
+        match: function match(n) {
+          return n.type === _constants.BLOCKQUOTE;
+        }
+      });
+      return;
+    }
+    _slate.Transforms.unwrapNodes(editor, {
+      mode: 'highest',
+      match: function match(n) {
+        if (n.type === _constants.CALL_OUT) return false;
+        return _slate.Element.isElement(n) && _slate.Editor.isBlock(editor, n);
+      }
+    });
+  }
+};
+var getFormattedElements = exports.getFormattedElements = function getFormattedElements(data) {
+  var elements = [];
+  var arr = [];
+  data.forEach(function (item) {
+    if ([_constants.CODE_BLOCK, _constants.TABLE, _constants.BLOCKQUOTE].includes(item === null || item === void 0 ? void 0 : item.type)) {
+      // Insert quote block
+      if (arr.length !== 0) {
+        var blockquoteNode = {
+          id: _slugid["default"].nice(),
+          type: _constants.BLOCKQUOTE
+        };
+        blockquoteNode['children'] = arr;
+        elements.push(blockquoteNode);
+        arr = [];
+      }
+      // Merge quote block
+      var preElement = elements[elements.length - 1];
+      if ((preElement === null || preElement === void 0 ? void 0 : preElement.type) === _constants.BLOCKQUOTE && (item === null || item === void 0 ? void 0 : item.type) === _constants.BLOCKQUOTE) {
+        elements[elements.length - 1] = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, preElement), {}, {
+          children: [].concat((0, _toConsumableArray2["default"])(preElement.children), (0, _toConsumableArray2["default"])(item.children))
+        });
+      } else {
+        elements.push(item);
+      }
+    } else {
+      arr.push(item);
+    }
+  });
+  return elements;
+};
+var getFormattedRestElements = exports.getFormattedRestElements = function getFormattedRestElements(data) {
+  var restElements = data.slice(0);
+  data.forEach(function (item, index) {
+    if (_slate.Node.string(item).length === 0) {
+      restElements.splice(index, 1);
+    }
+
+    // Split quote block
+    if ((item === null || item === void 0 ? void 0 : item.type) === _constants.BLOCKQUOTE) {
+      restElements.splice.apply(restElements, [index, 1].concat((0, _toConsumableArray2["default"])(item.children)));
+    }
+  });
+  return restElements;
+};
+var insertBlockQuote = exports.insertBlockQuote = function insertBlockQuote(editor, active) {
+  setBlockQuoteType(editor, active);
+  (0, _core.focusEditor)(editor);
+};

package/dist/extension/plugins/blockquote/index.js

@@ -0,0 +1,21 @@
+"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 _model = _interopRequireDefault(require("./model"));
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = _interopRequireDefault(require("./render-elem"));
+var BlockquotePlugin = {
+  type: _constants.BLOCKQUOTE,
+  nodeType: 'element',
+  model: _model["default"],
+  editorMenus: [_menu["default"]],
+  editorPlugin: _plugin["default"],
+  renderElements: [_renderElem["default"]]
+};
+var _default = exports["default"] = BlockquotePlugin;

package/dist/extension/plugins/blockquote/menu/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../../../commons");
+var _constants = require("../../../constants");
+var _helpers = require("../helpers");
+var QuoteMenu = /*#__PURE__*/function (_React$Component) {
+  function QuoteMenu() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, QuoteMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, QuoteMenu, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "isActive", function () {
+      var editor = _this.props.editor;
+      return (0, _helpers.getBlockQuoteType)(editor) === _constants.BLOCKQUOTE;
+    });
+    (0, _defineProperty2["default"])(_this, "isDisabled", function () {
+      var _this$props = _this.props,
+        editor = _this$props.editor,
+        readonly = _this$props.readonly;
+      return (0, _helpers.isMenuDisabled)(editor, readonly);
+    });
+    (0, _defineProperty2["default"])(_this, "onMouseDown", function (e) {
+      var editor = _this.props.editor;
+      var active = _this.isActive(editor);
+      (0, _helpers.insertBlockQuote)(editor, active);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(QuoteMenu, _React$Component);
+  return (0, _createClass2["default"])(QuoteMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        isRichEditor = _this$props2.isRichEditor,
+        className = _this$props2.className;
+      var menuConfig = _constants.MENUS_CONFIG_MAP[_constants.BLOCKQUOTE];
+      var props = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        isRichEditor: isRichEditor,
+        className: className,
+        ariaLabel: 'blockquote'
+      }, menuConfig), {}, {
+        disabled: this.isDisabled(),
+        isActive: this.isActive(),
+        onMouseDown: this.onMouseDown
+      });
+      return /*#__PURE__*/_react["default"].createElement(_commons.MenuItem, props);
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = QuoteMenu;

package/dist/extension/plugins/blockquote/model.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _constants = require("../../constants");
+var Blockquote = /*#__PURE__*/(0, _createClass2["default"])(function Blockquote(options) {
+  (0, _classCallCheck2["default"])(this, Blockquote);
+  this.type = options.type || _constants.BLOCKQUOTE;
+  this.children = options.children || [{
+    text: ''
+  }];
+});
+var _default = exports["default"] = Blockquote;

package/dist/extension/plugins/blockquote/plugin.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
+var _core = require("../../core");
+var _helpers = require("./helpers");
+var withBlockquote = function withBlockquote(editor) {
+  var insertBreak = editor.insertBreak,
+    deleteBackward = editor.deleteBackward,
+    insertFragment = editor.insertFragment;
+  var newEditor = editor;
+  newEditor.insertBreak = function () {
+    var selection = editor.selection;
+    if (selection == null) return insertBreak();
+    var _Editor$nodes = _slate.Editor.nodes(editor, {
+        match: function match(n) {
+          return _slate.Element.isElement(n) && n.type === _constants.BLOCKQUOTE;
+        },
+        universal: true
+      }),
+      _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+      quoteBlockEntry = _Editor$nodes2[0];
+    if (!quoteBlockEntry) return insertBreak();
+    var _Editor$nodes3 = _slate.Editor.nodes(newEditor, {
+        match: function match(n) {
+          return _slate.Element.isElement(n) && [_constants.PARAGRAPH, _constants.HEADER1, _constants.HEADER2, _constants.HEADER3, _constants.HEADER4, _constants.HEADER5, _constants.HEADER6, _constants.TITLE, _constants.SUBTITLE].includes(n.type);
+        },
+        mode: 'lowest'
+      }),
+      _Editor$nodes4 = (0, _slicedToArray2["default"])(_Editor$nodes3, 1),
+      currentLineEntry = _Editor$nodes4[0];
+
+    // Exit blockquote when current line is empty
+    var isAtBlockquoteEnd = currentLineEntry[1].slice(-1)[0] === quoteBlockEntry[0].children.length - 1;
+    if (isAtBlockquoteEnd) {
+      var isEmptyLine = !(currentLineEntry && _slate.Editor.string(newEditor, currentLineEntry[1]).length) && !(0, _core.isContainsVoidElement)(currentLineEntry[0]);
+      if (isEmptyLine) {
+        var nextPath = _slate.Path.next(quoteBlockEntry[1]);
+        _slate.Transforms.moveNodes(newEditor, {
+          at: currentLineEntry[1],
+          to: nextPath
+        });
+        return;
+      }
+    }
+
+    // const isMiddleIn
+    if (_slate.Range.isCollapsed(selection)) {
+      var isMiddleIn = (0, _core.isMiddlePoint)(editor, selection.anchor, currentLineEntry[1]);
+      if (isMiddleIn) {
+        insertBreak();
+        return;
+      }
+    }
+
+    // Insert new line
+    _slate.Transforms.insertNodes(editor, {
+      type: _constants.PARAGRAPH,
+      children: [(0, _core.generateDefaultText)()]
+    }, {
+      at: newEditor.selection,
+      select: true
+    });
+  };
+  newEditor.deleteBackward = function (unit) {
+    var selection = newEditor.selection;
+    if (selection === null) {
+      deleteBackward(unit);
+      return;
+    }
+    var blockQuoteEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.BLOCKQUOTE);
+    if (blockQuoteEntry) {
+      var _blockQuoteEntry = (0, _slicedToArray2["default"])(blockQuoteEntry, 2),
+        blockQuotePath = _blockQuoteEntry[1];
+      var _Editor$nodes5 = _slate.Editor.nodes(newEditor, {
+          match: function match(n, p) {
+            return _slate.Element.isElement(n) && p.length === blockQuotePath.length + 1 && n.type === _constants.PARAGRAPH;
+          }
+        }),
+        _Editor$nodes6 = (0, _slicedToArray2["default"])(_Editor$nodes5, 1),
+        currentLineEntry = _Editor$nodes6[0];
+      if (!currentLineEntry) return deleteBackward(unit);
+      var _currentLineEntry = (0, _slicedToArray2["default"])(currentLineEntry, 2),
+        currentLinePath = _currentLineEntry[1];
+      var currentLineIndex = currentLinePath[blockQuotePath.length];
+      // Transforms to paragraph when Select at the beginning of the first line
+      if (currentLineIndex === 0 && (0, _core.isSelectionAtBlockStart)(editor, {
+        at: currentLinePath
+      })) {
+        _slate.Transforms.liftNodes(editor, {
+          at: currentLinePath
+        });
+        return;
+      }
+    }
+    deleteBackward(unit);
+  };
+  newEditor.insertFragment = function (data) {
+    // Paste into quote block
+    if ((0, _core.getSelectedNodeByType)(newEditor, _constants.BLOCKQUOTE)) {
+      var lastIndex = data.findLastIndex(function (item) {
+        return [_constants.CODE_BLOCK, _constants.TABLE].includes(item === null || item === void 0 ? void 0 : item.type);
+      });
+      var elements = (0, _helpers.getFormattedElements)(data.slice(0, lastIndex + 1));
+      var restElements = (0, _helpers.getFormattedRestElements)(data.slice(lastIndex + 1));
+      var path = _slate.Editor.path(newEditor, newEditor.selection);
+
+      // Insert elements of quote block
+      if (restElements.length !== 0) {
+        if (_slate.Range.isCollapsed(editor.selection)) {
+          var paragraphEntry = (0, _core.getSelectedNodeEntryByType)(newEditor, _constants.PARAGRAPH);
+          if (paragraphEntry) {
+            var parentNodeEntry = _slate.Editor.parent(editor, paragraphEntry[1]);
+            if (parentNodeEntry && parentNodeEntry[0].type === _constants.BLOCKQUOTE) {
+              if (!_slate.Node.string(paragraphEntry[0]).length) {
+                data.forEach(function (node) {
+                  if (node.type === _constants.BLOCKQUOTE) {
+                    node.type = _constants.PARAGRAPH;
+                  }
+                });
+                insertFragment(data);
+                return;
+              }
+            }
+          }
+        }
+        // Insert text when inserting a single line paragraph
+        if (restElements.length === 1 && restElements[0].type === _constants.PARAGRAPH) {
+          var string = _slate.Node.string(restElements[0]);
+          _slate.Editor.insertText(newEditor, string);
+        } else {
+          _slate.Transforms.insertNodes(newEditor, restElements, {
+            at: [path[0], path[1] + 1]
+          });
+        }
+      }
+
+      // Insert elements above the quoted block
+      if (elements.length !== 0) {
+        _slate.Transforms.insertNodes(newEditor, elements, {
+          at: [path[0]]
+        });
+      }
+      return;
+    }
+    return insertFragment(data);
+  };
+  return newEditor;
+};
+var _default = exports["default"] = withBlockquote;

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

@@ -0,0 +1,22 @@
+"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"));
+var renderBlockquote = function renderBlockquote(props, editor) {
+  var attributes = props.attributes,
+    children = props.children,
+    element = props.element;
+  var style = {
+    textAlign: element.align
+  };
+  return /*#__PURE__*/_react["default"].createElement("blockquote", Object.assign({
+    "data-id": element.id
+  }, attributes, {
+    style: style
+  }), children);
+};
+var _default = exports["default"] = renderBlockquote;

package/dist/extension/plugins/callout/constant.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CALLOUT_ICON_MAP = exports.CALLOUT_COLOR_MAP = exports.CALLOUT_ALLOWED_INSIDE_TYPES = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _constants = require("../../constants");
+var _elementType = require("../../constants/element-type");
+// key as container fill color
+var CALLOUT_COLOR_MAP = exports.CALLOUT_COLOR_MAP = {
+  '#f1f3f6': {
+    border_color: '#d9dbe0',
+    background_color: '#f1f3f6'
+  },
+  '#e1e9fe': {
+    border_color: '#cbdeff',
+    background_color: '#e1e9fe'
+  },
+  '#def0ff': {
+    border_color: '#c7ecff',
+    background_color: '#def0ff'
+  },
+  '#e7f9ee': {
+    border_color: '#a5dfbf',
+    background_color: '#e7f9ee'
+  },
+  '#eaf7d6': {
+    border_color: '#c3e788',
+    background_color: '#eaf7d6'
+  },
+  '#fef7e0': {
+    border_color: '#faecb3',
+    background_color: '#fef7e0'
+  },
+  '#fff1e8': {
+    border_color: '#ffe1cd',
+    background_color: '#fff1e8'
+  },
+  '#ffe6e3': {
+    border_color: '#ffc6c4',
+    background_color: '#ffe6e3'
+  },
+  '#ffe9f2': {
+    border_color: '#ffd0e6',
+    background_color: '#ffe9f2'
+  },
+  '#fde8ff': {
+    border_color: '#f0c1ff',
+    background_color: '#fde8ff'
+  }
+};
+var CALLOUT_ICON_MAP = exports.CALLOUT_ICON_MAP = {
+  'trumpet': '📢',
+  'bulb': '💡',
+  'prohibited': '🚫',
+  'warning': '⚠️'
+};
+var 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].concat((0, _toConsumableArray2["default"])(_constants.HEADERS), (0, _toConsumableArray2["default"])(_constants.LIST_ITEM_CORRELATION_TYPE), [_elementType.CHECK_LIST_ITEM, _elementType.IMAGE, _elementType.LINK, _elementType.SDOC_LINK]);