sea-chart 2.0.47 → 2.0.49

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

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

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

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

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

@@ -1,22 +1,30 @@
-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 {
+"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 {
   constructor(_props) {
     super(_props);
     this.init = () => {
@@ -39,43 +47,43 @@ class StatisticRecordDialog extends React.Component {
         view_id,
         drill_down_fields
       } = chart.config;
-      this.table = getTableById(tables, table_id);
+      this.table = (0, _dtableUtils.getTableById)(tables, table_id);
       const currentElementId = chart.id;
       if (view_id) {
-        this.view = getViewById(this.table.views, view_id);
-        this.isArchiveView = isArchiveView(this.view);
+        this.view = (0, _dtableUtils.getViewById)(this.table.views, view_id);
+        this.isArchiveView = (0, _dtableUtils.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.api) === null || _context$api === void 0 ? void 0 : _context$api.customQueryRows) {
+        if ((_context$api = _context.default.api) !== null && _context$api !== void 0 && _context$api.customQueryRows) {
           const detailFilterConditions = {
-            filters: getFilterConditions(statisticRecord, chart, this.table)
+            filters: (0, _rowRecordUtils.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 === CHART_TYPE.SCATTER) {
+            if (chart.config.type === _constants.CHART_TYPE.SCATTER) {
               detailFilterConditions.filter_conjunction = 'And';
             } else {
               detailFilterConditions.filter_conjunction = 'Or';
             }
           }
-          context.api.customQueryRows(currentElementId, detailFilterConditions).then(res => {
+          _context.default.api.customQueryRows(currentElementId, detailFilterConditions).then(res => {
             const {
               results: rows
             } = res.data;
             this.processDrilledRows(rows);
           }).catch(error => {
-            const errMsg = getErrorMessage(error);
-            _toaster.danger(errMsg);
+            const errMsg = (0, _utils.getErrorMessage)(error);
+            _toaster2.default.danger(errMsg);
             console.error(error);
           });
           return;
         }
-        const chartDataSQL = new ChartDataSQL({
+        const chartDataSQL = new _chartDataSql.default({
           table: this.table,
           chart,
           view: this.view
@@ -84,14 +92,14 @@ class StatisticRecordDialog extends React.Component {
           isColumn,
           isRow
         });
-        ((_context$api2 = context.api) === null || _context$api2 === void 0 ? void 0 : _context$api2.sqlQuery) && context.api.sqlQuery(sqlString).then(res => {
+        ((_context$api2 = _context.default.api) === null || _context$api2 === void 0 ? void 0 : _context$api2.sqlQuery) && _context.default.api.sqlQuery(sqlString).then(res => {
           const {
             results: rows
           } = res.data;
           this.processDrilledRows(rows);
         }).catch(error => {
-          const errMsg = getErrorMessage(error);
-          _toaster.danger(errMsg);
+          const errMsg = (0, _utils.getErrorMessage)(error);
+          _toaster2.default.danger(errMsg);
           console.error(error);
         });
         return;
@@ -148,7 +156,7 @@ class StatisticRecordDialog extends React.Component {
         this.formulaRows = formulaRows;
         return;
       }
-      const formulaColumns = getFormulaColumnsContainLinks(this.table);
+      const formulaColumns = (0, _dtableUtils.getFormulaColumnsContainLinks)(this.table);
       if (formulaColumns.length === 0) return {};
       let formulaRows = {};
       drilledRows.forEach(row => {
@@ -181,7 +189,7 @@ class StatisticRecordDialog extends React.Component {
     this.getSearchedRows = (rows, searchVal) => {
       if (!Array.isArray(rows) || rows.length === 0) return [];
       if (searchVal) {
-        return searchRows(rows, getViewShownColumns(this.view, this.table.columns), searchVal, row => {
+        return (0, _search.searchRows)(rows, (0, _dtableUtils.getViewShownColumns)(this.view, this.table.columns), searchVal, row => {
           return row;
         }).map(row => row._id);
       }
@@ -198,7 +206,7 @@ class StatisticRecordDialog extends React.Component {
     };
     this.toggle = () => {
       if (this.valueChanged) {
-        eventBus.dispatch(CommonEventTypes.REFRESH_CHARTS);
+        _eventBus.default.dispatch(_commonConstants.CommonEventTypes.REFRESH_CHARTS);
       }
       this.props.toggleStatisticRecordsDialog();
     };
@@ -267,7 +275,7 @@ class StatisticRecordDialog extends React.Component {
         table,
         view
       } = this;
-      if ((view === null || view === void 0 ? void 0 : view.formula_rows) && Object.keys(view.formula_rows).length > 0) {
+      if (view !== null && view !== void 0 && view.formula_rows && Object.keys(view.formula_rows).length > 0) {
         return {
           formulaRows: view.formula_rows
         };
@@ -294,11 +302,11 @@ class StatisticRecordDialog extends React.Component {
         searchedRowsIds
       } = this.state;
       const searchedRows = this.getRowsByIds(searchedRowsIds);
-      if (searchedRows.length === 0) return /*#__PURE__*/React.createElement("div", {
+      if (searchedRows.length === 0) return /*#__PURE__*/_react.default.createElement("div", {
         className: "w-100 h-100"
-      }, /*#__PURE__*/React.createElement(_DTableEmptyTip, {
-        src: `${context.getSetting('mediaUrl')}img/no-items-tip.png`,
-        text: intl.get('No_record')
+      }, /*#__PURE__*/_react.default.createElement(_DTableEmptyTip2.default, {
+        src: `${_context.default.getSetting('mediaUrl')}img/no-items-tip.png`,
+        text: _intl.default.get('No_record')
       }));
       const props = {
         table: this.table,
@@ -311,7 +319,7 @@ class StatisticRecordDialog extends React.Component {
         isExpandRowDetail: isCalculateByView,
         rowCardType: 'statistic'
       };
-      return /*#__PURE__*/React.createElement(RowCard, props);
+      return /*#__PURE__*/_react.default.createElement(_rowCard.default, props);
     };
     this.state = {
       loading: true,
@@ -344,45 +352,45 @@ 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: "sea-chart-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("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
       className: "dtable-font dtable-icon-x btn-close-row-detail",
       onClick: this.toggle
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__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(_dtableSearchInput.default, {
       autoFocus: true,
       isClearable: true,
       className: "search-tables-input",
-      placeholder: intl.get('Search_records'),
+      placeholder: _intl.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: _intl.default.get('Clear_search_text'),
+            "aria-label": _intl.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: "sea-chart-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(_loading.default, null)) : this.renderRowsCards())));
   }
 }
-export default StatisticRecordDialog;
+var _default = exports.default = StatisticRecordDialog;

package/dist/components/tooltip/index.js

@@ -1,7 +1,14 @@
-import React, { useState, useLayoutEffect, useRef } from 'react';
-import { isEmpty } from 'dtable-utils';
+"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"));
+var _dtableUtils = require("dtable-utils");
 const formatDisplayValue = value => {
-  if (isEmpty(value)) return '';
+  if ((0, _dtableUtils.isEmpty)(value)) return '';
   if (Array.isArray(value)) return value.join(', ');
   if (typeof value === 'object') return '';
   return value;
@@ -12,8 +19,8 @@ const ToolTip = _ref => {
     toolTipPosition,
     chart
   } = _ref;
-  const tooltipRef = useRef(null);
-  const [position, setPosition] = useState({
+  const tooltipRef = (0, _react.useRef)(null);
+  const [position, setPosition] = (0, _react.useState)({
     offsetX: -9999,
     offsetY: -9999
   });
@@ -28,7 +35,7 @@ const ToolTip = _ref => {
 
   // use layout effect to measure tooltip size and adjust its position before the browser paints,
   // to preventing a visible flicker
-  useLayoutEffect(() => {
+  (0, _react.useLayoutEffect)(() => {
     if (!toolTipPosition) {
       setPosition({
         offsetX: -9999,
@@ -81,7 +88,7 @@ const ToolTip = _ref => {
       });
     }
   }, [chart, toolTipPosition]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: tooltipRef,
     className: "sea-chart-d3-tooltip-container",
     style: {
@@ -89,9 +96,9 @@ const ToolTip = _ref => {
       visibility: position.offsetX === -9999 ? 'hidden' : 'visible',
       opacity: position.offsetX === -9999 ? 0 : 1
     }
-  }, !isEmpty(title) && /*#__PURE__*/React.createElement("div", {
+  }, !(0, _dtableUtils.isEmpty)(title) && /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-chart-d3-tooltip-title"
-  }, titleMarkColor && /*#__PURE__*/React.createElement("span", {
+  }, titleMarkColor && /*#__PURE__*/_react.default.createElement("span", {
     style: {
       width: '8px',
       height: '8px',
@@ -100,22 +107,22 @@ const ToolTip = _ref => {
       display: 'inline-block',
       marginRight: '12px'
     }
-  }), formatDisplayValue(title)), /*#__PURE__*/React.createElement("ul", {
+  }), formatDisplayValue(title)), /*#__PURE__*/_react.default.createElement("ul", {
     className: "sea-chart-d3-tooltip-list"
   }, items.map((item, index) => {
-    return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/_react.default.createElement("li", {
       className: "sea-chart-d3-tooltip-list-item",
       key: index
-    }, item.color && /*#__PURE__*/React.createElement("span", {
+    }, item.color && /*#__PURE__*/_react.default.createElement("span", {
       className: "sea-chart-d3-tooltip-marker",
       style: {
         backgroundColor: item.color
       }
-    }), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "sea-chart-d3-tooltip-name"
-    }, formatDisplayValue(item.name)), /*#__PURE__*/React.createElement("span", {
+    }, formatDisplayValue(item.name)), /*#__PURE__*/_react.default.createElement("span", {
       className: "sea-chart-d3-tooltip-value"
     }, formatDisplayValue(item.value)));
   })));
 };
-export default ToolTip;
+var _default = exports.default = ToolTip;