dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/RowExpandUrlFormatter/index.js

@@ -1,24 +1,17 @@
-"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"));
-var _toaster = _interopRequireDefault(require("../toaster"));
-var _editorUtils = require("../utils/editor-utils");
-require("./index.css");
-class UrlFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import toaster from '../toaster';
+import { isValidUrl, getTrimmedString } from '../utils/editor-utils';
+import './index.css';
+class UrlFormatter extends React.Component {
   constructor() {
     super(...arguments);
     this.onOpenUrlLink = () => {
       const {
         value
       } = this.props;
-      const url = (0, _editorUtils.getTrimmedString)(value);
-      const validUrl = (0, _editorUtils.isValidUrl)(url) ? url : "http://".concat(url);
+      const url = getTrimmedString(value);
+      const validUrl = isValidUrl(url) ? url : "http://".concat(url);
       try {
         let a = document.createElement('a');
         document.body.appendChild(a);
@@ -28,7 +21,7 @@ class UrlFormatter extends _react.default.Component {
         a.click();
         document.body.removeChild(a);
       } catch {
-        _toaster.default.danger('The url is invalid');
+        toaster.danger('The url is invalid');
       }
     };
   }
@@ -37,15 +30,15 @@ class UrlFormatter extends _react.default.Component {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    let classname = classnames('dtable-ui cell-formatter-container url-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "url-formatter-value text-truncate"
-    }, value), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/_react.default.createElement("span", {
+    }, value), getTrimmedString(value) && /*#__PURE__*/React.createElement("span", {
       className: "dtable-font dtable-icon-url row-expand-jump-link",
       onClick: this.onOpenUrlLink
     }));
   }
 }
-var _default = exports.default = UrlFormatter;
+export default UrlFormatter;

package/lib/SelectItem/index.js

@@ -1,12 +1,5 @@
-"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"));
-class SelectItem extends _react.default.PureComponent {
+import React from 'react';
+export default class SelectItem extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.getStyle = (option, fontSize) => {
@@ -31,11 +24,10 @@ class SelectItem extends _react.default.PureComponent {
       fontSize
     } = this.props;
     const style = this.getStyle(option, fontSize);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui select-item text-truncate",
       style: style,
       title: option.name
     }, option.name);
   }
-}
-exports.default = SelectItem;
+}

package/lib/SelectOptionGroup/KeyCodes.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
+export default {
   LeftArrow: 37,
   UpArrow: 38,
   RightArrow: 39,

package/lib/SelectOptionGroup/index.js

@@ -1,19 +1,11 @@
-"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 _option = _interopRequireDefault(require("./option"));
-var _DTableSearchInput = _interopRequireDefault(require("../DTableSearchInput"));
-var _KeyCodes = _interopRequireDefault(require("./KeyCodes"));
-var _ClickOutside = _interopRequireDefault(require("../common/ClickOutside"));
-require("./index.css");
+import React, { Component } from 'react';
+import Option from './option';
+import DTableSearchInput from '../DTableSearchInput';
+import KeyCodes from './KeyCodes';
+import ClickOutside from '../common/ClickOutside';
+import './index.css';
 const OPTION_HEIGHT = 32;
-class SelectOptionGroup extends _react.Component {
+class SelectOptionGroup extends Component {
   constructor(props) {
     super(props);
     this.resetMenuStyle = () => {
@@ -39,11 +31,11 @@ class SelectOptionGroup extends _react.Component {
     };
     this.onHotKey = event => {
       const keyCode = event.keyCode;
-      if (keyCode === _KeyCodes.default.UpArrow) {
+      if (keyCode === KeyCodes.UpArrow) {
         this.onPressUp();
-      } else if (keyCode === _KeyCodes.default.DownArrow) {
+      } else if (keyCode === KeyCodes.DownArrow) {
         this.onPressDown();
-      } else if (keyCode === _KeyCodes.default.Enter) {
+      } else if (keyCode === KeyCodes.Enter) {
         let option = this.filterOptions && this.filterOptions[this.state.activeIndex];
         if (option) {
           this.props.onSelectOption(option.value);
@@ -51,7 +43,7 @@ class SelectOptionGroup extends _react.Component {
             this.props.closeSelect();
           }
         }
-      } else if (keyCode === _KeyCodes.default.Tab || keyCode === _KeyCodes.default.Escape) {
+      } else if (keyCode === KeyCodes.Tab || keyCode === KeyCodes.Escape) {
         this.props.closeSelect();
       }
     };
@@ -73,6 +65,16 @@ class SelectOptionGroup extends _react.Component {
         });
       }
     };
+    this.onMouseDown = e => {
+      const {
+        isInModal
+      } = this.props;
+      // prevent event propagation when click option or search input
+      if (isInModal) {
+        e.stopPropagation();
+        e.nativeEvent.stopImmediatePropagation();
+      }
+    };
     this.scrollContent = () => {
       const {
         offsetHeight,
@@ -113,23 +115,21 @@ class SelectOptionGroup extends _react.Component {
     this.renderOptGroup = searchVal => {
       let {
         noOptionsPlaceholder,
-        onSelectOption,
-        isInModal
+        onSelectOption
       } = this.props;
       this.filterOptions = this.props.getFilterOptions(searchVal);
       if (this.filterOptions.length === 0) {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: "none-search-result"
         }, noOptionsPlaceholder);
       }
       return this.filterOptions.map((opt, i) => {
         let key = opt.value.column ? opt.value.column.key : i;
         let isActive = this.state.activeIndex === i;
-        return /*#__PURE__*/_react.default.createElement(_option.default, {
+        return /*#__PURE__*/React.createElement(Option, {
           key: key,
           index: i,
           isActive: isActive,
-          isInModal: isInModal,
           value: opt.value,
           onSelectOption: onSelectOption,
           changeIndex: this.changeIndex,
@@ -193,26 +193,27 @@ class SelectOptionGroup extends _react.Component {
         opacity: 0
       };
     }
-    return /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
+    return /*#__PURE__*/React.createElement(ClickOutside, {
       onClickOutside: this.props.onClickOutside
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "option-group ".concat(isShowSelected ? 'pt-0' : '', " ").concat(className ? 'option-group-' + className : ''),
       ref: ref => this.optionGroupRef = ref,
-      style: style
-    }, isShowSelected && /*#__PURE__*/_react.default.createElement("div", {
+      style: style,
+      onMouseDown: this.onMouseDown
+    }, isShowSelected && /*#__PURE__*/React.createElement("div", {
       className: "editor-list-delete mb-2",
       onClick: e => e.stopPropagation()
-    }, value.label || ''), searchable && /*#__PURE__*/_react.default.createElement("div", {
+    }, value.label || ''), searchable && /*#__PURE__*/React.createElement("div", {
       className: "option-group-search"
-    }, /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
+    }, /*#__PURE__*/React.createElement(DTableSearchInput, {
       className: "option-search-control",
       placeholder: searchPlaceholder,
       onChange: this.onChangeSearch,
       autoFocus: true
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "option-group-content",
       ref: ref => this.optionGroupContentRef = ref
     }, this.renderOptGroup(searchVal))));
   }
 }
-var _default = exports.default = SelectOptionGroup;
+export default SelectOptionGroup;

package/lib/SelectOptionGroup/option.js

@@ -1,12 +1,5 @@
-"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"));
-class Option extends _react.Component {
+import React, { Component } from 'react';
+class Option extends Component {
   constructor() {
     super(...arguments);
     this.onSelectOption = (value, event) => {
@@ -25,22 +18,14 @@ class Option extends _react.Component {
         this.props.changeIndex(-1);
       }
     };
-    this.onMouseDown = event => {
-      if (this.props.isInModal) {
-        // prevent close modal via select option
-        event.stopPropagation();
-        event.nativeEvent.stopImmediatePropagation();
-      }
-    };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: this.props.isActive ? 'option option-active' : 'option',
       onClick: this.onSelectOption.bind(this, this.props.value),
-      onMouseDown: this.onMouseDown,
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave
     }, this.props.children);
   }
 }
-var _default = exports.default = Option;
+export default Option;

package/lib/SimpleLongTextFormatter/index.js

@@ -1,51 +1,44 @@
-"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"));
-var _normalizeLongTextValue = _interopRequireDefault(require("./normalize-long-text-value"));
-var _LongTextPreview = _interopRequireDefault(require("./widgets/LongTextPreview"));
-var _ModalPortal = _interopRequireDefault(require("../ModalPortal"));
-require("./index.css");
-class SimpleLongTextFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import getPreviewContent from './normalize-long-text-value';
+import LongTextPreview from './widgets/LongTextPreview';
+import ModalPortal from '../ModalPortal';
+import './index.css';
+class SimpleLongTextFormatter extends React.Component {
   constructor(props) {
     super(props);
     this.renderLinks = value => {
       const links = value.links;
       if (!Array.isArray(links) || links.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: "long-text-links"
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-url"
       }), links.length);
     };
     this.renderCheckList = value => {
       const checkList = value.checklist;
       if (!checkList || checkList.total === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: "long-text-check-list"
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
       }), "".concat(checkList.completed, "/").concat(checkList.total));
     };
     this.renderImages = value => {
       const images = value.images;
       if (!Array.isArray(images) || images.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: "long-text-images"
-      }, /*#__PURE__*/_react.default.createElement("img", {
+      }, /*#__PURE__*/React.createElement("img", {
         src: images[0],
         alt: ""
-      }), /*#__PURE__*/_react.default.createElement("i", {
+      }), /*#__PURE__*/React.createElement("i", {
         className: "image-number"
       }, images.length > 1 ? '+' + images.length : null));
     };
     this.renderContent = value => {
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: "long-text-content"
       }, value.preview);
     };
@@ -56,7 +49,7 @@ class SimpleLongTextFormatter extends _react.default.Component {
       if (!value) return {};
       const valueType = Object.prototype.toString.call(value);
       if (valueType === '[object String]') {
-        return (0, _normalizeLongTextValue.default)(value);
+        return getPreviewContent(value);
       }
       if (valueType === '[object Object]') {
         return value;
@@ -108,14 +101,14 @@ class SimpleLongTextFormatter extends _react.default.Component {
     const {
       containerClassName
     } = this.props;
-    const className = (0, _classnames.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+    const className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
     const value = this.translateValue();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: className,
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave,
       ref: ref => this.ref = ref
-    }, this.renderLinks(value), this.renderCheckList(value), this.renderImages(value), this.renderContent(value), isPreview && /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement(_LongTextPreview.default, {
+    }, this.renderLinks(value), this.renderCheckList(value), this.renderImages(value), this.renderContent(value), isPreview && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(LongTextPreview, {
       value: value,
       formatterStyle: this.formatterStyle
     })));
@@ -129,4 +122,4 @@ SimpleLongTextFormatter.defaultProps = {
     preview: ''
   }
 };
-var _default = exports.default = SimpleLongTextFormatter;
+export default SimpleLongTextFormatter;

package/lib/SimpleLongTextFormatter/normalize-long-text-value.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const hrefReg = /\[.+\]\(\S+\)|<img( width=[\\|/]?"(\d)+[\\|/|]?")? src="(\S+)" .?\/>|!\[\]\(\S+\)|!\[\]\((\S+)\)|<\S+>/g;
 const imageReg1 = /^<img( width=[\\|/]?"(\d)+[\\|/|]?")? src="(\S+)" .?\/>/;
 const imageReg2 = /^!\[\]\((\S+)\)/;
@@ -63,4 +57,4 @@ const getPreviewContent = markdownContent => {
     text: markdownContent
   };
 };
-var _default = exports.default = getPreviewContent;
+export default getPreviewContent;

package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js

@@ -1,14 +1,7 @@
-"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 _dtableMarkdownViewer = _interopRequireDefault(require("./dtable-markdown-viewer"));
-require("./longTextEditor.css");
-class LongTextPreview extends _react.default.PureComponent {
+import React from 'react';
+import DtableMarkdownViewer from './dtable-markdown-viewer';
+import './longTextEditor.css';
+class LongTextPreview extends React.PureComponent {
   constructor(props) {
     super(props);
     this.getStyle = () => {
@@ -50,16 +43,16 @@ class LongTextPreview extends _react.default.PureComponent {
   }
   render() {
     let markdownContent = this.props.value ? this.props.value.text : '';
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "longtext-modal-dialog longtext-preview",
       style: this.getStyle(),
       ref: ref => this.ref = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "longtext-container longtext-container-scroll"
-    }, /*#__PURE__*/_react.default.createElement(_dtableMarkdownViewer.default, {
+    }, /*#__PURE__*/React.createElement(DtableMarkdownViewer, {
       markdownContent: markdownContent,
       showTOC: false
     })));
   }
 }
-var _default = exports.default = LongTextPreview;
+export default LongTextPreview;

package/lib/SimpleLongTextFormatter/widgets/dtable-markdown-viewer.js

@@ -1,16 +1,9 @@
-"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 _seafileEditor = require("@seafile/seafile-editor");
+import React from 'react';
+import { MarkdownViewer, processor } from '@seafile/seafile-editor';
 // Windows old Wechat (3.0 or earlier) inner core is chrome 53 and don't support ECMA6, can't use seafile-editor markdownViewer
 // Windows new Wechat (lastest version 3.3.5) support seafile-editor markdownViewer
 // so use dangerouslySetInnerHTML to preview
-class DtableMarkdownViewer extends _react.default.PureComponent {
+class DtableMarkdownViewer extends React.PureComponent {
   constructor(props) {
     super(props);
     this.checkBrowser = () => {
@@ -28,7 +21,7 @@ class DtableMarkdownViewer extends _react.default.PureComponent {
       }
     };
     this.convertMarkdown = mdFile => {
-      _seafileEditor.processor.process(mdFile).then(result => {
+      processor.process(mdFile).then(result => {
         let innerHtml = String(result).replace(/<a /ig, '<a target="_blank" tabindex="-1"');
         this.setState({
           innerHtml
@@ -43,17 +36,17 @@ class DtableMarkdownViewer extends _react.default.PureComponent {
   }
   render() {
     if (this.isWindowsWechat) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "long-text-container article",
         dangerouslySetInnerHTML: {
           __html: this.state.innerHtml
         }
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_seafileEditor.MarkdownViewer, {
+    return /*#__PURE__*/React.createElement(MarkdownViewer, {
       markdownContent: this.props.markdownContent,
       showTOC: this.props.showTOC
     });
   }
 }
-var _default = exports.default = DtableMarkdownViewer;
+export default DtableMarkdownViewer;

package/lib/SingleSelectEditor/index.js

@@ -1,18 +1,10 @@
-"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 _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _lang = require("../lang");
-var _EditEditorButton = _interopRequireDefault(require("../EditEditorButton"));
-var _selectEditor = require("../select-editor");
-require("./index.css");
-class SingleSelectEditor extends _react.default.Component {
+import React, { Fragment } from 'react';
+import MediaQuery from 'react-responsive';
+import { getLocale } from '../lang';
+import EditEditorButton from '../EditEditorButton';
+import { SelectEditorOption, PCSelectEditorPopover, MBSelectEditorPopover } from '../select-editor';
+import './index.css';
+class SingleSelectEditor extends React.Component {
   constructor(props) {
     super(props);
     this.onMouseDown = e => {
@@ -123,31 +115,31 @@ class SingleSelectEditor extends _react.default.Component {
     let option = this.formatOption();
     let options = this.options;
     let selectedOptions = option ? [option] : [];
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: this.setEditorContainerRef,
       className: "dtable-ui-single-select-editor"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       ref: this.setEditorRef,
       className: option ? '' : 'd-inline-block',
       onClick: this.onAddOptionToggle
-    }, option ? /*#__PURE__*/_react.default.createElement("div", {
+    }, option ? /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui-single-select-option-container"
-    }, /*#__PURE__*/_react.default.createElement(_selectEditor.SelectEditorOption, {
+    }, /*#__PURE__*/React.createElement(SelectEditorOption, {
       option: option
-    })) : /*#__PURE__*/_react.default.createElement(_EditEditorButton.default, {
-      text: (0, _lang.getLocale)('Add_an_option')
-    })), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    })) : /*#__PURE__*/React.createElement(EditEditorButton, {
+      text: getLocale('Add_an_option')
+    })), isPopoverShow && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
       query: "(min-width: 768px)"
-    }, /*#__PURE__*/_react.default.createElement(_selectEditor.PCSelectEditorPopover, {
+    }, /*#__PURE__*/React.createElement(PCSelectEditorPopover, {
       popoverPosition: popoverPosition,
       options: options,
       selectedOptions: selectedOptions,
       onOptionItemToggle: this.onOptionItemToggle,
       isSupportNewOption: this.props.isSupportNewOption,
       onAddNewOption: this.onAddNewOption
-    })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    })), /*#__PURE__*/React.createElement(MediaQuery, {
       query: "(max-width: 767.8px)"
-    }, /*#__PURE__*/_react.default.createElement(_selectEditor.MBSelectEditorPopover, {
+    }, /*#__PURE__*/React.createElement(MBSelectEditorPopover, {
       isReadOnly: this.props.isReadOnly,
       value: [this.state.newValue],
       column: this.props.column,
@@ -164,4 +156,4 @@ SingleSelectEditor.defaultProps = {
   isReadOnly: false,
   value: ''
 };
-var _default = exports.default = SingleSelectEditor;
+export default SingleSelectEditor;

package/lib/SingleSelectFormatter/index.js

@@ -1,15 +1,8 @@
-"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"));
-var _SelectItem = _interopRequireDefault(require("../SelectItem"));
-require("./index.css");
-class SingleSelectFormatter extends _react.default.PureComponent {
+import React from 'react';
+import classnames from 'classnames';
+import SelectItem from '../SelectItem';
+import './index.css';
+class SingleSelectFormatter extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.getOption = () => {
@@ -20,7 +13,7 @@ class SingleSelectFormatter extends _react.default.PureComponent {
       } = this.props;
       let option = options.find(item => item.id === value || item.name === value);
       if (option) {
-        return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+        return /*#__PURE__*/React.createElement(SelectItem, {
           option: option,
           fontSize: fontSize
         });
@@ -32,8 +25,8 @@ class SingleSelectFormatter extends _react.default.PureComponent {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    let classname = classnames('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
     }, value ? this.getOption() : '');
   }
@@ -41,4 +34,4 @@ class SingleSelectFormatter extends _react.default.PureComponent {
 SingleSelectFormatter.defaultProps = {
   options: []
 };
-var _default = exports.default = SingleSelectFormatter;
+export default SingleSelectFormatter;

package/lib/TextEditor/index.js

@@ -1,14 +1,7 @@
-"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 _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _reactstrap = require("reactstrap");
-class TextEditor extends _react.default.Component {
+import React from 'react';
+import isHotkey from 'is-hotkey';
+import { Input } from 'reactstrap';
+class TextEditor extends React.Component {
   constructor(props) {
     super(props);
     this.onCommit = () => {
@@ -37,7 +30,7 @@ class TextEditor extends _react.default.Component {
         selectionEnd,
         value
       } = event.currentTarget;
-      if ((0, _isHotkey.default)('enter', event)) {
+      if (isHotkey('enter', event)) {
         event.preventDefault();
         event.target.blur();
       } else if (event.keyCode === 37 && selectionStart === 0 || event.keyCode === 39 && selectionEnd === value.length) {
@@ -61,7 +54,7 @@ class TextEditor extends _react.default.Component {
     const {
       isReadOnly
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    return /*#__PURE__*/React.createElement(Input, {
       ref: this.setInputRef,
       type: "text",
       value: this.state.newValue,
@@ -78,4 +71,4 @@ TextEditor.defaultProps = {
   isReadOnly: false,
   value: ''
 };
-var _default = exports.default = TextEditor;
+export default TextEditor;