dtable-statistic 4.3.2 → 4.3.3

package/es/components/dialog/delete-confirmation-dialog.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import intl from 'react-intl-universal';
-import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
+"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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _reactstrap = require("reactstrap");
 function DeleteConfirmationDialog(props) {
   const {
     header,
@@ -8,21 +15,21 @@ function DeleteConfirmationDialog(props) {
     onDelete,
     onToggle
   } = props;
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     toggle: onToggle
-  }, /*#__PURE__*/React.createElement(ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
     toggle: onToggle
-  }, header), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+  }, header), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "pb-6"
-  }, intl.get('Delete_xxx_tip', {
+  }, _reactIntlUniversal.default.get('Delete_xxx_tip', {
     name
-  }))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "secondary",
     onClick: onToggle
-  }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+  }, _reactIntlUniversal.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "primary",
     onClick: onDelete
-  }, intl.get('Delete'))));
+  }, _reactIntlUniversal.default.get('Delete'))));
 }
-export default DeleteConfirmationDialog;
+var _default = exports.default = DeleteConfirmationDialog;

package/es/components/dialog/enlarged-chart-dialog.js

@@ -1,10 +1,18 @@
-import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
-import html2canvas from 'html2canvas';
-import { Modal, ModalHeader, ModalBody } from 'reactstrap';
-import StatView from '../../stat-view';
-import { STAT_TYPE } from '../../constants';
-class EnlargeChartDialog extends 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 _reactDom = _interopRequireDefault(require("react-dom"));
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+var _reactstrap = require("reactstrap");
+var _statView = _interopRequireDefault(require("../../stat-view"));
+var _constants = require("../../constants");
+class EnlargeChartDialog extends _react.Component {
   constructor() {
     super(...arguments);
     this.toggle = () => {
@@ -36,11 +44,11 @@ class EnlargeChartDialog extends Component {
         queryMapJson: this.props.queryMapJson,
         toggleStatisticRecordsDialog
       };
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "view-wrapper",
         onClick: this.onClick,
         draggable: false
-      }, /*#__PURE__*/React.createElement(StatView, viewProps));
+      }, /*#__PURE__*/_react.default.createElement(_statView.default, viewProps));
     };
     this.onExportChart = () => {
       const exportContainerID = 'exported-chart-container';
@@ -55,11 +63,11 @@ class EnlargeChartDialog extends Component {
         exportContainer.setAttribute('style', "width: ".concat(containerWidth, "px; height: ").concat(containerHeight, "px;"));
       }
       document.body.appendChild(exportContainer);
-      ReactDOM.render(this.renderStatisticView(), exportContainer);
+      _reactDom.default.render(this.renderStatisticView(), exportContainer);
       setTimeout(() => {
         const ele = document.querySelector("#".concat(exportContainerID, " .statistic-chart-container"));
         if (!ele) return;
-        html2canvas(ele, {
+        (0, _html2canvas.default)(ele, {
           windowWidth: ele.scrollWidth,
           windowHeight: ele.scrollHeight
         }).then(canvas => {
@@ -76,30 +84,30 @@ class EnlargeChartDialog extends Component {
     const {
       statItem
     } = this.props;
-    return /*#__PURE__*/React.createElement(Modal, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       toggle: this.toggle,
       className: "statistic-enlarge-modal",
       modalClassName: "statistic-enlarge-dialog",
       zIndex: 1048
-    }, /*#__PURE__*/React.createElement(ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
       toggle: this.toggle,
-      close: /*#__PURE__*/React.createElement("div", {
+      close: /*#__PURE__*/_react.default.createElement("div", {
         className: "header-close-list"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "op-item op-item-icon-wrapper",
         onClick: this.onExportChart
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "item-icon dtable-font dtable-icon-download"
-      })), /*#__PURE__*/React.createElement("div", {
+      })), /*#__PURE__*/_react.default.createElement("div", {
         className: "op-item op-item-icon-wrapper header-btn-close",
         onClick: this.toggle
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "item-icon dtable-font dtable-icon-x"
       })))
-    }, /*#__PURE__*/React.createElement("span", null, statItem.type === STAT_TYPE.BASIC_NUMBER_CARD ? '' : statItem.name)), /*#__PURE__*/React.createElement(ModalBody, {
+    }, /*#__PURE__*/_react.default.createElement("span", null, statItem.type === _constants.STAT_TYPE.BASIC_NUMBER_CARD ? '' : statItem.name)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: 'statistic-body-container statistic-microscope-content'
     }, this.renderStatisticView()));
   }
 }
-export default EnlargeChartDialog;
+var _default = exports.default = EnlargeChartDialog;

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

@@ -1,12 +1,19 @@
-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';
-class NewTableDialog 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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _reactstrap = require("reactstrap");
+var _constants = require("../../constants");
+class NewTableDialog extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onHotKey = e => {
-      if (e.keyCode === KeyCodes.Enter) {
+      if (e.keyCode === _constants.KeyCodes.Enter) {
         e.preventDefault();
         this.handleSubmit();
       }
@@ -76,15 +83,15 @@ class NewTableDialog extends React.Component {
   }
   render() {
     var _this$state$tableName;
-    return /*#__PURE__*/React.createElement(Modal, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       toggle: this.toggle,
       autoFocus: false
-    }, /*#__PURE__*/React.createElement(ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.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, {
+    }, _reactIntlUniversal.default.get('New_table')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       for: "tableName"
-    }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
+    }, _reactIntlUniversal.default.get('Name')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       id: "tableName",
       value: this.state.tableName,
       innerRef: input => {
@@ -92,18 +99,18 @@ class NewTableDialog extends React.Component {
       },
       onChange: this.handleChange,
       autoFocus: true
-    }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
+    }))), this.state.errMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
       color: "danger",
       className: "mt-2"
-    }, intl.get(this.state.errMessage, {
+    }, _reactIntlUniversal.default.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, {
+    }))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "secondary",
       onClick: this.toggle
-    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+    }, _reactIntlUniversal.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "primary",
       onClick: this.handleSubmit
-    }, intl.get('Submit'))));
+    }, _reactIntlUniversal.default.get('Submit'))));
   }
 }
-export default NewTableDialog;
+var _default = exports.default = NewTableDialog;

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

@@ -1,7 +1,14 @@
-import React from 'react';
-import intl from 'react-intl-universal';
-import { Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input, Alert, Button } from 'reactstrap';
-class NewViewDialog 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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _reactstrap = require("reactstrap");
+class NewViewDialog extends _react.default.Component {
   constructor(props) {
     super(props);
     this.handleChange = event => {
@@ -23,7 +30,7 @@ class NewViewDialog extends React.Component {
       viewName = viewName.trim();
       if (!viewName) {
         this.setState({
-          errMessage: intl.get('Name_is_required')
+          errMessage: _reactIntlUniversal.default.get('Name_is_required')
         });
         return;
       }
@@ -31,7 +38,7 @@ class NewViewDialog extends React.Component {
       this.props.onNewViewCancel();
     };
     this.handleKeyDown = e => {
-      if (e.key == 'Enter') {
+      if (e.key === 'Enter') {
         e.preventDefault();
         this.handleSubmit();
       }
@@ -42,15 +49,15 @@ class NewViewDialog extends React.Component {
     };
   }
   render() {
-    return /*#__PURE__*/React.createElement(Modal, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       toggle: this.toggle,
       autoFocus: false
-    }, /*#__PURE__*/React.createElement(ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.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, {
+    }, _reactIntlUniversal.default.get('New_dashboard')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       for: "viewName"
-    }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
+    }, _reactIntlUniversal.default.get('Name')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       type: "text",
       id: "viewName",
       value: this.state.viewName,
@@ -60,16 +67,16 @@ class NewViewDialog extends React.Component {
       onChange: this.handleChange,
       autoFocus: true,
       onKeyDown: this.handleKeyDown
-    }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
+    }))), this.state.errMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
       color: "danger",
       className: "mt-2"
-    }, this.state.errMessage)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    }, this.state.errMessage)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "secondary",
       onClick: this.toggle
-    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+    }, _reactIntlUniversal.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "primary",
       onClick: this.handleSubmit
-    }, intl.get('Submit'))));
+    }, _reactIntlUniversal.default.get('Submit'))));
   }
 }
-export default NewViewDialog;
+var _default = exports.default = NewViewDialog;

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

@@ -1,7 +1,15 @@
-import React, { Component } from 'react';
-import intl from 'react-intl-universal';
-import { Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input, Button, Alert } from 'reactstrap';
-class RenameViewDialog extends 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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _reactstrap = require("reactstrap");
+class RenameViewDialog extends _react.Component {
   constructor(props) {
     super(props);
     this.handleChange = event => {
@@ -31,7 +39,7 @@ class RenameViewDialog extends Component {
       viewName = viewName.trim();
       if (!viewName) {
         this.setState({
-          errMessage: intl.get('Name_is_required')
+          errMessage: _reactIntlUniversal.default.get('Name_is_required')
         });
         return;
       }
@@ -49,30 +57,30 @@ class RenameViewDialog extends Component {
     };
   }
   render() {
-    return /*#__PURE__*/React.createElement(Modal, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       toggle: this.toggle,
       autoFocus: false
-    }, /*#__PURE__*/React.createElement(ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.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, {
+    }, _reactIntlUniversal.default.get('Rename_dashboard')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       for: "viewName"
-    }, intl.get('Name')), /*#__PURE__*/React.createElement(Input, {
+    }, _reactIntlUniversal.default.get('Name')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       id: "viewName",
       autoFocus: true,
       value: this.state.viewName,
       onChange: this.handleChange,
       onKeyDown: this.handleKeyDown
-    }))), this.state.errMessage && /*#__PURE__*/React.createElement(Alert, {
+    }))), this.state.errMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
       color: "danger",
       className: "mt-2"
-    }, this.state.errMessage)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    }, this.state.errMessage)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "secondary",
       onClick: this.toggle
-    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+    }, _reactIntlUniversal.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "primary",
       onClick: this.handleSubmit
-    }, intl.get('Submit'))));
+    }, _reactIntlUniversal.default.get('Submit'))));
   }
 }
-export default RenameViewDialog;
+var _default = exports.default = RenameViewDialog;

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

@@ -1,14 +1,22 @@
-import React, { Fragment } from 'react';
-import intl from 'react-intl-universal';
-import { Modal, ModalBody } from 'reactstrap';
-import { Views } from 'dtable-store';
-import dtableDbAPI from '../../../api/dtable-db-api';
-import { DtableSearchInput, Loading } from '../../index';
-import { searchRows } from '../../../utils';
-import { getSqlString } from '../../../utils/sql-utils';
-import { CommonEventTypes } from '../../../constants';
-import './index.css';
-class StatisticRecordDialog 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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _reactstrap = require("reactstrap");
+var _dtableStore = require("dtable-store");
+var _dtableDbApi = _interopRequireDefault(require("../../../api/dtable-db-api"));
+var _index = require("../../index");
+var _utils = require("../../../utils");
+var _sqlUtils = require("../../../utils/sql-utils");
+var _constants = require("../../../constants");
+require("./index.css");
+class StatisticRecordDialog extends _react.default.Component {
   constructor(props) {
     super(props);
     this.init = () => {
@@ -34,18 +42,18 @@ class StatisticRecordDialog extends React.Component {
         view_id
       } = chart;
       this.table = getTableById(table_id);
-      this.view = Views.getViewById(this.table.views, view_id);
-      this.isArchiveView = Views.isArchiveView(this.view);
+      this.view = _dtableStore.Views.getViewById(this.table.views, view_id);
+      this.isArchiveView = _dtableStore.Views.isArchiveView(this.view);
       this.unShowColumnKeyList = this.getUnShowColumnKeyList(this.view);
       this.renderedColumns = this.getRenderedColumns(this.table);
       if (this.isArchiveView || !records) {
-        const sqlString = getSqlString(chart, statisticRecord, {
+        const sqlString = (0, _sqlUtils.getSqlString)(chart, statisticRecord, {
           isColumn,
           isCurrentView,
           isRow,
           getTableById
         });
-        dtableDbAPI.sqlQuery(sqlString).then(res => {
+        _dtableDbApi.default.sqlQuery(sqlString).then(res => {
           const {
             results: rows
           } = res.data;
@@ -78,7 +86,7 @@ class StatisticRecordDialog extends React.Component {
     };
     this.initComputedProperties = drilledRows => {
       if (this.isArchiveView) {
-        const formulaColumns = Views.getFormulaColumnsContainLinks(this.table);
+        const formulaColumns = _dtableStore.Views.getFormulaColumnsContainLinks(this.table);
         if (formulaColumns.length === 0) return {};
         let formulaRows = {};
         drilledRows.forEach(row => {
@@ -123,7 +131,7 @@ class StatisticRecordDialog extends React.Component {
     this.getSearchedRows = (rows, searchVal) => {
       if (!Array.isArray(rows) || rows.length === 0) return [];
       if (searchVal) {
-        return searchRows(rows, Views.getColumns(this.view, this.table), searchVal, row => {
+        return (0, _utils.searchRows)(rows, _dtableStore.Views.getColumns(this.view, this.table), searchVal, row => {
           return row;
         }).map(row => row._id);
       }
@@ -140,7 +148,7 @@ class StatisticRecordDialog extends React.Component {
     };
     this.toggle = () => {
       if (this.valueChanged) {
-        this.props.eventBus.dispatch(CommonEventTypes.REFRESH_CHARTS);
+        this.props.eventBus.dispatch(_constants.CommonEventTypes.REFRESH_CHARTS);
       }
       this.props.toggleStatisticRecordsDialog();
     };
@@ -228,7 +236,7 @@ class StatisticRecordDialog extends React.Component {
           formulaRows: view.formula_rows
         };
       }
-      Views.cacheFormulaResults(table.rows, {
+      _dtableStore.Views.cacheFormulaResults(table.rows, {
         targetViewId: view._id,
         table,
         value
@@ -272,8 +280,8 @@ class StatisticRecordDialog extends React.Component {
     this.unShowColumnKeyList = null;
   }
   componentDidMount() {
-    this.unsubscribeExpandRowUpdated = this.props.eventBus.subscribe(CommonEventTypes.EXPAND_ROW_UPDATED, this.expandRowUpdated);
-    this.unsubscribeExpandRowDeleted = this.props.eventBus.subscribe(CommonEventTypes.EXPAND_ROW_DELETED, this.expandRowDeleted);
+    this.unsubscribeExpandRowUpdated = this.props.eventBus.subscribe(_constants.CommonEventTypes.EXPAND_ROW_UPDATED, this.expandRowUpdated);
+    this.unsubscribeExpandRowDeleted = this.props.eventBus.subscribe(_constants.CommonEventTypes.EXPAND_ROW_DELETED, this.expandRowDeleted);
     this.init();
   }
   componentWillUnmount() {
@@ -285,49 +293,49 @@ class StatisticRecordDialog extends React.Component {
       loading,
       title
     } = this.state;
-    return /*#__PURE__*/React.createElement(Modal, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       autoFocus: false,
       toggle: this.toggle,
       className: "statistic-records-dialog",
       zIndex: 1048
-    }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "search-header"
-    }, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement("button", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("button", {
       type: "button",
       className: "close",
       "aria-label": "Close",
       onClick: this.toggle
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       "aria-hidden": "true"
-    }, "\xD7"))), /*#__PURE__*/React.createElement("div", {
+    }, "\xD7"))), /*#__PURE__*/_react.default.createElement("div", {
       className: "search-input-container"
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "header-search-icon dtable-font dtable-icon-search"
-    }), /*#__PURE__*/React.createElement(DtableSearchInput, {
+    }), /*#__PURE__*/_react.default.createElement(_index.DtableSearchInput, {
       autoFocus: true,
       isClearable: true,
       className: "search-tables-input",
-      placeholder: intl.get('Search_records'),
+      placeholder: _reactIntlUniversal.default.get('Search_records'),
       onChange: this.onSearch,
       clearValue: this.clearSearch,
       components: {
         ClearIndicator: props => {
-          return /*#__PURE__*/React.createElement("span", {
+          return /*#__PURE__*/_react.default.createElement("span", {
             className: "clear-search-text",
             onClick: props.clearValue,
-            title: intl.get('Clear_search_text'),
-            "aria-label": intl.get('Clear_search_text')
-          }, /*#__PURE__*/React.createElement("i", {
+            title: _reactIntlUniversal.default.get('Clear_search_text'),
+            "aria-label": _reactIntlUniversal.default.get('Clear_search_text')
+          }, /*#__PURE__*/_react.default.createElement("i", {
             className: "dtable-font dtable-icon-x-"
           }));
         }
       }
-    })), /*#__PURE__*/React.createElement(ModalBody, {
+    })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: "statistic-records-container"
-    }, loading ? /*#__PURE__*/React.createElement("div", {
+    }, loading ? /*#__PURE__*/_react.default.createElement("div", {
       className: "d-flex py-8"
-    }, /*#__PURE__*/React.createElement(Loading, null)) : this.renderRowsCards())));
+    }, /*#__PURE__*/_react.default.createElement(_index.Loading, null)) : this.renderRowsCards())));
   }
 }
-export default StatisticRecordDialog;
+var _default = exports.default = StatisticRecordDialog;

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

@@ -1,9 +1,17 @@
-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';
-class StatisticTypesDialog extends 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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _reactstrap = require("reactstrap");
+var _chartSelector = _interopRequireDefault(require("../chart-addition-widgets/chart-selector"));
+require("./index.css");
+class StatisticTypesDialog extends _react.Component {
   constructor(props) {
     super(props);
     this.onToggle = () => {
@@ -30,25 +38,25 @@ class StatisticTypesDialog extends Component {
     const {
       selectedType
     } = this.state;
-    return /*#__PURE__*/React.createElement(Modal, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       toggle: this.onToggle,
       className: "statistic-types-dialog",
       zIndex: 1048
-    }, /*#__PURE__*/React.createElement(ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
       toggle: this.onToggle
-    }, intl.get('Edit_type')), /*#__PURE__*/React.createElement(ModalBody, {
+    }, _reactIntlUniversal.default.get('Edit_type')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: "statistic-types-body"
-    }, /*#__PURE__*/React.createElement(ChartSelector, {
+    }, /*#__PURE__*/_react.default.createElement(_chartSelector.default, {
       selectedType: selectedType,
       addEditingChart: this.onSelectStatisticType
-    })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "secondary",
       onClick: this.onToggle
-    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
+    }, _reactIntlUniversal.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       color: "primary",
       onClick: this.onSubmit
-    }, intl.get('Submit'))));
+    }, _reactIntlUniversal.default.get('Submit'))));
   }
 }
-export default StatisticTypesDialog;
+var _default = exports.default = StatisticTypesDialog;