@seafile/comment-editor 0.0.1 → 0.0.2

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;
-}

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

@@ -1,149 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SearchList;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _constants = require("../../../constants");
-require("./index.css");
-function SearchList(_ref) {
-  let {
-    list: originalList,
-    listItem: ListItem,
-    onListItemClick,
-    onEscClick
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const inputWrapperRef = (0, _react.useRef)(null);
-  const isComposingRef = (0, _react.useRef)(null);
-  const listRefs = (0, _react.useRef)([]);
-  const [searchedList, setSearchedList] = (0, _react.useState)(originalList);
-  const [currentSelectIndex, setCurrentSelectIndex] = (0, _react.useState)(-1);
-
-  // search input
-  const onChange = (0, _react.useCallback)(event => {
-    if (isComposingRef.current) return;
-    const value = event.target.value.trim();
-    if (value) {
-      const list = originalList.filter(item => item.label.indexOf(value) > -1);
-      setSearchedList(list);
-    } else {
-      setSearchedList(originalList);
-    }
-  }, [originalList]);
-  const onCompositionStart = (0, _react.useCallback)(() => {
-    isComposingRef.current = true;
-  }, []);
-  const onCompositionEnd = (0, _react.useCallback)(e => {
-    isComposingRef.current = false;
-    onChange(e);
-  }, [onChange]);
-
-  // search content list
-  const onItemClick = (0, _react.useCallback)(item => {
-    onListItemClick && onListItemClick(item);
-  }, [onListItemClick]);
-  const onHandleInputFocus = (0, _react.useCallback)(isFocus => {
-    if (inputWrapperRef.current) {
-      queueMicrotask(() => {
-        isFocus ? inputWrapperRef.current.focus() : inputWrapperRef.current.blur();
-      });
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (currentSelectIndex === -1) {
-      onHandleInputFocus(true);
-    } else {
-      onHandleInputFocus(false);
-    }
-  }, [currentSelectIndex, onHandleInputFocus]);
-  const handleClick = (0, _react.useCallback)(event => {
-    var _inputWrapperRef$curr;
-    if (inputWrapperRef !== null && inputWrapperRef !== void 0 && (_inputWrapperRef$curr = inputWrapperRef.current) !== null && _inputWrapperRef$curr !== void 0 && _inputWrapperRef$curr.contains(event.target) || inputWrapperRef.current === event.target) {
-      event.stopPropagation();
-      event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
-      return;
-    }
-  }, []);
-  const scrollIntoView = (0, _react.useCallback)(index => {
-    if (index === -1) return;
-    listRefs.current[index].scrollIntoView({
-      behavior: 'smooth',
-      block: 'center',
-      inline: 'nearest'
-    });
-  }, []);
-  const handleKeyDown = (0, _react.useCallback)(e => {
-    const {
-      UpArrow,
-      DownArrow,
-      Enter,
-      Esc
-    } = _constants.KeyCodes;
-    const {
-      keyCode
-    } = e;
-    if (keyCode === UpArrow) {
-      e.preventDefault();
-      if (currentSelectIndex > -1) {
-        setCurrentSelectIndex(currentSelectIndex - 1);
-        scrollIntoView(currentSelectIndex - 1);
-      }
-    }
-    if (keyCode === DownArrow) {
-      e.preventDefault();
-      if (currentSelectIndex === searchedList.length - 1) return;
-      if (currentSelectIndex < searchedList.length - 1) {
-        setCurrentSelectIndex(currentSelectIndex + 1);
-        scrollIntoView(currentSelectIndex + 1);
-      }
-    }
-    if (keyCode === Enter) {
-      e.preventDefault();
-      const item = searchedList[currentSelectIndex];
-      onItemClick(item);
-    }
-    if (keyCode === Esc) {
-      e.preventDefault();
-      onEscClick && onEscClick();
-    }
-  }, [currentSelectIndex, onEscClick, onItemClick, scrollIntoView, searchedList]);
-  (0, _react.useEffect)(() => {
-    document.addEventListener('mousedown', handleClick);
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-      document.removeEventListener('click', handleClick);
-    };
-  }, [handleClick, handleKeyDown]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-    innerRef: inputWrapperRef,
-    placeholder: t('Search_action'),
-    onChange: onChange,
-    onCompositionStart: onCompositionStart,
-    onCompositionEnd: onCompositionEnd
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list-content-wrapper"
-  }, searchedList.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-search-list-with-no-results"
-  }, t('No_results')), searchedList.map((item, index) => {
-    const isSelected = index === currentSelectIndex;
-    return /*#__PURE__*/_react.default.createElement(ListItem, {
-      innerRef: el => listRefs.current[index] = el,
-      key: index,
-      item: item,
-      onItemClick: onItemClick,
-      isSelected: isSelected
-    });
-  })));
-}

package/dist/basic-sdk/extension/commons/select/_option.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-class Option extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "onClick", event => {
-      event.stopPropagation();
-      event.nativeEvent.stopImmediatePropagation();
-      const {
-        option
-      } = this.props;
-      this.props.onOptionChanged(option);
-    });
-  }
-  render() {
-    const {
-      option,
-      isActive,
-      optionClass
-    } = this.props;
-    const className = `option-item ${optionClass || ''} ${isActive ? 'active' : ''}`;
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: className,
-      onClick: this.onClick
-    }, option.iconClass && /*#__PURE__*/_react.default.createElement("span", {
-      className: `item-icon ${option.iconClass}`
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "label"
-    }, option.label));
-  }
-}
-var _default = exports.default = Option;