dtable-ui-component 4.4.4 → 4.4.6

package/lib/RowExpandUrlFormatter/index.js

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

package/lib/SelectItem/index.js

@@ -1,5 +1,12 @@
-import React from 'react';
-export default class SelectItem extends React.PureComponent {
+"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 {
   constructor() {
     super(...arguments);
     this.getStyle = (option, fontSize) => {
@@ -24,10 +31,11 @@ export default class SelectItem extends React.PureComponent {
       fontSize
     } = this.props;
     const style = this.getStyle(option, fontSize);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.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,4 +1,10 @@
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
   LeftArrow: 37,
   UpArrow: 38,
   RightArrow: 39,

package/lib/SelectOptionGroup/index.js

@@ -1,11 +1,19 @@
-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';
+"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");
 const OPTION_HEIGHT = 32;
-class SelectOptionGroup extends Component {
+class SelectOptionGroup extends _react.Component {
   constructor(props) {
     super(props);
     this.resetMenuStyle = () => {
@@ -31,11 +39,11 @@ class SelectOptionGroup extends Component {
     };
     this.onHotKey = event => {
       const keyCode = event.keyCode;
-      if (keyCode === KeyCodes.UpArrow) {
+      if (keyCode === _KeyCodes.default.UpArrow) {
         this.onPressUp();
-      } else if (keyCode === KeyCodes.DownArrow) {
+      } else if (keyCode === _KeyCodes.default.DownArrow) {
         this.onPressDown();
-      } else if (keyCode === KeyCodes.Enter) {
+      } else if (keyCode === _KeyCodes.default.Enter) {
         let option = this.filterOptions && this.filterOptions[this.state.activeIndex];
         if (option) {
           this.props.onSelectOption(option.value);
@@ -43,7 +51,7 @@ class SelectOptionGroup extends Component {
             this.props.closeSelect();
           }
         }
-      } else if (keyCode === KeyCodes.Tab || keyCode === KeyCodes.Escape) {
+      } else if (keyCode === _KeyCodes.default.Tab || keyCode === _KeyCodes.default.Escape) {
         this.props.closeSelect();
       }
     };
@@ -119,14 +127,14 @@ class SelectOptionGroup extends Component {
       } = this.props;
       this.filterOptions = this.props.getFilterOptions(searchVal);
       if (this.filterOptions.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.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.createElement(Option, {
+        return /*#__PURE__*/_react.default.createElement(_option.default, {
           key: key,
           index: i,
           isActive: isActive,
@@ -193,27 +201,27 @@ class SelectOptionGroup extends Component {
         opacity: 0
       };
     }
-    return /*#__PURE__*/React.createElement(ClickOutside, {
+    return /*#__PURE__*/_react.default.createElement(_ClickOutside.default, {
       onClickOutside: this.props.onClickOutside
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "option-group ".concat(isShowSelected ? 'pt-0' : '', " ").concat(className ? 'option-group-' + className : ''),
       ref: ref => this.optionGroupRef = ref,
       style: style,
       onMouseDown: this.onMouseDown
-    }, isShowSelected && /*#__PURE__*/React.createElement("div", {
+    }, isShowSelected && /*#__PURE__*/_react.default.createElement("div", {
       className: "editor-list-delete mb-2",
       onClick: e => e.stopPropagation()
-    }, value.label || ''), searchable && /*#__PURE__*/React.createElement("div", {
+    }, value.label || ''), searchable && /*#__PURE__*/_react.default.createElement("div", {
       className: "option-group-search"
-    }, /*#__PURE__*/React.createElement(DTableSearchInput, {
+    }, /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
       className: "option-search-control",
       placeholder: searchPlaceholder,
       onChange: this.onChangeSearch,
       autoFocus: true
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "option-group-content",
       ref: ref => this.optionGroupContentRef = ref
     }, this.renderOptGroup(searchVal))));
   }
 }
-export default SelectOptionGroup;
+var _default = exports.default = SelectOptionGroup;

package/lib/SelectOptionGroup/option.js

@@ -1,5 +1,12 @@
-import React, { Component } from 'react';
-class Option extends Component {
+"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 {
   constructor() {
     super(...arguments);
     this.onSelectOption = (value, event) => {
@@ -20,7 +27,7 @@ class Option extends Component {
     };
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: this.props.isActive ? 'option option-active' : 'option',
       onClick: this.onSelectOption.bind(this, this.props.value),
       onMouseEnter: this.onMouseEnter,
@@ -28,4 +35,4 @@ class Option extends Component {
     }, this.props.children);
   }
 }
-export default Option;
+var _default = exports.default = Option;

package/lib/SimpleLongTextFormatter/index.js

@@ -1,44 +1,51 @@
-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 {
+"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 {
   constructor(props) {
     super(props);
     this.renderLinks = value => {
       const links = value.links;
       if (!Array.isArray(links) || links.length === 0) return null;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-links"
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.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.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-check-list"
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.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.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-images"
-      }, /*#__PURE__*/React.createElement("img", {
+      }, /*#__PURE__*/_react.default.createElement("img", {
         src: images[0],
         alt: ""
-      }), /*#__PURE__*/React.createElement("i", {
+      }), /*#__PURE__*/_react.default.createElement("i", {
         className: "image-number"
       }, images.length > 1 ? '+' + images.length : null));
     };
     this.renderContent = value => {
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-content"
       }, value.preview);
     };
@@ -49,7 +56,7 @@ class SimpleLongTextFormatter extends React.Component {
       if (!value) return {};
       const valueType = Object.prototype.toString.call(value);
       if (valueType === '[object String]') {
-        return getPreviewContent(value);
+        return (0, _normalizeLongTextValue.default)(value);
       }
       if (valueType === '[object Object]') {
         return value;
@@ -101,14 +108,14 @@ class SimpleLongTextFormatter extends React.Component {
     const {
       containerClassName
     } = this.props;
-    const className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+    const className = (0, _classnames.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
     const value = this.translateValue();
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.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.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(LongTextPreview, {
+    }, 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, {
       value: value,
       formatterStyle: this.formatterStyle
     })));
@@ -122,4 +129,4 @@ SimpleLongTextFormatter.defaultProps = {
     preview: ''
   }
 };
-export default SimpleLongTextFormatter;
+var _default = exports.default = SimpleLongTextFormatter;

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

@@ -1,3 +1,9 @@
+"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+)\)/;
@@ -57,4 +63,4 @@ const getPreviewContent = markdownContent => {
     text: markdownContent
   };
 };
-export default getPreviewContent;
+var _default = exports.default = getPreviewContent;

package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js

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

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

@@ -1,9 +1,16 @@
-import React from 'react';
-import { MarkdownViewer, processor } from '@seafile/seafile-editor';
+"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");
 // 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.PureComponent {
+class DtableMarkdownViewer extends _react.default.PureComponent {
   constructor(props) {
     super(props);
     this.checkBrowser = () => {
@@ -21,7 +28,7 @@ class DtableMarkdownViewer extends React.PureComponent {
       }
     };
     this.convertMarkdown = mdFile => {
-      processor.process(mdFile).then(result => {
+      _seafileEditor.processor.process(mdFile).then(result => {
         let innerHtml = String(result).replace(/<a /ig, '<a target="_blank" tabindex="-1"');
         this.setState({
           innerHtml
@@ -36,17 +43,17 @@ class DtableMarkdownViewer extends React.PureComponent {
   }
   render() {
     if (this.isWindowsWechat) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "long-text-container article",
         dangerouslySetInnerHTML: {
           __html: this.state.innerHtml
         }
       });
     }
-    return /*#__PURE__*/React.createElement(MarkdownViewer, {
+    return /*#__PURE__*/_react.default.createElement(_seafileEditor.MarkdownViewer, {
       markdownContent: this.props.markdownContent,
       showTOC: this.props.showTOC
     });
   }
 }
-export default DtableMarkdownViewer;
+var _default = exports.default = DtableMarkdownViewer;

package/lib/SingleSelectEditor/index.js

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

package/lib/SingleSelectFormatter/index.js

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

package/lib/TextEditor/index.js

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

package/lib/TextFormatter/index.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import classnames from 'classnames';
-import './index.css';
-class TextFormatter extends React.Component {
+"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"));
+require("./index.css");
+class TextFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getFormattedValue = val => {
@@ -19,12 +26,12 @@ class TextFormatter extends React.Component {
       containerClassName,
       value
     } = this.props;
-    const classname = classnames('dtable-ui cell-formatter-container text-formatter', containerClassName);
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container text-formatter', containerClassName);
     const formattedValue = this.getFormattedValue(value);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: classname,
       title: formattedValue
     }, formattedValue);
   }
 }
-export default TextFormatter;
+var _default = exports.default = TextFormatter;