sea-chart 1.1.83 → 1.1.85-beta.1

package/dist/api/index.js

@@ -46,13 +46,13 @@ class SeaChartAPI {
     };
     this.sqlQuery = function (sql, parameters) {
       let convert_keys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      // dtable-db
       const {
-        dtableDB,
+        dtableServer,
         dtableUuid,
         accessToken
       } = _this;
-      const url = dtableDB + 'api/v1/query/' + dtableUuid;
+      const apiGatewayUrl = (dtableServer || '').replace(/\/*$/, '') + '/api-gateway/';
+      const url = "".concat(apiGatewayUrl, "api/v2/dtables/").concat(dtableUuid, "/sql/");
       const data = {
         sql,
         convert_keys,
@@ -95,7 +95,6 @@ class SeaChartAPI {
     this.dtableUuid = dtable_uuid;
     this.dtableServer = dtable_server.replace(/\/+$/, '') + '/';
     this.dtableSocket = dtable_socket.replace(/\/+$/, '') + '/';
-    this.dtableDB = dtable_db.replace(/\/+$/, '') + '/';
   }
 
   // queryUsers(userIdList) {

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-${this.props.type}` : 'grid-cell-type-default';
+    const gridCellClassName = this.props.type ? "grid-cell-type-".concat(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 ${type === CellType.SINGLE_SELECT ? 'mr-1' : ''}`;
+      const className = "link formatter-item ".concat(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-${row_id}`,
+            key: "link-record-item-".concat(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-${row_id}-${index}`,
+            key: "link-record-item-".concat(row_id, "-").concat(index),
             className: className
           }, this.createColumnFormatter(Formatter, formatterProps));
         });
@@ -87,7 +87,7 @@ class LinkContent extends Component {
           departments
         });
         return /*#__PURE__*/React.createElement("div", {
-          key: `link-item-${index}`,
+          key: "link-item-".concat(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 ${isWhiteColor ? 'white-color' : ''}`,
+      className: "color-control ".concat(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-${ruleIndex}`;
+    const target = "row-color-rule-".concat(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-${ruleIndex}`,
+        key: "statistic-color-rule-".concat(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 = `${intl.get(name)} ${intl.get(filter_predicate)}`;
+      const template = "".concat(intl.get(name), " ").concat(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 `${template} 0`;
+              return "".concat(template, " 0");
             }
             if (!filter_term) {
               return null;
             }
-            return `${template} ${filter_term}`;
+            return "".concat(template, " ").concat(filter_term);
           }
         default:
           {
@@ -48,10 +48,10 @@ class ColorRulesPopover extends Component {
       let contentText = '';
       filterConjunction = filterConjunction || 'And';
       filters.forEach((filter, index) => {
-        let filterContentText = index === 0 ? '' : ` ${filterConjunction === 'And' ? intl.get('And') : intl.get('Or')}`;
+        let filterContentText = index === 0 ? '' : " ".concat(filterConjunction === 'And' ? intl.get('And') : intl.get('Or'));
         let filterDisplay = this.getFilterDisplay(filter);
         if (filterDisplay) {
-          contentText = contentText + filterContentText + ` ${filterDisplay}`;
+          contentText = contentText + filterContentText + " ".concat(filterDisplay);
         }
       });
       return contentText;
@@ -140,7 +140,7 @@ class ColorRulesPopover extends Component {
       }
       setTimeout(() => {
         if (popoverWrapper) {
-          popoverWrapper.style.top = `${-offsetHeight + offsetTop}px`;
+          popoverWrapper.style.top = "".concat(-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(${Math.max(r - 20, 0)}, ${Math.max(g - 20, 0)}, ${Math.max(b - 20, 0)})`
+            border_color: "rgb(".concat(Math.max(r - 20, 0), ", ").concat(Math.max(g - 20, 0), ", ").concat(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-${colorOption.color}`,
+      key: "sea-chart-color-option-".concat(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: `${color}`
+                background: "".concat(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 ${className ? className : ''}`,
+    className: "add-item-btn ".concat(className ? className : ''),
     onClick: e => {
       callBack(e);
     }
   }, /*#__PURE__*/React.createElement("span", {
-    className: `dtable-font dtable-icon-add-table ${addIconClassName || ''}`
+    className: "dtable-font dtable-icon-add-table ".concat(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 ${settingClass ? '' : 'mb-1'}`
+      className: "setting-item ".concat(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 ${labelClass ? '' : 'mb-1'}`
+      className: "setting-item ".concat(labelClass ? '' : 'mb-1')
     }, /*#__PURE__*/React.createElement("div", {
-      className: `mr-2 setting-item-btn filters-setting-btn ${labelClass}`,
+      className: "mr-2 setting-item-btn filters-setting-btn ".concat(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: `${styles['column-checkbox']} pr-3`
+    className: "".concat(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: `${styles['column-checkbox']} pr-3`
+    className: "".concat(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: `${COLUMNS_ICON_CONFIG[column.type]} mr-2 ${styles['drill-down-fields-icon']}`
+      className: "".concat(COLUMNS_ICON_CONFIG[column.type], " mr-2 ").concat(styles['drill-down-fields-icon'])
     }), /*#__PURE__*/React.createElement("span", null, column.name)), /*#__PURE__*/React.createElement("td", {
-      className: `${styles['column-checkbox']} pr-3`
+      className: "".concat(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-${symbol} ${className || ''}`;
+  const iconClass = "sea-chart-icon sea-chart-icon-".concat(symbol, " ").concat(className || '');
   return /*#__PURE__*/React.createElement("svg", {
     className: iconClass
   }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: `#${symbol}`
+    xlinkHref: "#".concat(symbol)
   }));
 };
 export default Icon;

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 ${setting.columnIcon}`
+      className: "dtable-font ".concat(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 ${isEmpty ? 'empty' : ''}`
+      className: "field-settings ".concat(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 ${isEmpty ? 'empty-sorts-container' : ''}`
+      className: "sorts-list ".concat(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 = `${tableId}-${key}`;
+        const draggedCellId = "".concat(tableId, "-").concat(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 = `${tableId}-${columnKey}`;
+      const draggedCellId = "".concat(tableId, "-").concat(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 ${cardHeaderClassName ? cardHeaderClassName : ''}`
+      className: "row-card-header ".concat(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 = `${tableId}-${key}`;
+        const draggedCellId = "".concat(tableId, "-").concat(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-${row._id}-${key}`,
+            key: "link-formatter-".concat(row._id, "-").concat(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 ${cardListClassName ? cardListClassName : ''}`;
+    const rowCardListClass = "row-card-list ".concat(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-${rowIdx}`,
+        key: "row-card-".concat(rowIdx),
         setItemScrollLeft: this.setItemScrollLeft,
         onRef: this.onRef,
         rowCardType: rowCardType,

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

@@ -297,7 +297,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: `${context.getSetting('mediaUrl')}img/no-items-tip.png`,
+        src: "".concat(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-${currentCatIndex + 1}`).offsetTop - 60;
+    seaChartTypeContainerRef.current.scrollTop = document.getElementById("chart-type-".concat(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-${index + 1}`).offsetTop - 60;
+    seaChartTypeContainerRef.current.scrollTop = document.getElementById("chart-type-".concat(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-${item.icon}-container`,
+      id: "sea-chart-icon-".concat(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-${item.icon}-container`,
+      target: "sea-chart-icon-".concat(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-${index}`,
+      key: "sea-chart-type-".concat(index),
       className: "mb-7"
     }, /*#__PURE__*/React.createElement("h3", {
       className: "sea-chart-type-title m-0",
-      id: `chart-type-${index + 1}`
+      id: "chart-type-".concat(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 ${selectedType === chartType ? 'selected' : ''}`
+        className: "sea-chart-type-item ".concat(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 `${server}${mediaUrl}dtable-statistic/img/${name}?v=0.0.1`;
+        return "".concat(server).concat(mediaUrl, "dtable-statistic/img/").concat(name, "?v=0.0.1");
       }
-      return `${DEFAULT_MEDIAURL}dtable-statistic/img/${name}?v=0.0.1`;
+      return "".concat(DEFAULT_MEDIAURL, "dtable-statistic/img/").concat(name, "?v=0.0.1");
     };
     this.api = null;
     this.settings = {};

package/dist/services/map-json.js

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

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_${key}`;
+      key = "label_".concat(key);
     }
     onChange({
       [key]: value

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

@@ -66,7 +66,7 @@ export default function MapStyleSetting(_ref) {
     className: "ml-0 row gutters-xs"
   }, LABEL_COLORS.map((item, index) => {
     return /*#__PURE__*/React.createElement("div", {
-      key: `map-bubble-color-${index}`,
+      key: "map-bubble-color-".concat(index),
       className: "col-auto pl-0"
     }, /*#__PURE__*/React.createElement("label", {
       className: "colorinput"

package/dist/settings/stacks-settings/index.js

@@ -226,7 +226,7 @@ class StacksSettings extends Component {
         chart: chart,
         stack: yAxis,
         yAxisesIndex: index,
-        label: `${intl.get('Stack')}${index + 1}`,
+        label: "".concat(intl.get('Stack')).concat(index + 1),
         numericColumnsOptions: this.props.numericColumnsOptions,
         summaryMethodsOptions: this.summaryMethodsOptions,
         deleteStack: () => this.deleteStack(index),

package/dist/settings/style-settings.js

@@ -62,7 +62,7 @@ const StyleSettings = _ref => {
       type
     } = config;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatisticTitleSetting, {
-      key: `title-setting-${chart.id}`,
+      key: "title-setting-".concat(chart.id),
       title: style_config && style_config.title,
       modifyTitle: modifyTitle,
       type: type

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

@@ -415,7 +415,7 @@ const DataSettings = _ref => {
     return summary_columns.map((item, index) => {
       const currentUsedSummaryColumnKeys = usedSummaryColumnKeys.filter(columnKey => item.column_key !== columnKey);
       return /*#__PURE__*/React.createElement(NumericSummaryItem, {
-        key: `number-column-${index}`,
+        key: "number-column-".concat(index),
         chart: chart,
         numericColumnOptions: numericColumnOptions.filter(item => !currentUsedSummaryColumnKeys.includes(item.value.key)),
         index: index + 1,

package/dist/settings/trend-settings/style-setting.js

@@ -51,13 +51,13 @@ export default function StyleSettings(_ref) {
     font_weight: 400
   };
   const handleNumChange = (key, value) => {
-    key = `num_${key}`;
+    key = "num_".concat(key);
     onChange({
       [key]: value
     });
   };
   const handleLabelChange = (key, value) => {
-    key = `label_${key}`;
+    key = "label_".concat(key);
     if (key === 'label_font_size') {
       key = 'card_label_font_size';
     }

package/dist/settings/widgets/date-summary-item.js

@@ -84,14 +84,14 @@ class DateSummaryItem extends Component {
       className: "title-item title-left"
     }, /*#__PURE__*/React.createElement("i", {
       onClick: this.onToggleExpand,
-      className: `icon dtable-font ${isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide'}`
+      className: "icon dtable-font ".concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
     }), /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field') + (1 + index))), /*#__PURE__*/React.createElement("span", {
       className: "title-item title-right"
     }, index !== 0 && /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number close-icon",
       onClick: () => this.props.onDelete(index)
     }))), /*#__PURE__*/React.createElement("div", {
-      className: `${isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content'}`
+      className: "".concat(isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content')
     }, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item numeric-column"
     }, /*#__PURE__*/React.createElement(_DTableSelect, {

package/dist/settings/widgets/numeric-summary-item.js

@@ -118,14 +118,14 @@ class NumericSummaryItem extends Component {
       className: "numeric-summary-item d-flex align-items-center justify-content-between w-100"
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("i", {
       onClick: this.onToggleExpand,
-      className: `numeric-summary-item-icon dtable-font mr-2 ${isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide'}`
+      className: "numeric-summary-item-icon dtable-font mr-2 ".concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
     }), /*#__PURE__*/React.createElement("span", null, intl.get('Summary_field') + ' ' + (1 + index))), !isFirst && /*#__PURE__*/React.createElement("div", {
       className: "delete-numeric-summary-item-content close d-flex align-items-center justify-content-center",
       onClick: this.handleNumericSummaryItemDelete
     }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number delete-icon"
     }))), /*#__PURE__*/React.createElement("div", {
-      className: `pl-4 ${isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content d-none'}`
+      className: "pl-4 ".concat(isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content d-none')
     }, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item numeric-column"
     }, /*#__PURE__*/React.createElement(_DTableSelect, {

package/dist/settings/widgets/summary-settings.js

@@ -227,7 +227,7 @@ class SummarySettings extends Component {
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NumericSummaryItem, {
         chart: chart,
-        key: `number-column-${0}`,
+        key: "number-column-".concat(0),
         numericColumnOptions: this.numericColumnsOptions,
         onColumnOptionChange: this.onChangeNumericSummaryColumn,
         onSummaryMethodChange: this.onChangeNumericSummaryMethod,
@@ -369,7 +369,7 @@ class SummarySettings extends Component {
       return y_axis_left_group_by_numeric_columns.map((item, index) => {
         return /*#__PURE__*/React.createElement(NumericSummaryItem, {
           chart: chart,
-          key: `number-column-${index}`,
+          key: "number-column-".concat(index),
           numericColumnOptions: this.numericColumnsOptions,
           onColumnOptionChange: this.onChangeNumericSummaryColumn,
           onSummaryMethodChange: this.onChangeNumericSummaryMethod,

package/dist/settings/widgets/switch/index.js

@@ -13,7 +13,7 @@ const Switch = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('sea-chart-parameter-container', className)
   }, /*#__PURE__*/React.createElement(_DTableSwitch, {
-    key: `custom-switch-checkbox-${checked}`,
+    key: "custom-switch-checkbox-".concat(checked),
     checked: checked,
     disabled: disabled,
     switchClassName: "sea-chart-toggle-parameter",