dtable-ui-component 4.4.4 → 4.4.6

package/lib/ImageFormatter/utils.js

@@ -1,6 +1,13 @@
-export const getImageThumbnailUrl = (url, server) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getImageThumbnailUrl = void 0;
+const getImageThumbnailUrl = (url, server) => {
   if (server && url.indexOf(server) > -1) {
     return url.replace('/workspace', '/thumbnail/workspace') + '?size=256';
   }
   return url;
-};
+};
+exports.getImageThumbnailUrl = getImageThumbnailUrl;

package/lib/ImagePreviewerLightbox/index.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import classnames from 'classnames';
-import Lightbox from '@seafile/react-image-lightbox';
-import { checkSVGImage, isInternalImg } from './utils';
-import '@seafile/react-image-lightbox/style.css';
+"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 _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
+var _utils = require("./utils");
+require("@seafile/react-image-lightbox/style.css");
 function ImagePreviewerLightbox(props) {
   const {
     imageItems,
@@ -20,16 +27,16 @@ function ImagePreviewerLightbox(props) {
   const URL = imageItems[imageIndex];
   const imageTitle = URL ? decodeURI(URL.slice(URL.lastIndexOf('/') + 1)) : '';
   // svg image is vectorgraph and can't rotate, external image can't rotate
-  const canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL, server);
-  const imageTitleEl = /*#__PURE__*/React.createElement("span", {
+  const canRotateImage = onRotateImage && !readOnly && !(0, _utils.checkSVGImage)(URL) && (0, _utils.isInternalImg)(URL, server);
+  const imageTitleEl = /*#__PURE__*/_react.default.createElement("span", {
     className: "d-flex"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "text-truncate"
-  }, imageTitle), /*#__PURE__*/React.createElement("span", {
+  }, imageTitle), /*#__PURE__*/_react.default.createElement("span", {
     className: "flex-shrink-0"
   }, "(", imageIndex + 1, "/", imageItemsLength, ")"));
-  return /*#__PURE__*/React.createElement(Lightbox, {
-    wrapperClassName: classnames('dtable-ui-component', className),
+  return /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
+    wrapperClassName: (0, _classnames.default)('dtable-ui-component', className),
     imageTitle: imageTitleEl,
     mainSrc: imageItems[imageIndex],
     nextSrc: imageItems[(imageIndex + 1) % imageItemsLength],
@@ -50,4 +57,4 @@ function ImagePreviewerLightbox(props) {
     } : null
   });
 }
-export default ImagePreviewerLightbox;
+var _default = exports.default = ImagePreviewerLightbox;

package/lib/ImagePreviewerLightbox/utils.js

@@ -1,9 +1,17 @@
-export const isInternalImg = (url, server) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isInternalImg = exports.checkSVGImage = void 0;
+const isInternalImg = (url, server) => {
   if (!url) return;
   const currentServer = server || window.dtable && window.dtable.server;
   return url.indexOf(currentServer) > -1;
 };
-export const checkSVGImage = url => {
+exports.isInternalImg = isInternalImg;
+const checkSVGImage = url => {
   if (!url) return false;
   return url.substr(-4).toLowerCase() === '.svg';
-};
+};
+exports.checkSVGImage = checkSVGImage;

package/lib/LastModifierFormatter/index.js

@@ -1,14 +1,21 @@
-import React from 'react';
-import classnames from 'classnames';
-import CollaboratorItem from '../CollaboratorItem';
-import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
-import './index.css';
+"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 _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
+var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
+require("./index.css");
 // there will be there conditions
 // 1 value is not exist, typeof value is array, but it's length is 0
 // 2 value is exist, but can't find in collaborators
 // 3 value is exist, typeof value is a string
 // 4 value is exist, typeof value is array
-class LastModifierFormatter extends React.PureComponent {
+class LastModifierFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
@@ -25,10 +32,10 @@ class LastModifierFormatter extends React.PureComponent {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: DefaultAvatar
+            avatar_url: _default_avatar.default
           };
         }
-        return /*#__PURE__*/React.createElement(CollaboratorItem, {
+        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
           key: index,
           collaborator: collaborator
         });
@@ -40,14 +47,14 @@ class LastModifierFormatter extends React.PureComponent {
       containerClassName,
       value
     } = this.props;
-    const classname = classnames('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classname
       });
     }
     const collaborators = this.getCollaborators();
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: classname
     }, collaborators);
   }
@@ -55,4 +62,4 @@ class LastModifierFormatter extends React.PureComponent {
 LastModifierFormatter.defaultProps = {
   value: ''
 };
-export default LastModifierFormatter;
+var _default = exports.default = LastModifierFormatter;

package/lib/LinkEditor/index.js

@@ -1,14 +1,22 @@
-import React, { Fragment } from 'react';
-import MediaQuery from 'react-responsive';
-import { getNumberDisplayString, getDateDisplayString } from 'dtable-utils';
-import { getLocale } from '../lang';
-import { CellType } from '../constants';
-import EditEditorButton from '../EditEditorButton';
-import LinkEditorOption from './link-editor-option';
-import PCLinkEditorPopover from './pc-link-editor-popover';
-import MBLinkEditorPopover from './mb-link-editor-popover';
-import './index.css';
-class LinkEditor 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 _dtableUtils = require("dtable-utils");
+var _lang = require("../lang");
+var _constants = require("../constants");
+var _EditEditorButton = _interopRequireDefault(require("../EditEditorButton"));
+var _linkEditorOption = _interopRequireDefault(require("./link-editor-option"));
+var _pcLinkEditorPopover = _interopRequireDefault(require("./pc-link-editor-popover"));
+var _mbLinkEditorPopover = _interopRequireDefault(require("./mb-link-editor-popover"));
+require("./index.css");
+class LinkEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onMouseDown = e => {
@@ -65,16 +73,16 @@ class LinkEditor extends React.Component {
         data
       } = linkedColumn;
       switch (type) {
-        case CellType.NUMBER:
+        case _constants.CellType.NUMBER:
           {
-            return getNumberDisplayString(value, data);
+            return (0, _dtableUtils.getNumberDisplayString)(value, data);
           }
-        case CellType.DATE:
+        case _constants.CellType.DATE:
           {
             let {
               format
             } = data;
-            return getDateDisplayString(value, format);
+            return (0, _dtableUtils.getDateDisplayString)(value, format);
           }
         default:
           return value;
@@ -213,32 +221,32 @@ class LinkEditor extends React.Component {
     let options = this.getAvailableLinkedOptions();
     let selectedOptions = this.formatLinkedValuesToOptions();
     let isShowRemoveIcon = !isReadOnly;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: this.setEditorContainerRef,
       className: "dtable-ui-link-editor"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       ref: this.setEditorRef,
       className: "dtable-ui-link-editor-container",
       onClick: this.onAddOptionToggle
-    }, selectedOptions.length === 0 && /*#__PURE__*/React.createElement(EditEditorButton, {
-      text: getLocale('Add_an_option')
+    }, selectedOptions.length === 0 && /*#__PURE__*/_react.default.createElement(_EditEditorButton.default, {
+      text: (0, _lang.getLocale)('Add_an_option')
     }), selectedOptions.length !== 0 && selectedOptions.map(option => {
-      return /*#__PURE__*/React.createElement(LinkEditorOption, {
+      return /*#__PURE__*/_react.default.createElement(_linkEditorOption.default, {
         key: option.id,
         option: option,
         isShowRemoveIcon: isShowRemoveIcon,
         onDeleteLinkOption: this.onDeleteOption
       });
-    })), isPopoverShow && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
+    })), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
       query: "(min-width: 768px)"
-    }, /*#__PURE__*/React.createElement(PCLinkEditorPopover, {
+    }, /*#__PURE__*/_react.default.createElement(_pcLinkEditorPopover.default, {
       popoverPosition: popoverPosition,
       options: options,
       selectedOptions: selectedOptions,
       onOptionItemToggle: this.onOptionItemToggle
-    })), /*#__PURE__*/React.createElement(MediaQuery, {
+    })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
       query: "(max-width: 767.8px)"
-    }, /*#__PURE__*/React.createElement(MBLinkEditorPopover, {
+    }, /*#__PURE__*/_react.default.createElement(_mbLinkEditorPopover.default, {
       isReadOnly: this.props.isReadOnly,
       value: this.state.newValue,
       column: this.props.column,
@@ -251,4 +259,4 @@ class LinkEditor extends React.Component {
 LinkEditor.defaultProps = {
   isReadOnly: false
 };
-export default LinkEditor;
+var _default = exports.default = LinkEditor;

package/lib/LinkEditor/link-editor-option.js

@@ -1,5 +1,12 @@
-import React from 'react';
-class LinkEditorOption 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"));
+class LinkEditorOption extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onDeleteOption = event => {
@@ -54,21 +61,21 @@ class LinkEditorOption extends React.Component {
     let optionStyle = this.getOptionStyle();
     let optionNameStyle = this.getOptionNameStyle();
     let operationStyle = this.getOperationStyle();
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui link-option-item",
       style: containerStyle
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "option-info",
       style: optionStyle
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "option-name",
       style: optionNameStyle,
       title: option.name
-    }, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
+    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
       className: "option-remove",
       style: operationStyle,
       onClick: this.onDeleteOption
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-fork-number",
       style: {
         fontSize: '12px',
@@ -80,4 +87,4 @@ class LinkEditorOption extends React.Component {
 LinkEditorOption.defaultProps = {
   isShowRemoveIcon: false
 };
-export default LinkEditorOption;
+var _default = exports.default = LinkEditorOption;

package/lib/LinkEditor/mb-link-editor-popover/index.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import { getLocale } from '../../lang';
-import MBEditorHeader from '../../MBEditorHeader';
-import './index.css';
-class MBLinkEditorPopover 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 _lang = require("../../lang");
+var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
+require("./index.css");
+class MBLinkEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
     this.handleHistaryBack = e => {
@@ -61,16 +68,16 @@ class MBLinkEditorPopover extends React.Component {
       } = this.props;
       return options.map((option, index) => {
         let isSelect = value.some(item => item === option.id);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: "mb-link-option-item",
           key: index,
           onMouseDown: this.onSelectOption.bind(this, option)
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react.default.createElement("span", {
           className: "mb-option-info"
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react.default.createElement("span", {
           className: "option-name",
           title: option.name
-        }, option.name)), isSelect && /*#__PURE__*/React.createElement("i", {
+        }, option.name)), isSelect && /*#__PURE__*/_react.default.createElement("i", {
           className: "mb-option-checked dtable-font dtable-icon-check-mark"
         }));
       });
@@ -97,42 +104,42 @@ class MBLinkEditorPopover extends React.Component {
       searchVal
     } = this.state;
     let filterOptions = this.getFilterOptions();
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: this.setEditorPopover,
       className: "dtable-ui-mb-editor-popover mb-link-editor-popover",
       onClick: this.onContainerClick
-    }, /*#__PURE__*/React.createElement(MBEditorHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_MBEditorHeader.default, {
       title: column.name,
-      leftContent: /*#__PURE__*/React.createElement("i", {
+      leftContent: /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-return"
       }),
-      rightContent: /*#__PURE__*/React.createElement("span", null, getLocale('Done')),
+      rightContent: /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Done')),
       onLeftClick: this.props.onClosePopover,
       onRightClick: this.props.onClosePopover
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui-mb-editor-body dtable-ui-mb-link-editor-body"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mb-search-link-items"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       className: "form-control",
       type: "text",
-      placeholder: getLocale('Find_an_option'),
+      placeholder: (0, _lang.getLocale)('Find_an_option'),
       value: searchVal,
       onChange: this.onChangeSearch,
       onClick: this.onInputClick
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "mb-link-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "title"
-    }, getLocale('Choose_an_option')), /*#__PURE__*/React.createElement("div", {
+    }, (0, _lang.getLocale)('Choose_an_option')), /*#__PURE__*/_react.default.createElement("div", {
       className: "content"
-    }, filterOptions.length === 0 && /*#__PURE__*/React.createElement("div", {
+    }, filterOptions.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: "search-result-none"
-    }, getLocale('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
+    }, (0, _lang.getLocale)('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
   }
 }
 MBLinkEditorPopover.defaultProps = {
   isReadOnly: false,
   value: []
 };
-export default MBLinkEditorPopover;
+var _default = exports.default = MBLinkEditorPopover;

package/lib/LinkEditor/pc-link-editor-popover/index.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import { getLocale } from '../../lang';
-import './index.css';
-class PCLinkEditorPopover 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 _lang = require("../../lang");
+require("./index.css");
+class PCLinkEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onValueChanged = event => {
@@ -47,44 +54,44 @@ class PCLinkEditorPopover extends React.Component {
     }, {
       position: 'absolute'
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui-editor-popover dtable-ui-link-editor-popover",
       style: popoverStyle
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "link-options-search"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       className: "form-control",
       value: searchValue,
       onChange: this.onValueChanged,
       onClick: this.onInputClick,
-      placeholder: getLocale('Find_an_option')
-    })), /*#__PURE__*/React.createElement("div", {
+      placeholder: (0, _lang.getLocale)('Find_an_option')
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "link-options-container"
     }, options.length > 0 && options.map((option, index) => {
       let isSelect = selectedOptions.some(selectedOption => {
         return selectedOption.id === option.id;
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
         className: "link-option-item",
         onClick: this.onOptionItemToggle.bind(this, option)
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "option-info"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "option-name",
         title: option.name
-      }, option.name)), /*#__PURE__*/React.createElement("div", {
+      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
         className: "option-checked"
-      }, isSelect && /*#__PURE__*/React.createElement("i", {
+      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-check-mark"
       })));
-    }), options.length === 0 && /*#__PURE__*/React.createElement("div", {
+    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: "link-option-null"
-    }, getLocale('No_options_available'))));
+    }, (0, _lang.getLocale)('No_options_available'))));
   }
 }
 PCLinkEditorPopover.defaultProps = {
   popoverPosition: {},
   options: []
 };
-export default PCLinkEditorPopover;
+var _default = exports.default = PCLinkEditorPopover;

package/lib/LinkFormatter/index.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import classnames from 'classnames';
-import { CellType, getNumberDisplayString, getDateDisplayString } from 'dtable-utils';
+"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 _dtableUtils = require("dtable-utils");
 // link value is  get form parant's interface
-class LinkFormatter extends React.Component {
+class LinkFormatter extends _react.default.Component {
   constructor(props) {
     super(props);
     this.getLinkedCellValue = row => {
@@ -47,11 +54,11 @@ class LinkFormatter extends React.Component {
             display_column_key: displayColumnKey
           } = column.data;
           let displayValue = this.getDisplayValue(linkedTable, row, displayColumnKey);
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             key: index,
             className: "link-item",
             onClick: this.expandLinkedTableRow.bind(this, row)
-          }, /*#__PURE__*/React.createElement("div", {
+          }, /*#__PURE__*/_react.default.createElement("div", {
             className: "link-name",
             title: displayValue
           }, displayValue));
@@ -69,16 +76,16 @@ class LinkFormatter extends React.Component {
       } = linkedColumn;
       // todo: improve
       switch (type) {
-        case CellType.NUMBER:
+        case _dtableUtils.CellType.NUMBER:
           {
-            return getNumberDisplayString(value, data);
+            return (0, _dtableUtils.getNumberDisplayString)(value, data);
           }
-        case CellType.DATE:
+        case _dtableUtils.CellType.DATE:
           {
             let {
               format
             } = data;
-            return getDateDisplayString(value, format);
+            return (0, _dtableUtils.getDateDisplayString)(value, format);
           }
         default:
           return value;
@@ -105,9 +112,9 @@ class LinkFormatter extends React.Component {
     const {
       containerClassName
     } = this.props;
-    const classname = classnames('dtable-ui cell-formatter-container link-formatter', containerClassName);
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container link-formatter', containerClassName);
     let displayValues = this.getDisplayValues();
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: classname
     }, displayValues);
   }
@@ -119,4 +126,4 @@ LinkFormatter.defaultProps = {
   column: {},
   row: {}
 };
-export default LinkFormatter;
+var _default = exports.default = LinkFormatter;

package/lib/Loading/index.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import './index.css';
-export default function Loading() {
-  return /*#__PURE__*/React.createElement("span", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Loading;
+var _react = _interopRequireDefault(require("react"));
+require("./index.css");
+function Loading() {
+  return /*#__PURE__*/_react.default.createElement("span", {
     className: "loading-icon loading-tip"
   });
 }

package/lib/LongTextFormatter/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import HtmlLongTextFormatter from '../HtmlLongTextFormatter';
-import SimpleLongTextFormatter from '../SimpleLongTextFormatter';
+"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 _HtmlLongTextFormatter = _interopRequireDefault(require("../HtmlLongTextFormatter"));
+var _SimpleLongTextFormatter = _interopRequireDefault(require("../SimpleLongTextFormatter"));
 function LongTextFormatter(props) {
   const {
     isSample,
@@ -8,12 +15,12 @@ function LongTextFormatter(props) {
     containerClassName
   } = props;
   if (isSample) {
-    return /*#__PURE__*/React.createElement(SimpleLongTextFormatter, {
+    return /*#__PURE__*/_react.default.createElement(_SimpleLongTextFormatter.default, {
       value: value,
       containerClassName: containerClassName
     });
   }
-  return /*#__PURE__*/React.createElement(HtmlLongTextFormatter, {
+  return /*#__PURE__*/_react.default.createElement(_HtmlLongTextFormatter.default, {
     value: value,
     containerClassName: containerClassName
   });
@@ -21,4 +28,4 @@ function LongTextFormatter(props) {
 LongTextFormatter.defaultProps = {
   isSample: true
 };
-export default LongTextFormatter;
+var _default = exports.default = LongTextFormatter;