dtable-statistic 4.3.3 → 4.3.4

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

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

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

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

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

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

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

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

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

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

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

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