@seafile/comment-editor 0.0.1 → 0.0.2-alpha.1

package/dist/basic-sdk/extension/commons/color-menu/index.js

@@ -1,210 +0,0 @@
-"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 _reactColor = require("react-color");
-var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
-var _mouseEvent = require("../../../utils/mouse-event");
-var _constants = require("../../constants");
-var _colorItem = _interopRequireDefault(require("./color-item"));
-require("./index.css");
-const ColorMenu = _ref => {
-  let {
-    isRichEditor = true,
-    className = 'menu-group-item',
-    ariaLabel,
-    iconClass,
-    id,
-    popoverClassName,
-    disabled,
-    setColor,
-    recentUsedColorsKey,
-    text,
-    defaultColorTip,
-    defaultColor,
-    lastUsedColor,
-    updateLastUsedColor
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const popoverRef = (0, _react.useRef)(null);
-  const moreColorsPopoverRef = (0, _react.useRef)(null);
-  const [recentUsedColors, setRecentUsedColors] = (0, _react.useState)(_localStorageUtils.default.getItem(recentUsedColorsKey, _constants.DEFAULT_RECENT_USED_LIST));
-  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
-  const [isPickerShow, setPickerShow] = (0, _react.useState)(false);
-  const onSetColor = (0, _react.useCallback)(function (color) {
-    let shouldClose = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    if (disabled) return;
-    const validColor = color || '';
-    setColor(validColor);
-    if (validColor !== '' && recentUsedColors[0] !== validColor) {
-      let newRecentUsedColors = recentUsedColors.slice(0, 9);
-      newRecentUsedColors.unshift(validColor);
-      _localStorageUtils.default.setItem(recentUsedColorsKey, newRecentUsedColors);
-      setRecentUsedColors(newRecentUsedColors);
-    }
-    updateLastUsedColor && updateLastUsedColor(validColor);
-    if (shouldClose) {
-      popoverRef.current.toggle();
-      setMenuShow(!isShowMenu);
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [recentUsedColors, recentUsedColorsKey, isShowMenu, isPickerShow, disabled]);
-  const setColorProxy = (0, _react.useCallback)(event => {
-    if (event.target.className.includes('sdoc-color-item')) {
-      const color = event.target.dataset.color;
-      onSetColor(color);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [recentUsedColors, recentUsedColorsKey, isShowMenu, isPickerShow]);
-  const toggle = (0, _react.useCallback)(() => {
-    if (isPickerShow) return;
-    popoverRef.current.toggle();
-    setMenuShow(!isShowMenu);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowMenu, isPickerShow]);
-  const moreColorsPopoverToggle = (0, _react.useCallback)(() => {
-    moreColorsPopoverRef.current.toggle();
-    setPickerShow(!isPickerShow);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [moreColorsPopoverRef, isPickerShow]);
-  const onClick = (0, _react.useCallback)(event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-  }, []);
-  const onChange = (0, _react.useCallback)(color => {
-    const validColor = color.hex;
-    onSetColor(validColor, false);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [disabled]);
-  const setLastUsedColor = (0, _react.useCallback)(event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    onSetColor(lastUsedColor, false);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [recentUsedColors, lastUsedColor, disabled]);
-  const buttonId = `button-${id}`;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    "aria-label": ariaLabel,
-    className: (0, _classnames.default)(className, 'sdoc-color-menu sdoc-menu-with-dropdown', {
-      'menu-show': isShowMenu,
-      'disabled': disabled,
-      'rich-icon-btn d-flex': isRichEditor,
-      'rich-icon-btn-disabled': isRichEditor && disabled,
-      'rich-icon-btn-hover': isRichEditor && !disabled,
-      'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
-    }),
-    id: buttonId,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('last-used-color-container sdoc-menu-with-dropdown-icon', {
-      'disabled': disabled
-    }),
-    onClick: setLastUsedColor
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)(iconClass, 'sdoc-color-icon')
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "last-used-color",
-    style: {
-      backgroundColor: lastUsedColor || 'unset'
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: "sdoc-color-toggle sdoc-menu-with-dropdown-triangle"
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`
-  }))), text && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: buttonId
-  }, t(text)), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: id,
-    className: (0, _classnames.default)('sdoc-color-menu-popover', popoverClassName),
-    trigger: "legacy",
-    placement: "bottom-start",
-    hideArrow: true,
-    toggle: toggle,
-    fade: false,
-    ref: popoverRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu sdoc-color-dropdown-menu"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-3 d-flex flex-column"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-color-no-color-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-color-no-color-content",
-    onClick: () => onSetColor(defaultColor)
-  }, defaultColorTip || t('No_color'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-color-default-colors-container",
-    onClick: setColorProxy
-  }, _constants.DEFAULT_COLORS.map((color, index) => {
-    return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `default-color-${index}`,
-      color: color,
-      lastUsedColor: lastUsedColor
-    });
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-color-standard-colors-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-color-sub-title"
-  }, t('Standard_color')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "d-flex",
-    onClick: setColorProxy
-  }, _constants.STANDARD_COLORS.map((color, index) => {
-    return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `standard-color-${index}`,
-      color: color,
-      lastUsedColor: lastUsedColor
-    });
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-color-recent-used-colors-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-color-sub-title"
-  }, t('Recently_used')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "d-flex",
-    onClick: setColorProxy
-  }, recentUsedColors.map((color, index) => {
-    return /*#__PURE__*/_react.default.createElement(_colorItem.default, {
-      key: `standard-color-${index}`,
-      color: {
-        value: color,
-        name: color
-      }
-    });
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-colors-divider"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sdoc-more-colors pr-2', {
-      'show-pick': isPickerShow
-    }),
-    id: "sdoc-more-colors"
-  }, /*#__PURE__*/_react.default.createElement("span", null, t('More_color')), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-right-slide"
-  })), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: "sdoc-more-colors",
-    className: "sdoc-more-colors-popover",
-    trigger: "hover",
-    placement: "right",
-    hideArrow: true,
-    fade: false,
-    toggle: moreColorsPopoverToggle,
-    ref: moreColorsPopoverRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-more-colors-container",
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
-    disableAlpha: true,
-    color: lastUsedColor || '',
-    onChange: onChange
-  }))))));
-};
-var _default = exports.default = ColorMenu;

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

@@ -1,282 +0,0 @@
-"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 _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _toast = _interopRequireDefault(require("../../../components/toast"));
-var _constants = require("../../../constants");
-var _context = _interopRequireDefault(require("../../../context"));
-var _commonUtils = require("../../../utils/common-utils");
-var _debounce = _interopRequireDefault(require("../../../utils/debounce"));
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
-var _constants2 = require("../../constants");
-var _helpers = require("../../plugins/sdoc-link/helpers");
-var _helpers2 = require("../select-file-dialog/helpers");
-require("./style.css");
-const FileLinkInsertDialog = _ref => {
-  let {
-    editor,
-    element,
-    closeDialog
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const eventBus = _eventBus.default.getInstance();
-  const fileLinkInsertRef = (0, _react.useRef)(null);
-  const historyFileWrapperRef = (0, _react.useRef)(document.querySelector('.sdoc-history-files-wrapper'));
-  const [files, setFiles] = (0, _react.useState)([]);
-  const [position, setPosition] = (0, _react.useState)({
-    top: 0,
-    left: 0
-  });
-  const [newFileName, setNewFileName] = (0, _react.useState)('');
-  const [header, setHeader] = (0, _react.useState)(t('Recent_visited'));
-  const [hiddenMoreMenu, setHiddenMoreMenu] = (0, _react.useState)(false);
-  const deleteInputAndInsertText = (0, _react.useCallback)(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return (0, _helpers.insertTextWhenRemoveFileNameCollector)(editor, element, ...args);
-  }, [editor, element]);
-  const getPosition = (0, _react.useCallback)(e => {
-    const {
-      selection
-    } = editor;
-    const nodeEntry = _slate.Editor.node(editor, selection);
-    const domNode = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
-    if (domNode) {
-      const topGap = 20;
-      const leftGap = 5;
-      const {
-        top,
-        left
-      } = domNode.getBoundingClientRect();
-      let popoverTop = top + topGap;
-      let popoverLeft = left + leftGap;
-
-      // Insert gap between the popover and the selected node
-      // file item height 32px, header height 32px, add button height 32px, margin-top 8px, max-height 306px
-      const popoverHeight = Math.min(files.length * 32 + 32 * 3 + 8, 300);
-      // Insert gap between the popover and the selected node
-      const popoverBottomY = top + popoverHeight + topGap;
-      const viewportHeight = window.innerHeight;
-      if (popoverBottomY > viewportHeight) {
-        // 8px for the gap between the popover and the bottom of the viewport
-        const counterTopGap = 8;
-        popoverTop = top - popoverHeight - counterTopGap;
-      }
-      setPosition({
-        top: popoverTop,
-        left: popoverLeft
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [files]);
-  const onClick = (0, _react.useCallback)(e => {
-    var _historyFileWrapperRe, _historyFileWrapperRe2;
-    const isClickInside = (_historyFileWrapperRe = historyFileWrapperRef.current) === null || _historyFileWrapperRe === void 0 ? void 0 : (_historyFileWrapperRe2 = _historyFileWrapperRe.contains) === null || _historyFileWrapperRe2 === void 0 ? void 0 : _historyFileWrapperRe2.call(_historyFileWrapperRe, e.target);
-    if (isClickInside) return;
-
-    // Click on the insertion position without closing
-    const insertCollectorEl = document.querySelector('.sdoc-file-name-insert-collector');
-    if (insertCollectorEl && insertCollectorEl.className === e.target.className) return;
-    deleteInputAndInsertText();
-    closeDialog();
-  }, [closeDialog, deleteInputAndInsertText]);
-  const onScroll = (0, _react.useCallback)(e => {
-    getPosition(e);
-  }, [getPosition]);
-  const getHistoryFiles = (0, _react.useCallback)(isCalculatedByFiles => {
-    const getItemKey = 'sdoc-recent-files';
-    let files = _localStorageUtils.default.getItem(getItemKey) || [];
-    if (isCalculatedByFiles) {
-      const newFiles = (0, _commonUtils.getMaximumCapacity)(files);
-      // Can accommodate all without showing more operations
-      if (files.length <= newFiles.length) {
-        setHiddenMoreMenu(true);
-      }
-      files = newFiles;
-    }
-    setFiles(files);
-  }, []);
-  (0, _react.useEffect)(() => {
-    fileLinkInsertRef.current['isFirstMount'] = true;
-    getHistoryFiles();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const onKeydown = (0, _react.useCallback)(e => {
-    const {
-      key
-    } = e;
-    switch (key) {
-      case 'Escape':
-        deleteInputAndInsertText();
-        closeDialog();
-        break;
-      case 'ArrowRight':
-      case 'ArrowLeft':
-        deleteInputAndInsertText();
-        closeDialog();
-        break;
-      case 'ArrowUp':
-      case 'ArrowDown':
-        deleteInputAndInsertText();
-        closeDialog();
-        break;
-      default:
-        break;
-    }
-  }, [closeDialog, deleteInputAndInsertText]);
-  (0, _react.useEffect)(() => {
-    getPosition();
-    const sdocScrollContainer = document.getElementById('sdoc-scroll-container');
-    document.addEventListener('click', onClick);
-    document.addEventListener('keydown', onKeydown);
-    sdocScrollContainer.addEventListener('scroll', onScroll);
-    const unsubscribeCloseDialog = eventBus.subscribe(_constants.INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG, closeDialog);
-    return () => {
-      sdocScrollContainer.removeEventListener('scroll', onScroll);
-      document.removeEventListener('click', onClick);
-      document.removeEventListener('keydown', onKeydown);
-      unsubscribeCloseDialog();
-    };
-    // eslint-disable-next-line
-  }, [closeDialog, eventBus, getPosition, onClick, onKeydown, onScroll]);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const onSearch = (0, _react.useCallback)((0, _debounce.default)(async searchText => {
-    // Show history files when search is empty
-    if (searchText.trim().length === 0) {
-      setHeader(t('Recent_visited'));
-      setHiddenMoreMenu(true);
-      setNewFileName('');
-      getHistoryFiles();
-      return;
-    }
-    setNewFileName(searchText);
-
-    // Cannot be found if the search is less than three characters.
-    if ((0, _commonUtils.isEnglish)(searchText.trim()) && searchText.length < 3) {
-      setFiles([]);
-      setHeader(t('Enter_more_character_start_search'));
-      return;
-    }
-    try {
-      var _res$data;
-      const res = await _context.default.getSearchFilesByFilename(searchText, 1, 10, 'sdoc');
-      if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.results) {
-        let newFiles = res.data.results;
-        setHeader(t(newFiles.length === 0 ? 'No_results' : 'Link_to_file'));
-        setHiddenMoreMenu(true);
-        setFiles(newFiles);
-        return;
-      }
-    } catch (error) {
-      _toast.default.danger(error.message);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, 50), []);
-  (0, _react.useEffect)(() => {
-    if (!(element !== null && element !== void 0 && element.children)) return;
-    // No search on first load
-    if (fileLinkInsertRef.current['isFirstMount']) {
-      fileLinkInsertRef.current['isFirstMount'] = false;
-      return;
-    }
-    const searchText = _slate.Node.string(element);
-    onSearch(searchText);
-  }, [element, onSearch]);
-  const onSelect = (0, _react.useCallback)(fileInfo => {
-    const {
-      doc_uuid,
-      name
-    } = fileInfo;
-    (0, _helpers.removeTempInput)(editor, element);
-    closeDialog();
-    (0, _helpers.insertSdocFileLink)(editor, name, doc_uuid);
-  }, [closeDialog, editor, element]);
-  const onShowMore = (0, _react.useCallback)(() => {
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.SDOC_LINK,
-      insertSdocFileLinkCallback: _helpers.insertSdocFileLink
-    });
-    (0, _helpers.removeTempInput)(editor, element);
-  }, [editor, element, eventBus]);
-  const onCreateFile = (0, _react.useCallback)(e => {
-    e.stopPropagation();
-    (0, _helpers.removeTempInput)(editor, element);
-    const eventBus = _eventBus.default.getInstance();
-    const createName = newFileName.trim() || t('Create_a_new_file');
-    const external_props = {
-      insertSdocFileLink: _helpers.insertSdocFileLink,
-      editor,
-      noShowDialog: true
-    };
-    eventBus.dispatch(_constants.INTERNAL_EVENT.CREATE_SDOC_FILE, {
-      newFileName: createName,
-      ...external_props
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, element, newFileName]);
-  const createFileTipDefault = (0, _react.useMemo)(() => {
-    return 'Create_a_new_file';
-  }, []);
-  const createFileName = (0, _react.useMemo)(() => {
-    return `${newFileName}.sdoc`;
-  }, [newFileName]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: fileLinkInsertRef,
-    className: "sdoc-history-files-content popover",
-    style: {
-      ...position,
-      position: 'absolute'
-    }
-  }, header.length !== 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-history-files-header"
-  }, header), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sdoc-history-files', {
-      'no-header': header.length === 0
-    })
-  }, files.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item.doc_uuid,
-      className: "sdoc-history-files-item",
-      onClick: () => {
-        onSelect(item);
-      }
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      className: "file-item-img",
-      src: (0, _helpers2.getSdocFileIcon)(),
-      alt: ""
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-name"
-    }, item.name));
-  }), !hiddenMoreMenu && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-history-files-item",
-    onClick: onShowMore
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "file-item-more sdocfont sdoc-more"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "more-text"
-  }, t('More')))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-history-files-add",
-    onClick: onCreateFile
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-append"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "new-file-name"
-  }, newFileName ? t('Create_file_name_sdoc', {
-    file_name_sdoc: createFileName
-  }) : t(createFileTipDefault))));
-};
-var _default = exports.default = FileLinkInsertDialog;

package/dist/basic-sdk/extension/commons/file-insert-dialog/style.css

@@ -1,91 +0,0 @@
-.sdoc-history-files-content {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  width: 400px;
-  max-width: 400px;
-  max-height: 350px;
-  /* The same as hierarchy of comment drawer  */
-  z-index: 103;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
-}
-
-.sdoc-history-files-content .sdoc-history-files-header {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  margin-top: 8px;
-  padding: 0px 16px;
-  height: 32px;
-  width: 100%;
-  color: #999999;
-  font-size: 14px;
-  user-select: none;
-  cursor: default;
-}
-
-.sdoc-history-files-content .sdoc-history-files {
-  flex-grow: 1;
-  overflow-y: auto;
-  cursor: pointer;
-}
-
-.sdoc-history-files-content .no-header {
-  margin-top: 8px;
-  width: 100%;
-}
-
-.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item {
-  padding: 6px 16px;
-  height: 32px;
-  font-size: 14px;
-  display: flex;
-  align-items: flex-start;
-}
-
-.sdoc-history-files-content .sdoc-history-files .file-item-img {
-  width: 21.6px;
-  margin-right: 6px;
-}
-
-.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-more {
-  font-size: 16px;
-  margin-left: 2px;
-}
-
-.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .more-text {
-  margin-left: 10px;
-}
-
-.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item:hover {
-  background-color: #f5f5f5;
-}
-
-.sdoc-history-files-content .sdoc-history-files-add {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  padding: 0px 16px;
-  height: 32px;
-  width: 100%;
-  border-top: 1px solid #e9ecef;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.sdoc-history-files-content .sdoc-history-files-add :first-child {
-  color: #444444;
-  margin-right: 10px;
-}
-
-.sdoc-history-files-content .sdoc-history-files-add .new-file-name {
-  text-wrap: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}

package/dist/basic-sdk/extension/commons/more-dropdown/index.js

@@ -1,44 +0,0 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-const MoreDropdown = _ref => {
-  let {
-    isRichEditor = true,
-    className = 'menu-group-item',
-    disabled,
-    children
-  } = _ref;
-  const validClassName = (0, _classnames.default)(className, 'sdoc-more-text-button', {
-    'disabled': disabled,
-    'rich-icon-btn': isRichEditor,
-    'rich-icon-btn-disabled': isRichEditor && disabled,
-    'rich-icon-btn-hover': isRichEditor && !disabled,
-    'btn btn-icon btn-secondary btn-active': !isRichEditor
-  });
-  const buttonId = 'sdoc-more-text-operations';
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    className: validClassName,
-    type: "button",
-    "aria-label": "more",
-    id: buttonId
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-more"
-  })), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: buttonId,
-    className: "sdoc-menu-popover sdoc-dropdown-menu",
-    trigger: "legacy",
-    placement: "bottom-end",
-    hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-group"
-  }, children)));
-};
-var _default = exports.default = MoreDropdown;

package/dist/basic-sdk/extension/commons/search-list/index.css

@@ -1,28 +0,0 @@
-.sdoc-search-list {
-  display: flex;
-  height: 100%;
-  width: 100%;
-  flex-direction: column;
-}
-
-.sdoc-search-list .sdoc-search-list-wrapper {
-  padding: 12px;
-}
-
-.sdoc-search-list .sdoc-search-list-wrapper>input {
-  font-size: 12px;
-  max-height: 30px;
-}
-
-.sdoc-search-list .sdoc-search-list-content-wrapper {
-  min-height: 0;
-  min-width: 0;
-  flex: 1;
-  overflow: auto;
-  max-height: 300px;
-}
-
-.sdoc-search-list .sdoc-search-list-with-no-results {
-  font-size: 12px;
-  padding: 4px 16px;
-}