sea-chart 2.0.39 → 2.0.42

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,30 +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");
-var _constants = require("../../constants");
-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 = () => {
@@ -47,43 +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') {
-            if (chart.config.type === _constants.CHART_TYPE.SCATTER) {
+            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
@@ -92,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;
@@ -156,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 => {
@@ -189,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);
       }
@@ -206,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();
     };
@@ -275,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
         };
@@ -302,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,
@@ -319,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,
@@ -352,45 +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("span", {
+    }, /*#__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("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;

package/dist/components/tooltip/index.js

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+import React, { useState, useLayoutEffect, useRef } from 'react';
 const ToolTip = _ref => {
   let {
     tooltipData,
     toolTipPosition,
     chart
   } = _ref;
-  const tooltipRef = (0, _react.useRef)(null);
-  const [position, setPosition] = (0, _react.useState)({
+  const tooltipRef = useRef(null);
+  const [position, setPosition] = useState({
     offsetX: -9999,
     offsetY: -9999
   });
@@ -28,7 +21,7 @@ const ToolTip = _ref => {
 
   // use layout effect to measure tooltip size and adjust its position before the browser paints,
   // to preventing a visible flicker
-  (0, _react.useLayoutEffect)(() => {
+  useLayoutEffect(() => {
     if (!toolTipPosition) {
       setPosition({
         offsetX: -9999,
@@ -81,17 +74,17 @@ const ToolTip = _ref => {
       });
     }
   }, [chart, toolTipPosition]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: tooltipRef,
     className: "sea-chart-d3-tooltip-container",
     style: {
-      transform: "translate(".concat(position.offsetX, "px, ").concat(position.offsetY, "px)"),
+      transform: `translate(${position.offsetX}px, ${position.offsetY}px)`,
       visibility: position.offsetX === -9999 ? 'hidden' : 'visible',
       opacity: position.offsetX === -9999 ? 0 : 1
     }
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
+  }, title && /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-d3-tooltip-title"
-  }, titleMarkColor && /*#__PURE__*/_react.default.createElement("span", {
+  }, titleMarkColor && /*#__PURE__*/React.createElement("span", {
     style: {
       width: '8px',
       height: '8px',
@@ -100,22 +93,22 @@ const ToolTip = _ref => {
       display: 'inline-block',
       marginRight: '12px'
     }
-  }), title), /*#__PURE__*/_react.default.createElement("ul", {
+  }), title), /*#__PURE__*/React.createElement("ul", {
     className: "sea-chart-d3-tooltip-list"
   }, items.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: "sea-chart-d3-tooltip-list-item",
       key: index
-    }, item.color && /*#__PURE__*/_react.default.createElement("span", {
+    }, item.color && /*#__PURE__*/React.createElement("span", {
       className: "sea-chart-d3-tooltip-marker",
       style: {
         backgroundColor: item.color
       }
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "sea-chart-d3-tooltip-name"
-    }, item.name), /*#__PURE__*/_react.default.createElement("span", {
+    }, item.name), /*#__PURE__*/React.createElement("span", {
       className: "sea-chart-d3-tooltip-value"
     }, item.value));
   })));
 };
-var _default = exports.default = ToolTip;
+export default ToolTip;

package/dist/components/types-dialog/index.js

@@ -1,22 +1,15 @@
-"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 _DTableModalHeader2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableModalHeader"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
-var _utils = require("../../utils");
-var _context = _interopRequireDefault(require("../../context"));
-var _intl = _interopRequireDefault(require("../../intl"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _useForceUpdate = _interopRequireDefault(require("./use-force-update"));
-require("./index.css");
+import _DTableToolTip from "dtable-ui-component/lib/DTableToolTip";
+import _DTableModalHeader from "dtable-ui-component/lib/DTableModalHeader";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Modal, ModalBody, ModalFooter, Button } from 'reactstrap';
+import classnames from 'classnames';
+import { CHART_TYPE, CHART_TYPES, CHART_TYPE_SHOW, ZH_CN_SUPPORT_CHARTS } from '../../constants';
+import { eventStopPropagation } from '../../utils';
+import context from '../../context';
+import intl from '../../intl';
+import Icon from '../icon';
+import useForceUpdate from './use-force-update';
+import './index.css';
 const TypesDialog = _ref => {
   let {
     type,
@@ -25,114 +18,112 @@ const TypesDialog = _ref => {
     onChange,
     dataSources
   } = _ref;
-  const [currentCatIndex, setCurrentCatIndex] = (0, _react.useState)(0);
-  const [selectedType, setType] = (0, _react.useState)(type);
-  const seaChartTypeContainerRef = (0, _react.useRef)(null);
-  const forceUpdate = (0, _useForceUpdate.default)();
-  const notSupportStatisticTypes = (0, _react.useMemo)(() => {
-    const lang = _context.default.getSetting('lang');
-    return lang !== 'zh-cn' ? _constants.ZH_CN_SUPPORT_CHARTS : [];
+  const [currentCatIndex, setCurrentCatIndex] = useState(0);
+  const [selectedType, setType] = useState(type);
+  const seaChartTypeContainerRef = useRef(null);
+  const forceUpdate = useForceUpdate();
+  const notSupportStatisticTypes = useMemo(() => {
+    const lang = context.getSetting('lang');
+    return lang !== 'zh-cn' ? ZH_CN_SUPPORT_CHARTS : [];
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (lang) {
-      _intl.default.setLang(lang);
+      intl.setLang(lang);
       forceUpdate();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  (0, _react.useEffect)(() => {
-    const selectStatisticIndex = _constants.CHART_TYPES.findIndex(item => item.children.includes(type));
+  useEffect(() => {
+    const selectStatisticIndex = CHART_TYPES.findIndex(item => item.children.includes(type));
     const currentCatIndex = selectStatisticIndex < 0 ? 0 : selectStatisticIndex;
     if (currentCatIndex === 0) return;
     if (!seaChartTypeContainerRef.current) return;
-    seaChartTypeContainerRef.current.scrollTop = document.getElementById("chart-type-".concat(currentCatIndex + 1)).offsetTop - 60;
+    seaChartTypeContainerRef.current.scrollTop = document.getElementById(`chart-type-${currentCatIndex + 1}`).offsetTop - 60;
   }, [type]);
-  const onToggle = (0, _react.useCallback)(() => {
+  const onToggle = useCallback(() => {
     propsOnToggle();
   }, [propsOnToggle]);
-  const modifyCurrentCatIndex = (0, _react.useCallback)((event, index) => {
-    (0, _utils.eventStopPropagation)(event);
+  const modifyCurrentCatIndex = useCallback((event, index) => {
+    eventStopPropagation(event);
     setCurrentCatIndex(index);
     if (!seaChartTypeContainerRef.current) return;
-    seaChartTypeContainerRef.current.scrollTop = document.getElementById("chart-type-".concat(index + 1)).offsetTop - 60;
+    seaChartTypeContainerRef.current.scrollTop = document.getElementById(`chart-type-${index + 1}`).offsetTop - 60;
   }, [seaChartTypeContainerRef]);
-  const onTypeChange = (0, _react.useCallback)((event, type, index) => {
-    (0, _utils.eventStopPropagation)(event);
+  const onTypeChange = useCallback((event, type, index) => {
+    eventStopPropagation(event);
     if (type === selectedType) return;
     setType(type);
     setCurrentCatIndex(index);
   }, [selectedType]);
-  const onSubmit = (0, _react.useCallback)(() => {
+  const onSubmit = useCallback(() => {
     onChange(selectedType);
     onToggle();
   }, [onChange, selectedType, onToggle]);
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+  return /*#__PURE__*/React.createElement(Modal, {
     isOpen: true,
     toggle: onToggle,
     className: "sea-chart-types-dialog"
-  }, /*#__PURE__*/_react.default.createElement(_DTableModalHeader2.default, {
+  }, /*#__PURE__*/React.createElement(_DTableModalHeader, {
     toggle: onToggle
-  }, type ? _intl.default.get('Edit_type') : _intl.default.get('All_charts')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+  }, type ? intl.get('Edit_type') : intl.get('All_charts')), /*#__PURE__*/React.createElement(ModalBody, {
     className: "sea-chart-types-body"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-types-container d-flex flex-column h-100"
-  }, /*#__PURE__*/_react.default.createElement("ul", {
+  }, /*#__PURE__*/React.createElement("ul", {
     className: "sea-chart-chart-categories-nav flex-shrink-0 d-flex flex-wrap align-items-center list-unstyled"
-  }, _constants.CHART_TYPES.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement("li", {
+  }, CHART_TYPES.map((item, index) => {
+    return /*#__PURE__*/React.createElement("li", {
       key: index,
       className: "px-4 py-2 sea-chart-chart-cat-nav-item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      id: "sea-chart-icon-".concat(item.icon, "-container"),
-      className: (0, _classnames.default)('sea-chart-chart-cat-nav-item-container', {
+    }, /*#__PURE__*/React.createElement("div", {
+      id: `sea-chart-icon-${item.icon}-container`,
+      className: classnames('sea-chart-chart-cat-nav-item-container', {
         'sea-chart-icon-highlight': currentCatIndex === index
       }),
       onClick: event => modifyCurrentCatIndex(event, index)
-    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       symbol: item.icon,
       className: "chart-icon w-100 h-100"
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
+    })), /*#__PURE__*/React.createElement(_DTableToolTip, {
       placement: "bottom",
-      target: "sea-chart-icon-".concat(item.icon, "-container"),
-      delay: 0,
-      fade: false
-    }, _intl.default.get(item.name)));
-  })), /*#__PURE__*/_react.default.createElement("div", {
+      target: `sea-chart-icon-${item.icon}-container`
+    }, intl.get(item.name)));
+  })), /*#__PURE__*/React.createElement("div", {
     className: "flex-fill o-auto sea-chart-type-container",
     ref: seaChartTypeContainerRef
-  }, _constants.CHART_TYPES.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "sea-chart-type-".concat(index),
+  }, CHART_TYPES.map((item, index) => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: `sea-chart-type-${index}`,
       className: "mb-7"
-    }, /*#__PURE__*/_react.default.createElement("h3", {
+    }, /*#__PURE__*/React.createElement("h3", {
       className: "sea-chart-type-title m-0",
-      id: "chart-type-".concat(index + 1)
-    }, _intl.default.get(item.name)), /*#__PURE__*/_react.default.createElement("div", {
+      id: `chart-type-${index + 1}`
+    }, intl.get(item.name)), /*#__PURE__*/React.createElement("div", {
       className: "d-flex flex-wrap"
     }, item.children.map(chartType => {
       if (notSupportStatisticTypes.includes(chartType)) return null;
       // Table_element only supported on external apps
-      if (chartType === _constants.CHART_TYPE.TABLE_ELEMENT && (dataSources === 'view' || !dataSources)) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      if (chartType === CHART_TYPE.TABLE_ELEMENT && (dataSources === 'view' || !dataSources)) return null;
+      return /*#__PURE__*/React.createElement("div", {
         key: chartType,
         onClick: event => onTypeChange(event, chartType, index),
-        className: "sea-chart-type-item ".concat(selectedType === chartType ? 'selected' : '')
-      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: `sea-chart-type-item ${selectedType === chartType ? 'selected' : ''}`
+      }, /*#__PURE__*/React.createElement("p", {
         className: "sea-chart-type-description"
-      }, _intl.default.get(_constants.CHART_TYPE_SHOW[chartType])), /*#__PURE__*/_react.default.createElement("div", {
+      }, intl.get(CHART_TYPE_SHOW[chartType])), /*#__PURE__*/React.createElement("div", {
         className: "sea-chart-type-image-container"
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        src: _context.default.getChartImageUrl(chartType),
+      }, /*#__PURE__*/React.createElement("img", {
+        src: context.getChartImageUrl(chartType),
         alt: "",
         className: "sea-chart-type-demo-image"
       })));
     })));
-  })))), /*#__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
-  }, _intl.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+  }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
     color: "primary",
     onClick: onSubmit
-  }, _intl.default.get('Submit'))));
+  }, intl.get('Submit'))));
 };
-var _default = exports.default = TypesDialog;
+export default TypesDialog;

package/dist/components/types-dialog/use-force-update.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
+import { useCallback, useState } from 'react';
 const useForceUpdate = () => {
-  const [, setState] = (0, _react.useState)(0);
-  const forceUpdate = (0, _react.useCallback)(() => {
+  const [, setState] = useState(0);
+  const forceUpdate = useCallback(() => {
     setState(n => n + 1);
   }, []);
   return forceUpdate;
 };
-var _default = exports.default = useForceUpdate;
+export default useForceUpdate;