dtable-statistic 4.4.23 → 4.4.24-alpha.1

package/es/stat-view/index.js

@@ -6,170 +6,60 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _pivotTable = _interopRequireDefault(require("./pivot-table"));
-var _barChart = _interopRequireDefault(require("./bar-chart"));
-var _compareChart = _interopRequireDefault(require("./compare-chart"));
-var _horizontalBarChart = _interopRequireDefault(require("./horizontal-bar-chart"));
-var _completenessChart = _interopRequireDefault(require("./completeness-chart"));
-var _lineChart = _interopRequireDefault(require("./line-chart"));
-var _areaChart = _interopRequireDefault(require("./area-chart"));
-var _pieChart = _interopRequireDefault(require("./pie-chart"));
-var _ringChart = _interopRequireDefault(require("./ring-chart"));
-var _scatterChart = _interopRequireDefault(require("./scatter-chart"));
-var _combinationChart = _interopRequireDefault(require("./combination-chart"));
-var _map = _interopRequireDefault(require("./map"));
-var _worldMap = _interopRequireDefault(require("./world-map"));
-var _heatMap = _interopRequireDefault(require("./heat-map"));
-var _mirror = _interopRequireDefault(require("./mirror"));
-var _basicNumberCard = _interopRequireDefault(require("./basic-number-card"));
-var _trendChart = _interopRequireDefault(require("./trend-chart"));
-var _dashboardChart = _interopRequireDefault(require("./dashboard-chart"));
-var _treemapChart = _interopRequireDefault(require("./treemap-chart"));
-var _customBar = _interopRequireDefault(require("./custom-bar"));
-var _constants = require("../constants");
+var _seaChart = require("sea-chart");
+var _dtableUtils = require("dtable-utils");
 class StatView extends _react.default.Component {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
+    this.getViewRef = ref => {
+      this.viewRef = ref;
+    };
     this.getStatData = () => {
-      if (!this.chartView || !this.chartView.getStatData) return null;
-      return this.chartView.getStatData();
+      const {
+        getTableById,
+        statItem
+      } = this.props;
+      const {
+        table_id,
+        groupby_column_key,
+        column_groupby_column_key,
+        summary_column_key
+      } = statItem.config;
+      const table = getTableById(table_id);
+      const groupbyColumn = groupby_column_key && (0, _dtableUtils.getTableColumnByKey)(table, groupby_column_key);
+      const columnGroupbyColumn = column_groupby_column_key && (0, _dtableUtils.getTableColumnByKey)(table, column_groupby_column_key);
+      const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column_key) || {};
+      return {
+        pivotResult: this.viewRef.state.data.result,
+        statisticTableColumns: table.columns,
+        groupbyColumn,
+        columnGroupbyColumn,
+        summaryColumn
+      };
     };
+    this.viewRef = null;
   }
   render() {
     const {
-      isPreview,
-      isEnlarge,
-      isEdit,
-      dtableChangedTime,
-      theme,
-      colorThemeName,
       statItem,
-      chartCalculator,
-      eventBus,
-      getTableById,
-      toggleStatisticRecordsDialog
-    } = this.props;
-    let viewProps = {
-      isPreview,
-      isEnlarge,
-      isEdit,
-      dtableChangedTime,
+      api,
+      value,
       theme,
-      colorThemeName,
-      statItem,
-      chartCalculator,
-      eventBus,
-      getTableById,
-      queryMapJson: this.props.queryMapJson,
-      toggleStatisticRecordsDialog,
-      ref: ref => {
-        this.chartView = ref;
-      }
-    };
-    switch (statItem.type) {
-      case _constants.STAT_TYPE.BAR:
-      case _constants.STAT_TYPE.BAR_GROUP:
-      case _constants.STAT_TYPE.BAR_STACK:
-        {
-          return /*#__PURE__*/_react.default.createElement(_barChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.COMPARE_BAR:
-        {
-          return /*#__PURE__*/_react.default.createElement(_compareChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.HORIZONTAL_BAR:
-      case _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR:
-      case _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR:
-        {
-          return /*#__PURE__*/_react.default.createElement(_horizontalBarChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.COMPLETENESS_CHART:
-      case _constants.STAT_TYPE.GROUP_COMPLETENESS_CHART:
-        {
-          return /*#__PURE__*/_react.default.createElement(_completenessChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.LINE:
-      case _constants.STAT_TYPE.GROUP_LINE:
-        {
-          return /*#__PURE__*/_react.default.createElement(_lineChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.AREA_CHART:
-      case _constants.STAT_TYPE.AREA_GROUP_CHART:
-        {
-          return /*#__PURE__*/_react.default.createElement(_areaChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.PIE:
-        {
-          return /*#__PURE__*/_react.default.createElement(_pieChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.RING:
-        {
-          return /*#__PURE__*/_react.default.createElement(_ringChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.SCATTER:
-        {
-          return /*#__PURE__*/_react.default.createElement(_scatterChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.COMBINATION_CHART:
-        {
-          return /*#__PURE__*/_react.default.createElement(_combinationChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.MAP:
-      case _constants.STAT_TYPE.MAP_BUBBLE:
-        {
-          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-          return /*#__PURE__*/_react.default.createElement(_map.default, viewProps);
-        }
-      case _constants.STAT_TYPE.WORLD_MAP:
-      case _constants.STAT_TYPE.WORLD_MAP_BUBBLE:
-        {
-          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-          return /*#__PURE__*/_react.default.createElement(_worldMap.default, viewProps);
-        }
-      case _constants.STAT_TYPE.HEAT_MAP:
-        {
-          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-          return /*#__PURE__*/_react.default.createElement(_heatMap.default, viewProps);
-        }
-      case _constants.STAT_TYPE.MIRROR:
-        {
-          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-          return /*#__PURE__*/_react.default.createElement(_mirror.default, viewProps);
-        }
-      case _constants.STAT_TYPE.BASIC_NUMBER_CARD:
-        {
-          return /*#__PURE__*/_react.default.createElement(_basicNumberCard.default, viewProps);
-        }
-      case _constants.STAT_TYPE.TREND_CHART:
-        {
-          return /*#__PURE__*/_react.default.createElement(_trendChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.DASHBOARD:
-        {
-          return /*#__PURE__*/_react.default.createElement(_dashboardChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.TREEMAP:
-        {
-          return /*#__PURE__*/_react.default.createElement(_treemapChart.default, viewProps);
-        }
-      case _constants.STAT_TYPE.PIVOT_TABLE:
-        {
-          return /*#__PURE__*/_react.default.createElement(_pivotTable.default, viewProps);
-        }
-      case _constants.STAT_TYPE.CUSTOM_BAR:
-        {
-          return /*#__PURE__*/_react.default.createElement(_customBar.default, viewProps);
-        }
-      default:
-        {
-          return null;
-        }
-    }
+      colorThemeName
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "statistic-chart-container"
+    }, /*#__PURE__*/_react.default.createElement(_seaChart.View, {
+      chart: statItem,
+      api: api,
+      config: window.dtable,
+      tables: value.tables,
+      collaborators: value.collaborators,
+      hideTitle: true,
+      globalTheme: theme,
+      chartColorTheme: colorThemeName,
+      onViewRef: this.getViewRef
+    }));
   }
 }
-StatView.defaultProps = {
-  isPreview: false,
-  isEnlarge: false,
-  isEdit: false
-};
 var _default = exports.default = StatView;

package/es/utils/common-utils.js

@@ -1,20 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.arraysEqual = arraysEqual;
-exports.formatNumericValue = void 0;
-exports.formatPieChartData = formatPieChartData;
-exports.isShapeEqual = exports.isBoolean = exports.isArrayCellValue = exports.getSummaryResult = exports.getSummaryColumnMethod = exports.getLabelFontSize = exports.getImageUrl = exports.getCurrentTheme = exports.generatorUniqueId = void 0;
-exports.isStatItemEqual = isStatItemEqual;
-exports.shallowEqual = shallowEqual;
-exports.sortDataByGroupSum = exports.shouldCalculateStatItem = void 0;
+exports.generatorUniqueId = void 0;
 var _dtableUtils = require("dtable-utils");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _constants = require("../constants");
-var _statUtils = _interopRequireDefault(require("./stat-utils"));
 const generatorUniqueId = list => {
   let uniqueId;
   let isUnique = false;
@@ -34,344 +24,4 @@ const generatorUniqueId = list => {
   }
   return uniqueId;
 };
-exports.generatorUniqueId = generatorUniqueId;
-const getImageUrl = imageName => {
-  const {
-    mediaUrl
-  } = window.dtable;
-  return "".concat(mediaUrl, "dtable-statistic/img/").concat(imageName);
-};
-exports.getImageUrl = getImageUrl;
-const isShapeEqual = (position1, position2) => {
-  if (position1 && position2) {
-    return position1.w === position2.w && position1.h === position2.h;
-  }
-  if (!position1 && !position2) return true;
-  return false;
-};
-exports.isShapeEqual = isShapeEqual;
-function isStatItemEqual(prevStatItem, chart) {
-  let statItemType = prevStatItem.type;
-  if (statItemType !== chart.type) return false;
-  return shallowEqual(prevStatItem, chart);
-}
-function shallowEqual(objA, objB) {
-  if (objA === objB) {
-    return true;
-  }
-  if (typeof objA !== 'object' || !objA || typeof objB !== 'object' || !objB) {
-    return false;
-  }
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  for (let i = 0; i < keysA.length; i++) {
-    let key = keysA[i];
-    let valueA = objA[key];
-    let valueB = objB[key];
-    if (key === 'layout') continue;
-    // line | chart-bar | chart-bar-stack | chart-bar-group
-    if (key === 'show_x_axis_label') continue;
-    if (key === 'show_y_axis_label') continue;
-    if (key === 'x_axis_label_position') continue;
-    if (key === 'y_axis_label_position') continue;
-
-    // horizontal bar | horizontal group bar
-    if (key === 'show_vertical_axis_label') continue;
-    if (key === 'show_horizontal_axis_label') continue;
-    if (key === 'vertical_axis_label_position') continue;
-    if (key === 'horizontal_axis_label_position') continue;
-
-    // combination chart
-    if (key === 'show_y_axis_left_label') continue;
-    if (key === 'show_y_axis_right_label') continue;
-    if (key === 'y_axis_left_label_position') continue;
-    if (key === 'y_axis_right_label_position') continue;
-    if (objA.type !== 'basic_number_card' && objA.type !== _constants.STAT_TYPE.DASHBOARD && key === 'name') continue;
-    if (Object.prototype.hasOwnProperty.call(objB, key)) {
-      if (Array.isArray(valueA) && Array.isArray(valueB)) {
-        let isArrayEqual = arraysEqual(valueA, valueB);
-        if (!isArrayEqual) return false;
-      } else if (valueA !== valueB) {
-        return false;
-      }
-    } else {
-      return false;
-    }
-  }
-  if (!isShapeEqual(objA.layout, objB.layout)) {
-    return false;
-  }
-  return true;
-}
-const IGNORE_STAT_KEYS = ['layout', 'name', 'show_y_axis_label', 'show_x_axis_label', 'show_vertical_axis_label', 'show_horizontal_axis_label', 'vertical_axis_label_position', 'horizontal_axis_label_position', 'horizontal_axis_label_color', 'y_axis_label_color', 'data_color', 'display_data', 'show_y_axis_left_label', 'show_y_axis_right_label', 'x_axis_label_position', 'y_axis_label_position', 'y_axis_left_color', 'y_axis_right_color', 'y_axis_left_label_position', 'y_axis_right_label_position', 'minimum_slice_percent', 'bubble_color', 'map_type', 'legend_direction', 'legend_size', 'completed_color', 'uncompleted_color', 'display_percentage', 'label_font_size'];
-const shouldCalculateStatItem = (prevStatItem, chart) => {
-  let statItemType = prevStatItem.type;
-  if (statItemType !== chart.type) return true;
-  if (prevStatItem === chart) {
-    return false;
-  }
-  if (typeof prevStatItem !== 'object' || !prevStatItem || typeof chart !== 'object' || !chart) {
-    return true;
-  }
-  const keysA = Object.keys(prevStatItem);
-  const keysB = Object.keys(chart);
-  if (keysA.length !== keysB.length) {
-    return true;
-  }
-  for (let i = 0; i < keysA.length; i++) {
-    let key = keysA[i];
-    let valueA = prevStatItem[key];
-    let valueB = chart[key];
-    if (IGNORE_STAT_KEYS.includes(key)) continue;
-    if (Object.prototype.hasOwnProperty.call(chart, key)) {
-      if (Array.isArray(valueA) && Array.isArray(valueB)) {
-        let isArrayEqual = arraysEqual(valueA, valueB);
-        if (!isArrayEqual) return true;
-      } else if (valueA !== valueB) {
-        return true;
-      }
-    } else {
-      return true;
-    }
-  }
-  return false;
-};
-exports.shouldCalculateStatItem = shouldCalculateStatItem;
-function arraysEqual(arrayA, arrayB) {
-  if (arrayA === null || arrayB === null) return false;
-  if (arrayA.length !== arrayB.length) return false;
-  for (let i = 0; i < arrayA.length; i++) {
-    if (!shallowEqual(arrayA[i], arrayB[i])) return false;
-  }
-  return true;
-}
-const isArrayCellValue = column => {
-  if (!column) return false;
-  const {
-    type,
-    data
-  } = column;
-  return _constants.MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[type] || _dtableUtils.FORMULA_COLUMN_TYPES_MAP[type] && data && data.result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY && _dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(data.array_type) // the collaborator lookup is not formatted
-  ;
-};
-exports.isArrayCellValue = isArrayCellValue;
-const getSummaryResult = function (results, summaryMethod) {
-  let precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 8;
-  const numericResults = Array.isArray(results) && results.length > 0 ? results.filter(res => (0, _dtableUtils.isNumber)(res)) : [];
-  switch (summaryMethod) {
-    case _constants.SUMMARY_METHOD_MAP.Max:
-      {
-        return getMax(numericResults);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Min:
-      {
-        return getMin(numericResults);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Sum:
-      {
-        return getSum(numericResults, precision);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Mean:
-      {
-        return getMean(numericResults, precision);
-      }
-    case _constants.SUMMARY_METHOD_MAP.Distinct_values:
-      {
-        let count = 0;
-        let existMap = {};
-        Array.isArray(results) && results.forEach(resNum => {
-          let num = resNum;
-          if (!num) {
-            if (num === 0) {
-              num = '0';
-            } else {
-              num = !!num;
-            }
-          }
-          if (!existMap[num]) {
-            existMap[num] = true;
-            count++;
-          }
-        });
-        return count;
-      }
-    default:
-      {
-        return 0;
-      }
-  }
-};
-exports.getSummaryResult = getSummaryResult;
-const getMax = list => {
-  if (list.length === 0) return 0;
-  return Number.parseFloat(Math.max.apply(null, list));
-};
-const getMin = list => {
-  if (list.length === 0) return 0;
-  return Number.parseFloat(Math.min.apply(null, list).toFixed(8));
-};
-const getSum = function (list) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
-  if (list.length === 0) return 0;
-  const sum = list.reduce((a, b) => {
-    return a + b;
-  }, 0);
-  return Number.parseFloat(Number(sum).toFixed(8));
-};
-const getMean = function (list) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
-  if (list.length === 0) return 0;
-  const sum = getSum(list);
-  return Number.parseFloat((sum / list.length).toFixed(precision));
-};
-const getPieColor = (color_option, column, index, data, currentTheme) => {
-  let {
-    type: columnType,
-    data: columnData
-  } = column;
-  const {
-    colors
-  } = currentTheme;
-  if (color_option === _constants.PIE_COLOR_OPTIONS[1] && (columnType === _dtableUtils.CellType.SINGLE_SELECT || columnType === _dtableUtils.CellType.MULTIPLE_SELECT)) {
-    if (columnData && columnData.options) {
-      const selectedItem = columnData.options.find(item => item.name === data.name) || {};
-      return selectedItem.color || '#dbdbdb';
-    }
-  } else {
-    const sIndex = String(index);
-    const colorIndex = sIndex.charAt(sIndex.length - 1);
-    return colors[colorIndex];
-  }
-};
-function formatPieChartData(data, statItem, table, currentTheme) {
-  const {
-    groupby_column_key,
-    color_option,
-    summary_column_key,
-    summary_method: summaryMethod,
-    summary_type
-  } = statItem;
-  const isAdvanced = summary_type === 'advanced';
-  const column = (0, _dtableUtils.getTableColumnByKey)(table, groupby_column_key);
-  let sum = data.reduce((total, currentValue) => {
-    return total += currentValue.value;
-  }, 0);
-  const minimumSlicePercentage = typeof statItem.minimum_slice_percent === 'number' ? statItem.minimum_slice_percent : 1.5;
-  const threshold = sum * (minimumSlicePercentage / 100 || 0);
-  const filteredItems = [];
-  const colorSet = [];
-  const filteredData = [];
-  let stepIndex = 0;
-  data.forEach((item, index) => {
-    const value = item.value;
-    if (value >= threshold) {
-      const colorIndex = index - stepIndex;
-      item.percent = String(Number.parseFloat(value / sum * 100).toFixed(1)) + '%';
-      const color = getPieColor(color_option, column, colorIndex, item, currentTheme);
-      item.color = color;
-      colorSet.push(color);
-      filteredData.push(item);
-    } else {
-      stepIndex += 1;
-      filteredItems.push(item);
-    }
-  });
-  data = filteredData;
-  if (filteredItems.length > 0) {
-    const filteredSum = filteredItems.reduce((total, currentValue) => {
-      return total += currentValue.value;
-    }, 0);
-    let formattedValueSum = filteredSum;
-    if (isAdvanced) {
-      const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column_key);
-      formattedValueSum = _statUtils.default.getFormattedValue(filteredSum, summaryColumn, summaryMethod);
-    }
-    let original_name_list = [];
-    let name_list = [];
-    let rows = [];
-    filteredItems.forEach(item => {
-      if (item.original_name) {
-        original_name_list.push(item.original_name);
-      }
-      if (item.name) {
-        name_list.push(item.name);
-      }
-      if (item.rows) {
-        rows.push(...item.rows);
-      }
-    });
-    data.push({
-      rows,
-      name_list,
-      original_name_list,
-      name: _reactIntlUniversal.default.get('Others'),
-      value: filteredSum,
-      formatted_value: formattedValueSum,
-      color: '#dbdbdb',
-      original_name: 'Others',
-      percent: String(Number.parseFloat(filteredSum / sum * 100).toFixed(1)) + '%'
-    });
-    colorSet.push('#dbdbdb');
-  }
-  data.total = sum;
-  data.colorSet = colorSet;
-  return data;
-}
-const formatNumericValue = function (value) {
-  let column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const data = column.data || {};
-  let {
-    precision = 8
-  } = data;
-  value = value || 0;
-  return parseFloat(value.toFixed(precision));
-};
-exports.formatNumericValue = formatNumericValue;
-const getLabelFontSize = label_font_size => {
-  return (0, _dtableUtils.isNumber)(label_font_size) ? label_font_size : _constants.DEFAULT_LABEL_FONT_SIZE;
-};
-exports.getLabelFontSize = getLabelFontSize;
-const getSummaryColumnMethod = function (method, summaryColumnName) {
-  let useSingleQuote = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  if (method === 'Distinct_values') {
-    return "COUNT(DISTINCT ".concat(summaryColumnName, ")");
-  }
-  return "".concat(method, "(").concat(useSingleQuote ? '`' : '').concat(summaryColumnName).concat(useSingleQuote ? '`' : '', ")");
-};
-exports.getSummaryColumnMethod = getSummaryColumnMethod;
-const getCurrentTheme = colorThemeName => {
-  if (colorThemeName) {
-    const currentColorTheme = _constants.CHART_STYLE_COLORS.find(item => item.name === colorThemeName);
-    return currentColorTheme || _constants.CHART_STYLE_COLORS[0];
-  }
-  return _constants.CHART_STYLE_COLORS[0];
-};
-
-// for stacked bar, stacked horizontal bar
-exports.getCurrentTheme = getCurrentTheme;
-const sortDataByGroupSum = (data, sortType) => {
-  const nameSumMap = [];
-  data.forEach(item => {
-    if (nameSumMap.filter(filteredItem => filteredItem.name === item.name).length === 0) {
-      const items = data.filter(originItem => originItem.name === item.name);
-      const valueSum = items.reduce((accumulator, currentItem) => accumulator + currentItem.value, 0);
-      nameSumMap.push({
-        name: item.name,
-        items,
-        valueSum
-      });
-    }
-  });
-
-  // sort group
-  _statUtils.default.sortDataByKey(nameSumMap, 'valueSum', sortType);
-  return nameSumMap.reduce((accumulator, currentItem) => accumulator.concat(currentItem.items), []);
-};
-exports.sortDataByGroupSum = sortDataByGroupSum;
-const isBoolean = val => {
-  return typeof val === 'boolean';
-};
-exports.isBoolean = isBoolean;
+exports.generatorUniqueId = generatorUniqueId;

package/es/utils/export-table-utils.js

@@ -9,8 +9,6 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
 var _cellValue = require("./cell-value");
-var _column = require("./column");
-var _collaborator = require("./collaborator");
 var _constants = require("../constants");
 var _pivotTable = require("./pivot-table");
 const isEmptyName = title => {
@@ -23,73 +21,6 @@ const isSummaryDateColumn = summaryColumn => {
   } = summaryColumn;
   return type !== _dtableUtils.CellType.LINK && (0, _dtableUtils.isDateColumn)(summaryColumn);
 };
-
-// eslint-disable-next-line
-const getTableValueDisplayName = (value, column) => {
-  let {
-    type,
-    data
-  } = column || {};
-  let {
-    collaborators
-  } = window.app.state;
-  switch (type) {
-    case _dtableUtils.CellType.SINGLE_SELECT:
-    case _dtableUtils.CellType.MULTIPLE_SELECT:
-      {
-        let options = (0, _column.getSelectColumnOptions)(column);
-        let option = (0, _dtableUtils.getOption)(options, value) || {};
-        return option.name;
-      }
-    case _dtableUtils.CellType.COLLABORATOR:
-      {
-        let collaborator = (0, _dtableUtils.getCollaborator)(collaborators, value) || {};
-        return collaborator.name;
-      }
-    case _dtableUtils.CellType.CREATOR:
-    case _dtableUtils.CellType.LAST_MODIFIER:
-      {
-        let collaborator = (0, _collaborator.getKnownCreatorByEmail)(collaborators, value) || {};
-        return collaborator.name;
-      }
-    case _dtableUtils.CellType.NUMBER:
-      {
-        let valueNumber = parseFloat(value);
-        let displayValue = (0, _dtableUtils.isNumber)(valueNumber) ? (0, _dtableUtils.getNumberDisplayString)(valueNumber, data) : value;
-        return displayValue;
-      }
-    case _dtableUtils.CellType.DATE:
-      {
-        let displayValue = value;
-        if (value && value.split('-').length === 3) {
-          let format = (0, _column.getDateColumnFormat)(column);
-          let spaceIndex = format.indexOf(' ');
-          if (spaceIndex > -1) {
-            format = format.slice(0, spaceIndex);
-          }
-          displayValue = (0, _dayjs.default)(value).format(format);
-        }
-        return displayValue;
-      }
-    case _dtableUtils.CellType.FORMULA:
-    case _dtableUtils.CellType.LINK_FORMULA:
-      {
-        let displayValue = value;
-        let {
-          result_type
-        } = data || {};
-        if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.NUMBER) {
-          let valueNumber = parseFloat(value);
-          displayValue = (0, _dtableUtils.isNumber)(valueNumber) ? (0, _dtableUtils.getNumberDisplayString)(valueNumber, data) : value;
-        }
-        return displayValue;
-      }
-    default:
-      {
-        return value;
-      }
-  }
-};
 const getValidValueForColumn = (column, value) => {
   if (!column) return '';
   const {