sea-chart 2.0.38 → 2.0.39

package/dist/view/wrapper/table-element/components/records.js

@@ -1,11 +1,19 @@
-import React, { Component } from 'react';
-import { CellType } from 'dtable-utils';
-import { resizeColumn } from '../../../../utils/row-utils';
-import RecordsHeader from './records-header';
-import RecordsBody from './records-body';
-import { DATASET_NOT_SUPPORT_COLUMN_TYPES, getCellRecordWidth } from './dataset-utils';
-import VerticalScrollbar from './vertical-scrollbar';
-class Records extends Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _rowUtils = require("../../../../utils/row-utils");
+var _recordsHeader = _interopRequireDefault(require("./records-header"));
+var _recordsBody = _interopRequireDefault(require("./records-body"));
+var _datasetUtils = require("./dataset-utils");
+var _verticalScrollbar = _interopRequireDefault(require("./vertical-scrollbar"));
+class Records extends _react.Component {
   constructor(props) {
     super(props);
     this.resizeColumnWidthToFitContainer = () => {
@@ -13,7 +21,7 @@ class Records extends Component {
         chart
       } = this.props;
       const displayColumns = this.calcuteDisplayColumns(this.props.shownColumns);
-      const container = document.querySelector(`#sea-chart-cavans-container-${chart.id}`);
+      const container = document.querySelector("#sea-chart-cavans-container-".concat(chart.id));
       let resultTotalwidth = displayColumns.reduce((cur, nextItem) => {
         return cur + nextItem.width;
       }, 0);
@@ -44,15 +52,15 @@ class Records extends Component {
       const {
         chart
       } = this.props;
-      const columnsWidthDataStr = localStorage.getItem(`statistic_${chart.id}_columns_width`);
+      const columnsWidthDataStr = localStorage.getItem("statistic_".concat(chart.id, "_columns_width"));
       const columnsWidthData = columnsWidthDataStr ? JSON.parse(columnsWidthDataStr) : [];
-      const columns = shownColumns.filter(column => !DATASET_NOT_SUPPORT_COLUMN_TYPES.includes(column.type)).map(column => {
+      const columns = shownColumns.filter(column => !_datasetUtils.DATASET_NOT_SUPPORT_COLUMN_TYPES.includes(column.type)).map(column => {
         const {
           type
         } = column;
         const columnWidthData = columnsWidthData.find(item => item.key === column.key);
         const previousWidth = typeof (columnWidthData === null || columnWidthData === void 0 ? void 0 : columnWidthData.width) === 'number' && columnWidthData.width;
-        if (type === CellType.LINK) {
+        if (type === _dtableUtils.CellType.LINK) {
           const {
             data
           } = column;
@@ -63,12 +71,12 @@ class Records extends Component {
           } = data;
           const display_column = {
             key: display_column_key || '0000',
-            type: array_type || CellType.TEXT,
+            type: array_type || _dtableUtils.CellType.TEXT,
             data: array_data || null
           };
           return {
             ...column,
-            width: previousWidth || getCellRecordWidth(column),
+            width: previousWidth || (0, _datasetUtils.getCellRecordWidth)(column),
             data: {
               ...data,
               display_column
@@ -77,7 +85,7 @@ class Records extends Component {
         }
         return {
           ...column,
-          width: previousWidth || getCellRecordWidth(column)
+          width: previousWidth || (0, _datasetUtils.getCellRecordWidth)(column)
         };
       });
       const newColumnsWidthData = columns.map(column => {
@@ -87,14 +95,14 @@ class Records extends Component {
         };
       });
       // clear old data if there are new columns and not matched with the old data
-      localStorage.setItem(`statistic_${chart.id}_columns_width`, JSON.stringify(newColumnsWidthData));
+      localStorage.setItem("statistic_".concat(chart.id, "_columns_width"), JSON.stringify(newColumnsWidthData));
       return columns;
     };
     this.resizeColumnWidth = (column, width) => {
       const {
         displayColumns
       } = this.state;
-      const newDisplayColumns = resizeColumn(column.key, Math.max(width, 50), displayColumns);
+      const newDisplayColumns = (0, _rowUtils.resizeColumn)(column.key, Math.max(width, 50), displayColumns);
       this.setState({
         headerDisplayColumns: newDisplayColumns
       });
@@ -112,7 +120,7 @@ class Records extends Component {
       const {
         chart
       } = this.props;
-      localStorage.setItem(`statistic_${chart.id}_columns_width`, JSON.stringify(columnsWidthData));
+      localStorage.setItem("statistic_".concat(chart.id, "_columns_width"), JSON.stringify(columnsWidthData));
     };
     this.setVerticalScrollbarTop = scrollTop => {
       if (this.verticalScrollbar) {
@@ -154,25 +162,25 @@ class Records extends Component {
     const totalWidth = displayColumns.reduce((cur, nextItem) => {
       return cur + nextItem.width;
     }, 0);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "table-element-container",
       ref: ref => this.resultContainerRef = ref
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       id: "sea-chart-table-element-result-container",
       className: "table-element-result-container",
       ref: ref => this.resultRef = ref
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       id: "sea-chart-table-element-result-content",
       className: "table-element-result-content",
       style: {
         width: totalWidth
       }
-    }, /*#__PURE__*/React.createElement(RecordsHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_recordsHeader.default, {
       columns: headerDisplayColumns,
       resizeColumnWidth: this.resizeColumnWidth,
       resizeColumnWidthEnd: this.resizeColumnWidthEnd,
       globalTheme: this.props.globalTheme
-    }), /*#__PURE__*/React.createElement(RecordsBody, {
+    }), /*#__PURE__*/_react.default.createElement(_recordsBody.default, {
       ref: ref => this.recordsBody = ref,
       records: records,
       columns: displayColumns,
@@ -181,11 +189,11 @@ class Records extends Component {
       setVerticalScrollbarTop: this.setVerticalScrollbarTop,
       globalTheme: this.props.globalTheme,
       setHorizontalScroll: this.setHorizontalScroll
-    }))), /*#__PURE__*/React.createElement(VerticalScrollbar, {
+    }))), /*#__PURE__*/_react.default.createElement(_verticalScrollbar.default, {
       contentHeight: 33 * records.length,
       ref: ref => this.verticalScrollbar = ref,
       onScrollbarScroll: this.onVerticalScrollbarScroll
     })));
   }
 }
-export default Records;
+var _default = exports.default = Records;

package/dist/view/wrapper/table-element/components/resize-column-handle/resize-column-handle.js

@@ -1,6 +1,13 @@
-import React, { Component } from 'react';
-import './index.css';
-class ResizeColumnHandle extends Component {
+"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"));
+require("./index.css");
+class ResizeColumnHandle extends _react.Component {
   constructor() {
     super(...arguments);
     this.cleanUp = () => {
@@ -38,7 +45,7 @@ class ResizeColumnHandle extends Component {
     this.cleanUp();
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "sea-chart-record-HeaderCell__draggable",
       onClick: e => e.stopPropagation(),
       onDrag: this.props.onDrag,
@@ -47,4 +54,4 @@ class ResizeColumnHandle extends Component {
     });
   }
 }
-export default ResizeColumnHandle;
+var _default = exports.default = ResizeColumnHandle;

package/dist/view/wrapper/table-element/components/utils.js

@@ -1,15 +1,24 @@
-export const getTrimmedString = value => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openUrlLink = exports.isValidUrl = exports.getValidUrl = exports.getTrimmedString = void 0;
+const getTrimmedString = value => {
   return typeof value === 'string' ? value.trim() : '';
 };
-export const isValidUrl = url => {
+exports.getTrimmedString = getTrimmedString;
+const isValidUrl = url => {
   const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
   return reg.test(url);
 };
-export const getValidUrl = value => {
+exports.isValidUrl = isValidUrl;
+const getValidUrl = value => {
   const url = getTrimmedString(value);
-  return isValidUrl(url) ? url : `http://${url}`;
+  return isValidUrl(url) ? url : "http://".concat(url);
 };
-export const openUrlLink = url => {
+exports.getValidUrl = getValidUrl;
+const openUrlLink = url => {
   let a = document.createElement('a');
   document.body.appendChild(a);
   a.href = url;
@@ -17,4 +26,5 @@ export const openUrlLink = url => {
   a.rel = 'noopener noreferrer';
   a.click();
   document.body.removeChild(a);
-};
+};
+exports.openUrlLink = openUrlLink;

package/dist/view/wrapper/table-element/components/value-display-utils.js

@@ -1,13 +1,20 @@
-import { getCellValueDisplayString } from 'dtable-utils';
-export const getCellDisplayValue = (record, column, collaborators) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCellDisplayValue = void 0;
+var _dtableUtils = require("dtable-utils");
+const getCellDisplayValue = (record, column, collaborators) => {
   const {
     type,
     data,
     key
   } = column;
-  return getCellValueDisplayString(record, type, key, {
+  return (0, _dtableUtils.getCellValueDisplayString)(record, type, key, {
     data,
     collaborators,
     geolocationHyphen: ' '
   });
-};
+};
+exports.getCellDisplayValue = getCellDisplayValue;

package/dist/view/wrapper/table-element/components/vertical-scrollbar/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import './index.css';
-class VerticalScrollbar extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./index.css");
+class VerticalScrollbar extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.isSelfScroll = true;
@@ -21,11 +28,11 @@ class VerticalScrollbar extends React.Component {
     const {
       contentHeight
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "vertical-scrollbar",
       ref: ref => this.container = ref,
       onScroll: this.onScroll
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "vertical-scrollbar-inner",
       style: {
         height: contentHeight
@@ -33,4 +40,4 @@ class VerticalScrollbar extends React.Component {
     }));
   }
 }
-export default VerticalScrollbar;
+var _default = exports.default = VerticalScrollbar;

package/dist/view/wrapper/table-element/index.js

@@ -1,10 +1,17 @@
-import React from 'react';
-import { getTableById } from 'dtable-utils';
-import { isEqual } from 'lodash-es';
-import context from '../../../context';
-import Records from './components/records';
-import './css/index.css';
-export default class TableElement extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _lodashEs = require("lodash-es");
+var _context = _interopRequireDefault(require("../../../context"));
+var _records = _interopRequireDefault(require("./components/records"));
+require("./css/index.css");
+class TableElement extends _react.default.Component {
   constructor(props) {
     super(props);
     this.getInitState = (config, tables) => {
@@ -12,7 +19,7 @@ export default class TableElement extends React.Component {
         table_id,
         shown_column_keys
       } = config;
-      const selectedTable = getTableById(tables, table_id);
+      const selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
       // if shown_column_keys was not set, use all columns
       if (!shown_column_keys) shown_column_keys = selectedTable.columns.map(column => column.key);
       const shownColumns = selectedTable.columns.filter(column => shown_column_keys.includes(column.key));
@@ -22,7 +29,7 @@ export default class TableElement extends React.Component {
       };
     };
     this.queryUsers = emails => {
-      const currentEmails = context.getCollaboratorsFromCache().map(user => user.email);
+      const currentEmails = _context.default.getCollaboratorsFromCache().map(user => user.email);
       let queryEmails = emails.filter(email => {
         return !currentEmails.includes(email);
       });
@@ -33,18 +40,18 @@ export default class TableElement extends React.Component {
       }
       this.isQuerying = true;
       setTimeout(() => {
-        context.queryUsers(queryEmails, this.updateRelatedUser);
+        _context.default.queryUsers(queryEmails, this.updateRelatedUser);
       }, 500);
     };
     this.updateRelatedUser = emailUserMap => {
       this.isQuerying = false;
-      const currentEmails = context.getCollaboratorsFromCache().map(user => user.email);
+      const currentEmails = _context.default.getCollaboratorsFromCache().map(user => user.email);
       for (let email in emailUserMap) {
         if (!currentEmails.includes(email)) {
-          context.updateCollaboratorsCache(email, emailUserMap[email]);
+          _context.default.updateCollaboratorsCache(email, emailUserMap[email]);
         }
       }
-      const newUsers = context.getCollaboratorsFromCache();
+      const newUsers = _context.default.getCollaboratorsFromCache();
       this.relatedUserEmailMap = {};
       newUsers.forEach(u => {
         this.relatedUserEmailMap[u.email] = true;
@@ -61,7 +68,7 @@ export default class TableElement extends React.Component {
       config: _config
     } = chart;
     const initState = this.getInitState(_config, _tables);
-    initState.relatedUserList = context.getCollaboratorsFromCache();
+    initState.relatedUserList = _context.default.getCollaboratorsFromCache();
     this.state = initState;
     this.relatedUserEmailMap = {};
     initState.relatedUserList.forEach(u => {
@@ -84,7 +91,7 @@ export default class TableElement extends React.Component {
     const {
       config: oldConfig
     } = oldChart;
-    if (!isEqual(config, oldConfig)) {
+    if (!(0, _lodashEs.isEqual)(config, oldConfig)) {
       const state = this.getInitState(config, nextProps.tables, result);
       this.setState(state);
     }
@@ -101,10 +108,10 @@ export default class TableElement extends React.Component {
       selectedTable
     } = this.state;
     const records = Array.isArray(result) ? result : [];
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "table-element-result",
       ref: ref => this.wrapperRef = ref
-    }, /*#__PURE__*/React.createElement(Records, {
+    }, /*#__PURE__*/_react.default.createElement(_records.default, {
       chart: chart,
       selectedTable: selectedTable,
       shownColumns: shownColumns,
@@ -114,4 +121,5 @@ export default class TableElement extends React.Component {
       globalTheme: globalTheme
     }));
   }
-}
+}
+exports.default = TableElement;

package/dist/view/wrapper/treemap.js

@@ -1,14 +1,22 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { debounce } from 'lodash-es';
-import * as d3 from 'd3';
-import classNames from 'classnames';
-import { EMPTY_NAME } from '../../constants';
-import { BaseUtils, isFunction } from '../../utils';
-import intl from '../../intl';
-import ToolTip from '../../components/tooltip';
-import ChartComponent from './chart-component';
-class Treemap extends ChartComponent {
+"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 _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodashEs = require("lodash-es");
+var d3 = _interopRequireWildcard(require("d3"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../constants");
+var _utils = require("../../utils");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _tooltip = _interopRequireDefault(require("../../components/tooltip"));
+var _chartComponent = _interopRequireDefault(require("./chart-component"));
+class Treemap extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
@@ -32,10 +40,10 @@ class Treemap extends ChartComponent {
       let {
         result: data
       } = this.props;
-      data = BaseUtils.formatEmptyName(data, '', intl.get('Empty'));
+      data = _utils.BaseUtils.formatEmptyName(data, '', _intl.default.get('Empty'));
       if (!Array.isArray(data)) return;
       this.draw(data);
-      isFunction(customRender) && customRender(this.chart);
+      (0, _utils.isFunction)(customRender) && customRender(this.chart);
     };
     this.showTooltip = (event, _ref) => {
       let {
@@ -56,8 +64,8 @@ class Treemap extends ChartComponent {
         title: data.name,
         items: [{
           color: '',
-          name: intl.get('Amount'),
-          value: BaseUtils.getSummaryValueDisplayString(summaryColumn, Number(data.value), y_axis_summary_method)
+          name: _intl.default.get('Amount'),
+          value: _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, Number(data.value), y_axis_summary_method)
         }]
       };
       this.setState({
@@ -93,10 +101,10 @@ class Treemap extends ChartComponent {
         tables,
         chartColorTheme
       } = this.props;
-      const colorsTheme = BaseUtils.getCurrentTheme(chartColorTheme);
+      const colorsTheme = _utils.BaseUtils.getCurrentTheme(chartColorTheme);
       const {
         data: newData
-      } = BaseUtils.formatPieChartData(data, chart, tables, colorsTheme);
+      } = _utils.BaseUtils.formatPieChartData(data, chart, tables, colorsTheme);
       if (!Array.isArray(newData)) return;
       const {
         width: chartWidth,
@@ -105,8 +113,8 @@ class Treemap extends ChartComponent {
       } = this.chartBoundingClientRect;
       const fullData = this.getFullData(newData);
       const root = d3.treemap().size([chartWidth - insertPadding * 2, chartHeight - insertPadding * 2]).padding(1)(d3.hierarchy(fullData).sum(d => d.value)).sort((a, b) => a.value - b.value);
-      const contentWrapper = this.chart.append('g').attr('class', 'content-wrapper').attr('transform', `translate(${insertPadding},${insertPadding})`);
-      contentWrapper.selectAll().data(root.leaves()).join('g').attr('transform', d => `translate(${d.x0},${d.y0})`).append('rect').attr('opacity', 1).attr('fill', d => {
+      const contentWrapper = this.chart.append('g').attr('class', 'content-wrapper').attr('transform', "translate(".concat(insertPadding, ",").concat(insertPadding, ")"));
+      contentWrapper.selectAll().data(root.leaves()).join('g').attr('transform', d => "translate(".concat(d.x0, ",").concat(d.y0, ")")).append('rect').attr('opacity', 1).attr('fill', d => {
         const {
           data
         } = d;
@@ -142,9 +150,9 @@ class Treemap extends ChartComponent {
         name: 'root',
         children: data.map(item => {
           let name = item.name;
-          item.name = name || name === 0 ? name : intl.get(EMPTY_NAME);
+          item.name = name || name === 0 ? name : _intl.default.get(_constants.EMPTY_NAME);
           if (name === '_Others') {
-            item.name = intl.get('Others');
+            item.name = _intl.default.get('Others');
           }
           return item;
         })
@@ -160,12 +168,12 @@ class Treemap extends ChartComponent {
   componentDidMount() {
     this.createChart();
     this.drawChart();
-    this.debouncedHandleResize = debounce(this.handleResize, 300);
+    this.debouncedHandleResize = (0, _lodashEs.debounce)(this.handleResize, 300);
     window.addEventListener('resize', this.debouncedHandleResize);
   }
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
-    if (BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+    if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
       this.destroyChart();
       this.createChart();
       this.drawChart();
@@ -183,13 +191,13 @@ class Treemap extends ChartComponent {
       tooltipData,
       toolTipPosition
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
-      className: classNames('sea-chart-container', {
+      className: (0, _classnames.default)('sea-chart-container', {
         'show-x-axis-label': this.isShowXAxisLabel(chart),
         'show-y-axis-label': this.isShowYAxisLabel(chart)
       })
-    }, /*#__PURE__*/React.createElement(ToolTip, {
+    }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
       tooltipData: tooltipData,
       toolTipPosition: toolTipPosition,
       chart: this.chart
@@ -197,16 +205,16 @@ class Treemap extends ChartComponent {
   }
 }
 Treemap.propTypes = {
-  canvasStyle: PropTypes.object,
-  chart: PropTypes.object,
-  groupbyColumn: PropTypes.object,
-  columnGroupbyColumn: PropTypes.object,
-  summaryColumn: PropTypes.object,
-  result: PropTypes.array,
-  tables: PropTypes.array,
-  globalTheme: PropTypes.string,
-  chartColorTheme: PropTypes.string,
-  toggleRecords: PropTypes.func,
-  customRender: PropTypes.func
+  canvasStyle: _propTypes.default.object,
+  chart: _propTypes.default.object,
+  groupbyColumn: _propTypes.default.object,
+  columnGroupbyColumn: _propTypes.default.object,
+  summaryColumn: _propTypes.default.object,
+  result: _propTypes.default.array,
+  tables: _propTypes.default.array,
+  globalTheme: _propTypes.default.string,
+  chartColorTheme: _propTypes.default.string,
+  toggleRecords: _propTypes.default.func,
+  customRender: _propTypes.default.func
 };
-export default Treemap;
+var _default = exports.default = Treemap;