sea-chart 1.1.69 → 1.1.71

package/dist/components/cell-factory/SimpleCellFormatter.js

@@ -20,7 +20,7 @@ class SimpleCellFormatter extends React.Component {
     if (typeof value === 'object') {
       return null;
     }
-    const gridCellClassName = this.props.type ? "grid-cell-type-".concat(this.props.type) : 'grid-cell-type-default';
+    const gridCellClassName = this.props.type ? `grid-cell-type-${this.props.type}` : 'grid-cell-type-default';
     let formattedValue = this.getFormattedValue(value);
     return /*#__PURE__*/React.createElement("div", {
       className: gridCellClassName,

package/dist/components/cell-factory/link-content.js

@@ -22,7 +22,7 @@ class LinkContent extends Component {
         isCellSelected: false,
         readOnly: true
       };
-      const className = "link formatter-item ".concat(type === CellType.SINGLE_SELECT ? 'mr-1' : '');
+      const className = `link formatter-item ${type === CellType.SINGLE_SELECT ? 'mr-1' : ''}`;
       return shownLinks.map(link => {
         if (!link) return null;
         const {
@@ -36,14 +36,14 @@ class LinkContent extends Component {
         if (!Array.isArray(display_value)) {
           formatterProps['value'] = display_value;
           return /*#__PURE__*/React.createElement("div", {
-            key: "link-record-item-".concat(row_id),
+            key: `link-record-item-${row_id}`,
             className: className
           }, this.createColumnFormatter(Formatter, formatterProps));
         }
         return display_value.map((item, index) => {
           formatterProps['value'] = item;
           return /*#__PURE__*/React.createElement("div", {
-            key: "link-record-item-".concat(row_id, "-").concat(index),
+            key: `link-record-item-${row_id}-${index}`,
             className: className
           }, this.createColumnFormatter(Formatter, formatterProps));
         });
@@ -87,7 +87,7 @@ class LinkContent extends Component {
           departments
         });
         return /*#__PURE__*/React.createElement("div", {
-          key: "link-item-".concat(index),
+          key: `link-item-${index}`,
           className: "link"
         }, /*#__PURE__*/React.createElement("span", {
           className: "link-name pr-1",

package/dist/components/color-picker/index.js

@@ -31,7 +31,7 @@ class ColorPicker extends React.PureComponent {
     }, /*#__PURE__*/React.createElement("div", {
       className: "picker-control"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "color-control ".concat(isWhiteColor ? 'white-color' : ''),
+      className: `color-control ${isWhiteColor ? 'white-color' : ''}`,
       onClick: this.onPickColorToggle,
       style: {
         background: activeColor

package/dist/components/color-popover/color-rules/color-rule.js

@@ -108,7 +108,7 @@ class ColorRule extends Component {
       filter_conjunction,
       filters
     } = rule;
-    const target = "row-color-rule-".concat(ruleIndex);
+    const target = `row-color-rule-${ruleIndex}`;
     const selectedColorConfig = this.props.getColorConfigByColor(color);
     const ruleTitle = ruleName || intl.get('Define_rule');
     const canAddFilter = filters.length < 8;

package/dist/components/color-popover/color-rules/index.js

@@ -59,7 +59,7 @@ class ColorRules extends Component {
     }, rules.map((rule, ruleIndex) => {
       const isEditing = editingRuleIndex === ruleIndex;
       return /*#__PURE__*/React.createElement(ColorRule, {
-        key: "statistic-color-rule-".concat(ruleIndex),
+        key: `statistic-color-rule-${ruleIndex}`,
         ruleIndex: ruleIndex,
         rule: rule,
         labelColorConfigs: labelColorConfigs,

package/dist/components/color-popover/color-rules-popover.js

@@ -22,7 +22,7 @@ class ColorRulesPopover extends Component {
         filter_term
       } = filter;
       const name = DISPLAY_COLOR_RULE_FILTER_TYPE[filter_type];
-      const template = "".concat(intl.get(name), " ").concat(intl.get(filter_predicate));
+      const template = `${intl.get(name)} ${intl.get(filter_predicate)}`;
       if (EMPTY_PREDICATE.includes(filter_predicate)) {
         return template;
       }
@@ -30,12 +30,12 @@ class ColorRulesPopover extends Component {
         case COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
           {
             if (filter_term === 0) {
-              return "".concat(template, " 0");
+              return `${template} 0`;
             }
             if (!filter_term) {
               return null;
             }
-            return "".concat(template, " ").concat(filter_term);
+            return `${template} ${filter_term}`;
           }
         default:
           {
@@ -48,10 +48,10 @@ class ColorRulesPopover extends Component {
       let contentText = '';
       filterConjunction = filterConjunction || 'And';
       filters.forEach((filter, index) => {
-        let filterContentText = index === 0 ? '' : " ".concat(filterConjunction === 'And' ? intl.get('And') : intl.get('Or'));
+        let filterContentText = index === 0 ? '' : ` ${filterConjunction === 'And' ? intl.get('And') : intl.get('Or')}`;
         let filterDisplay = this.getFilterDisplay(filter);
         if (filterDisplay) {
-          contentText = contentText + filterContentText + " ".concat(filterDisplay);
+          contentText = contentText + filterContentText + ` ${filterDisplay}`;
         }
       });
       return contentText;
@@ -140,7 +140,7 @@ class ColorRulesPopover extends Component {
       }
       setTimeout(() => {
         if (popoverWrapper) {
-          popoverWrapper.style.top = "".concat(-offsetHeight + offsetTop, "px");
+          popoverWrapper.style.top = `${-offsetHeight + offsetTop}px`;
         }
       }, 300);
     };

package/dist/components/color-popover/color-selector-popover.js

@@ -17,7 +17,7 @@ class ColorSelectorPopover extends Component {
           } = hexToRgb(colorOption.color);
           return {
             ...colorOption,
-            border_color: "rgb(".concat(Math.max(r - 20, 0), ", ").concat(Math.max(g - 20, 0), ", ").concat(Math.max(b - 20, 0), ")")
+            border_color: `rgb(${Math.max(r - 20, 0)}, ${Math.max(g - 20, 0)}, ${Math.max(b - 20, 0)})`
           };
         }
         return colorOption;
@@ -47,7 +47,7 @@ class ColorSelectorPopover extends Component {
     }, /*#__PURE__*/React.createElement("div", {
       className: "sea-chart-color-selector-wrapper"
     }, this.colorOptions.map(colorOption => /*#__PURE__*/React.createElement("div", {
-      key: "sea-chart-color-option-".concat(colorOption.color),
+      key: `sea-chart-color-option-${colorOption.color}`,
       className: "sea-chart-color-option",
       onClick: () => this.onSelectColor(colorOption.color),
       style: {

package/dist/components/color-setting/color-group-selector.js

@@ -17,7 +17,7 @@ class ColorGroupSelector extends Component {
               className: "sea-chart-color-block",
               key: index,
               style: {
-                background: "".concat(color)
+                background: `${color}`
               }
             });
           }))

package/dist/components/common-add-tool/index.js

@@ -8,12 +8,12 @@ function CommonAddTool(props) {
     addIconClassName
   } = props;
   return /*#__PURE__*/React.createElement("div", {
-    className: "add-item-btn ".concat(className ? className : ''),
+    className: `add-item-btn ${className ? className : ''}`,
     onClick: e => {
       callBack(e);
     }
   }, /*#__PURE__*/React.createElement("span", {
-    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
+    className: `dtable-font dtable-icon-add-table ${addIconClassName || ''}`
   }), /*#__PURE__*/React.createElement("span", {
     className: "add-new-option text-truncate",
     title: footerName

package/dist/components/data-process-setter/hide-column-setter.js

@@ -60,7 +60,7 @@ class HideColumnSetter extends React.Component {
     let settingClass = wrapperClass || '';
     settingClass = settingClass && hiddenColumnsLength > 0 ? settingClass + ' active' : settingClass;
     return /*#__PURE__*/React.createElement("div", {
-      className: "setting-item ".concat(settingClass ? '' : 'mb-1')
+      className: `setting-item ${settingClass ? '' : 'mb-1'}`
     }, /*#__PURE__*/React.createElement("div", {
       className: "mr-2 filters-setting-btn",
       onClick: this.onHideColumnToggle

package/dist/components/data-process-setter/sort-setter.js

@@ -45,9 +45,9 @@ class SortSetter extends Component {
     let labelClass = wrapperClass || '';
     labelClass = labelClass && sortsLength > 0 ? labelClass + ' active' : labelClass;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "setting-item ".concat(labelClass ? '' : 'mb-1')
+      className: `setting-item ${labelClass ? '' : 'mb-1'}`
     }, /*#__PURE__*/React.createElement("div", {
-      className: "mr-2 setting-item-btn filters-setting-btn ".concat(labelClass),
+      className: `mr-2 setting-item-btn filters-setting-btn ${labelClass}`,
       onClick: this.onSortToggle,
       role: "button",
       onKeyDown: this.onKeyDown,

package/dist/components/drill-down-settings/drill-down-fields-popover/index.js

@@ -73,13 +73,13 @@ export default function DrillDownFieldsPopover(_ref) {
     className: styles['text-truncate']
   }, ''), /*#__PURE__*/React.createElement("th", {
     width: "20%",
-    className: "".concat(styles['column-checkbox'], " pr-3")
+    className: `${styles['column-checkbox']} pr-3`
   }, intl.get('Visible')))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
     className: styles['drill-down-fields-row']
   }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("span", {
     className: styles['drill-down-fields-select-all']
   }, intl.get('Select_all'))), /*#__PURE__*/React.createElement("td", {
-    className: "".concat(styles['column-checkbox'], " pr-3")
+    className: `${styles['column-checkbox']} pr-3`
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     checked: isAllColumnsVisible,
@@ -94,9 +94,9 @@ export default function DrillDownFieldsPopover(_ref) {
       className: "pl-5 text-truncate",
       title: column.name
     }, /*#__PURE__*/React.createElement("i", {
-      className: "".concat(COLUMNS_ICON_CONFIG[column.type], " mr-2 ").concat(styles['drill-down-fields-icon'])
+      className: `${COLUMNS_ICON_CONFIG[column.type]} mr-2 ${styles['drill-down-fields-icon']}`
     }), /*#__PURE__*/React.createElement("span", null, column.name)), /*#__PURE__*/React.createElement("td", {
-      className: "".concat(styles['column-checkbox'], " pr-3")
+      className: `${styles['column-checkbox']} pr-3`
     }, /*#__PURE__*/React.createElement("input", {
       disabled: checkedByDefault,
       type: "checkbox",

package/dist/components/icon/index.js

@@ -14,11 +14,11 @@ const Icon = props => {
     className,
     symbol
   } = props;
-  const iconClass = "sea-chart-icon sea-chart-icon-".concat(symbol, " ").concat(className || '');
+  const iconClass = `sea-chart-icon sea-chart-icon-${symbol} ${className || ''}`;
   return /*#__PURE__*/React.createElement("svg", {
     className: iconClass
   }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#".concat(symbol)
+    xlinkHref: `#${symbol}`
   }));
 };
 export default Icon;

package/dist/components/number-input/index.js

@@ -1,17 +1,17 @@
 import React from 'react';
 import { Input } from 'reactstrap';
-function NumberInput(props) {
-  const {
+function NumberInput(_ref) {
+  let {
     value,
     onChange,
-    min,
-    step,
-    max,
-    readOnly,
+    min = 0,
+    step = 1,
+    max = Infinity,
+    readOnly = false,
     className,
     useEmpty,
     ...otherProps
-  } = props;
+  } = _ref;
   // useempty is used to control whether to use empty string or '0'
   const number = value ? value : useEmpty ? '' : '0';
   return /*#__PURE__*/React.createElement(Input, Object.assign({
@@ -25,10 +25,4 @@ function NumberInput(props) {
     onChange: onChange
   }, otherProps));
 }
-NumberInput.defaultProps = {
-  min: 0,
-  step: 1,
-  max: Infinity,
-  readOnly: false
-};
 export default NumberInput;

package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.js

@@ -41,7 +41,7 @@ class HideColumnItem extends React.PureComponent {
       readonly
     } = this.props;
     const placeholder = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
-      className: "dtable-font ".concat(setting.columnIcon)
+      className: `dtable-font ${setting.columnIcon}`
     }), /*#__PURE__*/React.createElement("span", {
       className: "text-truncate"
     }, setting.columnName));

package/dist/components/popover/hide-column-popover/hide-column-popover.js

@@ -166,7 +166,7 @@ class HideColumnPopover extends React.Component {
       ref: ref => this.popoverRef = ref,
       onClick: this.onPopoverInsideClick
     }, /*#__PURE__*/React.createElement("div", {
-      className: "field-settings ".concat(isEmpty ? 'empty' : '')
+      className: `field-settings ${isEmpty ? 'empty' : ''}`
     }, /*#__PURE__*/React.createElement("div", {
       className: "search-column"
     }, /*#__PURE__*/React.createElement("input", {

package/dist/components/popover/sort-popover/sort-popover.js

@@ -264,7 +264,7 @@ class SortPopover extends Component {
       ref: ref => this.sortPopoverRef = ref,
       onClick: this.onPopoverInsideClick
     }, /*#__PURE__*/React.createElement("div", {
-      className: "sorts-list ".concat(isEmpty ? 'empty-sorts-container' : '')
+      className: `sorts-list ${isEmpty ? 'empty-sorts-container' : ''}`
     }, isEmpty ? /*#__PURE__*/React.createElement("div", {
       className: "empty-sorts-list"
     }, intl.get('No_sorts')) : this.renderSortsList()), !readonly && /*#__PURE__*/React.createElement(CommonAddTool, {

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

@@ -20,7 +20,7 @@ class RowCardHeaderCell extends React.Component {
       let headerCellWidth = width;
       if (rowCardType === 'link') {
         const tableId = table._id;
-        const draggedCellId = "".concat(tableId, "-").concat(key);
+        const draggedCellId = `${tableId}-${key}`;
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         if (existedWidth) {
           headerCellWidth = existedWidth;
@@ -48,7 +48,7 @@ class RowCardHeaderCell extends React.Component {
       const {
         _id: tableId
       } = table;
-      const draggedCellId = "".concat(tableId, "-").concat(columnKey);
+      const draggedCellId = `${tableId}-${columnKey}`;
       let width = this.getWidthFromMouseEvent(e);
       this.setState({
         resizing: false

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

@@ -69,7 +69,7 @@ class RowCardHeader extends React.Component {
       } = this.props;
       for (let i = 0; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push( /*#__PURE__*/React.createElement(RowCardHeaderCell, {
+        cardHeaderCells.push(/*#__PURE__*/React.createElement(RowCardHeaderCell, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,
@@ -109,7 +109,7 @@ class RowCardHeader extends React.Component {
     } = this.state;
     const cardHeaderCells = this.getCardHeaderCells();
     return /*#__PURE__*/React.createElement("div", {
-      className: "row-card-header ".concat(cardHeaderClassName ? cardHeaderClassName : '')
+      className: `row-card-header ${cardHeaderClassName ? cardHeaderClassName : ''}`
     }, /*#__PURE__*/React.createElement("div", {
       className: "row-card-column-names records-column-names",
       ref: ref => this.recordItemRef = ref

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

@@ -78,7 +78,7 @@ class RowCardItem extends 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) {
@@ -107,7 +107,7 @@ class RowCardItem extends PureComponent {
           }, /*#__PURE__*/React.createElement("div", {
             className: "formatter-show"
           }, /*#__PURE__*/React.createElement(LinkContent, {
-            key: "link-formatter-".concat(row._id, "-").concat(key),
+            key: `link-formatter-${row._id}-${key}`,
             linkedColumn: linkedColumn,
             computedValue: formulaRow[key],
             Empty: EMPTY_LINK

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

@@ -186,7 +186,7 @@ class RowCard extends Component {
       displayRows,
       scrollLeft
     } = this.state;
-    const rowCardListClass = "row-card-list ".concat(cardListClassName ? cardListClassName : '');
+    const rowCardListClass = `row-card-list ${cardListClassName ? cardListClassName : ''}`;
     return /*#__PURE__*/React.createElement("div", {
       className: "row-card-container"
     }, isShowRowCardHeader && /*#__PURE__*/React.createElement(RowCardHeader, {
@@ -225,7 +225,7 @@ class RowCard extends Component {
         columns: renderedColumns
       };
       return /*#__PURE__*/React.createElement(RowCardItem, {
-        key: "row-card-".concat(rowIdx),
+        key: `row-card-${rowIdx}`,
         setItemScrollLeft: this.setItemScrollLeft,
         onRef: this.onRef,
         rowCardType: rowCardType,

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

@@ -292,7 +292,7 @@ class StatisticRecordDialog extends React.Component {
       if (searchedRows.length === 0) return /*#__PURE__*/React.createElement("div", {
         className: "w-100 h-100"
       }, /*#__PURE__*/React.createElement(_DTableEmptyTip, {
-        src: "".concat(context.getSetting('mediaUrl'), "img/no-items-tip.png"),
+        src: `${context.getSetting('mediaUrl')}img/no-items-tip.png`,
         text: intl.get('No_record')
       }));
       const props = {

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

@@ -37,7 +37,7 @@ const TypesDialog = _ref => {
     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 = useCallback(() => {
     propsOnToggle();
@@ -46,7 +46,7 @@ const TypesDialog = _ref => {
     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 = useCallback((event, type, index) => {
     eventStopPropagation(event);
@@ -76,7 +76,7 @@ const TypesDialog = _ref => {
       key: index,
       className: "px-4 py-2 sea-chart-chart-cat-nav-item"
     }, /*#__PURE__*/React.createElement("div", {
-      id: "sea-chart-icon-".concat(item.icon, "-container"),
+      id: `sea-chart-icon-${item.icon}-container`,
       className: classnames('sea-chart-chart-cat-nav-item-container', {
         'sea-chart-icon-highlight': currentCatIndex === index
       }),
@@ -86,7 +86,7 @@ const TypesDialog = _ref => {
       className: "chart-icon w-100 h-100"
     })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
       placement: "bottom",
-      target: "sea-chart-icon-".concat(item.icon, "-container"),
+      target: `sea-chart-icon-${item.icon}-container`,
       delay: 0,
       fade: false
     }, intl.get(item.name)));
@@ -95,11 +95,11 @@ const TypesDialog = _ref => {
     ref: seaChartTypeContainerRef
   }, CHART_TYPES.map((item, index) => {
     return /*#__PURE__*/React.createElement("div", {
-      key: "sea-chart-type-".concat(index),
+      key: `sea-chart-type-${index}`,
       className: "mb-7"
     }, /*#__PURE__*/React.createElement("h3", {
       className: "sea-chart-type-title m-0",
-      id: "chart-type-".concat(index + 1)
+      id: `chart-type-${index + 1}`
     }, intl.get(item.name)), /*#__PURE__*/React.createElement("div", {
       className: "d-flex flex-wrap"
     }, item.children.map(chartType => {
@@ -109,7 +109,7 @@ const TypesDialog = _ref => {
       return /*#__PURE__*/React.createElement("div", {
         key: chartType,
         onClick: event => onTypeChange(event, chartType, index),
-        className: "sea-chart-type-item ".concat(selectedType === chartType ? 'selected' : '')
+        className: `sea-chart-type-item ${selectedType === chartType ? 'selected' : ''}`
       }, /*#__PURE__*/React.createElement("p", {
         className: "sea-chart-type-description"
       }, intl.get(CHART_TYPE_SHOW[chartType])), /*#__PURE__*/React.createElement("div", {

package/dist/context.js

@@ -114,9 +114,9 @@ class Context {
           server,
           mediaUrl
         } = this.settings;
-        return "".concat(server).concat(mediaUrl, "dtable-statistic/img/").concat(name, "?v=0.0.1");
+        return `${server}${mediaUrl}dtable-statistic/img/${name}?v=0.0.1`;
       }
-      return "".concat(DEFAULT_MEDIAURL, "dtable-statistic/img/").concat(name, "?v=0.0.1");
+      return `${DEFAULT_MEDIAURL}dtable-statistic/img/${name}?v=0.0.1`;
     };
     this.api = null;
     this.settings = {};

package/dist/editor/index.js

@@ -3,13 +3,13 @@ import View, { defaultProps, propTypes } from '../view';
 import Settings from '../settings';
 import { settingsDefaultProps, settingsPropTypes } from '../settings';
 import './index.css';
-function Editor(props) {
+function Editor() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    ...defaultProps,
+    ...settingsDefaultProps
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-editor"
   }, /*#__PURE__*/React.createElement(View, props), /*#__PURE__*/React.createElement(Settings, props, props.children));
 }
-Editor.defaultProps = {
-  ...defaultProps,
-  ...settingsDefaultProps
-};
 export default Editor;

package/dist/services/map-json.js

@@ -45,7 +45,7 @@ function getMapJsonQueryUrl(mapLevel, mapLocation) {
         if (!provinceNameEn) {
           return null;
         }
-        return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn);
+        return `region-mapjson/${provinceNameEn}/${provinceNameEn}`;
       }
     case MAP_LEVEL.CITY:
       {
@@ -58,9 +58,9 @@ function getMapJsonQueryUrl(mapLevel, mapLocation) {
 
         // e.g. 北京市/北京市
         if (provinceNameEn === cityNameEn) {
-          return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn);
+          return `region-mapjson/${provinceNameEn}/${provinceNameEn}`;
         }
-        return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn, "_").concat(cityNameEn);
+        return `region-mapjson/${provinceNameEn}/${provinceNameEn}_${cityNameEn}`;
       }
     default:
       {
@@ -88,7 +88,7 @@ export default async function fetchMapJson(mapLevel, mapLocation, mediaUrl) {
   }
   let mapJson;
   try {
-    const res = await fetch("".concat(mediaUrl, "dtable-statistic/geolocation/").concat(url, ".json"));
+    const res = await fetch(`${mediaUrl}dtable-statistic/geolocation/${url}.json`);
     mapJson = await res.json();
   } catch (error) {
     console.error('on fetchMapJson: fetch error', error);

package/dist/settings/advance-bar-settings/data-settings.js

@@ -15,8 +15,8 @@ const DataSettings = _ref => {
     dataSources,
     onChange,
     tables,
-    xLabel,
-    yLabel
+    xLabel = 'X_axis',
+    yLabel = 'Y_axis'
   } = _ref;
   const onXAxisColumnChange = useCallback(column => {
     const {
@@ -148,8 +148,4 @@ const DataSettings = _ref => {
     onChange: onChange
   }), renderDataSort());
 };
-DataSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
 export default DataSettings;

package/dist/settings/advance-bar-settings/style-settings.js

@@ -17,8 +17,8 @@ import GoalLineSetting from '../../components/goal-line-setting';
 const StyleSettings = _ref => {
   let {
     chart,
-    xLabel,
-    yLabel,
+    xLabel = 'X_axis',
+    yLabel = 'Y_axis',
     onChange,
     onStyleChange,
     tables
@@ -246,8 +246,4 @@ const StyleSettings = _ref => {
     onChange: onDisplayBlockChange
   }));
 };
-StyleSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
 export default StyleSettings;

package/dist/settings/bar-settings/data-settings.js

@@ -14,8 +14,8 @@ const DataSettings = _ref => {
     chart,
     dataSources,
     tables,
-    xLabel,
-    yLabel,
+    xLabel = 'X_axis',
+    yLabel = 'Y_axis',
     onChange
   } = _ref;
   const onXAxisColumnChange = useCallback(column => {
@@ -156,8 +156,4 @@ const DataSettings = _ref => {
     onChange: onChange
   }), renderDataSort());
 };
-DataSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
 export default DataSettings;

package/dist/settings/bar-settings/style-settings.js

@@ -14,8 +14,8 @@ import GoalLineSetting from '../../components/goal-line-setting';
 const StyleSettings = _ref => {
   let {
     chart,
-    xLabel,
-    yLabel,
+    xLabel = 'X_axis',
+    yLabel = 'Y_axis',
     onChange,
     onStyleChange,
     labelColorConfigs
@@ -192,8 +192,4 @@ const StyleSettings = _ref => {
     onChange: onDisplayValueChange
   }));
 };
-StyleSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
 export default StyleSettings;

package/dist/settings/basic-number-card/style-settings.js

@@ -63,7 +63,7 @@ export default function StyleSettings(_ref) {
     } else if (key === 'font_size') {
       key = 'card_label_font_size';
     } else {
-      key = "label_".concat(key);
+      key = `label_${key}`;
     }
     onChange({
       [key]: value

package/dist/settings/combination-settings/data-settings.js

@@ -5,7 +5,6 @@ import CommonDataSettings from '../widgets/common-data-settings';
 import Divider from '../widgets/divider';
 import GroupBy from '../widgets/group-by';
 import SummarySettings from '../widgets/summary-settings';
-import { eventStopPropagation } from '../../utils';
 import { CHART_SUMMARY_TYPE, CHART_Y_GROUP_TYPE, CHART_SUMMARY_CALCULATION_METHOD, GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP, COMBINATION_POSITION } from '../../constants';
 import intl from '../../intl';
 const DataSettings = _ref => {
@@ -13,7 +12,7 @@ const DataSettings = _ref => {
     chart,
     dataSources,
     tables,
-    xLabel,
+    xLabel = 'X_axis',
     onChange
   } = _ref;
   const onXAxisColumnChange = useCallback(column => {
@@ -272,7 +271,4 @@ const DataSettings = _ref => {
     onChange: onChange
   }));
 };
-DataSettings.defaultProps = {
-  xLabel: 'X_axis'
-};
 export default DataSettings;