@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/basic-sdk/extension/plugins/text-style/helpers.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeMark = exports.isMenuDisabled = exports.getValue = exports.addMark = void 0;
-var _slate = require("@seafile/slate");
-var _elementType = require("../../constants/element-type");
-var _menusConfig = require("../../constants/menus-config");
-var _core = require("../../core");
-var _helpers = require("../link/helpers");
-const isMenuDisabled = (editor, readonly) => {
-  if (readonly) return true;
-  if (editor.selection == null) return true;
-  const [match] = _slate.Editor.nodes(editor, {
-    match: n => {
-      const type = (0, _core.getNodeType)(n);
-      if (type === _elementType.CODE_BLOCK) return true; // Code block
-      // TODO: seatable_column
-      if (_slate.Editor.isVoid(editor, n) && (n === null || n === void 0 ? void 0 : n.type) !== 'seatable_column') return true; // void node
-
-      return false;
-    },
-    universal: true
-  });
-
-  // If yes, it is disabled
-  if (match) return true;
-  return false;
-};
-exports.isMenuDisabled = isMenuDisabled;
-const addMark = (editor, type) => {
-  if (type === _menusConfig.TEXT_STYLE_MAP.SUPERSCRIPT) {
-    removeMark(editor, _menusConfig.TEXT_STYLE_MAP.SUBSCRIPT);
-  } else if (type === _menusConfig.TEXT_STYLE_MAP.SUBSCRIPT) {
-    removeMark(editor, _menusConfig.TEXT_STYLE_MAP.SUPERSCRIPT);
-  }
-  _slate.Editor.addMark(editor, type, true);
-};
-exports.addMark = addMark;
-const removeMark = (editor, type) => {
-  _slate.Editor.removeMark(editor, type);
-};
-
-// Whether mark is included
-exports.removeMark = removeMark;
-const getValue = (editor, mark) => {
-  if (mark === _elementType.LINK && editor.selection && !_slate.Range.isCollapsed(editor.selection)) {
-    return (0, _helpers.isLinkToolBarActive)(editor);
-  }
-  const curMarks = _slate.Editor.marks(editor);
-
-  // If curMarks exists, you need to set this parameter manually. curMarks prevails
-  if (curMarks) {
-    return curMarks[mark];
-  } else {
-    const [match] = _slate.Editor.nodes(editor, {
-      match: n => n[mark] === true
-    });
-    return !!match;
-  }
-};
-exports.getValue = getValue;

package/dist/basic-sdk/extension/plugins/text-style/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = _interopRequireDefault(require("./render-elem"));
-const TextPlugin = {
-  type: 'text',
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.default]
-};
-var _default = exports.default = TextPlugin;

package/dist/basic-sdk/extension/plugins/text-style/menu/comemnt-editor-menu.js

@@ -1,72 +0,0 @@
-"use strict";
-
-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 _commons = require("../../../commons");
-var _constants = require("../../../constants");
-var _menusConfig = require("../../../constants/menus-config");
-var _core = require("../../../core");
-var _helpers = require("../helpers");
-const CommentEditorTextStyleMenuList = _ref => {
-  let {
-    editor,
-    isRichEditor,
-    className,
-    idPrefix,
-    readonly
-  } = _ref;
-  const isActive = (0, _react.useCallback)(type => {
-    const isMark = (0, _helpers.getValue)(editor, type);
-    return !!isMark;
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  const isDisabled = (0, _react.useCallback)(() => {
-    return (0, _helpers.isMenuDisabled)(editor, readonly);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, readonly]);
-  const onMouseDown = (0, _react.useCallback)((event, type) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (isDisabled()) return;
-    const active = isActive(type);
-    if (active) {
-      (0, _helpers.removeMark)(editor, type);
-    } else {
-      (0, _helpers.addMark)(editor, type);
-    }
-    (0, _core.focusEditor)(editor);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  const getTextStyleList = (0, _react.useCallback)(() => {
-    const styleMenus = _constants.MENUS_CONFIG_MAP[_constants.TEXT_STYLE];
-    const commentMenus = styleMenus.filter(item => [_menusConfig.BOLD, _menusConfig.ITALIC].includes(item.id));
-    return commentMenus.map(item => {
-      let itemProps = {
-        isRichEditor,
-        className,
-        disabled: isDisabled(),
-        isActive: isActive(item.type),
-        onMouseDown: onMouseDown
-      };
-      return {
-        ...itemProps,
-        ...item,
-        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
-      };
-    });
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, readonly]);
-  const list = getTextStyleList();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
-    key: index
-  }, itemProps))));
-};
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentEditorTextStyleMenuList);

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

@@ -1,163 +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 _commentContextMenu = _interopRequireDefault(require("../../../../comment/components/comment-context-menu"));
-var _constants = require("../../../../constants");
-var _context = _interopRequireDefault(require("../../../../context"));
-var _useColorContext = require("../../../../hooks/use-color-context");
-var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
-var _mouseEvent = require("../../../../utils/mouse-event");
-var _commons = require("../../../commons");
-var _constants2 = require("../../../constants");
-var _core = require("../../../core");
-var _aiMenu = require("../../ai/ai-menu");
-var _helpers = require("../../font/helpers");
-var _fontSizeScale = _interopRequireDefault(require("../../font/menu/font-size/font-size-scale"));
-var _helpers2 = require("../../link/helpers");
-var _helpers3 = require("../helpers");
-const TextStyleMenuList = _ref => {
-  let {
-    editor,
-    t,
-    isRichEditor,
-    className,
-    idPrefix,
-    readonly
-  } = _ref;
-  let selectedFontSize = (0, _helpers.getFontSize)(editor);
-  let selectedFontSizeValue = selectedFontSize;
-  const enableSeafileAI = _context.default.getSetting('enableSeafileAI');
-  const {
-    lastUsedFontColor,
-    updateLastUsedFontColor,
-    lastUsedHighlightColor,
-    updateLastUsedHighlightColor
-  } = (0, _useColorContext.useColorContext)();
-  const isActive = (0, _react.useCallback)(type => {
-    const isMark = (0, _helpers3.getValue)(editor, type);
-    return !!isMark;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  const isDisabled = (0, _react.useCallback)(() => {
-    return (0, _helpers3.isMenuDisabled)(editor, readonly);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, readonly]);
-  const isSelectedSeaTableColumn = (0, _react.useCallback)(() => {
-    // TODO: seatable_column
-    const entery = (0, _core.getSelectedNodeByType)(editor, 'seatable_column');
-    return !!entery;
-  }, [editor]);
-  const openLinkDialog = (0, _react.useCallback)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.LINK,
-      editor
-    });
-  }, [editor]);
-  const onMouseDown = (0, _react.useCallback)((event, type) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (isDisabled()) return;
-    const active = isActive(type);
-    if (type === _constants2.LINK) {
-      if (active) {
-        (0, _helpers2.unWrapLinkNode)(editor);
-      } else {
-        openLinkDialog();
-      }
-      return;
-    }
-    if (active) {
-      (0, _helpers3.removeMark)(editor, type);
-    } else {
-      (0, _helpers3.addMark)(editor, type);
-    }
-    (0, _core.focusEditor)(editor);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  const setColor = (0, _react.useCallback)((type, color) => {
-    _slate.Editor.addMark(editor, type, color);
-    (0, _core.focusEditor)(editor);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  const increaseFontSize = (0, _react.useCallback)(event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    (0, _helpers.setFontSize)(editor, selectedFontSizeValue + 1);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, selectedFontSize, selectedFontSizeValue]);
-  const reduceFontSize = (0, _react.useCallback)(event => {
-    (0, _mouseEvent.eventStopPropagation)(event);
-    const nextFontSize = selectedFontSizeValue - 1;
-    if (nextFontSize < 1) return;
-    (0, _helpers.setFontSize)(editor, nextFontSize);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, selectedFontSize, selectedFontSizeValue]);
-  const getTextStyleList = (0, _react.useCallback)(key => {
-    return _constants2.MENUS_CONFIG_MAP[key].map(item => {
-      let disable = isDisabled();
-      const disableTypes = [_constants2.TEXT_STYLE_MAP.CODE, _constants2.TEXT_STYLE_MAP.LINK, _constants2.TEXT_STYLE_MAP.SUPERSCRIPT, _constants2.TEXT_STYLE_MAP.SUBSCRIPT];
-      if (disableTypes.includes(item.type)) {
-        disable = isSelectedSeaTableColumn() ? true : disable;
-      }
-      let itemProps = {
-        isRichEditor,
-        className,
-        ariaLabel: item === null || item === void 0 ? void 0 : item.ariaLabel,
-        disabled: disable,
-        isActive: isActive(item.type),
-        onMouseDown: item.isColor ? () => {} : onMouseDown
-      };
-      if (item.isColor) {
-        itemProps['setColor'] = color => setColor(item.type, color);
-        itemProps['defaultColorTip'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? t('Default') : '';
-        itemProps['lastUsedColor'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? lastUsedFontColor : lastUsedHighlightColor;
-        itemProps['updateLastUsedColor'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? updateLastUsedFontColor : updateLastUsedHighlightColor;
-      }
-      return {
-        ...itemProps,
-        ...item,
-        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
-      };
-    });
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, lastUsedFontColor, lastUsedHighlightColor, readonly]);
-  let list = getTextStyleList(_constants2.TEXT_STYLE);
-  const dropdownList = getTextStyleList(_constants2.TEXT_STYLE_MORE);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => {
-    const Component = itemProps.isColor ? _commons.ColorMenu : _commons.MenuItem;
-    return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
-      key: index
-    }, itemProps));
-  }), /*#__PURE__*/_react.default.createElement(_commons.MoreDropdown, null, dropdownList.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
-    key: index
-  }, itemProps))), /*#__PURE__*/_react.default.createElement(_fontSizeScale.default, {
-    disabled: isDisabled(),
-    onClick: increaseFontSize,
-    id: "sdoc-increase-font-size",
-    tipMessage: t('Increase_font_size')
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-increase-font-size"
-  })), /*#__PURE__*/_react.default.createElement(_fontSizeScale.default, {
-    disabled: isDisabled(),
-    onClick: reduceFontSize,
-    id: "sdoc-reduce-font-size",
-    tipMessage: t('Reduce_font_size')
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-reduce-font-size"
-  }))), idPrefix && ![_constants.DOCUMENT_PLUGIN_EDITOR, _constants.WIKI_EDITOR].includes(editor.editorType) && /*#__PURE__*/_react.default.createElement(_commentContextMenu.default, null), idPrefix && enableSeafileAI && /*#__PURE__*/_react.default.createElement(_aiMenu.AIContextMenu, {
-    isRichEditor: isRichEditor
-  }));
-};
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextStyleMenuList);

package/dist/basic-sdk/extension/plugins/text-style/plugin.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../../constants");
-var _helpers = require("./helpers");
-const withTextStyle = editor => {
-  const toggleTextStyle = type => {
-    const isDisabled = (0, _helpers.isMenuDisabled)(editor);
-    if (isDisabled) {
-      return false;
-    }
-    const isActive = !!(0, _helpers.getValue)(editor, type);
-    if (isActive) {
-      (0, _helpers.removeMark)(editor, type);
-    } else {
-      (0, _helpers.addMark)(editor, type);
-    }
-  };
-  editor.toggleTextBold = () => {
-    toggleTextStyle(_constants.TEXT_STYLE_MAP.BOLD);
-  };
-  editor.toggleTextItalic = () => {
-    toggleTextStyle(_constants.TEXT_STYLE_MAP.ITALIC);
-  };
-  return editor;
-};
-var _default = exports.default = withTextStyle;

package/dist/basic-sdk/extension/plugins/text-style/render-elem.js

@@ -1,137 +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 _constants = require("../../constants");
-var _helpers = require("../font/helpers");
-var _caret = _interopRequireDefault(require("./caret"));
-const renderText = props => {
-  const {
-    attributes,
-    children,
-    leaf
-  } = props;
-  let {
-    text,
-    ...rest
-  } = leaf;
-  let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
-  let style = {};
-  // The following is a workaround for a Chromium bug where,
-  // if you have an inline at the end of a block,
-  // clicking the end of a block puts the cursor inside the inline
-  // instead of inside the final {text: ''} node
-  // https://github.com/ianstormtaylor/slate/issues/4704#issuecomment-1006696364
-  if (!text.length) {
-    style['paddingLeft'] = '0.1px';
-  }
-  if (leaf.isCaret) {
-    style['position'] = 'relative';
-    style['display'] = 'inline-block';
-    style['minWidth'] = '2px';
-  }
-
-  // Add temporary marks for selection in AI or context comment
-  if ((leaf.sdoc_ai || leaf.comment) && leaf.text.trim()) {
-    style['padding'] = '3px 0';
-    style['backgroundColor'] = '#a9c9ed';
-  }
-
-  // Background color overlap for multi comments
-  if (Object.keys(leaf).some(key => key.startsWith('sdoc_comment_'))) {
-    const commentEntries = Object.entries(leaf).filter(_ref => {
-      let [key] = _ref;
-      return key.startsWith('sdoc_comment_');
-    });
-    for (const [key, value] of commentEntries) {
-      if (value === false && key.startsWith('sdoc_comment_')) {
-        const newKey = `removed_${key}`;
-        rest[newKey] = true;
-        delete rest[key];
-      }
-    }
-    const commentRest = Object.keys(rest).filter(item => item.startsWith('sdoc_comment_'));
-
-    // Multi comment or only one comment
-    if (commentRest.length > 1) {
-      style['backgroundColor'] = 'rgba(129, 237, 247)';
-    }
-    if (commentRest.length === 1) {
-      style['backgroundColor'] = 'rgba(129, 237, 247, 0.5)';
-    }
-  }
-  if (leaf.computed_background_color) {
-    style['backgroundColor'] = leaf.computed_background_color;
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.COLOR]) {
-    style['color'] = leaf[_constants.TEXT_STYLE_MAP.COLOR];
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.HIGHLIGHT_COLOR]) {
-    style['backgroundColor'] = leaf[_constants.TEXT_STYLE_MAP.HIGHLIGHT_COLOR];
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE]) {
-    const fontSize = leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE];
-    if (typeof fontSize === 'number') {
-      style['fontSize'] = `${fontSize}pt`;
-    }
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.FONT]) {
-    const fontWeight = leaf[_constants.TEXT_STYLE_MAP.BOLD] ? 600 : 400;
-    style['fontFamily'] = (0, _helpers.generatorFontFamily)(leaf[_constants.TEXT_STYLE_MAP.FONT], fontWeight);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.BOLD]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("strong", null, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.ITALIC]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("i", null, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.UNDERLINE]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        textDecoration: 'underline'
-      }
-    }, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.STRIKETHROUGH]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        textDecoration: 'line-through'
-      }
-    }, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.SUPERSCRIPT]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("sup", null, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.SUBSCRIPT]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("sub", null, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.CODE]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("code", null, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.DELETE]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("del", null, markedChildren);
-  }
-  if (leaf[_constants.TEXT_STYLE_MAP.ADD]) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("span", null, markedChildren);
-  }
-  if (leaf.decoration) {
-    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
-      className: `token ${leaf.type}`
-    }, markedChildren);
-  }
-  return /*#__PURE__*/_react.default.createElement("span", Object.assign({
-    "data-id": leaf.id
-  }, attributes, {
-    style: style,
-    className: Object.keys(rest).join(' ')
-  }), leaf.isCaret ? /*#__PURE__*/_react.default.createElement(_caret.default, leaf) : null, leaf.isCaret && /*#__PURE__*/_react.default.createElement("span", {
-    key: Math.random(),
-    "data-slate-zero-width": "z",
-    "data-slate-length": "0"
-  }, '\uFEFF'), !leaf.isCaret && markedChildren);
-};
-var _default = exports.default = renderText;

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

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VIDEO_MAX_SIZE_5MB = exports.ONE_MB = exports.ONE_KB = exports.ONE_GB = void 0;
-const VIDEO_MAX_SIZE_5MB = exports.VIDEO_MAX_SIZE_5MB = 5 * 1024 * 1024;
-const ONE_GB = exports.ONE_GB = 1000 * 1000 * 1000;
-const ONE_MB = exports.ONE_MB = 1000 * 1000;
-const ONE_KB = exports.ONE_KB = 1000;

package/dist/basic-sdk/extension/plugins/video/dialog/add-video-link-dialog/index.js

@@ -1,108 +0,0 @@
-"use strict";
-
-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 _reactstrap = require("reactstrap");
-var _helpers = require("../../helpers");
-const AddVideoLinkDialog = _ref => {
-  let {
-    editor,
-    className,
-    closeDialog,
-    handleSubmit
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [linkErrorMessage, setLinkErrorMessage] = (0, _react.useState)('');
-  const [url, setURL] = (0, _react.useState)('');
-  const isValidVideoLink = link => {
-    const videoRegex = /v\.qq\.com|youtube\.com|v\.youku\.com|bilibili\.com/i;
-    return videoRegex.test(link);
-  };
-  const submit = (0, _react.useCallback)(() => {
-    setLinkErrorMessage('');
-    if (!url) {
-      setLinkErrorMessage(t('The_link_address_is_required'));
-      return;
-    }
-    if (!isValidVideoLink(url)) {
-      setLinkErrorMessage(t('The_link_address_is_invalid'));
-      return;
-    }
-    (0, _helpers.insertVideo)(editor, [{
-      name: url,
-      isEmbeddableLink: true
-    }], [url]);
-    handleSubmit && handleSubmit();
-    closeDialog();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, url]);
-  const onKeyDown = (0, _react.useCallback)(event => {
-    if (event.keyCode === 13) {
-      event.preventDefault();
-      submit();
-      return;
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, url]);
-  const handleUrlChange = (0, _react.useCallback)(event => {
-    const videoUrl = event.target.value;
-    if (videoUrl === url) return;
-    setURL(videoUrl);
-  }, [url]);
-  const close = (0, _react.useMemo)(() => {
-    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,
-    autoFocus: false,
-    toggle: closeDialog,
-    className: className,
-    zIndex: 1071,
-    returnFocusAfterClose: false
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
-    close: close
-  }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "form-group"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
-    for: "addLink"
-  }, t('Link_address')), /*#__PURE__*/_react.default.createElement("input", {
-    onKeyDown: onKeyDown,
-    autoFocus: true,
-    type: "url",
-    className: "form-control",
-    id: "addVideoLink",
-    value: url || '',
-    onChange: handleUrlChange
-  }), linkErrorMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
-    color: "danger",
-    className: "mt-2"
-  }, t(linkErrorMessage))), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: '12px',
-      color: '#787774'
-    }
-  }, t('Support_Youtube_Tencent_Bilibili_and_more')))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-    color: "secondary",
-    onClick: closeDialog
-  }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-    color: "primary",
-    disabled: false,
-    onClick: submit
-  }, t('Add_link'))));
-};
-var _default = exports.default = AddVideoLinkDialog;