@seafile/comment-editor 0.0.1 → 0.0.2

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/row-header.js

@@ -1,126 +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 _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _useScrollContext = require("../../../../../../hooks/use-scroll-context");
-var _objectUtils = _interopRequireDefault(require("../../../../../../utils/object-utils"));
-var _constants = require("../../../../../constants");
-var _core = require("../../../../../core");
-var _helpers = require("../../../helpers");
-var _hooks = require("../../hooks");
-const RowHeader = _ref => {
-  let {
-    row,
-    index,
-    addIconPosition,
-    setAddIconPosition,
-    setInsertRowIndex,
-    selectRange,
-    tableSize,
-    handleDragStart,
-    handleDragEnd
-  } = _ref;
-  const editor = (0, _slateReact.useSlateStatic)();
-  const {
-    tableSelectedRange
-  } = editor;
-  (0, _react.useEffect)(() => {
-    setRowHeight((0, _helpers.getRowDomHeight)(editor, row));
-  }, [editor, row, tableSize]);
-  const oldRowHeight = (0, _helpers.getRowDomHeight)(editor, row);
-  const [rowHeight, setRowHeight] = (0, _react.useState)(oldRowHeight);
-  const rowHeaderRef = (0, _react.useRef)(null);
-  const columns = (0, _hooks.useResizeHandlersContext)();
-  const scrollContext = (0, _useScrollContext.useScrollContext)();
-  const selectedRange = (0, _hooks.useTableSelectedRangeContext)();
-  const currentCell = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_CELL);
-  const currentCellPath = currentCell ? (0, _core.findPath)(editor, currentCell, [-1, -1]) : [-1, -1];
-  const pathLength = currentCellPath.length;
-  const canDrag = (0, _react.useMemo)(() => {
-    const {
-      minRowIndex,
-      maxRowIndex,
-      minColIndex,
-      maxColIndex
-    } = tableSelectedRange;
-    const [, colNum] = tableSize;
-    const isSelectRow = minColIndex === 0 && maxColIndex === colNum - 1;
-    const isSelectRangeRow = minRowIndex <= index && index <= maxRowIndex;
-    const isSelectAllRows = minRowIndex === 0 && maxRowIndex === tableSize[0] - 1;
-    if (tableSize[0] === 1 || isSelectAllRows) return false;
-    if (isSelectRow && isSelectRangeRow) return true;
-    return false;
-  }, [index, tableSelectedRange, tableSize]);
-  (0, _react.useEffect)(() => {
-    if ((0, _helpers.elementHasImage)(row)) {
-      // There is a delay in image loading
-      const time = setTimeout(() => setRowHeight((0, _helpers.getRowDomHeight)(editor, row)), 300);
-      return () => {
-        clearTimeout(time);
-      };
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [columns, row, index]);
-  const onMouseMove = (0, _react.useCallback)(event => {
-    const {
-      left,
-      height,
-      top
-    } = rowHeaderRef.current.getBoundingClientRect();
-    const halfElementY = top + height / 2;
-    const nextAddIconPosition = {
-      left: left,
-      top: event.clientY > halfElementY ? top + height - 7 : top - 7
-    };
-    const {
-      top: scrollContextTop,
-      height: scrollContextHeight
-    } = scrollContext.current.getBoundingClientRect();
-    if (nextAddIconPosition.top < scrollContextTop) {
-      setAddIconPosition(undefined);
-      return;
-    }
-    if (nextAddIconPosition.top > scrollContextTop + scrollContextHeight) {
-      setAddIconPosition(undefined);
-      return;
-    }
-    if (_objectUtils.default.isSameObject(nextAddIconPosition, addIconPosition)) return;
-    setInsertRowIndex(event.clientY > halfElementY ? index : index - 1);
-    setAddIconPosition(nextAddIconPosition);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [index, addIconPosition, row, columns]);
-  const onMouseLeave = (0, _react.useCallback)(event => {
-    setAddIconPosition(undefined);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [index, addIconPosition, row, columns]);
-  const isSelectedARow = selectedRange.minColIndex === 0 && selectedRange.maxColIndex === tableSize[1] - 1;
-  const isSelectedSomeRow = selectedRange.minRowIndex <= index && index <= selectedRange.maxRowIndex;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sdoc-table-row-header', {
-      'range-selected': isSelectedARow && isSelectedSomeRow,
-      'range-selected-tip': !isSelectedARow && isSelectedSomeRow || currentCellPath[pathLength - 2] === index,
-      'drag': canDrag
-    }),
-    style: {
-      height: rowHeight
-    },
-    ref: rowHeaderRef,
-    onClick: () => selectRange(index),
-    onMouseMove: onMouseMove,
-    onMouseLeave: onMouseLeave,
-    onDragStart: handleDragStart,
-    onDragEnd: handleDragEnd,
-    draggable: canDrag
-  });
-};
-var _default = exports.default = RowHeader;

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

@@ -1,60 +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 _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _menu = require("../menu");
-var _hooks = require("./hooks");
-const TableRoot = _ref => {
-  let {
-    attributes,
-    columns = [],
-    children
-  } = _ref;
-  const editor = (0, _slateReact.useSlateStatic)();
-  const readonly = (0, _slateReact.useReadOnly)();
-  const tableScrollWrapper = (0, _react.useRef)(null);
-  const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
-  const allWidth = columns.reduce((pre, cur) => pre + cur.width, 0);
-  const onScroll = (0, _react.useCallback)(event => {
-    setScrollLeft(event.target.scrollLeft);
-  }, []);
-  const {
-    isShowContextMenu,
-    menuPosition,
-    onContextMenu
-  } = (0, _hooks.useContextMenu)(tableScrollWrapper);
-  return /*#__PURE__*/_react.default.createElement(_hooks.TableRootContext.Provider, {
-    value: tableScrollWrapper.current
-  }, /*#__PURE__*/_react.default.createElement(_hooks.TableRootScrollLeftContext.Provider, {
-    value: scrollLeft
-  }, /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
-    className: (0, _classnames.default)('sdoc-table-wrapper position-relative', attributes.className, {
-      'scroll': allWidth > editor.width
-    }),
-    style: {
-      ...attributes.style,
-      maxWidth: editor.width ? editor.width : '100%'
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sdoc-table-scroll-wrapper', {
-      'scroll-at-center': scrollLeft + editor.width !== allWidth && scrollLeft > 0,
-      'scroll-at-right': scrollLeft + editor.width === allWidth,
-      'scroll-at-left': scrollLeft === 0
-    }),
-    ref: tableScrollWrapper,
-    onScroll: onScroll,
-    onContextMenu: onContextMenu
-  }, children)), !readonly && isShowContextMenu && /*#__PURE__*/_react.default.createElement(_menu.TableContextMenu, {
-    editor: editor,
-    contextMenuPosition: menuPosition,
-    readonly: readonly
-  })));
-};
-var _default = exports.default = TableRoot;

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

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "renderTable", {
-  enumerable: true,
-  get: function () {
-    return _render.default;
-  }
-});
-Object.defineProperty(exports, "renderTableCell", {
-  enumerable: true,
-  get: function () {
-    return _renderCell.default;
-  }
-});
-Object.defineProperty(exports, "renderTableRow", {
-  enumerable: true,
-  get: function () {
-    return _renderRow.default;
-  }
-});
-var _render = _interopRequireDefault(require("./render"));
-var _renderCell = _interopRequireDefault(require("./render/render-cell"));
-var _renderRow = _interopRequireDefault(require("./render/render-row"));

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

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setAlignType = exports.isMenuDisabled = exports.getAlignType = void 0;
-var _slate = require("@seafile/slate");
-var _constants = require("../../constants");
-var _core = require("../../core");
-const isMenuDisabled = (editor, readonly) => {
-  if (readonly) return true;
-  if (!editor.selection) return true;
-  const [match] = _slate.Editor.nodes(editor, {
-    match: node => {
-      return !_slate.Editor.isEditor(node) && _slate.Element.isElement(node) && _slate.Editor.isBlock(editor, node);
-    },
-    universal: true,
-    mode: 'highest'
-  });
-  if (!match) return false;
-  const elementType = match[0].type;
-  // at present, TABLE got its own 'text align'
-  if (elementType === _constants.CODE_BLOCK || elementType === _constants.TABLE) {
-    return true;
-  }
-  return false;
-};
-exports.isMenuDisabled = isMenuDisabled;
-const getAlignType = editor => {
-  const defaultType = 'left';
-  const {
-    selection
-  } = editor;
-  if (!selection) {
-    return defaultType;
-  }
-  if ((0, _core.isRangeAcrossBlocks)(editor)) return defaultType;
-  const [match] = _slate.Editor.nodes(editor, {
-    at: _slate.Editor.unhangRange(editor, selection),
-    match: n => !_slate.Editor.isEditor(n) && _slate.Element.isElement(n) && n['align']
-  });
-  if (!match) return defaultType;
-  return match[0].align;
-};
-exports.getAlignType = getAlignType;
-const setAlignType = (editor, type) => {
-  _slate.Transforms.setNodes(editor, {
-    'align': type
-  });
-};
-exports.setAlignType = setAlignType;

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

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const TextAlignPlugin = {};
-var _default = exports.default = TextAlignPlugin;

package/dist/basic-sdk/extension/plugins/text-align/menu/index.css

@@ -1,5 +0,0 @@
-.sdoc-text-align-dropdown .sdocfont.sdoc-check-mark {
-    position: absolute;
-    left: 8px;
-    color: #798d99;
-}

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

@@ -1,98 +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 _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
-var _constants = require("../../../constants");
-var _helpers = require("../helpers");
-require("./index.css");
-const TextAlignMenu = _ref => {
-  let {
-    isRichEditor = true,
-    className = 'menu-group-item',
-    editor,
-    readonly
-  } = _ref;
-  const [isShowMenu, setMenuShow] = (0, _react.useState)(false);
-  const popoverRef = (0, _react.useRef)(null);
-  const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
-  const buttonId = 'sdoc-button-text-align';
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const toggle = (0, _react.useCallback)(event => {
-    popoverRef.current.toggle();
-    setMenuShow(!isShowMenu);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isShowMenu]);
-  const getCurrentType = (0, _react.useCallback)(() => {
-    return (0, _helpers.getAlignType)(editor);
-  }, [editor]);
-  const setType = (0, _react.useCallback)(type => {
-    (0, _helpers.setAlignType)(editor, type);
-    toggle();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, isShowMenu]);
-  const validClassName = (0, _classnames.default)(className, '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
-  });
-  let curType = getCurrentType();
-  const curIcon = _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].filter(item => item.type === curType)[0].iconClass;
-  const caretIconClass = `sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-${isShowMenu ? 'caret-up' : 'drop-down'}`;
-  curType = 'align_' + curType;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    "aria-label": "text align",
-    className: validClassName,
-    id: buttonId,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-menu-with-dropdown-icon"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: curIcon
-  })), !disabled && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-menu-with-dropdown-triangle"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: caretIconClass
-  }))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: buttonId
-  }, t('Alignment_type')), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: buttonId,
-    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-text-align-dropdown",
-    trigger: "legacy",
-    placement: "bottom-start",
-    hideArrow: true,
-    toggle: toggle,
-    fade: false,
-    ref: popoverRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pt-2 pb-2"
-  }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map((item, index) => {
-    const isSelected = curType === item.id;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: index,
-      className: "sdoc-dropdown-menu-item",
-      onClick: () => setType(item.type)
-    }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdocfont sdoc-check-mark"
-    }), /*#__PURE__*/_react.default.createElement("i", {
-      className: item.iconClass
-    }));
-  }))));
-};
-var _default = exports.default = TextAlignMenu;

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

@@ -1,164 +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 _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,
-    isRichEditor,
-    className,
-    idPrefix,
-    readonly
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  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 && enableSeafileAI && /*#__PURE__*/_react.default.createElement(_aiMenu.AIContextMenu, {
-    isRichEditor: isRichEditor
-  }));
-};
-var _default = exports.default = TextStyleMenuList;

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;