sea-chart 2.0.37 → 2.0.38

package/dist/components/row-card/row-card-header.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 _classnames = _interopRequireDefault(require("classnames"));
-var _rowCardHeaderCell = _interopRequireDefault(require("./row-card-header-cell"));
-class RowCardHeader extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import RowCardHeaderCell from './row-card-header-cell';
+class RowCardHeader extends React.Component {
   constructor(props) {
     super(props);
     this.onScrollControlClick = type => {
@@ -76,7 +69,7 @@ class RowCardHeader extends _react.default.Component {
       } = this.props;
       for (let i = 0; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
+        cardHeaderCells.push(/*#__PURE__*/React.createElement(RowCardHeaderCell, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,
@@ -115,28 +108,28 @@ class RowCardHeader extends _react.default.Component {
       linkRecordsNavScrollWidth
     } = this.state;
     const cardHeaderCells = this.getCardHeaderCells();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-header ".concat(cardHeaderClassName ? cardHeaderClassName : '')
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
+      className: `row-card-header ${cardHeaderClassName ? cardHeaderClassName : ''}`
+    }, /*#__PURE__*/React.createElement("div", {
       className: "row-card-column-names records-column-names",
       ref: ref => this.recordItemRef = ref
-    }, showScrollBtn && /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('dtable-font', 'dtable-icon-left', 'row-card-scroll', 'link-scroll-prev', {
+    }, showScrollBtn && /*#__PURE__*/React.createElement("span", {
+      className: classnames('dtable-font', 'dtable-icon-left', 'row-card-scroll', 'link-scroll-prev', {
         'scroll-active': scrollLeft > 0
       }),
       onClick: this.onScrollControlClick.bind(this, 'prev')
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "row-card-columns-container",
       onScroll: this.onScrollHeader,
       ref: ref => this.linkRecordsHeader = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "d-inline-flex"
-    }, cardHeaderCells)), showScrollBtn && /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('dtable-font', 'dtable-icon-right', 'row-card-scroll', 'link-scroll-next', {
+    }, cardHeaderCells)), showScrollBtn && /*#__PURE__*/React.createElement("span", {
+      className: classnames('dtable-font', 'dtable-icon-right', 'row-card-scroll', 'link-scroll-next', {
         'scroll-active': scrollLeft + linkRecordsNavWidth < linkRecordsNavScrollWidth
       }),
       onClick: this.onScrollControlClick.bind(this, 'next')
     })));
   }
 }
-var _default = exports.default = RowCardHeader;
+export default RowCardHeader;

package/dist/components/row-card/row-card-item.js

@@ -1,23 +1,15 @@
-"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 _dtableUtils = require("dtable-utils");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _rowRecordUtils = require("../../utils/row-record-utils");
-var _highlighter = _interopRequireDefault(require("../highlighter/highlighter"));
-var _linkContent = _interopRequireDefault(require("../cell-factory/link-content"));
-var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
-var _commonConstants = require("../../constants/common-constants");
-const EMPTY_LINK = /*#__PURE__*/_react.default.createElement("span", {
+import React, { PureComponent } from 'react';
+import { CellType } from 'dtable-utils';
+import classnames from 'classnames';
+import { getFormattedCell, getRowRecord } from '../../utils/row-record-utils';
+import Highlighter from '../highlighter/highlighter';
+import LinkContent from '../cell-factory/link-content';
+import EventBus from '../../utils/event-bus';
+import { CommonEventTypes, EXTERNAL_EVENT } from '../../constants/common-constants';
+const EMPTY_LINK = /*#__PURE__*/React.createElement("span", {
   className: "row-cell-value-empty"
 });
-class RowCardItem extends _react.PureComponent {
+class RowCardItem extends PureComponent {
   constructor(props) {
     super(props);
     this.setDraggedCell = draggedCell => {
@@ -36,11 +28,11 @@ class RowCardItem extends _react.PureComponent {
       if (rowCardType !== 'link') {
         var _window, _window$app;
         // row card detail opened by module (statistic, big-screen)
-        if (isExpandRowDetail && (_window = window) !== null && _window !== void 0 && (_window$app = _window.app) !== null && _window$app !== void 0 && _window$app.expandRow) {
+        if (isExpandRowDetail && ((_window = window) === null || _window === void 0 ? void 0 : (_window$app = _window.app) === null || _window$app === void 0 ? void 0 : _window$app.expandRow)) {
           window.app.expandRow(row, table);
         } else {
           // row card detail opened by module (universal-app)
-          _eventBus.default.dispatch(_commonConstants.EXTERNAL_EVENT.SHOW_ROW_DETAIL_DIALOG, {
+          EventBus.dispatch(EXTERNAL_EVENT.SHOW_ROW_DETAIL_DIALOG, {
             row,
             table,
             formulaRows
@@ -61,7 +53,7 @@ class RowCardItem extends _react.PureComponent {
         _id: tableId
       } = table;
       if (rowCardType === 'search') {
-        return (0, _rowRecordUtils.getRowRecord)(tableId, row, columns, unShowColumnKeyList, matchResult);
+        return getRowRecord(tableId, row, columns, unShowColumnKeyList, matchResult);
       }
       return this.linkRowRecord();
     };
@@ -86,13 +78,13 @@ class RowCardItem extends _react.PureComponent {
           data,
           width
         } = column;
-        const draggedCellId = "".concat(tableId, "-").concat(key);
+        const draggedCellId = `${tableId}-${key}`;
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         let columnWidth = existedWidth && rowCardType === 'link' ? existedWidth : width;
         if (draggedCell.id === draggedCellId) {
           columnWidth = draggedCell.width;
         }
-        if (type === _dtableUtils.CellType.LINK) {
+        if (type === CellType.LINK) {
           const {
             display_column_key,
             array_type,
@@ -104,24 +96,24 @@ class RowCardItem extends _react.PureComponent {
             type: array_type,
             data: array_data
           };
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: "row-cell-value text-truncate",
             key: row._id + '_' + key,
             style: {
               width: columnWidth
             }
-          }, /*#__PURE__*/_react.default.createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             className: "links-formatter"
-          }, /*#__PURE__*/_react.default.createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             className: "formatter-show"
-          }, /*#__PURE__*/_react.default.createElement(_linkContent.default, {
-            key: "link-formatter-".concat(row._id, "-").concat(key),
+          }, /*#__PURE__*/React.createElement(LinkContent, {
+            key: `link-formatter-${row._id}-${key}`,
             linkedColumn: linkedColumn,
             computedValue: formulaRow[key],
             Empty: EMPTY_LINK
           }))));
         }
-        return (0, _rowRecordUtils.getFormattedCell)(column, row, {
+        return getFormattedCell(column, row, {
           formulaRow,
           tableId
         }, columnWidth);
@@ -169,7 +161,7 @@ class RowCardItem extends _react.PureComponent {
       onRef
     } = this.props;
     onRef && onRef(this, rowIdx);
-    this.unsubscribeChangeHeaderWidth = _eventBus.default.subscribe(_commonConstants.CommonEventTypes.CHANGE_HEADER_WIDTH, this.setDraggedCell);
+    this.unsubscribeChangeHeaderWidth = EventBus.subscribe(CommonEventTypes.CHANGE_HEADER_WIDTH, this.setDraggedCell);
   }
   componentWillUnmount() {
     this.unsubscribeChangeHeaderWidth();
@@ -188,34 +180,34 @@ class RowCardItem extends _react.PureComponent {
       isShowRemoveCardItemBtn,
       displayRowName
     } = this.props;
-    const cardItemClass = (0, _classnames.default)('row-card-item', {
+    const cardItemClass = classnames('row-card-item', {
       'row-card-item-highlight': this.props.isHighlightRow
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: cardItemClass,
       onClick: this.onSelectRow
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-header"
-    }, matchResult ? /*#__PURE__*/_react.default.createElement(_highlighter.default, {
+    }, matchResult ? /*#__PURE__*/React.createElement(Highlighter, {
       highlight: this.props.matchResult['0000'] || ''
-    }, displayRowName) : /*#__PURE__*/_react.default.createElement("div", {
+    }, displayRowName) : /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-name seatable-row-card-name"
-    }, displayRowName), row.isShowTick && /*#__PURE__*/_react.default.createElement("span", {
+    }, displayRowName), row.isShowTick && /*#__PURE__*/React.createElement("span", {
       className: "row-card-item-check dtable-font dtable-icon-check-circle"
-    }), isShowRemoveCardItemBtn && /*#__PURE__*/_react.default.createElement("span", {
+    }), isShowRemoveCardItemBtn && /*#__PURE__*/React.createElement("span", {
       className: "row-card-item-remove d-print-none",
       onClick: this.removeCardItem
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "row-card-remove-icon dtable-font dtable-icon-x-"
-    }))), /*#__PURE__*/_react.default.createElement("div", {
+    }))), /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-content",
       onScroll: this.changeScroll,
       ref: this.setCardRecordsItemRef
-    }, row._deleted ? /*#__PURE__*/_react.default.createElement("div", {
+    }, row._deleted ? /*#__PURE__*/React.createElement("div", {
       className: "d-flex flex-fill justify-content-center error"
-    }, t('The_linked_row_has_been_deleted')) : /*#__PURE__*/_react.default.createElement("div", {
+    }, t('The_linked_row_has_been_deleted')) : /*#__PURE__*/React.createElement("div", {
       className: "d-inline-flex"
     }, this.getRowRecord()))));
   }
@@ -223,4 +215,4 @@ class RowCardItem extends _react.PureComponent {
 RowCardItem.defaultProps = {
   unShowColumnKeyList: ['0000']
 };
-var _default = exports.default = RowCardItem;
+export default RowCardItem;

package/dist/components/row-card/row-card.js

@@ -1,19 +1,11 @@
-"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 _commonUtils = require("../../utils/common-utils");
-var _rowCardItem = _interopRequireDefault(require("./row-card-item"));
-var _rowCardHeader = _interopRequireDefault(require("./row-card-header"));
-require("./row-card.css");
+import React, { Component } from 'react';
+import { getRowName } from '../../utils/common-utils';
+import RowCardItem from './row-card-item';
+import RowCardHeader from './row-card-header';
+import './row-card.css';
 // 98: row-card-item height + margin top = 88 + 10 = 98
 const CARD_RECORD_ITEM_HEIGHT = 98;
-class RowCard extends _react.Component {
+class RowCard extends Component {
   constructor(props) {
     super(props);
     this.scrollToMore = e => {
@@ -194,10 +186,10 @@ class RowCard extends _react.Component {
       displayRows,
       scrollLeft
     } = this.state;
-    const rowCardListClass = "row-card-list ".concat(cardListClassName ? cardListClassName : '');
-    return /*#__PURE__*/_react.default.createElement("div", {
+    const rowCardListClass = `row-card-list ${cardListClassName ? cardListClassName : ''}`;
+    return /*#__PURE__*/React.createElement("div", {
       className: "row-card-container"
-    }, isShowRowCardHeader && /*#__PURE__*/_react.default.createElement(_rowCardHeader.default, {
+    }, isShowRowCardHeader && /*#__PURE__*/React.createElement(RowCardHeader, {
       cardHeaderClassName: cardHeaderClassName,
       setItemScrollLeft: this.setItemScrollLeft,
       renderedColumns: renderedColumns,
@@ -208,21 +200,21 @@ class RowCard extends _react.Component {
       ref: ref => this.rowCardHeaderRef = ref,
       rowCardType: rowCardType,
       table: table
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: rowCardListClass,
       ref: this.setRecordsListRef,
       onScroll: this.scrollToMore
-    }, displayRows.length === 0 && !viewDeletedTip && /*#__PURE__*/_react.default.createElement("div", {
+    }, displayRows.length === 0 && !viewDeletedTip && /*#__PURE__*/React.createElement("div", {
       className: "no-records-tips"
-    }, noCardItemTip), viewDeletedTip && /*#__PURE__*/_react.default.createElement("div", {
+    }, noCardItemTip), viewDeletedTip && /*#__PURE__*/React.createElement("div", {
       className: "no-views-tips"
-    }, viewDeletedTip), displayRows.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    }, viewDeletedTip), displayRows.length > 0 && /*#__PURE__*/React.createElement("div", {
       className: "row-card-content",
       ref: ref => this.recordsContent = ref,
       onScroll: this.mobileScrollToMore
     }, displayRows.map((row, rowIdx) => {
       const formulaRow = formulaRows && formulaRows[row._id] || {};
-      const displayRowName = (0, _commonUtils.getRowName)(table.columns, row, formulaRows);
+      const displayRowName = getRowName(table.columns, row, formulaRows);
       let renderedRow = {};
       renderedColumns.forEach(column => {
         renderedRow[column.key] = row[column.key];
@@ -232,8 +224,8 @@ class RowCard extends _react.Component {
         ...table,
         columns: renderedColumns
       };
-      return /*#__PURE__*/_react.default.createElement(_rowCardItem.default, {
-        key: "row-card-".concat(rowIdx),
+      return /*#__PURE__*/React.createElement(RowCardItem, {
+        key: `row-card-${rowIdx}`,
         setItemScrollLeft: this.setItemScrollLeft,
         onRef: this.onRef,
         rowCardType: rowCardType,
@@ -256,4 +248,4 @@ class RowCard extends _react.Component {
     })), createBtn));
   }
 }
-var _default = exports.default = RowCard;
+export default RowCard;

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

@@ -1,29 +1,22 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableEmptyTip2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableEmptyTip"));
-var _toaster2 = _interopRequireDefault(require("dtable-ui-component/lib/toaster"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _context = _interopRequireDefault(require("../../context"));
-var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
-var _dtableSearchInput = _interopRequireDefault(require("../dtable-search-input"));
-var _loading = _interopRequireDefault(require("../loading"));
-var _search = require("../../utils/search");
-var _chartDataSql = _interopRequireDefault(require("../../utils/sql/chart-data-sql"));
-var _rowRecordUtils = require("../../utils/row-record-utils");
-var _rowCard = _interopRequireDefault(require("../row-card/row-card"));
-var _commonConstants = require("../../constants/common-constants");
-var _utils = require("../../utils");
-require("./index.css");
-class StatisticRecordDialog extends _react.default.Component {
+import _DTableEmptyTip from "dtable-ui-component/lib/DTableEmptyTip";
+import _toaster from "dtable-ui-component/lib/toaster";
+import React, { Fragment } from 'react';
+import { Modal, ModalBody } from 'reactstrap';
+import { getTableById, getViewById, isArchiveView, getFormulaColumnsContainLinks, getViewShownColumns } from 'dtable-utils';
+import intl from '../../intl';
+import context from '../../context';
+import eventBus from '../../utils/event-bus';
+import DtableSearchInput from '../dtable-search-input';
+import Loading from '../loading';
+import { searchRows } from '../../utils/search';
+import ChartDataSQL from '../../utils/sql/chart-data-sql';
+import { getFilterConditions } from '../../utils/row-record-utils';
+import RowCard from '../row-card/row-card';
+import { CommonEventTypes } from '../../constants/common-constants';
+import { getErrorMessage } from '../../utils';
+import { CHART_TYPE } from '../../constants';
+import './index.css';
+class StatisticRecordDialog extends React.Component {
   constructor(_props) {
     super(_props);
     this.init = () => {
@@ -46,39 +39,43 @@ class StatisticRecordDialog extends _react.default.Component {
         view_id,
         drill_down_fields
       } = chart.config;
-      this.table = (0, _dtableUtils.getTableById)(tables, table_id);
+      this.table = getTableById(tables, table_id);
       const currentElementId = chart.id;
       if (view_id) {
-        this.view = (0, _dtableUtils.getViewById)(this.table.views, view_id);
-        this.isArchiveView = (0, _dtableUtils.isArchiveView)(this.view);
+        this.view = getViewById(this.table.views, view_id);
+        this.isArchiveView = isArchiveView(this.view);
       }
       this.unShowColumnKeyList = this.getUnShowColumnKeyList(this.view);
       this.renderedColumns = this.getRenderedColumns(this.table, drill_down_fields, isCalculateByView);
       if (this.isArchiveView || !isCalculateByView || statisticRecord.isQueryBySql) {
         var _context$api, _context$api2;
-        if ((_context$api = _context.default.api) !== null && _context$api !== void 0 && _context$api.customQueryRows) {
+        if ((_context$api = context.api) === null || _context$api === void 0 ? void 0 : _context$api.customQueryRows) {
           const detailFilterConditions = {
-            filters: (0, _rowRecordUtils.getFilterConditions)(statisticRecord, chart, this.table)
+            filters: getFilterConditions(statisticRecord, chart, this.table)
           };
 
           // if more then 2 filters, use 'Or' conjunction to get them all
           // if the statistic record is '_Others', use 'Or' conjunction to get them all
           if ((detailFilterConditions === null || detailFilterConditions === void 0 ? void 0 : detailFilterConditions.filters.length) > 2 || statisticRecord.name === '_Others') {
-            detailFilterConditions.filter_conjunction = 'Or';
+            if (chart.config.type === CHART_TYPE.SCATTER) {
+              detailFilterConditions.filter_conjunction = 'And';
+            } else {
+              detailFilterConditions.filter_conjunction = 'Or';
+            }
           }
-          _context.default.api.customQueryRows(currentElementId, detailFilterConditions).then(res => {
+          context.api.customQueryRows(currentElementId, detailFilterConditions).then(res => {
             const {
               results: rows
             } = res.data;
             this.processDrilledRows(rows);
           }).catch(error => {
-            const errMsg = (0, _utils.getErrorMessage)(error);
-            _toaster2.default.danger(errMsg);
+            const errMsg = getErrorMessage(error);
+            _toaster.danger(errMsg);
             console.error(error);
           });
           return;
         }
-        const chartDataSQL = new _chartDataSql.default({
+        const chartDataSQL = new ChartDataSQL({
           table: this.table,
           chart,
           view: this.view
@@ -87,14 +84,14 @@ class StatisticRecordDialog extends _react.default.Component {
           isColumn,
           isRow
         });
-        ((_context$api2 = _context.default.api) === null || _context$api2 === void 0 ? void 0 : _context$api2.sqlQuery) && _context.default.api.sqlQuery(sqlString).then(res => {
+        ((_context$api2 = context.api) === null || _context$api2 === void 0 ? void 0 : _context$api2.sqlQuery) && context.api.sqlQuery(sqlString).then(res => {
           const {
             results: rows
           } = res.data;
           this.processDrilledRows(rows);
         }).catch(error => {
-          const errMsg = (0, _utils.getErrorMessage)(error);
-          _toaster2.default.danger(errMsg);
+          const errMsg = getErrorMessage(error);
+          _toaster.danger(errMsg);
           console.error(error);
         });
         return;
@@ -151,7 +148,7 @@ class StatisticRecordDialog extends _react.default.Component {
         this.formulaRows = formulaRows;
         return;
       }
-      const formulaColumns = (0, _dtableUtils.getFormulaColumnsContainLinks)(this.table);
+      const formulaColumns = getFormulaColumnsContainLinks(this.table);
       if (formulaColumns.length === 0) return {};
       let formulaRows = {};
       drilledRows.forEach(row => {
@@ -184,7 +181,7 @@ class StatisticRecordDialog extends _react.default.Component {
     this.getSearchedRows = (rows, searchVal) => {
       if (!Array.isArray(rows) || rows.length === 0) return [];
       if (searchVal) {
-        return (0, _search.searchRows)(rows, (0, _dtableUtils.getViewShownColumns)(this.view, this.table.columns), searchVal, row => {
+        return searchRows(rows, getViewShownColumns(this.view, this.table.columns), searchVal, row => {
           return row;
         }).map(row => row._id);
       }
@@ -201,7 +198,7 @@ class StatisticRecordDialog extends _react.default.Component {
     };
     this.toggle = () => {
       if (this.valueChanged) {
-        _eventBus.default.dispatch(_commonConstants.CommonEventTypes.REFRESH_CHARTS);
+        eventBus.dispatch(CommonEventTypes.REFRESH_CHARTS);
       }
       this.props.toggleStatisticRecordsDialog();
     };
@@ -270,7 +267,7 @@ class StatisticRecordDialog extends _react.default.Component {
         table,
         view
       } = this;
-      if (view !== null && view !== void 0 && view.formula_rows && Object.keys(view.formula_rows).length > 0) {
+      if ((view === null || view === void 0 ? void 0 : view.formula_rows) && Object.keys(view.formula_rows).length > 0) {
         return {
           formulaRows: view.formula_rows
         };
@@ -297,11 +294,11 @@ class StatisticRecordDialog extends _react.default.Component {
         searchedRowsIds
       } = this.state;
       const searchedRows = this.getRowsByIds(searchedRowsIds);
-      if (searchedRows.length === 0) return /*#__PURE__*/_react.default.createElement("div", {
+      if (searchedRows.length === 0) return /*#__PURE__*/React.createElement("div", {
         className: "w-100 h-100"
-      }, /*#__PURE__*/_react.default.createElement(_DTableEmptyTip2.default, {
-        src: "".concat(_context.default.getSetting('mediaUrl'), "img/no-items-tip.png"),
-        text: _intl.default.get('No_record')
+      }, /*#__PURE__*/React.createElement(_DTableEmptyTip, {
+        src: `${context.getSetting('mediaUrl')}img/no-items-tip.png`,
+        text: intl.get('No_record')
       }));
       const props = {
         table: this.table,
@@ -314,7 +311,7 @@ class StatisticRecordDialog extends _react.default.Component {
         isExpandRowDetail: isCalculateByView,
         rowCardType: 'statistic'
       };
-      return /*#__PURE__*/_react.default.createElement(_rowCard.default, props);
+      return /*#__PURE__*/React.createElement(RowCard, props);
     };
     this.state = {
       loading: true,
@@ -347,49 +344,45 @@ 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: "sea-chart-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", {
-      type: "button",
-      className: "close",
-      "aria-label": "Close",
+    }, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement("span", {
+      className: "dtable-font dtable-icon-x btn-close-row-detail",
       onClick: this.toggle
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true"
-    }, "\xD7"))), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__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(_dtableSearchInput.default, {
+    }), /*#__PURE__*/React.createElement(DtableSearchInput, {
       autoFocus: true,
       isClearable: true,
       className: "search-tables-input",
-      placeholder: _intl.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: _intl.default.get('Clear_search_text'),
-            "aria-label": _intl.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: "sea-chart-statistic-records-container"
-    }, loading ? /*#__PURE__*/_react.default.createElement("div", {
+    }, loading ? /*#__PURE__*/React.createElement("div", {
       className: "d-flex py-8"
-    }, /*#__PURE__*/_react.default.createElement(_loading.default, null)) : this.renderRowsCards())));
+    }, /*#__PURE__*/React.createElement(Loading, null)) : this.renderRowsCards())));
   }
 }
-var _default = exports.default = StatisticRecordDialog;
+export default StatisticRecordDialog;