dtable-statistic 4.2.2 → 4.3.0

package/es/components/dialog/statistic-types-dialog/index.js

@@ -1,63 +1,54 @@
-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, Button } from 'reactstrap';
 import ChartSelector from '../chart-addition-widgets/chart-selector';
 import './index.css';
-var StatisticTypesDialog = /*#__PURE__*/function (_Component) {
-  _inherits(StatisticTypesDialog, _Component);
-  var _super = _createSuper(StatisticTypesDialog);
-  function StatisticTypesDialog(props) {
-    var _this;
-    _classCallCheck(this, StatisticTypesDialog);
-    _this = _super.call(this, props);
-    _this.onToggle = function () {
-      _this.props.onToggle();
+class StatisticTypesDialog extends Component {
+  constructor(props) {
+    super(props);
+    this.onToggle = () => {
+      this.props.onToggle();
     };
-    _this.onSelectStatisticType = function (type) {
-      if (type === _this.state.selectedType) return;
-      _this.setState({
+    this.onSelectStatisticType = type => {
+      if (type === this.state.selectedType) return;
+      this.setState({
         selectedType: type
       });
     };
-    _this.onSubmit = function () {
-      var selectedType = _this.state.selectedType;
-      _this.props.onChange(selectedType);
-      _this.onToggle();
+    this.onSubmit = () => {
+      const {
+        selectedType
+      } = this.state;
+      this.props.onChange(selectedType);
+      this.onToggle();
     };
-    _this.state = {
+    this.state = {
       selectedType: props.type
     };
-    return _this;
   }
-  _createClass(StatisticTypesDialog, [{
-    key: "render",
-    value: function render() {
-      var selectedType = this.state.selectedType;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: this.onToggle,
-        className: "statistic-types-dialog",
-        zIndex: 1048
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.onToggle
-      }, intl.get('Edit_type')), /*#__PURE__*/React.createElement(ModalBody, {
-        className: "statistic-types-body"
-      }, /*#__PURE__*/React.createElement(ChartSelector, {
-        selectedType: selectedType,
-        addEditingChart: this.onSelectStatisticType
-      })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-        color: "secondary",
-        onClick: this.onToggle
-      }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
-        color: "primary",
-        onClick: this.onSubmit
-      }, intl.get('Submit'))));
-    }
-  }]);
-  return StatisticTypesDialog;
-}(Component);
+  render() {
+    const {
+      selectedType
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Modal, {
+      isOpen: true,
+      toggle: this.onToggle,
+      className: "statistic-types-dialog",
+      zIndex: 1048
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
+      toggle: this.onToggle
+    }, intl.get('Edit_type')), /*#__PURE__*/React.createElement(ModalBody, {
+      className: "statistic-types-body"
+    }, /*#__PURE__*/React.createElement(ChartSelector, {
+      selectedType: selectedType,
+      addEditingChart: this.onSelectStatisticType
+    })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+      color: "secondary",
+      onClick: this.onToggle
+    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+      color: "primary",
+      onClick: this.onSubmit
+    }, intl.get('Submit'))));
+  }
+}
 export default StatisticTypesDialog;

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

@@ -1,93 +1,84 @@
-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, Button, Label, FormGroup } from 'reactstrap';
 import { DTableSelect } from '../../components';
 import { KeyCodes } from '../../constants';
-var TableSelectDialog = /*#__PURE__*/function (_Component) {
-  _inherits(TableSelectDialog, _Component);
-  var _super = _createSuper(TableSelectDialog);
-  function TableSelectDialog(props) {
-    var _this;
-    _classCallCheck(this, TableSelectDialog);
-    _this = _super.call(this, props);
-    _this.createTableOptions = function (tables) {
+class TableSelectDialog extends Component {
+  constructor(props) {
+    super(props);
+    this.createTableOptions = tables => {
       if (!Array.isArray(tables) || tables.length === 0) return [];
-      return tables.map(function (table) {
-        var name = table.name,
-          value = table._id;
-        var label = /*#__PURE__*/React.createElement("span", {
+      return tables.map(table => {
+        const {
+          name,
+          _id: value
+        } = table;
+        const label = /*#__PURE__*/React.createElement("span", {
           className: "select-module select-module-name"
         }, name);
         return {
-          value: value,
-          label: label
+          value,
+          label
         };
       });
     };
-    _this.onHotKey = function (e) {
+    this.onHotKey = e => {
       if (e.keyCode === KeyCodes.Enter) {
         e.preventDefault();
-        _this.handleSubmit();
+        this.handleSubmit();
       }
     };
-    _this.toggle = function () {
-      _this.props.toggle();
+    this.toggle = () => {
+      this.props.toggle();
     };
-    _this.onSelectTable = function (selectedTable) {
-      if (selectedTable.value === _this.state.selectedTable.value) return;
-      _this.setState({
-        selectedTable: selectedTable
+    this.onSelectTable = selectedTable => {
+      if (selectedTable.value === this.state.selectedTable.value) return;
+      this.setState({
+        selectedTable
       });
     };
-    _this.handleSubmit = function () {
-      var selectedTable = _this.state.selectedTable;
-      _this.props.onSelectTable(selectedTable.value);
+    this.handleSubmit = () => {
+      const {
+        selectedTable
+      } = this.state;
+      this.props.onSelectTable(selectedTable.value);
     };
-    var _tables = props.tables;
-    _this.tables = _this.createTableOptions(_tables);
-    _this.state = {
-      selectedTable: _this.tables[0]
+    const {
+      tables: _tables
+    } = props;
+    this.tables = this.createTableOptions(_tables);
+    this.state = {
+      selectedTable: this.tables[0]
     };
-    return _this;
   }
-  _createClass(TableSelectDialog, [{
-    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 title = this.props.title;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: this.toggle,
-        autoFocus: false
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: this.toggle
-      }, title), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Select_table')), /*#__PURE__*/React.createElement(DTableSelect, {
-        options: this.tables,
-        value: this.state.selectedTable,
-        onChange: this.onSelectTable,
-        menuPortalTarget: '#wrapper'
-      }))), /*#__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 TableSelectDialog;
-}(Component);
+  componentDidMount() {
+    document.addEventListener('keydown', this.onHotKey);
+  }
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.onHotKey);
+  }
+  render() {
+    const {
+      title
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Modal, {
+      isOpen: true,
+      toggle: this.toggle,
+      autoFocus: false
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
+      toggle: this.toggle
+    }, title), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Select_table')), /*#__PURE__*/React.createElement(DTableSelect, {
+      options: this.tables,
+      value: this.state.selectedTable,
+      onChange: this.onSelectTable,
+      menuPortalTarget: '#wrapper'
+    }))), /*#__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 TableSelectDialog;

package/es/components/dropdown-menu/statistic-dropdown-menu.js

@@ -1,170 +1,157 @@
-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, { Fragment } from 'react';
 import intl from 'react-intl-universal';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import { STAT_TYPE } from '../../constants';
 import Icon from '../icon';
-var StatisticDropdownMenu = /*#__PURE__*/function (_React$Component) {
-  _inherits(StatisticDropdownMenu, _React$Component);
-  var _super = _createSuper(StatisticDropdownMenu);
-  function StatisticDropdownMenu(props) {
-    var _this;
-    _classCallCheck(this, StatisticDropdownMenu);
-    _this = _super.call(this, props);
-    _this.onDropdownToggleClick = function (e) {
-      if (e.target && _this.viewsDropdownToggle && _this.viewsDropdownToggle.contains(e.target)) {
+class StatisticDropdownMenu extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onDropdownToggleClick = e => {
+      if (e.target && this.viewsDropdownToggle && this.viewsDropdownToggle.contains(e.target)) {
         return;
       }
       e.preventDefault();
       e.stopPropagation();
-      _this.setState({
-        isItemMenuShow: !_this.state.isItemMenuShow
+      this.setState({
+        isItemMenuShow: !this.state.isItemMenuShow
       });
     };
-    _this.deleteStatItem = function () {
-      _this.props.deleteStatItem();
+    this.deleteStatItem = () => {
+      this.props.deleteStatItem();
     };
-    _this.editStatItem = function () {
-      _this.props.editStatItem();
+    this.editStatItem = () => {
+      this.props.editStatItem();
     };
-    _this.onShowViewsMenu = function () {
-      _this.setState({
+    this.onShowViewsMenu = () => {
+      this.setState({
         isShowViewsMenu: true
       });
     };
-    _this.onHideViewsMenu = function () {
-      _this.setState({
+    this.onHideViewsMenu = () => {
+      this.setState({
         isShowViewsMenu: false
       });
     };
-    _this.onToggleViewsMenu = function () {
-      _this.setState({
-        isShowViewsMenu: !_this.state.isShowViewsMenu
+    this.onToggleViewsMenu = () => {
+      this.setState({
+        isShowViewsMenu: !this.state.isShowViewsMenu
       });
     };
-    _this.onMoveChartToView = function (viewId) {
-      _this.props.moveChartToView(viewId);
+    this.onMoveChartToView = viewId => {
+      this.props.moveChartToView(viewId);
     };
-    _this.state = {
+    this.state = {
       isItemMenuShow: false,
       isShowViewsMenu: false
     };
-    return _this;
   }
-  _createClass(StatisticDropdownMenu, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        isTableReadOnly = _this$props.isTableReadOnly,
-        chartType = _this$props.chartType;
-      var otherViews = this.props.getOtherStatistics();
-      var hasOtherViews = otherViews && otherViews.length > 0;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
-        isOpen: this.state.isItemMenuShow,
-        toggle: this.onDropdownToggleClick,
-        className: "dtable-dropdown-menu"
-      }, /*#__PURE__*/React.createElement(DropdownToggle, {
-        tag: "span",
-        "data-toggle": "dropdown",
-        "aria-expanded": this.state.isItemMenuShow
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "toggle-icon dtable-font dtable-icon-more-level"
-      })), /*#__PURE__*/React.createElement(DropdownMenu, {
-        className: "stat-item-dropdown-menu",
-        right: true
-      }, !isTableReadOnly && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DropdownItem, {
-        onMouseDown: this.editStatItem
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-rename"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "item-text"
-      }, intl.get('Edit'))), /*#__PURE__*/React.createElement(DropdownItem, {
-        onMouseDown: this.props.copyStatItem
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-copy"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "item-text"
-      }, intl.get('Copy')))), chartType === STAT_TYPE.PIVOT_TABLE && !isTableReadOnly && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DropdownItem, {
-        onClick: this.props.onNewTableDialogToggle
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-export"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "item-text"
-      }, intl.get('Export_to_a_new_table'))), /*#__PURE__*/React.createElement(DropdownItem, {
-        onClick: this.props.onUpdateTableDialogToggle
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-update"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "item-text"
-      }, intl.get('Update_to_a_table')))), /*#__PURE__*/React.createElement(DropdownItem, {
-        onMouseDown: this.props.onExportChart
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-download"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "item-text"
-      }, intl.get('Export_as_picture'))), !isTableReadOnly && /*#__PURE__*/React.createElement(Fragment, null, hasOtherViews && /*#__PURE__*/React.createElement(DropdownItem, {
-        className: "pr-2 btn-move-to-statistic-view",
-        tag: "div",
-        onClick: function onClick(evt) {
-          evt.stopPropagation();
-          evt.nativeEvent.stopImmediatePropagation();
-          _this2.onShowViewsMenu();
-        },
-        onMouseEnter: this.onShowViewsMenu,
-        onMouseLeave: this.onHideViewsMenu
-      }, /*#__PURE__*/React.createElement(Dropdown, {
-        className: "statistic-views-dropdown",
-        direction: "right",
-        isOpen: this.state.isShowViewsMenu,
-        toggle: this.onToggleViewsMenu
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "statistic-views-dropdown-toggle",
-        ref: function ref(_ref) {
-          return _this2.viewsDropdownToggle = _ref;
+  render() {
+    const {
+      isTableReadOnly,
+      chartType
+    } = this.props;
+    const otherViews = this.props.getOtherStatistics();
+    const hasOtherViews = otherViews && otherViews.length > 0;
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
+      isOpen: this.state.isItemMenuShow,
+      toggle: this.onDropdownToggleClick,
+      className: "dtable-dropdown-menu"
+    }, /*#__PURE__*/React.createElement(DropdownToggle, {
+      tag: "span",
+      "data-toggle": "dropdown",
+      "aria-expanded": this.state.isItemMenuShow
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "toggle-icon dtable-font dtable-icon-more-level"
+    })), /*#__PURE__*/React.createElement(DropdownMenu, {
+      className: "stat-item-dropdown-menu",
+      right: true
+    }, !isTableReadOnly && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DropdownItem, {
+      onMouseDown: this.editStatItem
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "item-icon dtable-font dtable-icon-rename"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-text"
+    }, intl.get('Edit'))), /*#__PURE__*/React.createElement(DropdownItem, {
+      onMouseDown: this.props.copyStatItem
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "item-icon dtable-font dtable-icon-copy"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-text"
+    }, intl.get('Copy')))), chartType === STAT_TYPE.PIVOT_TABLE && !isTableReadOnly && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DropdownItem, {
+      onClick: this.props.onNewTableDialogToggle
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "item-icon dtable-font dtable-icon-export"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-text"
+    }, intl.get('Export_to_a_new_table'))), /*#__PURE__*/React.createElement(DropdownItem, {
+      onClick: this.props.onUpdateTableDialogToggle
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "item-icon dtable-font dtable-icon-update"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-text"
+    }, intl.get('Update_to_a_table')))), /*#__PURE__*/React.createElement(DropdownItem, {
+      onMouseDown: this.props.onExportChart
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "item-icon dtable-font dtable-icon-download"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-text"
+    }, intl.get('Export_as_picture'))), !isTableReadOnly && /*#__PURE__*/React.createElement(Fragment, null, hasOtherViews && /*#__PURE__*/React.createElement(DropdownItem, {
+      className: "pr-2 btn-move-to-statistic-view",
+      tag: "div",
+      onClick: evt => {
+        evt.stopPropagation();
+        evt.nativeEvent.stopImmediatePropagation();
+        this.onShowViewsMenu();
+      },
+      onMouseEnter: this.onShowViewsMenu,
+      onMouseLeave: this.onHideViewsMenu
+    }, /*#__PURE__*/React.createElement(Dropdown, {
+      className: "statistic-views-dropdown",
+      direction: "right",
+      isOpen: this.state.isShowViewsMenu,
+      toggle: this.onToggleViewsMenu
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "statistic-views-dropdown-toggle",
+      ref: ref => this.viewsDropdownToggle = ref
+    }, /*#__PURE__*/React.createElement(Icon, {
+      symbol: "move-to",
+      className: "statistic-type-move-to item-icon"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-text"
+    }, intl.get('Move_to')), /*#__PURE__*/React.createElement("span", {
+      className: "icon-dropdown-toggle"
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "item-icon dtable-font dtable-icon-right-slide"
+    })), /*#__PURE__*/React.createElement(DropdownToggle, {
+      className: "move-to-statistic-views-toggle"
+    })), this.state.isShowViewsMenu && /*#__PURE__*/React.createElement(DropdownMenu, {
+      className: "statistic-views-dropdown-menu",
+      flip: false,
+      positionFixed: true,
+      modifiers: {
+        preventOverflow: {
+          boundariesElement: document.body
         }
-      }, /*#__PURE__*/React.createElement(Icon, {
-        symbol: "move-to",
-        className: "statistic-type-move-to item-icon"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "item-text"
-      }, intl.get('Move_to')), /*#__PURE__*/React.createElement("span", {
-        className: "icon-dropdown-toggle"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-right-slide"
-      })), /*#__PURE__*/React.createElement(DropdownToggle, {
-        className: "move-to-statistic-views-toggle"
-      })), this.state.isShowViewsMenu && /*#__PURE__*/React.createElement(DropdownMenu, {
-        className: "statistic-views-dropdown-menu",
-        flip: false,
-        positionFixed: true,
-        modifiers: {
-          preventOverflow: {
-            boundariesElement: document.body
-          }
-        }
-      }, otherViews.map(function (view) {
-        var _id = view._id,
-          name = view.name;
-        return /*#__PURE__*/React.createElement(DropdownItem, {
-          key: "move-to-statistic-view-".concat(_id),
-          onClick: _this2.onMoveChartToView.bind(_this2, _id)
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "statistic-view-name text-truncate",
-          title: name
-        }, name));
-      })))), /*#__PURE__*/React.createElement(DropdownItem, {
-        onMouseDown: this.deleteStatItem
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-delete"
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "item-text"
-      }, intl.get('Delete')))))));
-    }
-  }]);
-  return StatisticDropdownMenu;
-}(React.Component);
+      }
+    }, otherViews.map(view => {
+      const {
+        _id,
+        name
+      } = view;
+      return /*#__PURE__*/React.createElement(DropdownItem, {
+        key: "move-to-statistic-view-".concat(_id),
+        onClick: this.onMoveChartToView.bind(this, _id)
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "statistic-view-name text-truncate",
+        title: name
+      }, name));
+    })))), /*#__PURE__*/React.createElement(DropdownItem, {
+      onMouseDown: this.deleteStatItem
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "item-icon dtable-font dtable-icon-delete"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "item-text"
+    }, intl.get('Delete')))))));
+  }
+}
 export default StatisticDropdownMenu;