dtable-ui-component 4.4.4 → 4.4.6

package/lib/select-editor/mb-select-editor-popover/index.js

@@ -1,9 +1,17 @@
-import React, { Fragment } from 'react';
-import { getLocale } from '../../lang';
-import SelectEditorOption from '../select-editor-option';
-import MBEditorHeader from '../../MBEditorHeader';
-import './index.css';
-class MBSelectEditorPopover 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 _lang = require("../../lang");
+var _selectEditorOption = _interopRequireDefault(require("../select-editor-option"));
+var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
+require("./index.css");
+class MBSelectEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
     this.handleHistaryBack = e => {
@@ -75,19 +83,19 @@ class MBSelectEditorPopover extends React.Component {
           backgroundColor: option.color,
           color: option.textColor || null
         };
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: "mb-select-option-item",
           key: index,
           onMouseDown: this.onSelectOption.bind(this, option)
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react.default.createElement("span", {
           className: "mb-select-item"
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react.default.createElement("span", {
           className: "item-name",
           style: style,
           title: option.name
-        }, option.name)), /*#__PURE__*/React.createElement("span", {
+        }, option.name)), /*#__PURE__*/_react.default.createElement("span", {
           className: "mb-item-checked"
-        }, isSelect && /*#__PURE__*/React.createElement("i", {
+        }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
           className: "dtable-font dtable-icon-check-mark"
         })));
       });
@@ -123,61 +131,61 @@ class MBSelectEditorPopover extends React.Component {
     if (isShowCreateBtn) {
       isShowCreateBtn = filteredOptions.length === 0;
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: this.setEditorPopover,
       className: "dtable-ui-mb-editor-popover mb-select-editor-popover",
       style: {
         zIndex: 99
       },
       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"
       }),
       onLeftClick: this.props.onClosePopover
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui-mb-editor-body dtable-ui-mb-select-editor-body"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mb-selected-item"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "title"
-    }, getLocale('Current_option')), /*#__PURE__*/React.createElement("div", {
+    }, (0, _lang.getLocale)('Current_option')), /*#__PURE__*/_react.default.createElement("div", {
       className: "content"
-    }, selectedOptions.length === 0 && /*#__PURE__*/React.createElement("span", {
+    }, selectedOptions.length === 0 && /*#__PURE__*/_react.default.createElement("span", {
       className: "empty-placeholder"
-    }, getLocale('No_option')), selectedOptions.length > 0 && selectedOptions.map(selectedOption => {
-      return /*#__PURE__*/React.createElement(SelectEditorOption, {
+    }, (0, _lang.getLocale)('No_option')), selectedOptions.length > 0 && selectedOptions.map(selectedOption => {
+      return /*#__PURE__*/_react.default.createElement(_selectEditorOption.default, {
         key: selectedOption.id,
         option: selectedOption,
         isShowRemoveIcon: isShowRemoveBtn,
         onDeleteSelectOption: this.onRemoveOption
       });
-    }))), /*#__PURE__*/React.createElement("div", {
+    }))), /*#__PURE__*/_react.default.createElement("div", {
       className: "mb-search-select-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-select-options-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "title"
-    }, /*#__PURE__*/React.createElement("span", null, getLocale('Choose_an_option'))), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Choose_an_option'))), /*#__PURE__*/_react.default.createElement("div", {
       className: "content"
-    }, /*#__PURE__*/React.createElement(Fragment, null, filteredOptions.length === 0 && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, filteredOptions.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: "search-result-none"
-    }, getLocale('No_options_available')), filteredOptions.length > 0 && this.renderSelectOptions(filteredOptions)))), isShowCreateBtn && /*#__PURE__*/React.createElement("div", {
+    }, (0, _lang.getLocale)('No_options_available')), filteredOptions.length > 0 && this.renderSelectOptions(filteredOptions)))), isShowCreateBtn && /*#__PURE__*/_react.default.createElement("div", {
       className: "mb-create-select-item",
       onClick: this.onAddNewOption
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "dtable-ui-add-new-option"
-    }, "".concat(getLocale('Add_an_option'), " ").concat(searchVal)))));
+    }, "".concat((0, _lang.getLocale)('Add_an_option'), " ").concat(searchVal)))));
   }
 }
 MBSelectEditorPopover.defaultProps = {
@@ -186,4 +194,4 @@ MBSelectEditorPopover.defaultProps = {
   isSupportNewOption: false,
   value: []
 };
-export default MBSelectEditorPopover;
+var _default = exports.default = MBSelectEditorPopover;

package/lib/select-editor/pc-select-editor-popover/index.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import { getLocale } from '../../lang';
-import './index.css';
-class PCSelectEditorPopover 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 PCSelectEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onValueChanged = event => {
@@ -65,46 +72,46 @@ class PCSelectEditorPopover extends React.Component {
     }, {
       position: 'absolute'
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
       style: popoverStyle
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "select-options-search"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       className: "form-control",
       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: "select-options-container"
     }, options.length > 0 && options.map((option, index) => {
       let optionStyle = this.getOptionStyle(option);
       let isSelect = selectedOptions.some(selectedOption => {
         return selectedOption.id === option.id;
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
         className: "select-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",
         style: optionStyle,
         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: "search-option-null"
-    }, getLocale('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/React.createElement("div", {
+    }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
       className: "select-options-add",
       onClick: this.onAddNewOption
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/React.createElement("span", null, getLocale('Add_an_option'), ' ', searchValue)));
+    }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_an_option'), ' ', searchValue)));
   }
 }
 PCSelectEditorPopover.defaultProps = {
@@ -112,4 +119,4 @@ PCSelectEditorPopover.defaultProps = {
   options: [],
   isShowAddBtn: false
 };
-export default PCSelectEditorPopover;
+var _default = exports.default = PCSelectEditorPopover;

package/lib/select-editor/select-editor-option.js

@@ -1,5 +1,12 @@
-import React from 'react';
-class SelectEditorOption 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 SelectEditorOption extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onDeleteOption = event => {
@@ -49,20 +56,20 @@ class SelectEditorOption extends React.Component {
     let containerStyle = this.getContainerStyle();
     let optionStyle = this.getOptionStyle(option);
     let operationStyle = this.getOperationStyle(option);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui select-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",
       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',
@@ -74,4 +81,4 @@ class SelectEditorOption extends React.Component {
 SelectEditorOption.defaultProps = {
   isShowRemoveIcon: false
 };
-export default SelectEditorOption;
+var _default = exports.default = SelectEditorOption;

package/lib/toaster/alert.js

@@ -1,5 +1,12 @@
-import React from 'react';
-class Alert 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 Alert extends _react.default.PureComponent {
   getIconClass(intent) {
     switch (intent) {
       case 'success':
@@ -23,22 +30,22 @@ class Alert extends React.PureComponent {
       onRemove
     } = this.props;
     const iconClass = this.getIconClass(intent);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-toast-alert-container ".concat(intent || 'success')
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "toast-alert-icon"
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: iconClass
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "toast-text-container"
-    }, /*#__PURE__*/React.createElement("p", {
+    }, /*#__PURE__*/_react.default.createElement("p", {
       className: "toast-text-title"
-    }, title), children ? /*#__PURE__*/React.createElement("p", {
+    }, title), children ? /*#__PURE__*/_react.default.createElement("p", {
       className: "toast-text-child"
-    }, children) : null), isRemovable && /*#__PURE__*/React.createElement("div", {
+    }, children) : null), isRemovable && /*#__PURE__*/_react.default.createElement("div", {
       onClick: onRemove,
       className: "toast-close"
-    }, /*#__PURE__*/React.createElement("span", null, "\xD7")));
+    }, /*#__PURE__*/_react.default.createElement("span", null, "\xD7")));
   }
 }
-export default Alert;
+var _default = exports.default = Alert;

package/lib/toaster/index.js

@@ -1,3 +1,10 @@
-import Toaster from './toaster';
-const toaster = new Toaster();
-export default toaster;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toaster = _interopRequireDefault(require("./toaster"));
+const toaster = new _toaster.default();
+var _default = exports.default = toaster;

package/lib/toaster/toast.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import Transition from 'react-transition-group/Transition';
-import Alert from './alert';
+"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 _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
+var _alert = _interopRequireDefault(require("./alert"));
 const ANIMATION_DURATION = 240;
-export default class Toast extends React.PureComponent {
+class Toast extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.state = {
@@ -63,13 +70,13 @@ export default class Toast extends React.PureComponent {
     this.clearCloseTimer();
   }
   render() {
-    return /*#__PURE__*/React.createElement(Transition, {
+    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
       appear: true,
       unmountOnExit: true,
       timeout: ANIMATION_DURATION,
       in: this.state.isShown,
       onExited: this.props.onRemove
-    }, state => /*#__PURE__*/React.createElement("div", {
+    }, state => /*#__PURE__*/_react.default.createElement("div", {
       "data-state": state,
       className: "dtable-toast-container ".concat(state),
       onMouseEnter: this.handleMouseEnter,
@@ -79,12 +86,12 @@ export default class Toast extends React.PureComponent {
         zIndex: this.props.zIndex,
         marginBottom: this.state.isShown ? 0 : -this.state.height
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       ref: this.onRef,
       style: {
         padding: 8
       }
-    }, /*#__PURE__*/React.createElement(Alert, {
+    }, /*#__PURE__*/_react.default.createElement(_alert.default, {
       intent: this.props.intent,
       title: this.props.title,
       children: this.props.children || '',
@@ -93,6 +100,7 @@ export default class Toast extends React.PureComponent {
     }))));
   }
 }
+exports.default = Toast;
 Toast.defaultProps = {
   intent: 'none'
 };

package/lib/toaster/toastManager.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import Toast from './toast';
+"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 _toast = _interopRequireDefault(require("./toast"));
 const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
-export default class ToastManager extends React.PureComponent {
+class ToastManager extends _react.default.PureComponent {
   constructor(props, context) {
     super(props, context);
     this.getToasts = () => {
@@ -83,7 +90,7 @@ export default class ToastManager extends React.PureComponent {
     };
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-toast-manager"
     }, this.state.toasts.map(_ref => {
       let {
@@ -91,11 +98,12 @@ export default class ToastManager extends React.PureComponent {
         description,
         ...props
       } = _ref;
-      return /*#__PURE__*/React.createElement(Toast, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
         key: id,
         onRemove: () => this.removeToast(id)
       }, props), description);
     }));
   }
 }
+exports.default = ToastManager;
 ToastManager.idCounter = 0;

package/lib/toaster/toaster.js

@@ -1,14 +1,21 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ToastManager from './toastManager';
-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 _reactDom = _interopRequireDefault(require("react-dom"));
+var _toastManager = _interopRequireDefault(require("./toastManager"));
+require("./index.css");
 const isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 
 /**
  * The Toaster manages the interactionsb between
  * the ToasterManger and the toast API.
  */
-export default class Toaster {
+class Toaster {
   constructor() {
     var _this = this;
     this._bindNotify = handler => {
@@ -58,10 +65,11 @@ export default class Toaster {
     const container = document.createElement('div');
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
-    ReactDOM.render( /*#__PURE__*/React.createElement(ToastManager, {
+    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll
     }), container);
   }
-}
+}
+exports.default = Toaster;

package/lib/utils/dayjs.js

@@ -1,4 +1,11 @@
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-dayjs.extend(customParseFormat);
-export default dayjs;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
+_dayjs.default.extend(_customParseFormat.default);
+var _default = exports.default = _dayjs.default;

package/lib/utils/editor-utils.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidUrl = exports.initDateEditorLanguage = exports.getTrimmedString = exports.getSelectOptionItem = void 0;
 const zhCN = require('@seafile/seafile-calendar/lib/locale/zh_CN');
 const zhTW = require('@seafile/seafile-calendar/lib/locale/zh_TW');
 const enUS = require('@seafile/seafile-calendar/lib/locale/en_US');
@@ -8,7 +14,7 @@ const plPL = require('@seafile/seafile-calendar/lib/locale/pl_PL');
 const ptBR = require('@seafile/seafile-calendar/lib/locale/pt_BR');
 const csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
 const ruRU = require('@seafile/seafile-calendar/lib/locale/ru_RU');
-export const initDateEditorLanguage = lang => {
+const initDateEditorLanguage = lang => {
   let language;
   switch (lang) {
     case 'zh-cn':
@@ -52,13 +58,17 @@ export const initDateEditorLanguage = lang => {
   }
   return language;
 };
-export const getSelectOptionItem = (options, optionId) => {
+exports.initDateEditorLanguage = initDateEditorLanguage;
+const getSelectOptionItem = (options, optionId) => {
   return options.find(option => option.id === optionId);
 };
-export const isValidUrl = url => {
+exports.getSelectOptionItem = getSelectOptionItem;
+const isValidUrl = url => {
   const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
   return reg.test(url);
 };
-export const getTrimmedString = value => {
+exports.isValidUrl = isValidUrl;
+const getTrimmedString = value => {
   return typeof value === 'string' ? value.trim() : '';
-};
+};
+exports.getTrimmedString = getTrimmedString;

package/lib/utils/event-bus.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 class EventBus {
   constructor() {
     this.subscribers = {};
@@ -25,4 +31,4 @@ class EventBus {
     }
   }
 }
-export default new EventBus();
+var _default = exports.default = new EventBus();

package/lib/utils/utils.js

@@ -1,11 +1,18 @@
-export const debounce = (fn, wait) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.throttle = exports.isMac = exports.getEventClassName = exports.downloadFile = exports.debounce = void 0;
+const debounce = (fn, wait) => {
   let timeout = null;
   return function () {
     if (timeout !== null) clearTimeout(timeout);
     timeout = setTimeout(fn, wait);
   };
 };
-export const throttle = (func, delay) => {
+exports.debounce = debounce;
+const throttle = (func, delay) => {
   let timer = null;
   let startTime = Date.now();
   return function () {
@@ -22,12 +29,14 @@ export const throttle = (func, delay) => {
     }
   };
 };
-export const isMac = () => {
+exports.throttle = throttle;
+const isMac = () => {
   const platform = navigator.platform;
   // eslint-disable-next-line eqeqeq
   return platform == 'Mac68K' || platform == 'MacPPC' || platform == 'Macintosh' || platform == 'MacIntel';
 };
-export const downloadFile = downloadUrl => {
+exports.isMac = isMac;
+const downloadFile = downloadUrl => {
   const downloadFrame = document.getElementById('dtableUiComponentDownloadFrame');
   if (downloadFrame != null) {
     document.body.removeChild(downloadFrame);
@@ -38,8 +47,10 @@ export const downloadFile = downloadUrl => {
   iframe.src = downloadUrl;
   document.body.appendChild(iframe);
 };
-export const getEventClassName = e => {
+exports.downloadFile = downloadFile;
+const getEventClassName = e => {
   // svg mouseEvent event.target.className is an object
   if (!e || !e.target) return '';
   return e.target.getAttribute('class') || '';
-};
+};
+exports.getEventClassName = getEventClassName;