@seafile/sdoc-editor 1.0.176 → 1.0.178

package/dist/basic-sdk/extension/commons/select-file-dialog/index.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _reactI18next = require("react-i18next");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _localFiles = _interopRequireDefault(require("./local-files"));
@@ -27,6 +28,9 @@ const SelectSdocFileDialog = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   const [currentSelectedFile, setCurrentSelectedFile] = (0, _react.useState)(null);
+  const [temSearchContent, setTemSearchContent] = (0, _react.useState)('');
+  const [searchContent, setSearchContent] = (0, _react.useState)('');
+  const [isOpenSearch, setIsOpenSearch] = (0, _react.useState)(false);
   const onSelectedFile = (0, _react.useCallback)(fileInfo => {
     setCurrentSelectedFile(fileInfo);
   }, []);
@@ -70,24 +74,83 @@ const SelectSdocFileDialog = _ref => {
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentSelectedFile]);
+  const toggleSearch = (0, _react.useCallback)(() => {
+    setIsOpenSearch(prev => !prev);
+  }, []);
+  const handleSearchInputChange = (0, _react.useCallback)(e => {
+    const keyword = e.target.value.toLowerCase();
+    setTemSearchContent(keyword);
+  }, []);
+  const executeSearch = (0, _react.useCallback)(() => {
+    if (!temSearchContent.trim()) {
+      setSearchContent('');
+      return;
+    }
+    setSearchContent(temSearchContent);
+  }, [temSearchContent]);
+  const handleInputKeyDown = (0, _react.useCallback)(e => {
+    if ((0, _isHotkey.default)('enter', e)) {
+      e.preventDefault();
+      executeSearch();
+    }
+    if ((0, _isHotkey.default)('escape', e)) {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsOpenSearch(!isOpenSearch);
+    }
+  }, [executeSearch, isOpenSearch]);
+  (0, _react.useEffect)(() => {
+    if (!isOpenSearch) {
+      setSearchContent('');
+    }
+  }, [isOpenSearch]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-    toggle: closeDialog,
     isOpen: true,
     autoFocus: false,
     zIndex: 1071,
     returnFocusAfterClose: false,
     className: "sdoc-file-select-dialog",
     contentClassName: "sdoc-file-select-modal"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
-    toggle: closeDialog
-  }, t(modalTitle)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "modal-header-container"
+  }, /*#__PURE__*/_react.default.createElement("h5", {
+    className: "modal-title-container"
+  }, t(modalTitle)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "search-container"
+  }, !isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "search-icon-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-find-replace sdoc-files-search-popover",
+    onClick: toggleSearch
+  })), isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-files-search-popover-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-find-replace sdoc-search"
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    autoFocus: true,
+    className: "sdoc-search-input",
+    onKeyUp: handleInputKeyDown,
+    onChange: handleSearchInputChange,
+    id: "sdoc-search",
+    placeholder: t('Search')
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-close1 sdoc-close",
+    onClick: toggleSearch
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-close1 sdoc-close-dialog",
+    onClick: closeDialog
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
     className: "p-0"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-select-container"
   }, /*#__PURE__*/_react.default.createElement(_localFiles.default, {
     fileType: _constants.FILE_TYPE[dialogType],
     onSelectedFile: onSelectedFile,
-    toggle: closeDialog
+    toggle: closeDialog,
+    searchContent: searchContent,
+    isOpenSearch: isOpenSearch
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-select-footer"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.css

@@ -17,6 +17,8 @@
   white-space: nowrap;
   position: relative;
   padding-left: 2.8rem;
+  display: flex;
+  flex-direction: column;
 }
 
 .sdoc-files-tree .sdoc-file-info:hover {
@@ -34,6 +36,12 @@
   left: 0;
 }
 
+.sdoc-file-icon-container .sdoc-file-img {
+  position: absolute;
+  width: 21.6px;
+  right: 1px;
+}
+
 .sdoc-files-tree .sdoc-file-info .sdoc-file-icon {
   color: #9aa0ac;
 }
@@ -69,3 +77,37 @@
   color: #999;
   padding: 4px 20px;
 }
+
+.sdoc-files-tree .sdoc-file-info .sdoc-search-folder-name {
+  font-size: 14px;
+  color: #7d7d7d;
+}
+
+.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info {
+  height: 59px;
+  width: 486px;
+  padding: 10px 50px;
+  flex-direction: column;
+  justify-content: center;
+  border-radius: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info .sdoc-file-icon-container .sdoc-file-img {
+  width: 36px;
+  height: 36px;
+}
+
+.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-name,
+.sdoc-search-folder-name {
+  height: 19.5px;
+  display: flex;
+  align-items: center;
+}
+
+.sdoc-files-tree .sdoc-file-search-no-result {
+  display: flex;
+  justify-content: center;
+}

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.js

@@ -20,12 +20,16 @@ const LocalFiles = _ref => {
     onSelectedFile,
     toggle,
     fileType,
-    t
+    t,
+    searchContent,
+    isOpenSearch
   } = _ref;
   const folderRef = (0, _react.useRef)(null);
   const [expandedFolder, setExpandedFolder] = (0, _react.useState)(new Set([]));
   const [currentActiveItem, setCurrentActiveItem] = (0, _react.useState)(null);
   const [treeData, setTreeData] = (0, _react.useState)([]);
+  const [hasSearchResult, setHasSearchResult] = (0, _react.useState)(false);
+  const [isCurrentLibrary, setIsCurrentLibrary] = (0, _react.useState)(false);
   const collapsedFolder = (0, _react.useCallback)((data, indexId) => {
     for (let i = 0; i < data.length; i++) {
       var _data$i;
@@ -45,6 +49,8 @@ const LocalFiles = _ref => {
       res.data.forEach(item => {
         item.indexId = _slugid.default.nice();
       });
+      setHasSearchResult(false);
+      setIsCurrentLibrary(true);
       // Open folder
       if (indexId && treeData.length > 0) {
         const newFileListData = (0, _helpers.addDataToTree)(treeData, indexId, res.data, p);
@@ -64,10 +70,15 @@ const LocalFiles = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   (0, _react.useEffect)(() => {
-    const rootPath = '/';
-    getTreeData(rootPath);
+    if (searchContent.trim() && isOpenSearch) {
+      getSearchFiles(searchContent, fileType);
+    }
+    if (!isOpenSearch || !searchContent.trim()) {
+      const rootPath = '/';
+      getTreeData(rootPath);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [isOpenSearch, searchContent, isOpenSearch]);
   const onToggle = (0, _react.useCallback)(async (e, item, treeData) => {
     e.stopPropagation();
     if (expandedFolder.has(item.indexId)) {
@@ -88,20 +99,40 @@ const LocalFiles = _ref => {
     onSelectedFile(file);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const getSearchFiles = (0, _react.useCallback)((searchContent, fileType) => {
+    return _context.default.getSearchFilesByFilename(searchContent, 1, 100, fileType).then(res => {
+      res.data.results.forEach(item => {
+        item.indexId = _slugid.default.nice();
+        item.type = 'file';
+        item.file_uuid = item.doc_uuid;
+      });
+      if (res.data.results.length === 0) {
+        setHasSearchResult(false);
+      } else {
+        setHasSearchResult(true);
+      }
+      setTreeData(res.data.results);
+    });
+  }, []);
   const renderFileTree = (0, _react.useCallback)(data => {
     if (!Array.isArray(data) || data.length === 0) return null;
     return data.map(item => {
-      var _item$children, _item$children2;
+      var _item$fullpath, _item$children, _item$children2;
       if (!item) return null;
       const {
         type,
         indexId,
         name
       } = item;
+      const result = (_item$fullpath = item.fullpath) === null || _item$fullpath === void 0 ? void 0 : _item$fullpath.split('/').filter(Boolean);
+      item.fullpath && result.pop();
+      const folderPath = item.fullpath && result.join('/');
       const selected = (currentActiveItem === null || currentActiveItem === void 0 ? void 0 : currentActiveItem.indexId) === indexId;
       return /*#__PURE__*/_react.default.createElement("div", {
         key: indexId,
-        className: "sdoc-folder-container"
+        className: (0, _classnames.default)('sdoc-folder-container', {
+          'sdoc-folder-search-results': hasSearchResult === true
+        })
       }, type === 'dir' && /*#__PURE__*/_react.default.createElement("div", {
         ref: folderRef,
         className: "sdoc-folder"
@@ -133,19 +164,25 @@ const LocalFiles = _ref => {
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "sdoc-file-icon-container"
       }, /*#__PURE__*/_react.default.createElement("i", {
-        className: (0, _classnames.default)('sdoc-file-icon sdocfont', {
-          'sdoc-document': fileType === 'sdoc'
-        }, {
-          'sdoc-link-file': fileType === 'file'
+        className: (0, _classnames.default)('sdoc-file-icon', {
+          'sdocfont sdoc-link-file': fileType === 'file'
         })
+      }), fileType === 'sdoc' && /*#__PURE__*/_react.default.createElement("img", {
+        className: "sdoc-file-img",
+        src: (0, _helpers.sdocFileIcon)(),
+        alt: ""
       })), /*#__PURE__*/_react.default.createElement("span", {
         className: "sdoc-file-name"
-      }, name)));
+      }, name), item.fullpath && folderPath.length !== 0 && /*#__PURE__*/_react.default.createElement("span", {
+        className: "sdoc-search-folder-name"
+      }, folderPath)));
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [treeData, currentActiveItem, expandedFolder]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-files-tree"
-  }, renderFileTree(treeData));
+  }, renderFileTree(treeData), isOpenSearch && !hasSearchResult && !isCurrentLibrary && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-file-search-no-result"
+  }, t('No_results')));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(LocalFiles);

package/dist/basic-sdk/extension/constants/element-type.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = void 0;
+exports.WIKI_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const TITLE = exports.TITLE = 'title';
 const SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -44,6 +44,7 @@ const FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK_INSET_INPUT_TEMP = 'file_li
 const QUICK_INSERT = exports.QUICK_INSERT = 'quick_insert';
 const SEATABLE_COLUMN = exports.SEATABLE_COLUMN = 'seatable_column';
 const SEATABLE_TABLE = exports.SEATABLE_TABLE = 'seatable_table';
+const ASK_AI = exports.ASK_AI = 'ask_ai';
 
 // font
 const FONT_SIZE = exports.FONT_SIZE = 'font-size';

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -197,7 +197,7 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
   },
   [_elementType.SDOC_LINK]: {
     id: `sdoc_${_elementType.SDOC_LINK}`,
-    iconClass: 'sdocfont sdoc-document',
+    iconClass: 'sdocfont sdoc-document-link',
     text: 'Link_sdoc'
   },
   [_elementType.FILE_LINK]: {

package/dist/basic-sdk/extension/core/queries/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.someNode = exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeInSameBlock = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isFirstChild = exports.isEndPoint = exports.isEmptyArticle = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getStartPoint = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getPointBefore = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEndPoint = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
+exports.someNode = exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeInSameBlock = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isFirstChild = exports.isEndPoint = exports.isEmptyArticle = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isContainsVoidElement = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getStartPoint = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getPointBefore = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEndPoint = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _utils = require("../utils");
@@ -553,6 +553,17 @@ const isEmptyArticle = editor => {
   return false;
 };
 exports.isEmptyArticle = isEmptyArticle;
+const isContainsVoidElement = root => {
+  const nodes = _slate.Node.nodes(root);
+  for (const nodeEntry of nodes) {
+    const [n] = nodeEntry;
+    if ((n === null || n === void 0 ? void 0 : n.type) === _constants.IMAGE) {
+      return true;
+    }
+  }
+  return false;
+};
+exports.isContainsVoidElement = isContainsVoidElement;
 const getStartPoint = (editor, at) => {
   return _slate.Editor.start(editor, at);
 };

package/dist/basic-sdk/extension/plugins/ai/ai-icon/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AIIcon;
+var _react = _interopRequireDefault(require("react"));
+var _sdocAskAi = _interopRequireDefault(require("../../../../assets/images/sdoc-ask-ai.png"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactI18next = require("react-i18next");
+require("./style.css");
+function AIIcon(_ref) {
+  let {
+    className = 'big'
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const clazznames = (0, _classnames.default)('sdoc-ask-ai-icon', className);
+  return /*#__PURE__*/_react.default.createElement("img", {
+    className: clazznames,
+    src: _sdocAskAi.default,
+    alt: t('Ask_AI')
+  });
+}

package/dist/basic-sdk/extension/plugins/ai/ai-icon/style.css

@@ -0,0 +1,22 @@
+.sdoc-ask-ai-icon.big {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  left: 16px;
+}
+
+.sdoc-ask-ai-icon.small {
+  width: 12px;
+  height: 13px;
+  margin-right: 4px;
+}
+
+.sdoc-ai-result-header div {
+  display: flex;
+}
+
+.sdoc-ai-result-header .sdoc-ask-ai-icon.big {
+  position: relative;
+  left: 0;
+  margin-right: 10px;
+}

package/dist/basic-sdk/extension/plugins/ai/ai-menu/ai-context-menu.js

@@ -0,0 +1,39 @@
+"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 = AIContextMenu;
+var _react = _interopRequireWildcard(require("react"));
+var _menuItem = _interopRequireDefault(require("./menu-item"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+var _constants2 = require("../../../constants");
+require("./style.css");
+function AIContextMenu(_ref) {
+  let {
+    isRichEditor
+  } = _ref;
+  const onAiClick = (0, _react.useCallback)(event => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.ASK_AI,
+      slateNode: null
+    });
+  }, []);
+  const aiProps = {
+    id: 'context-toolbar-ai',
+    isRichEditor,
+    className: 'menu-group-item sdoc-ask-ai-menu-container',
+    disabled: false,
+    isActive: false,
+    onMouseDown: onAiClick,
+    'iconClass': 'sdocfont sdoc-ask-ai',
+    'text': 'Ask_AI',
+    'ariaLabel': 'Ask_AI',
+    'type': 'sdoc-ask-ai'
+  };
+  return /*#__PURE__*/_react.default.createElement(_menuItem.default, aiProps);
+}

package/dist/basic-sdk/extension/plugins/ai/ai-menu/ai-dropdown-menu.js

@@ -0,0 +1,35 @@
+"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 = AIDropdownMenu;
+var _react = _interopRequireWildcard(require("react"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+var _constants2 = require("../../../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+function AIDropdownMenu(_ref) {
+  let {
+    slateNode
+  } = _ref;
+  const onAiClick = (0, _react.useCallback)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.ASK_AI,
+      slateNode
+    });
+  }, [slateNode]);
+  const aiProps = {
+    id: 'side-toolbar-ai',
+    'iconClass': 'sdocfont sdoc-ask-ai',
+    'text': 'Ask_AI',
+    'type': 'sdoc-ask-ai'
+  };
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    menuConfig: aiProps,
+    onClick: onAiClick
+  });
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AIContextMenu", {
+  enumerable: true,
+  get: function () {
+    return _aiContextMenu.default;
+  }
+});
+Object.defineProperty(exports, "AIDropdownMenu", {
+  enumerable: true,
+  get: function () {
+    return _aiDropdownMenu.default;
+  }
+});
+var _aiContextMenu = _interopRequireDefault(require("./ai-context-menu"));
+var _aiDropdownMenu = _interopRequireDefault(require("./ai-dropdown-menu"));

package/dist/basic-sdk/extension/plugins/ai/ai-menu/menu-item.js

@@ -0,0 +1,62 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+var _aiIcon = _interopRequireDefault(require("../ai-icon"));
+const MenuItem = _ref => {
+  let {
+    disabled,
+    isActive,
+    isRichEditor,
+    type,
+    onMouseDown,
+    className,
+    iconClass,
+    id,
+    text,
+    ariaLabel
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const onClick = (0, _react.useCallback)(event => {
+    if (disabled) return;
+    onMouseDown(event, type);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [disabled, type]);
+  const validClassName = (0, _classnames.default)('', className, {
+    'btn btn-icon btn-secondary btn-active': !isRichEditor,
+    'rich-icon-btn': isRichEditor,
+    'rich-icon-btn-disabled': isRichEditor && disabled,
+    'rich-icon-btn-hover': isRichEditor && !disabled
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    id: id,
+    type: "button",
+    "aria-label": ariaLabel,
+    className: validClassName,
+    disabled: disabled,
+    "data-active": isActive,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sdoc-ask-ai-menu-item"
+  }, /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
+    className: "small"
+  }), /*#__PURE__*/_react.default.createElement("span", null, t(text)))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    target: id
+  }, t(text)));
+};
+MenuItem.defaultProps = {
+  isRichEditor: true,
+  className: 'menu-group-item'
+};
+var _default = exports.default = MenuItem;

package/dist/basic-sdk/extension/plugins/ai/ai-menu/style.css

@@ -0,0 +1,3 @@
+.menu-group-item.sdoc-ask-ai-menu-container {
+  width: 80px;
+}

package/dist/basic-sdk/extension/plugins/ai/ai-module/adjust-sub-menu.js

@@ -0,0 +1,40 @@
+"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 _reactstrap = require("reactstrap");
+var _constants = require("../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+const AdjustSubMenu = _ref => {
+  let {
+    target,
+    onMoreDetailsClick,
+    onMoreConciseClick,
+    onMoreVividClick
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    boundariesElement: "viewport",
+    target: target,
+    className: "ai-adjust-sub-menu sdoc-sub-dropdown-menu sdoc-dropdown-menu",
+    trigger: "hover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-container"
+  }, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    menuConfig: _constants.OPERATION_MENUS_CONFIG.MORE_DETAILS,
+    onClick: onMoreDetailsClick
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    menuConfig: _constants.OPERATION_MENUS_CONFIG.MORE_CONCISE,
+    onClick: onMoreConciseClick
+  }), /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    menuConfig: _constants.OPERATION_MENUS_CONFIG.MORE_VIVID,
+    onClick: onMoreVividClick
+  })));
+};
+var _default = exports.default = AdjustSubMenu;