dtable-statistic 4.2.1 → 4.3.0

package/es/components/select/select.js

@@ -1,65 +1,61 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import ModalPortal from '../modal-portal';
 import OptGroup from './option-group';
 import { CommonEventTypes } from '../../constants';
 import './select.css';
-var Select = /*#__PURE__*/function (_Component) {
-  _inherits(Select, _Component);
-  var _super = _createSuper(Select);
-  function Select(props) {
-    var _this;
-    _classCallCheck(this, Select);
-    _this = _super.call(this, props);
-    _this.onSelectToggle = function (event) {
+class Select extends Component {
+  constructor(props) {
+    super(props);
+    this.onSelectToggle = event => {
       event.preventDefault();
       /*
         if select is showing, click events do not need to be monitored by other click events,
         so it can be closed when other select is clicked.
       */
-      if (_this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
-      var eventClassName = event.target.className;
-      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
+      if (this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
+      let eventClassName = event.target.className;
+      if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
       //Prevent closing by pressing the spacebar in the search input
       if (event.target.value === '') return;
-      _this.setState({
-        isShowSelectOptions: !_this.state.isShowSelectOptions
+      this.setState({
+        isShowSelectOptions: !this.state.isShowSelectOptions
       });
-      window.app.eventBus.dispatch(CommonEventTypes.OPEN_SELECT, !_this.state.isShowSelectOptions);
+      window.app.eventBus.dispatch(CommonEventTypes.OPEN_SELECT, !this.state.isShowSelectOptions);
     };
-    _this.onClick = function (event) {
-      if (_this.props.isShowSelected && event.target.className.includes('icon-fork-number')) {
+    this.onClick = event => {
+      if (this.props.isShowSelected && event.target.className.includes('icon-fork-number')) {
         return;
       }
-      if (!_this.selector.contains(event.target)) {
-        _this.closeSelect();
+      if (!this.selector.contains(event.target)) {
+        this.closeSelect();
       }
     };
-    _this.closeSelect = function () {
-      _this.setState({
+    this.closeSelect = () => {
+      this.setState({
         isShowSelectOptions: false
       });
     };
-    _this.getSelectedOptionTop = function () {
-      if (!_this.selector) return 38;
-      var _this$selector$getBou = _this.selector.getBoundingClientRect(),
-        height = _this$selector$getBou.height;
+    this.getSelectedOptionTop = () => {
+      if (!this.selector) return 38;
+      const {
+        height
+      } = this.selector.getBoundingClientRect();
       return height;
     };
-    _this.getFilterOptions = function (searchValue) {
-      var _this$props = _this.props,
-        options = _this$props.options,
-        searchable = _this$props.searchable;
+    this.getFilterOptions = searchValue => {
+      const {
+        options,
+        searchable
+      } = this.props;
       if (!searchable) return options || [];
-      var validSearchVal = searchValue.trim().toLowerCase();
+      const validSearchVal = searchValue.trim().toLowerCase();
       if (!validSearchVal) return options || [];
-      return options.filter(function (option) {
-        var value = option.value,
-          name = option.name;
+      return options.filter(option => {
+        const {
+          value,
+          name
+        } = option;
         if (typeof name === 'string') {
           return name.toLowerCase().indexOf(validSearchVal) > -1;
         }
@@ -75,83 +71,72 @@ var Select = /*#__PURE__*/function (_Component) {
         return false;
       });
     };
-    _this.state = {
+    this.state = {
       isShowSelectOptions: false
     };
-    return _this;
   }
-  _createClass(Select, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('click', this.onClick);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('click', this.onClick);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        className = _this$props2.className,
-        value = _this$props2.value,
-        options = _this$props2.options,
-        placeholder = _this$props2.placeholder,
-        searchable = _this$props2.searchable,
-        searchPlaceholder = _this$props2.searchPlaceholder,
-        noOptionsPlaceholder = _this$props2.noOptionsPlaceholder,
-        isLocked = _this$props2.isLocked,
-        isInModal = _this$props2.isInModal;
-      return /*#__PURE__*/React.createElement("div", {
-        ref: function ref(node) {
-          return _this2.selector = node;
-        },
-        className: classnames('dtable-select custom-select', {
-          'focus': this.state.isShowSelectOptions
-        }, {
-          'disabled': isLocked
-        }, className),
-        onClick: this.onSelectToggle
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "selected-option"
-      }, value.label ? /*#__PURE__*/React.createElement("span", {
-        className: "selected-option-show"
-      }, value.label) : /*#__PURE__*/React.createElement("span", {
-        className: "select-placeholder"
-      }, placeholder), !isLocked && /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-drop-down"
-      })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/React.createElement(OptGroup, {
-        value: value,
-        isShowSelected: this.props.isShowSelected,
-        top: this.getSelectedOptionTop(),
-        options: options,
-        onSelectOption: this.props.onSelectOption,
-        searchable: searchable,
-        searchPlaceholder: searchPlaceholder,
-        noOptionsPlaceholder: noOptionsPlaceholder,
-        closeSelect: this.closeSelect,
-        getFilterOptions: this.getFilterOptions,
-        supportMultipleSelect: this.props.supportMultipleSelect
-      }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(OptGroup, {
-        className: className,
-        value: value,
-        isShowSelected: this.props.isShowSelected,
-        position: this.selector.getBoundingClientRect(),
-        isInModal: isInModal,
-        top: this.getSelectedOptionTop(),
-        options: options,
-        onSelectOption: this.props.onSelectOption,
-        searchable: searchable,
-        searchPlaceholder: searchPlaceholder,
-        noOptionsPlaceholder: noOptionsPlaceholder,
-        closeSelect: this.closeSelect,
-        getFilterOptions: this.getFilterOptions,
-        supportMultipleSelect: this.props.supportMultipleSelect
-      })));
-    }
-  }]);
-  return Select;
-}(Component);
+  componentDidMount() {
+    document.addEventListener('click', this.onClick);
+  }
+  componentWillUnmount() {
+    document.removeEventListener('click', this.onClick);
+  }
+  render() {
+    let {
+      className,
+      value,
+      options,
+      placeholder,
+      searchable,
+      searchPlaceholder,
+      noOptionsPlaceholder,
+      isLocked,
+      isInModal
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: node => this.selector = node,
+      className: classnames('dtable-select custom-select', {
+        'focus': this.state.isShowSelectOptions
+      }, {
+        'disabled': isLocked
+      }, className),
+      onClick: this.onSelectToggle
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "selected-option"
+    }, value.label ? /*#__PURE__*/React.createElement("span", {
+      className: "selected-option-show"
+    }, value.label) : /*#__PURE__*/React.createElement("span", {
+      className: "select-placeholder"
+    }, placeholder), !isLocked && /*#__PURE__*/React.createElement("i", {
+      className: "dtable-font dtable-icon-drop-down"
+    })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/React.createElement(OptGroup, {
+      value: value,
+      isShowSelected: this.props.isShowSelected,
+      top: this.getSelectedOptionTop(),
+      options: options,
+      onSelectOption: this.props.onSelectOption,
+      searchable: searchable,
+      searchPlaceholder: searchPlaceholder,
+      noOptionsPlaceholder: noOptionsPlaceholder,
+      closeSelect: this.closeSelect,
+      getFilterOptions: this.getFilterOptions,
+      supportMultipleSelect: this.props.supportMultipleSelect
+    }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(OptGroup, {
+      className: className,
+      value: value,
+      isShowSelected: this.props.isShowSelected,
+      position: this.selector.getBoundingClientRect(),
+      isInModal: isInModal,
+      top: this.getSelectedOptionTop(),
+      options: options,
+      onSelectOption: this.props.onSelectOption,
+      searchable: searchable,
+      searchPlaceholder: searchPlaceholder,
+      noOptionsPlaceholder: noOptionsPlaceholder,
+      closeSelect: this.closeSelect,
+      getFilterOptions: this.getFilterOptions,
+      supportMultipleSelect: this.props.supportMultipleSelect
+    })));
+  }
+}
 export default Select;

package/es/components/toast/alert.js

@@ -1,17 +1,9 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { css } from 'glamor';
-var Alert = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Alert, _React$PureComponent);
-  var _super = _createSuper(Alert);
-  function Alert(props) {
-    var _this;
-    _classCallCheck(this, Alert);
-    _this = _super.call(this, props);
-    _this.containerStyle = css({
+class Alert extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.containerStyle = css({
       borderRadius: '3px',
       backgroundColor: '#fff',
       padding: '10px 16px',
@@ -21,30 +13,30 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
       justifyContent: 'space-between',
       flexDirection: 'row'
     });
-    _this.containerBorderSuccess = css({
+    this.containerBorderSuccess = css({
       borderLeft: '3px solid rgb(71, 184, 129)'
     });
-    _this.containerBorderWarn = css({
+    this.containerBorderWarn = css({
       borderLeft: '3px solid rgb(217, 130, 43)'
     });
-    _this.containerBorderDanger = css({
+    this.containerBorderDanger = css({
       borderLeft: '3px solid rgb(236, 76, 71)'
     });
-    _this.containerBorderNotify = css({
+    this.containerBorderNotify = css({
       borderLeft: '3px solid rgb(16, 112, 202)'
     });
-    _this.toastTextTitle = css({
+    this.toastTextTitle = css({
       fontWeight: '600',
       fontSize: '14px',
       color: '#435a6f',
       margin: '0'
     });
-    _this.toastTextChild = css({
+    this.toastTextChild = css({
       fontSize: '14px',
       color: '#999',
       margin: '0'
     });
-    _this.toastClose = css({
+    this.toastClose = css({
       marginLeft: '15px',
       height: '24px',
       width: '24px',
@@ -59,72 +51,65 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
         opacity: 1
       }
     });
-    _this.toastIcon = css({
+    this.toastIcon = css({
       marginRight: '10px',
       width: '14px',
       height: '20px',
       lineHeight: '20px'
     });
-    return _this;
   }
-  _createClass(Alert, [{
-    key: "getContainerStyle",
-    value: function getContainerStyle(intent) {
-      switch (intent) {
-        case 'success':
-          return {
-            borderStyle: this.containerBorderSuccess,
-            iconColor: css({
-              color: 'rgb(71, 184, 129)'
-            }),
-            iconClass: 'dtable-font dtable-icon-check-circle'
-          };
-        case 'warning':
-          return {
-            borderStyle: this.containerBorderWarn,
-            iconColor: css({
-              color: 'rgb(217, 130, 43)'
-            }),
-            iconClass: 'dtable-font dtable-icon-exclamation-triangle'
-          };
-        case 'none':
-          return {
-            borderStyle: this.containerBorderNotify,
-            iconColor: css({
-              color: 'rgb(16, 112, 202)'
-            }),
-            iconClass: 'dtable-font dtable-icon-description'
-          };
-        case 'danger':
-          return {
-            borderStyle: this.containerBorderDanger,
-            iconColor: css({
-              color: 'rgb(236, 76, 71)'
-            }),
-            iconClass: 'dtable-font dtable-icon-exclamation-circle'
-          };
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var toastStyle = this.getContainerStyle(this.props.intent);
-      return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
-        className: this.toastIcon
-      }, /*#__PURE__*/React.createElement("i", Object.assign({
-        className: toastStyle.iconClass
-      }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
-        className: this.toastTextContainer
-      }, /*#__PURE__*/React.createElement("p", {
-        className: this.toastTextTitle
-      }, this.props.title), this.props.children ? /*#__PURE__*/React.createElement("p", {
-        className: this.toastTextChild
-      }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/React.createElement("div", {
-        onClick: this.props.onRemove,
-        className: this.toastClose
-      }, /*#__PURE__*/React.createElement("span", null, "\xD7")));
+  getContainerStyle(intent) {
+    switch (intent) {
+      case 'success':
+        return {
+          borderStyle: this.containerBorderSuccess,
+          iconColor: css({
+            color: 'rgb(71, 184, 129)'
+          }),
+          iconClass: 'dtable-font dtable-icon-check-circle'
+        };
+      case 'warning':
+        return {
+          borderStyle: this.containerBorderWarn,
+          iconColor: css({
+            color: 'rgb(217, 130, 43)'
+          }),
+          iconClass: 'dtable-font dtable-icon-exclamation-triangle'
+        };
+      case 'none':
+        return {
+          borderStyle: this.containerBorderNotify,
+          iconColor: css({
+            color: 'rgb(16, 112, 202)'
+          }),
+          iconClass: 'dtable-font dtable-icon-description'
+        };
+      case 'danger':
+        return {
+          borderStyle: this.containerBorderDanger,
+          iconColor: css({
+            color: 'rgb(236, 76, 71)'
+          }),
+          iconClass: 'dtable-font dtable-icon-exclamation-circle'
+        };
     }
-  }]);
-  return Alert;
-}(React.PureComponent);
+  }
+  render() {
+    const toastStyle = this.getContainerStyle(this.props.intent);
+    return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
+      className: this.toastIcon
+    }, /*#__PURE__*/React.createElement("i", Object.assign({
+      className: toastStyle.iconClass
+    }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
+      className: this.toastTextContainer
+    }, /*#__PURE__*/React.createElement("p", {
+      className: this.toastTextTitle
+    }, this.props.title), this.props.children ? /*#__PURE__*/React.createElement("p", {
+      className: this.toastTextChild
+    }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/React.createElement("div", {
+      onClick: this.props.onRemove,
+      className: this.toastClose
+    }, /*#__PURE__*/React.createElement("span", null, "\xD7")));
+  }
+}
 export default Alert;

package/es/components/toast/index.js

@@ -1,3 +1,3 @@
 import Toaster from './toaster';
-var toaster = new Toaster();
+const toaster = new Toaster();
 export default toaster;