@seafile/comment-editor 0.0.1 → 0.0.2

package/dist/basic-sdk/extension/plugins/multi-column/render/multi-column-root.js

@@ -1,23 +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 _classnames = _interopRequireDefault(require("classnames"));
-const MultiColumnRoot = _ref => {
-  let {
-    attributes,
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-    className: (0, _classnames.default)('sdoc-multicolumn-wrapper position-relative', attributes.className),
-    style: {
-      ...attributes.style,
-      maxWidth: '100%'
-    }
-  }), children);
-};
-var _default = exports.default = MultiColumnRoot;

package/dist/basic-sdk/extension/plugins/multi-column/render/render-column.js

@@ -1,46 +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 _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-const Column = _ref => {
-  let {
-    attributes,
-    element,
-    children
-  } = _ref;
-  const editor = (0, _slateReact.useSlateStatic)();
-  const [columnWidth, setColumnWidth] = (0, _react.useState)(element.width || 0);
-  const path = _slateReact.ReactEditor.findPath(editor, element);
-  const parentPath = _slate.Path.parent(path);
-  const [parentNode] = _slate.Editor.node(editor, parentPath);
-  (0, _react.useEffect)(() => {
-    var _parentNode$column;
-    const matchingColumn = parentNode === null || parentNode === void 0 ? void 0 : (_parentNode$column = parentNode.column) === null || _parentNode$column === void 0 ? void 0 : _parentNode$column.find(column => column.key === element.id);
-    if (matchingColumn) {
-      setColumnWidth(matchingColumn.width);
-    }
-  }, [editor, element, parentNode.column]);
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-    className: (0, _classnames.default)('column', attributes.className),
-    "data-id": element.id,
-    style: {
-      width: `${columnWidth}px`
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-column-container"
-  }, children));
-};
-function renderColumn(props) {
-  // When read only
-
-  return /*#__PURE__*/_react.default.createElement(Column, props);
-}
-var _default = exports.default = renderColumn;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "renderColumn", {
-  enumerable: true,
-  get: function () {
-    return _renderColumn.default;
-  }
-});
-Object.defineProperty(exports, "renderMultiColumn", {
-  enumerable: true,
-  get: function () {
-    return _render.default;
-  }
-});
-var _render = _interopRequireDefault(require("./render"));
-var _renderColumn = _interopRequireDefault(require("./render/render-column"));

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/column-resize-handler.js

@@ -1,28 +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"));
-const ColumnResizeHandler = _ref => {
-  let {
-    index,
-    isDraggingResizeHandler,
-    adjustingCell,
-    handleMouseDown,
-    style,
-    isMouseNearBorder
-  } = _ref;
-  const isActive = isMouseNearBorder || isDraggingResizeHandler && adjustingCell === index;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `column-width-just ${isActive ? 'active' : ''}`,
-    onMouseDown: event => {
-      event.preventDefault();
-      handleMouseDown(index, event);
-    },
-    style: style
-  });
-};
-var _default = exports.default = ColumnResizeHandler;

package/dist/basic-sdk/extension/plugins/multi-column/resize-handlers/index.js

@@ -1,148 +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 _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _mouseEvent = require("../../../../utils/mouse-event");
-var _constants = require("../constants");
-var _helper = require("../helper");
-var _columnResizeHandler = _interopRequireDefault(require("./column-resize-handler"));
-const ResizeHandlers = _ref => {
-  let {
-    element,
-    handleResizeColumn
-  } = _ref;
-  const editor = (0, _slateReact.useSlateStatic)();
-  const [column, setColumn] = (0, _react.useState)(element.column);
-  const [isDraggingResizeHandler, setIsDraggingResizeHandler] = (0, _react.useState)(false);
-  const [adjustingCell, setAdjustingCell] = (0, _react.useState)(null);
-  const [resizeInfo, setResizeInfo] = (0, _react.useState)({
-    initialX: 0,
-    cellWidths: []
-  });
-  const [isMouseNearBorder, setIsMouseNearBorder] = (0, _react.useState)(column.map(() => false));
-  const handleMouseDown = (index, event) => {
-    event.preventDefault();
-    const cellWidths = column.map(col => col.width);
-    setResizeInfo({
-      initialX: event.clientX,
-      cellWidths,
-      index
-    });
-    setIsDraggingResizeHandler(true);
-    setAdjustingCell(index);
-  };
-
-  // Render when column element of multi_column node changes
-  (0, _react.useEffect)(() => {
-    setColumn(element.column);
-  }, [element.column]);
-  (0, _react.useEffect)(() => {
-    const path = _slateReact.ReactEditor.findPath(editor, element);
-    const [node] = _slate.Editor.node(editor, path);
-    const domNode = _slateReact.ReactEditor.toDOMNode(editor, node);
-    if (!domNode.querySelectorAll('.column')) return;
-    const childNodes = Array.from(domNode.querySelectorAll('.column'));
-    const onMouseMove = event => {
-      event.preventDefault();
-      // Let resize handler show when mouse is close to right edge of column at range of 20 px
-      const nearBorder = column.map((col, colIndex) => {
-        const child = childNodes[colIndex];
-        if (!child) return false;
-        const childRect = child.getBoundingClientRect();
-        const isMouseInColumn = event.clientY >= childRect.top && event.clientY <= childRect.bottom;
-        const isChildNearRightBorder = isMouseInColumn && Math.abs(event.clientX - childRect.right) < 20;
-        return isChildNearRightBorder;
-      });
-      if (JSON.stringify(nearBorder) !== JSON.stringify(isMouseNearBorder)) {
-        setIsMouseNearBorder(nearBorder);
-      }
-      if (!isDraggingResizeHandler) return;
-      const {
-        initialX,
-        cellWidths,
-        index
-      } = resizeInfo;
-      // Let last resize handler do not work
-      if (!cellWidths[index + 1]) return;
-
-      // Calculate new width of two close column when moving resize handler
-      const deltaX = Math.min(event.clientX - initialX, cellWidths[index + 1] - _constants.COLUMN_MIN_WIDTH);
-      const newWidth = Math.max(cellWidths[index] + deltaX, _constants.COLUMN_MIN_WIDTH);
-      if (cellWidths[index] === _constants.COLUMN_MIN_WIDTH && deltaX < 0) return;
-      const updatedColumn = column.map((column, colIndex) => {
-        if (colIndex === index) {
-          return {
-            ...column,
-            width: newWidth
-          };
-        } else if (colIndex === index + 1) {
-          return {
-            ...column,
-            width: cellWidths[index] + cellWidths[index + 1] - newWidth
-          };
-        }
-        return column;
-      });
-      setColumn(updatedColumn);
-    };
-    const onMouseUp = event => {
-      event.preventDefault();
-      if (adjustingCell === null) return;
-      const newColumn = column.map(column => ({
-        ...column,
-        left: column.width
-      }));
-      handleResizeColumn(newColumn);
-      (0, _helper.updateColumnWidth)(editor, element, newColumn);
-      setIsDraggingResizeHandler(false);
-      setAdjustingCell(null);
-    };
-    (0, _mouseEvent.registerResizeEvents)({
-      'mousemove': onMouseMove,
-      'mouseup': onMouseUp,
-      'mouseleave': onMouseUp
-    });
-    return () => {
-      (0, _mouseEvent.unregisterResizeEvents)({
-        'mousemove': onMouseMove,
-        'mouseup': onMouseUp,
-        'mouseleave': onMouseUp
-      });
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [handleResizeColumn, column, isDraggingResizeHandler, isMouseNearBorder]);
-  let leftAccumulator = 0;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "column-resize-handler",
-    contentEditable: false
-  }, column.map((column, index) => {
-    leftAccumulator += column.width;
-    const left = leftAccumulator;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: index
-    }, index === 0 && /*#__PURE__*/_react.default.createElement("div", {
-      className: "column-width-just",
-      style: {
-        left: '-15px'
-      }
-    }), /*#__PURE__*/_react.default.createElement(_columnResizeHandler.default, {
-      key: index,
-      index: index,
-      handleMouseDown: handleMouseDown,
-      style: {
-        left: `${left - 15}px`
-      },
-      adjustingCell: adjustingCell,
-      isDraggingResizeHandler: isDraggingResizeHandler,
-      isMouseNearBorder: isMouseNearBorder[index]
-    }));
-  }));
-};
-var _default = exports.default = ResizeHandlers;

package/dist/basic-sdk/extension/plugins/sdoc-link/constants/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SDOC_LINK_TYPE_CONFIG = exports.SDOC_LINK_TYPES = exports.SDOC_LINK_TYPE = void 0;
-const SDOC_LINK_TYPE = exports.SDOC_LINK_TYPE = {
-  TEXT_LINK: 'text_link',
-  ICON_LINK: 'icon_link',
-  CARD_LINK: 'card_link'
-};
-const SDOC_LINK_TYPE_CONFIG = exports.SDOC_LINK_TYPE_CONFIG = {
-  [SDOC_LINK_TYPE.TEXT_LINK]: {
-    icon: 'sdocfont sdoc-text-link',
-    text: 'Text_Link'
-  },
-  [SDOC_LINK_TYPE.ICON_LINK]: {
-    icon: 'sdocfont sdoc-inline-link',
-    text: 'Icon_and_text_Link'
-  },
-  [SDOC_LINK_TYPE.CARD_LINK]: {
-    icon: 'sdocfont sdoc-card-link',
-    text: 'Card'
-  }
-};
-const SDOC_LINK_TYPES = exports.SDOC_LINK_TYPES = [SDOC_LINK_TYPE.TEXT_LINK, SDOC_LINK_TYPE.ICON_LINK, SDOC_LINK_TYPE.CARD_LINK];

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -1,291 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.unwrapLinkNode = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getSdocLinkEntry = exports.getSdocFileIcon = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
-var _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-var _slugid = _interopRequireDefault(require("slugid"));
-var _context = _interopRequireDefault(require("../../../context"));
-var _constants = require("../../constants");
-var _core = require("../../core");
-var _helpers = require("../header/helpers");
-const isMenuDisabled = (editor, readonly) => {
-  if (readonly) return true;
-  if (editor.selection == null) return true;
-  const selectedElems = (0, _core.getSelectedElems)(editor);
-  const notMatch = selectedElems.some(elem => {
-    const {
-      type
-    } = elem;
-    if (editor.isVoid(elem)) return true;
-    if ([_constants.CODE_BLOCK, _constants.CODE_LINE, _constants.LINK, _constants.TITLE, _constants.SUBTITLE, ..._constants.HEADERS].includes(type)) return true;
-    return false;
-  });
-  if (notMatch) return true; // disabled
-  return false; // enable
-};
-exports.isMenuDisabled = isMenuDisabled;
-const generateSdocFileNode = function (uuid) {
-  let text = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const sdocFileName = text.replace(/\.sdoc$/, '');
-  const sdocFileNode = {
-    id: _slugid.default.nice(),
-    type: _constants.SDOC_LINK,
-    doc_uuid: uuid,
-    title: sdocFileName,
-    display_type: _constants.INSERT_FILE_DISPLAY_TYPE[1],
-    children: [{
-      id: _slugid.default.nice(),
-      text: sdocFileName
-    }]
-  };
-  return sdocFileNode;
-};
-exports.generateSdocFileNode = generateSdocFileNode;
-const getType = editor => {
-  const [match] = _slate.Editor.nodes(editor, {
-    match: n => (0, _core.getNodeType)(n) === _constants.LINK,
-    universal: true
-  });
-  if (!match) return _constants.PARAGRAPH;
-  const [n] = match;
-  return (0, _core.getNodeType)(n);
-};
-exports.getType = getType;
-const insertSdocFileLink = (editor, text, uuid) => {
-  if (isMenuDisabled(editor)) return;
-  // Selection folded or not
-  const {
-    selection
-  } = editor;
-  if (selection == null) return;
-  const isCollapsed = _slate.Range.isCollapsed(selection);
-
-  // Remove shortcut symbol,if trigger by shortcut
-  removeShortCutSymbol(editor);
-  const sdocFileNode = generateSdocFileNode(uuid, text);
-  if (isCollapsed) {
-    const {
-      anchor,
-      focus
-    } = editor.selection;
-    const [targetNode] = _slate.Editor.node(editor, editor.selection, {
-      depth: 2
-    }) || [];
-
-    // When the current cursor position is on a link, change the position to after the link
-    if (targetNode && targetNode.type === _constants.SDOC_LINK && anchor.path.length === 3) {
-      editor.selection = {
-        anchor: {
-          offset: anchor.offset,
-          path: [anchor.path[0], anchor.path[1] + 1]
-        },
-        focus: {
-          offset: focus.offset,
-          path: [focus.path[0], focus.path[1] + 1]
-        }
-      };
-    }
-    _slate.Transforms.insertNodes(editor, sdocFileNode);
-  } else {
-    const selectedText = _slate.Editor.string(editor, selection); // Selected text
-    if (selectedText !== text) {
-      // If the selected text is different from the typed text, delete the text and insert the link
-      editor.deleteFragment();
-      _slate.Transforms.insertNodes(editor, sdocFileNode);
-    } else {
-      // If the selected text is the same as the entered text, only the link can be wrapped
-      _slate.Transforms.wrapNodes(editor, sdocFileNode, {
-        split: true
-      });
-      _slate.Transforms.collapse(editor, {
-        edge: 'end'
-      });
-    }
-  }
-};
-exports.insertSdocFileLink = insertSdocFileLink;
-const unwrapLinkNode = (editor, element) => {
-  if (editor.selection == null) return;
-  const path = _slateReact.ReactEditor.findPath(editor, element);
-  if (path) {
-    _slate.Transforms.unwrapNodes(editor, {
-      at: path
-    });
-  }
-};
-exports.unwrapLinkNode = unwrapLinkNode;
-const getNewFileListData = (fileListData, indexId, children) => {
-  fileListData.forEach(item => {
-    if (item.indexId === indexId) {
-      item.children = children;
-    }
-    if (item !== null && item !== void 0 && item.children) {
-      getNewFileListData(item.children, indexId, children);
-    }
-  });
-  return fileListData;
-};
-exports.getNewFileListData = getNewFileListData;
-const getUrl = uuid => {
-  return _context.default.getSdocLocalFileUrl(uuid);
-};
-exports.getUrl = getUrl;
-const onCopySdocLinkNode = (editor, element) => {
-  if (editor.selection == null || _slate.Range.isExpanded(editor.selection)) return;
-  const p = _slateReact.ReactEditor.findPath(editor, element);
-  _slate.Transforms.select(editor, p);
-  const newData = editor.setFragmentData(new DataTransfer());
-  (0, _copyToClipboard.default)('copy', {
-    onCopy: clipboardData => {
-      newData.types.forEach(type => {
-        const data = newData.getData(type);
-        clipboardData.setData(type, data);
-      });
-    }
-  });
-};
-exports.onCopySdocLinkNode = onCopySdocLinkNode;
-const getBeforeText = editor => {
-  const {
-    selection
-  } = editor;
-  if (selection == null) return {
-    beforeText: '',
-    range: null
-  };
-  const {
-    anchor
-  } = selection;
-  // Find the near text node above the current text
-  const [[, beforeNodePath]] = _slate.Editor.nodes(editor, {
-    match: node => _slate.Text.isText(node),
-    mode: 'lowest'
-  });
-  const beforeNodeStartPoint = _slate.Editor.start(editor, beforeNodePath); // The starting position of the text node
-  const range = {
-    anchor,
-    focus: beforeNodeStartPoint
-  };
-  const beforeText = _slate.Editor.string(editor, range) || '';
-  return {
-    beforeText,
-    range
-  };
-};
-exports.getBeforeText = getBeforeText;
-const isTriggeredByShortcut = editor => {
-  if ((0, _helpers.isSelectionInHeader)(editor)) {
-    return false;
-  }
-  const {
-    beforeText
-  } = getBeforeText(editor);
-  const fileSearchInput = getFileSearchInputEntry(editor);
-  if (fileSearchInput) return false;
-  return beforeText.endsWith('[');
-};
-
-// If insert operation is triggered by shortcut, remove the '[[' symbol
-exports.isTriggeredByShortcut = isTriggeredByShortcut;
-const removeShortCutSymbol = editor => {
-  // Check is trigger by short cut
-  const {
-    selection
-  } = editor;
-  const {
-    beforeText,
-    range: beforeRange
-  } = getBeforeText(editor);
-  const isTriggeredByShortCut = beforeText.slice(-2) === '[[';
-  isTriggeredByShortCut && _slate.Transforms.delete(editor, {
-    at: {
-      anchor: {
-        path: beforeRange.focus.path,
-        offset: beforeText.length - 2
-      },
-      focus: {
-        ...selection.focus
-      }
-    },
-    voids: true
-  });
-  (0, _core.focusEditor)(editor);
-};
-
-// Generate temp input for collecting file name
-exports.removeShortCutSymbol = removeShortCutSymbol;
-const generateFileLinkInput = () => {
-  const input = (0, _core.generateEmptyElement)(_constants.FILE_LINK_INSET_INPUT_TEMP);
-  return input;
-};
-
-// Insert temp input collecting file name
-const insertTempInput = editor => {
-  const {
-    selection
-  } = editor;
-  if (!_slate.Range.isCollapsed(selection)) return;
-  const tempInput = generateFileLinkInput();
-  const insertPoint = _slate.Editor.start(editor, selection);
-  _slate.Transforms.insertNodes(editor, tempInput, {
-    at: insertPoint
-  });
-  const path = _slate.Editor.path(editor, insertPoint);
-  const insertPath = _slate.Path.next(path);
-  const focusPoint = insertPath.concat(0);
-  (0, _core.focusEditor)(editor, focusPoint);
-};
-
-// Remove temp input collecting file name
-exports.insertTempInput = insertTempInput;
-const removeTempInput = (editor, element) => {
-  const path = _slateReact.ReactEditor.findPath(editor, element);
-  _slate.Transforms.delete(editor, {
-    at: path
-  });
-};
-exports.removeTempInput = removeTempInput;
-const getFileSearchInputEntry = editor => {
-  const [searchInputNodeEntry] = _slate.Editor.nodes(editor, {
-    match: n => n.type === _constants.FILE_LINK_INSET_INPUT_TEMP
-  });
-  return searchInputNodeEntry;
-};
-
-// Insert text when remove file name collector, such as inserting 'filename' into prevNode when close collector entered '[[filename'
-exports.getFileSearchInputEntry = getFileSearchInputEntry;
-const insertTextWhenRemoveFileNameCollector = (editor, searchInputNode) => {
-  const inputNodePath = _slateReact.ReactEditor.findPath(editor, searchInputNode);
-  if (!inputNodePath) return;
-  const prevNodeEntry = _slate.Editor.previous(editor, {
-    at: inputNodePath
-  });
-  if (!prevNodeEntry) return;
-  const searchContent = _slate.Node.string(searchInputNode);
-  const insertPoint = _slate.Editor.end(editor, prevNodeEntry[1]);
-  _slate.Transforms.insertText(editor, searchContent, {
-    at: insertPoint
-  });
-  removeTempInput(editor, searchInputNode);
-};
-exports.insertTextWhenRemoveFileNameCollector = insertTextWhenRemoveFileNameCollector;
-const getSdocFileIcon = () => {
-  const server = _context.default.getSetting('serviceUrl');
-  return `${server}/media/img/file/256/sdoc.png`;
-};
-exports.getSdocFileIcon = getSdocFileIcon;
-const getSdocLinkEntry = function (editor) {
-  let at = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : editor.selection;
-  const aboveNodeEntry = _slate.Editor.above(editor, {
-    match: n => n.type === _constants.SDOC_LINK,
-    mode: 'highest',
-    at
-  });
-  return aboveNodeEntry;
-};
-exports.getSdocLinkEntry = getSdocLinkEntry;

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.css

@@ -1,89 +0,0 @@
-.sdoc-link-hover-menu-container {
-  position: absolute;
-  height: 42px;
-  z-index: 101;
-  width: auto;
-}
-  
-.sdoc-link-hover-menu-container .hover-menu-container {
-  height: 36px;
-  padding: 7px 8px;
-  background-color: #fff;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  border-radius: 3px;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
-  border: 1px solid #e8e8e8;
-}
-
-.sdoc-link-hover-menu-container .hover-menu-container > span:not(:last-of-type) {
-  padding-right: 8px;
-  border-right: 1px solid #e5e5e5;
-}
-
-.sdoc-link-hover-menu-container .hover-menu-container .op-item {
-  position: relative;
-  font-size: 12px;
-  color: #212529;
-  padding: 0 5px;
-  border-radius: 2px;
-  min-width: 24px;
-  height: 24px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.sdoc-link-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #212529;
-  text-decoration: none;
-  background: #f1f1f1;
-}
-
-.sdoc-link-hover-menu-container .op-group-item:last-child .op-item {
-  margin-left: 8px;
-}
-
-.sdoc-link-hover-menu-container .hover-menu-container .link-style-icon-active {
-  background: #f1f1f1;
-}
-
-.sdoc-link-hover-menu-container .hover-menu-container .op-tooltip:hover::after {
-  position: absolute;
-  color: #212529;
-  content: attr(op-item-tooltip);
-  top: -40px;
-  left: -20px;
-  width: 70px;
-  height: 30px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: #fff;
-  border-radius: 3px;
-  border: 1px solid #e8e8e8;
-  font-size: 12px;
-  box-shadow: 0 0 5px #ccc;
-}
-
-.sdoc-link-hover-menu-container .hover-menu-container .icon-font {
-  font-size: 12px;
-  color: #444;
-}
-
-.sdoc-link-hover-menu-container .sdoc-file-display-style-popover {
-  position: absolute;
-  top: 37px;
-  right: -80px;
-  padding: 8px 0;
-  background-color: #fff;
-  border: 1px solid #e5e6e8;
-  border-radius: 2px;
-  box-shadow: 0 0 10px #ccc;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  z-index: 101;
-  white-space: nowrap;
-}