sea-chart 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/components/cell-factory/SimpleCellFormatter.js +1 -1
  2. package/dist/components/cell-factory/link-content.js +4 -4
  3. package/dist/components/color-picker/index.js +1 -1
  4. package/dist/components/color-popover/color-rules/color-rule.js +1 -1
  5. package/dist/components/color-popover/color-rules/index.js +1 -1
  6. package/dist/components/color-popover/color-rules-popover.js +6 -6
  7. package/dist/components/color-popover/color-selector-popover.js +2 -2
  8. package/dist/components/color-setting/color-group-selector.js +1 -1
  9. package/dist/components/common-add-tool/index.js +2 -2
  10. package/dist/components/data-process-setter/hide-column-setter.js +1 -1
  11. package/dist/components/data-process-setter/sort-setter.js +2 -2
  12. package/dist/components/drill-down-settings/drill-down-fields-popover/index.js +4 -4
  13. package/dist/components/icon/index.js +2 -2
  14. package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.js +1 -1
  15. package/dist/components/popover/hide-column-popover/hide-column-popover.js +1 -1
  16. package/dist/components/popover/sort-popover/sort-popover.js +1 -1
  17. package/dist/components/row-card/row-card-header-cell.js +2 -2
  18. package/dist/components/row-card/row-card-header.js +1 -1
  19. package/dist/components/row-card/row-card-item.js +2 -2
  20. package/dist/components/row-card/row-card.js +2 -2
  21. package/dist/components/statistic-record-dialog/index.js +1 -1
  22. package/dist/components/types-dialog/index.js +7 -7
  23. package/dist/context.js +2 -2
  24. package/dist/services/map-json.js +4 -4
  25. package/dist/settings/basic-number-card/style-settings.js +1 -1
  26. package/dist/settings/index.js +3 -3
  27. package/dist/settings/map-settings/map-style-settings.js +1 -1
  28. package/dist/settings/stacks-settings/index.js +1 -1
  29. package/dist/settings/style-settings.js +1 -1
  30. package/dist/settings/table-settings/data-settings.js +1 -1
  31. package/dist/settings/trend-settings/style-setting.js +2 -2
  32. package/dist/settings/widgets/chart-type/index.js +3 -3
  33. package/dist/settings/widgets/date-summary-item.js +2 -2
  34. package/dist/settings/widgets/numeric-summary-item.js +2 -2
  35. package/dist/settings/widgets/summary-settings.js +2 -2
  36. package/dist/settings/widgets/switch/index.js +1 -1
  37. package/dist/settings/widgets/y-axis-group-settings.js +1 -1
  38. package/dist/utils/chart-utils/base-utils.js +7 -7
  39. package/dist/utils/chart-utils/original-data-utils/basic-chart-calculator.js +1 -1
  40. package/dist/utils/chart-utils/original-data-utils/compare-bar-chart-calculator.js +2 -2
  41. package/dist/utils/chart-utils/original-data-utils/completeness-calculator.js +1 -1
  42. package/dist/utils/chart-utils/sql-statistics-utils.js +9 -9
  43. package/dist/utils/collaborator-utils.js +1 -1
  44. package/dist/utils/collaborator.js +2 -2
  45. package/dist/utils/column-utils.js +12 -12
  46. package/dist/utils/common-utils.js +1 -1
  47. package/dist/utils/date-translate.js +1 -1
  48. package/dist/utils/object-utils.js +1 -1
  49. package/dist/utils/options-utils.js +2 -2
  50. package/dist/utils/row-record-utils.js +2 -2
  51. package/dist/utils/sql/chart-data-sql.js +58 -58
  52. package/dist/utils/sql/column-2-sql-column.js +18 -18
  53. package/dist/view/index.js +2 -5
  54. package/dist/view/title/index.js +2 -2
  55. package/dist/view/wrapper/bar.js +168 -93
  56. package/dist/view/wrapper/basic-number-card.js +8 -8
  57. package/dist/view/wrapper/chart-component.js +16 -52
  58. package/dist/view/wrapper/index.js +1 -237
  59. package/dist/view/wrapper/table/index.js +1 -1
  60. package/dist/view/wrapper/table/one-dimension-table-with-numeric-columns.js +3 -3
  61. package/dist/view/wrapper/table/pivot-table-display-name.js +1 -1
  62. package/dist/view/wrapper/table/two-dimension-table.js +8 -8
  63. package/dist/view/wrapper/table-element/components/formatter.js +2 -2
  64. package/dist/view/wrapper/table-element/components/formatters/FileFormatter/index.js +1 -1
  65. package/dist/view/wrapper/table-element/components/formatters/link-formatter.js +17 -17
  66. package/dist/view/wrapper/table-element/components/link-formatter.js +17 -17
  67. package/dist/view/wrapper/table-element/components/record.js +3 -3
  68. package/dist/view/wrapper/table-element/components/records.js +4 -4
  69. package/dist/view/wrapper/table-element/components/utils.js +1 -1
  70. package/dist/view/wrapper/trend.js +18 -18
  71. package/package.json +5 -11
  72. package/dist/utils/custom-g2.js +0 -684
  73. package/dist/view/wrapper/area.js +0 -282
  74. package/dist/view/wrapper/bar-custom.js +0 -239
  75. package/dist/view/wrapper/bar-group.js +0 -274
  76. package/dist/view/wrapper/combination.js +0 -728
  77. package/dist/view/wrapper/compare.js +0 -383
  78. package/dist/view/wrapper/completeness.js +0 -174
  79. package/dist/view/wrapper/dashboard.js +0 -179
  80. package/dist/view/wrapper/funnel.js +0 -206
  81. package/dist/view/wrapper/heat-map.js +0 -434
  82. package/dist/view/wrapper/horizontal-bar-group.js +0 -226
  83. package/dist/view/wrapper/horizontal-bar.js +0 -175
  84. package/dist/view/wrapper/horizontal-component.js +0 -89
  85. package/dist/view/wrapper/line-group.js +0 -219
  86. package/dist/view/wrapper/line.js +0 -222
  87. package/dist/view/wrapper/map.js +0 -368
  88. package/dist/view/wrapper/mirror.js +0 -218
  89. package/dist/view/wrapper/pie.js +0 -253
  90. package/dist/view/wrapper/ring.js +0 -328
  91. package/dist/view/wrapper/scatter.js +0 -140
  92. package/dist/view/wrapper/treemap.js +0 -206
  93. package/dist/view/wrapper/world-map.js +0 -413
  94. package/dist/view/wrapper/wrappers-d3/bar.js +0 -262
@@ -20,7 +20,7 @@ const Switch = _ref => {
20
20
  return /*#__PURE__*/_react.default.createElement("div", {
21
21
  className: (0, _classnames.default)('sea-chart-parameter-container', className)
22
22
  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
23
- key: `custom-switch-checkbox-${checked}`,
23
+ key: "custom-switch-checkbox-".concat(checked),
24
24
  checked: checked,
25
25
  disabled: disabled,
26
26
  switchClassName: "sea-chart-toggle-parameter",
@@ -348,7 +348,7 @@ class YAxisGroupSettings extends _react.Component {
348
348
  if (!summary_columns || !Array.isArray(summary_columns)) return null;
349
349
  return summary_columns.map((item, index) => {
350
350
  return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
351
- key: `number-column-${index}`,
351
+ key: "number-column-".concat(index),
352
352
  index: index + 1,
353
353
  value: item,
354
354
  chart: chart,
@@ -1572,10 +1572,10 @@ BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple = (chart, sqlRows, chart
1572
1572
  newSqlRows.forEach(item => {
1573
1573
  summarySQLColumnName2ColumnKeys.forEach(key => {
1574
1574
  if (key.startsWith('AVG')) {
1575
- item[`COUNT(${key.slice(3)})`] = item['COUNT(*)'];
1575
+ item["COUNT(".concat(key.slice(3), ")")] = item['COUNT(*)'];
1576
1576
  // Update avg
1577
1577
  const newKey = 'SUM' + key.slice(3);
1578
- item[key] = item[newKey] / item[`COUNT(${key.slice(3)})`];
1578
+ item[key] = item[newKey] / item["COUNT(".concat(key.slice(3), ")")];
1579
1579
  }
1580
1580
  });
1581
1581
  });
@@ -1587,7 +1587,7 @@ BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple = (chart, sqlRows, chart
1587
1587
  newSqlRows.forEach(item => {
1588
1588
  summarySQLColumnName2ColumnKeys.forEach(key => {
1589
1589
  if (key.startsWith('AVG')) {
1590
- item[`COUNT(${key.slice(3)})`] = item['COUNT(*)'];
1590
+ item["COUNT(".concat(key.slice(3), ")")] = item['COUNT(*)'];
1591
1591
  }
1592
1592
  });
1593
1593
  });
@@ -1608,7 +1608,7 @@ BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple = (chart, sqlRows, chart
1608
1608
  // Avg: The avg is calculated by sum / count
1609
1609
  if (key.startsWith('AVG')) {
1610
1610
  newKey = 'SUM' + key.slice(3);
1611
- newSqlRows[rowIndex][`COUNT(${key.slice(3)})`] = newSqlRows[rowIndex][`COUNT(${key.slice(3)})`] + item['COUNT(*)'];
1611
+ newSqlRows[rowIndex]["COUNT(".concat(key.slice(3), ")")] = newSqlRows[rowIndex]["COUNT(".concat(key.slice(3), ")")] + item['COUNT(*)'];
1612
1612
  }
1613
1613
  // Sum
1614
1614
  if (newKey.startsWith('SUM') && newSqlRows[rowIndex][newKey]) {
@@ -1642,7 +1642,7 @@ BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple = (chart, sqlRows, chart
1642
1642
  // Avg: The avg is calculated by sum / count
1643
1643
  if (key.startsWith('AVG')) {
1644
1644
  newKey = 'SUM' + key.slice(3);
1645
- obj[`COUNT(${key.slice(3)})`] = item['COUNT(*)'];
1645
+ obj["COUNT(".concat(key.slice(3), ")")] = item['COUNT(*)'];
1646
1646
  }
1647
1647
  // Sum
1648
1648
  if (newKey.startsWith('SUM')) {
@@ -1662,7 +1662,7 @@ BaseUtils.formatedTableSqlRowsByCollaboratorAndMultiple = (chart, sqlRows, chart
1662
1662
  // Update avg
1663
1663
  if (key.startsWith('AVG')) {
1664
1664
  const newKey = 'SUM' + key.slice(3);
1665
- item[key] = item[newKey] / item[`COUNT(${key.slice(3)})`];
1665
+ item[key] = item[newKey] / item["COUNT(".concat(key.slice(3), ")")];
1666
1666
  }
1667
1667
  });
1668
1668
  });
@@ -1744,7 +1744,7 @@ BaseUtils.updateCollaboratorAndMultipleAvg = (pivot_rows, all) => {
1744
1744
  let allSum = 0;
1745
1745
  let allCount = 0;
1746
1746
  cell.rows.forEach(r => {
1747
- allSum = allSum + r[`SUM(${avgColumnName})`];
1747
+ allSum = allSum + r["SUM(".concat(avgColumnName, ")")];
1748
1748
  allCount = allCount + r['COUNT(*)'];
1749
1749
  });
1750
1750
 
@@ -492,7 +492,7 @@ async function calculateCustomBar(statItem, value, _ref4) {
492
492
  if (!Array.isArray(column_groupby_numeric_columns) || column_groupby_numeric_columns.length === 0) {
493
493
  return;
494
494
  }
495
- const yAxisType = `${_constants.Y_AXIS_TYPE_PREFIX}${index}`;
495
+ const yAxisType = "".concat(_constants.Y_AXIS_TYPE_PREFIX).concat(index);
496
496
  column_groupby_numeric_columns.forEach(numericSummaryColumn => {
497
497
  const {
498
498
  column_key: summary_column_key,
@@ -28,8 +28,8 @@ async function calculator(chart, value, _ref) {
28
28
  x_axis_compared_date_range_end,
29
29
  display_increase
30
30
  } = chart;
31
- const groupName1 = `${x_axis_date_range_start} - ${x_axis_date_range_end}`;
32
- const groupName2 = `${x_axis_compared_date_range_start} - ${x_axis_compared_date_range_end}`;
31
+ const groupName1 = "".concat(x_axis_date_range_start, " - ").concat(x_axis_date_range_end);
32
+ const groupName2 = "".concat(x_axis_compared_date_range_start, " - ").concat(x_axis_compared_date_range_end);
33
33
  const table = (0, _dtableUtils.getTableById)(value.tables, table_id);
34
34
  const view = table && (0, _dtableUtils.getViewById)(table.views, view_id);
35
35
  if (!view || !x_axis_column_key) {
@@ -144,7 +144,7 @@ async function calculator(chart, value, _ref) {
144
144
  let targetValue = (0, _rowUtils.getCellValue)(row, formulaRow, targetColumn);
145
145
  currentValue = (0, _dtableUtils.isNumber)(currentValue) ? currentValue : 0;
146
146
  targetValue = (0, _dtableUtils.isNumber)(targetValue) ? targetValue : 0;
147
- const concatLabel = `${label}_${groupLabel}`;
147
+ const concatLabel = "".concat(label, "_").concat(groupLabel);
148
148
  if (labelCountMap[concatLabel]) {
149
149
  labelCountMap[concatLabel].currentValue = currentValue + labelCountMap[concatLabel].currentValue;
150
150
  labelCountMap[concatLabel].targetValue = targetValue + labelCountMap[concatLabel].targetValue;
@@ -770,7 +770,7 @@ SQLStatisticsUtils.customChartSQLResult2JavaScript = async (chart, sqlRows, char
770
770
  const {
771
771
  column_groupby_numeric_columns
772
772
  } = stack;
773
- const y_axis_type = `${_constants.Y_AXIS_TYPE_PREFIX}${index}`;
773
+ const y_axis_type = "".concat(_constants.Y_AXIS_TYPE_PREFIX).concat(index);
774
774
  let summaryMethods = [];
775
775
  let originalMethods = [];
776
776
  let groupColumnNames = [];
@@ -880,8 +880,8 @@ SQLStatisticsUtils.compareSQLResult2Javascript = async (chart, sqlRows, chartSQL
880
880
  y_axis_summary_method,
881
881
  display_increase
882
882
  } = config;
883
- const groupName1 = `${x_axis_date_range_start} - ${x_axis_date_range_end}`;
884
- const groupName2 = `${x_axis_compared_date_range_start} - ${x_axis_compared_date_range_end}`;
883
+ const groupName1 = "".concat(x_axis_date_range_start, " - ").concat(x_axis_date_range_end);
884
+ const groupName2 = "".concat(x_axis_compared_date_range_start, " - ").concat(x_axis_compared_date_range_end);
885
885
  const dateRangeResult = new Map();
886
886
  let dateComparedResult = new Map();
887
887
  const isAdvanced = y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED;
@@ -1791,13 +1791,13 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
1791
1791
  const groupby = row[sqlColumnGroupByColumnKey];
1792
1792
  const names = row[name_column.key];
1793
1793
  if (!names) {
1794
- const key = `empty_${groupby}`;
1794
+ const key = "empty_".concat(groupby);
1795
1795
  row[name_column.key] = _intl.default.get('Empty');
1796
1796
  acc[key] = row;
1797
1797
  return acc;
1798
1798
  }
1799
1799
  names.forEach(name => {
1800
- const key = `${name}_${groupby}`;
1800
+ const key = "".concat(name, "_").concat(groupby);
1801
1801
  if (!acc[key]) {
1802
1802
  row[name_column.key] = name;
1803
1803
  acc[key] = row;
@@ -1818,12 +1818,12 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
1818
1818
  const nameValue = row[name_column.key];
1819
1819
  const groupby = row[sqlColumnGroupByColumnKey];
1820
1820
  if (!nameValue) {
1821
- const key = `empty_${groupby}`;
1821
+ const key = "empty_".concat(groupby);
1822
1822
  row[name_column.key] = _intl.default.get('Empty');
1823
1823
  acc[key] = row;
1824
1824
  return acc;
1825
1825
  }
1826
- const key = `${nameValue}_${groupby}`;
1826
+ const key = "".concat(nameValue, "_").concat(groupby);
1827
1827
  if (!acc[key]) {
1828
1828
  acc[key] = row;
1829
1829
  } else {
@@ -1849,8 +1849,8 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
1849
1849
  let completedValue;
1850
1850
  let groupby;
1851
1851
  if (sqlColumnGroupByColumnKey) {
1852
- targetValue = row[`SUM(${target_column.name})`];
1853
- completedValue = row[`SUM(${completed_column.name})`];
1852
+ targetValue = row["SUM(".concat(target_column.name, ")")];
1853
+ completedValue = row["SUM(".concat(completed_column.name, ")")];
1854
1854
  groupby = row[sqlColumnGroupByColumnKey] || _intl.default.get('Empty');
1855
1855
  } else {
1856
1856
  completedValue = _SQLStatisticsUtils._get_completeness_name(row, completed_column);
@@ -98,7 +98,7 @@ async function getUsers(emails, cb) {
98
98
  }
99
99
  const generateDefaultUser = name => {
100
100
  const mediaUrl = _context.default.getSetting('mediaUrl');
101
- const defaultAvatarUrl = `${mediaUrl}avatars/default.png`;
101
+ const defaultAvatarUrl = "".concat(mediaUrl, "avatars/default.png");
102
102
  return {
103
103
  name,
104
104
  email: name,
@@ -13,7 +13,7 @@ const getKnownCreatorByEmail = (collaborators, email) => {
13
13
  let {
14
14
  mediaUrl
15
15
  } = window.dtable || {};
16
- let defaultAvatarUrl = `${mediaUrl}avatars/default.png`;
16
+ let defaultAvatarUrl = "".concat(mediaUrl, "avatars/default.png");
17
17
  if (email === 'anonymous' || email === 'Automation Rule') {
18
18
  return {
19
19
  name: email,
@@ -41,7 +41,7 @@ const generateDefaultUser = name => {
41
41
  let {
42
42
  mediaUrl
43
43
  } = window.dtable;
44
- let defaultAvatarUrl = `${mediaUrl}avatars/default.png`;
44
+ let defaultAvatarUrl = "".concat(mediaUrl, "avatars/default.png");
45
45
  return {
46
46
  name,
47
47
  avatar_url: defaultAvatarUrl
@@ -341,43 +341,43 @@ const getSummaryResult = function (results, summaryMethod) {
341
341
  exports.getSummaryResult = getSummaryResult;
342
342
  const getSqlGroup = (column, groupBy) => {
343
343
  const columnName = (column === null || column === void 0 ? void 0 : column.name) || '';
344
- const validColumnName = `\`${columnName}\``;
344
+ const validColumnName = "`".concat(columnName, "`");
345
345
  const type = (column === null || column === void 0 ? void 0 : column.type) || '';
346
346
  if (type === _dtableUtils.CellType.CTIME || type === _dtableUtils.CellType.MTIME || type === _dtableUtils.CellType.DATE) {
347
347
  const dateGranularity = (groupBy['date_granularity'] || '').toUpperCase();
348
348
  if (['DAY', 'DAYS_7', 'DAYS_30'].includes(dateGranularity)) {
349
- return `ISODATE(${validColumnName})`;
349
+ return "ISODATE(".concat(validColumnName, ")");
350
350
  }
351
351
  if (dateGranularity === 'WEEK') {
352
- return `ISODATE(STARTOFWEEK(${validColumnName}, "monday"))`;
352
+ return "ISODATE(STARTOFWEEK(".concat(validColumnName, ", \"monday\"))");
353
353
  }
354
354
  if (dateGranularity === 'MONTH') {
355
- return `ISOMONTH(${validColumnName})`;
355
+ return "ISOMONTH(".concat(validColumnName, ")");
356
356
  }
357
357
  if (dateGranularity === 'QUARTER') {
358
- return `CONCATENATE(year(${validColumnName}), "-Q", quarter(${validColumnName}))`;
358
+ return "CONCATENATE(year(".concat(validColumnName, "), \"-Q\", quarter(").concat(validColumnName, "))");
359
359
  }
360
360
  if (dateGranularity === 'YEAR') {
361
- return `YEAR(${validColumnName})`;
361
+ return "YEAR(".concat(validColumnName, ")");
362
362
  }
363
363
  if (dateGranularity === 'MAX') {
364
- return `MAX(${validColumnName})`;
364
+ return "MAX(".concat(validColumnName, ")");
365
365
  }
366
366
  if (dateGranularity === 'MIN') {
367
- return `MIN(${validColumnName})`;
367
+ return "MIN(".concat(validColumnName, ")");
368
368
  }
369
- return `ISOMONTH(${validColumnName})`;
369
+ return "ISOMONTH(".concat(validColumnName, ")");
370
370
  }
371
371
  if (type === _dtableUtils.CellType.GEOLOCATION) {
372
372
  const geolocationGranularity = (groupBy['geolocation_granularity'] || '').toUpperCase();
373
373
  if (geolocationGranularity === 'PROVINCE') {
374
- return `PROVINCE(${validColumnName})`;
374
+ return "PROVINCE(".concat(validColumnName, ")");
375
375
  }
376
376
  if (geolocationGranularity === 'CITY') {
377
- return `CITY(${validColumnName})`;
377
+ return "CITY(".concat(validColumnName, ")");
378
378
  }
379
379
  if (geolocationGranularity === 'DISTRICT') {
380
- return `DISTRICT(${validColumnName})`;
380
+ return "DISTRICT(".concat(validColumnName, ")");
381
381
  }
382
382
  return validColumnName;
383
383
  }
@@ -146,7 +146,7 @@ const generateCurrentBaseImageThumbnailUrl = _ref => {
146
146
  size
147
147
  } = _ref;
148
148
  if (!partUrl || typeof partUrl !== 'string') return '';
149
- return `${server}/thumbnail/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}?size=${size}`;
149
+ return "".concat(server, "/thumbnail/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl, "?size=").concat(size);
150
150
  };
151
151
  exports.generateCurrentBaseImageThumbnailUrl = generateCurrentBaseImageThumbnailUrl;
152
152
  const isInternalUrl = url => {
@@ -83,6 +83,6 @@ function convertQuarterToDate(yearQuarter) {
83
83
  const year = timeDetailList[0];
84
84
  const quarter = timeDetailList[1];
85
85
  const quarterTime = quarterTimeMap[quarter];
86
- const timeString = `${year}-${quarterTime}`;
86
+ const timeString = "".concat(year, "-").concat(quarterTime);
87
87
  return new Date(timeString);
88
88
  }
@@ -17,7 +17,7 @@ class ObjectUtils {
17
17
  }
18
18
  static isObjectChanged(source, comparison) {
19
19
  if (!this.iterable(source)) {
20
- throw new Error(`source should be a Object or Array , but got ${this.getDataType(source)}`);
20
+ throw new Error("source should be a Object or Array , but got ".concat(this.getDataType(source)));
21
21
  }
22
22
  if (this.getDataType(source) !== this.getDataType(comparison)) {
23
23
  return true;
@@ -29,7 +29,7 @@ const generatorCommonOption = function () {
29
29
  if (optionType === 'divide') {
30
30
  return {
31
31
  value: validOption,
32
- key: `divide-${index}`,
32
+ key: "divide-".concat(index),
33
33
  type: optionType,
34
34
  name: '',
35
35
  isDuplicate: false,
@@ -40,7 +40,7 @@ const generatorCommonOption = function () {
40
40
  }
41
41
  return {
42
42
  value: validOption,
43
- key: `${name}-${index}`,
43
+ key: "".concat(name, "-").concat(index),
44
44
  type: optionType,
45
45
  name,
46
46
  isDuplicate,
@@ -252,7 +252,7 @@ const getFormattedCell = function (column, row) {
252
252
  departments
253
253
  });
254
254
  return /*#__PURE__*/_react.default.createElement("div", {
255
- key: `${rowId}_${display_column_key}`,
255
+ key: "".concat(rowId, "_").concat(display_column_key),
256
256
  className: "link"
257
257
  }, /*#__PURE__*/_react.default.createElement("span", {
258
258
  className: "link-name"
@@ -294,7 +294,7 @@ const getFormattedCell = function (column, row) {
294
294
  return /*#__PURE__*/_react.default.createElement(_SingleSelectOption.default, {
295
295
  column: column,
296
296
  value: item,
297
- key: `row-operation-multiple-select-${index}`
297
+ key: "row-operation-multiple-select-".concat(index)
298
298
  });
299
299
  }));
300
300
  }