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

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

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

package/lib/select-editor/pc-select-editor-popover/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 _lang = require("../../lang");
-require("./index.css");
-class PCSelectEditorPopover extends _react.default.Component {
+import React from 'react';
+import { getLocale } from '../../lang';
+import './index.css';
+class PCSelectEditorPopover extends React.Component {
   constructor(props) {
     super(props);
     this.onValueChanged = event => {
@@ -72,46 +65,46 @@ class PCSelectEditorPopover extends _react.default.Component {
     }, {
       position: 'absolute'
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
       style: popoverStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "select-options-search"
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", {
       className: "form-control",
       onChange: this.onValueChanged,
       onClick: this.onInputClick,
-      placeholder: (0, _lang.getLocale)('Find_an_option')
-    })), /*#__PURE__*/_react.default.createElement("div", {
+      placeholder: getLocale('Find_an_option')
+    })), /*#__PURE__*/React.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.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: index,
         className: "select-option-item",
         onClick: this.onOptionItemToggle.bind(this, option)
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "option-info"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "option-name",
         style: optionStyle,
         title: option.name
-      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
+      }, option.name)), /*#__PURE__*/React.createElement("div", {
         className: "option-checked"
-      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
+      }, isSelect && /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-check-mark"
       })));
-    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    }), options.length === 0 && /*#__PURE__*/React.createElement("div", {
       className: "search-option-null"
-    }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
+    }, getLocale('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/React.createElement("div", {
       className: "select-options-add",
       onClick: this.onAddNewOption
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_an_option'), ' ', searchValue)));
+    }), /*#__PURE__*/React.createElement("span", null, getLocale('Add_an_option'), ' ', searchValue)));
   }
 }
 PCSelectEditorPopover.defaultProps = {
@@ -119,4 +112,4 @@ PCSelectEditorPopover.defaultProps = {
   options: [],
   isShowAddBtn: false
 };
-var _default = exports.default = PCSelectEditorPopover;
+export default PCSelectEditorPopover;

package/lib/select-editor/select-editor-option.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 SelectEditorOption extends _react.default.Component {
+import React from 'react';
+class SelectEditorOption extends React.Component {
   constructor() {
     super(...arguments);
     this.onDeleteOption = event => {
@@ -56,20 +49,20 @@ class SelectEditorOption extends _react.default.Component {
     let containerStyle = this.getContainerStyle();
     let optionStyle = this.getOptionStyle(option);
     let operationStyle = this.getOperationStyle(option);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui select-option-item",
       style: containerStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "option-info",
       style: optionStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "option-name",
       title: option.name
-    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
+    }, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
       className: "option-remove",
       style: operationStyle,
       onClick: this.onDeleteOption
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number",
       style: {
         fontSize: '12px',
@@ -81,4 +74,4 @@ class SelectEditorOption extends _react.default.Component {
 SelectEditorOption.defaultProps = {
   isShowRemoveIcon: false
 };
-var _default = exports.default = SelectEditorOption;
+export default SelectEditorOption;

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

package/lib/toaster/index.js

@@ -1,10 +1,3 @@
-"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;
+import Toaster from './toaster';
+const toaster = new Toaster();
+export default toaster;

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

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

package/lib/toaster/toaster.js

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

package/lib/utils/dayjs.js

@@ -1,11 +1,4 @@
-"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;
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+dayjs.extend(customParseFormat);
+export default dayjs;

package/lib/utils/editor-utils.js

@@ -1,9 +1,3 @@
-"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');
@@ -14,7 +8,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');
-const initDateEditorLanguage = lang => {
+export const initDateEditorLanguage = lang => {
   let language;
   switch (lang) {
     case 'zh-cn':
@@ -58,17 +52,13 @@ const initDateEditorLanguage = lang => {
   }
   return language;
 };
-exports.initDateEditorLanguage = initDateEditorLanguage;
-const getSelectOptionItem = (options, optionId) => {
+export const getSelectOptionItem = (options, optionId) => {
   return options.find(option => option.id === optionId);
 };
-exports.getSelectOptionItem = getSelectOptionItem;
-const isValidUrl = url => {
+export const isValidUrl = url => {
   const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
   return reg.test(url);
 };
-exports.isValidUrl = isValidUrl;
-const getTrimmedString = value => {
+export const getTrimmedString = value => {
   return typeof value === 'string' ? value.trim() : '';
-};
-exports.getTrimmedString = getTrimmedString;
+};

package/lib/utils/event-bus.js

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

package/lib/utils/utils.js

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