dtable-statistic 4.2.2 → 4.3.0

package/es/components/dialog/new-table-dialog.js

@@ -1,127 +1,109 @@
-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 intl from 'react-intl-universal';
 import { Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input, Alert, Button } from 'reactstrap';
 import { KeyCodes } from '../../constants';
-var NewTableDialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(NewTableDialog, _React$Component);
-  var _super = _createSuper(NewTableDialog);
-  function NewTableDialog(props) {
-    var _this;
-    _classCallCheck(this, NewTableDialog);
-    _this = _super.call(this, props);
-    _this.onHotKey = function (e) {
+class NewTableDialog extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onHotKey = e => {
       if (e.keyCode === KeyCodes.Enter) {
         e.preventDefault();
-        _this.handleSubmit();
+        this.handleSubmit();
       }
     };
-    _this.handleChange = function (event) {
-      var value = event.target.value;
-      if (value === _this.state.tableName) {
+    this.handleChange = event => {
+      let value = event.target.value;
+      if (value === this.state.tableName) {
         return;
       }
-      _this.setState({
+      this.setState({
         tableName: value,
         errMessage: ''
       });
     };
-    _this.toggle = function () {
-      _this.props.onNewTableCancel();
+    this.toggle = () => {
+      this.props.onNewTableCancel();
     };
-    _this.handleSubmit = function () {
-      var tableName = _this.state.tableName;
+    this.handleSubmit = () => {
+      let {
+        tableName
+      } = this.state;
       tableName = tableName.trim();
       if (!tableName) {
-        _this.setState({
+        this.setState({
           errMessage: 'Name_is_required'
         });
         return;
       }
       if (tableName.indexOf('`') > -1) {
-        _this.setState({
+        this.setState({
           errMessage: 'Name_cannot_contain_backtick'
         });
         return;
       }
       if (tableName.includes('/')) {
-        _this.setState({
+        this.setState({
           errMessage: 'Name_cannot_contain_slash'
         });
         return;
       }
       if (tableName.includes('\\')) {
-        _this.setState({
+        this.setState({
           errMessage: 'Name_cannot_contain_backslash'
         });
         return;
       }
-      var isExist = _this.tables.find(function (item) {
-        return item.name === tableName;
-      });
+      const isExist = this.tables.find(item => item.name === tableName);
       if (isExist) {
-        _this.setState({
+        this.setState({
           errMessage: 'Table_xxx_exist'
         });
         return;
       }
-      _this.props.onNewTableConfirm(tableName);
+      this.props.onNewTableConfirm(tableName);
     };
-    _this.state = {
+    this.state = {
       tableName: props.tableName,
       errMessage: ''
     };
-    _this.tables = props.getTables();
-    return _this;
+    this.tables = props.getTables();
+  }
+  componentDidMount() {
+    document.addEventListener('keydown', this.onHotKey);
+  }
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.onHotKey);
+  }
+  render() {
+    var _this$state$tableName;
+    return /*#__PURE__*/React.createElement(Modal, {
+      isOpen: true,
+      toggle: this.toggle,
+      autoFocus: false
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
+      toggle: this.toggle
+    }, intl.get('New_table')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
+      for: "tableName"
+    }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
+      id: "tableName",
+      value: this.state.tableName,
+      innerRef: input => {
+        this.newInput = input;
+      },
+      onChange: this.handleChange,
+      autoFocus: true
+    }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
+      color: "danger",
+      className: "mt-2"
+    }, intl.get(this.state.errMessage, {
+      name: (_this$state$tableName = this.state.tableName) === null || _this$state$tableName === void 0 ? void 0 : _this$state$tableName.trim()
+    }))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+      color: "secondary",
+      onClick: this.toggle
+    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+      color: "primary",
+      onClick: this.handleSubmit
+    }, intl.get('Submit'))));
   }
-  _createClass(NewTableDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('keydown', this.onHotKey);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('keydown', this.onHotKey);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this,
-        _this$state$tableName;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: this.toggle,
-        autoFocus: false
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.toggle
-      }, intl.get('New_table')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
-        for: "tableName"
-      }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
-        id: "tableName",
-        value: this.state.tableName,
-        innerRef: function innerRef(input) {
-          _this2.newInput = input;
-        },
-        onChange: this.handleChange,
-        autoFocus: true
-      }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
-        color: "danger",
-        className: "mt-2"
-      }, intl.get(this.state.errMessage, {
-        name: (_this$state$tableName = this.state.tableName) === null || _this$state$tableName === void 0 ? void 0 : _this$state$tableName.trim()
-      }))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.toggle
-      }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        onClick: this.handleSubmit
-      }, intl.get('Submit'))));
-    }
-  }]);
-  return NewTableDialog;
-}(React.Component);
+}
 export default NewTableDialog;

package/es/components/dialog/new-view-dialog.js

@@ -1,87 +1,75 @@
-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 intl from 'react-intl-universal';
 import { Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input, Alert, Button } from 'reactstrap';
-var NewViewDialog = /*#__PURE__*/function (_React$Component) {
-  _inherits(NewViewDialog, _React$Component);
-  var _super = _createSuper(NewViewDialog);
-  function NewViewDialog(props) {
-    var _this;
-    _classCallCheck(this, NewViewDialog);
-    _this = _super.call(this, props);
-    _this.handleChange = function (event) {
-      var value = event.target.value;
-      if (value === _this.state.viewName) {
+class NewViewDialog extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleChange = event => {
+      let value = event.target.value;
+      if (value === this.state.viewName) {
         return;
       }
-      _this.setState({
+      this.setState({
         viewName: value
       });
     };
-    _this.toggle = function () {
-      _this.props.onNewViewCancel();
+    this.toggle = () => {
+      this.props.onNewViewCancel();
     };
-    _this.handleSubmit = function () {
-      var viewName = _this.state.viewName;
+    this.handleSubmit = () => {
+      let {
+        viewName
+      } = this.state;
       viewName = viewName.trim();
       if (!viewName) {
-        _this.setState({
+        this.setState({
           errMessage: intl.get('Name_is_required')
         });
         return;
       }
-      _this.props.onNewViewConfirm(viewName);
-      _this.props.onNewViewCancel();
+      this.props.onNewViewConfirm(viewName);
+      this.props.onNewViewCancel();
     };
-    _this.handleKeyDown = function (e) {
+    this.handleKeyDown = e => {
       if (e.key == 'Enter') {
         e.preventDefault();
-        _this.handleSubmit();
+        this.handleSubmit();
       }
     };
-    _this.state = {
+    this.state = {
       viewName: '',
       errMessage: ''
     };
-    return _this;
   }
-  _createClass(NewViewDialog, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: this.toggle,
-        autoFocus: false
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.toggle
-      }, intl.get('New_dashboard')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
-        for: "viewName"
-      }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
-        type: "text",
-        id: "viewName",
-        value: this.state.viewName,
-        innerRef: function innerRef(input) {
-          _this2.newInput = input;
-        },
-        onChange: this.handleChange,
-        autoFocus: true,
-        onKeyDown: this.handleKeyDown
-      }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
-        color: "danger",
-        className: "mt-2"
-      }, this.state.errMessage)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.toggle
-      }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        onClick: this.handleSubmit
-      }, intl.get('Submit'))));
-    }
-  }]);
-  return NewViewDialog;
-}(React.Component);
+  render() {
+    return /*#__PURE__*/React.createElement(Modal, {
+      isOpen: true,
+      toggle: this.toggle,
+      autoFocus: false
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
+      toggle: this.toggle
+    }, intl.get('New_dashboard')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
+      for: "viewName"
+    }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
+      type: "text",
+      id: "viewName",
+      value: this.state.viewName,
+      innerRef: input => {
+        this.newInput = input;
+      },
+      onChange: this.handleChange,
+      autoFocus: true,
+      onKeyDown: this.handleKeyDown
+    }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
+      color: "danger",
+      className: "mt-2"
+    }, this.state.errMessage)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+      color: "secondary",
+      onClick: this.toggle
+    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+      color: "primary",
+      onClick: this.handleSubmit
+    }, intl.get('Submit'))));
+  }
+}
 export default NewViewDialog;

package/es/components/dialog/rename-view-dialog.js

@@ -1,87 +1,78 @@
-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 intl from 'react-intl-universal';
 import { Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input, Button, Alert } from 'reactstrap';
-var RenameViewDialog = /*#__PURE__*/function (_Component) {
-  _inherits(RenameViewDialog, _Component);
-  var _super = _createSuper(RenameViewDialog);
-  function RenameViewDialog(props) {
-    var _this;
-    _classCallCheck(this, RenameViewDialog);
-    _this = _super.call(this, props);
-    _this.handleChange = function (event) {
-      var viewName = _this.state.viewName;
-      var value = event.target.value;
+class RenameViewDialog extends Component {
+  constructor(props) {
+    super(props);
+    this.handleChange = event => {
+      let {
+        viewName
+      } = this.state;
+      let value = event.target.value;
       if (value === viewName) {
         return;
       } else {
-        _this.setState({
+        this.setState({
           viewName: value
         });
       }
     };
-    _this.handleKeyDown = function (e) {
+    this.handleKeyDown = e => {
       if (e.keyCode === 13) {
         e.preventDefault();
-        _this.handleSubmit();
+        this.handleSubmit();
         return false;
       }
     };
-    _this.handleSubmit = function () {
-      var viewName = _this.state.viewName;
+    this.handleSubmit = () => {
+      let {
+        viewName
+      } = this.state;
       viewName = viewName.trim();
       if (!viewName) {
-        _this.setState({
+        this.setState({
           errMessage: intl.get('Name_is_required')
         });
         return;
       }
-      if (viewName !== _this.props.viewName) {
-        _this.props.onRenameDashboard(viewName);
+      if (viewName !== this.props.viewName) {
+        this.props.onRenameDashboard(viewName);
       }
-      _this.props.hideRenameViewDialog();
+      this.props.hideRenameViewDialog();
     };
-    _this.toggle = function () {
-      _this.props.hideRenameViewDialog();
+    this.toggle = () => {
+      this.props.hideRenameViewDialog();
     };
-    _this.state = {
+    this.state = {
       viewName: props.viewName || '',
       errMessage: ''
     };
-    return _this;
   }
-  _createClass(RenameViewDialog, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: this.toggle,
-        autoFocus: false
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.toggle
-      }, intl.get('Rename_dashboard')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
-        for: "viewName"
-      }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
-        id: "viewName",
-        autoFocus: true,
-        value: this.state.viewName,
-        onChange: this.handleChange,
-        onKeyDown: this.handleKeyDown
-      }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
-        color: "danger",
-        className: "mt-2"
-      }, this.state.errMessage)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.toggle
-      }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        onClick: this.handleSubmit
-      }, intl.get('Submit'))));
-    }
-  }]);
-  return RenameViewDialog;
-}(Component);
+  render() {
+    return /*#__PURE__*/React.createElement(Modal, {
+      isOpen: true,
+      toggle: this.toggle,
+      autoFocus: false
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
+      toggle: this.toggle
+    }, intl.get('Rename_dashboard')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
+      for: "viewName"
+    }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
+      id: "viewName",
+      autoFocus: true,
+      value: this.state.viewName,
+      onChange: this.handleChange,
+      onKeyDown: this.handleKeyDown
+    }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
+      color: "danger",
+      className: "mt-2"
+    }, this.state.errMessage)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+      color: "secondary",
+      onClick: this.toggle
+    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+      color: "primary",
+      onClick: this.handleSubmit
+    }, intl.get('Submit'))));
+  }
+}
 export default RenameViewDialog;