sea-chart 2.0.37 → 2.0.38

package/dist/settings/widgets/y-axis-group-settings.js

@@ -1,22 +1,15 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _constants = require("../../constants");
-var _utils = require("../../utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _numericSummaryItem = _interopRequireDefault(require("./numeric-summary-item"));
-var _summaryMethodSetting = _interopRequireDefault(require("./summary-method-setting"));
-var _groupBy = _interopRequireDefault(require("./group-by"));
-class YAxisGroupSettings extends _react.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
+import React, { Component } from 'react';
+import { FormGroup, Label } from 'reactstrap';
+import { getTableById } from 'dtable-utils';
+import { CHART_Y_GROUP_TYPE, CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_TYPE, DATE_GRANULATES, GEOLOCATION_GRANULATES, CHART_DATE_SUMMARY_CALCULATION_METHOD, CHART_SUPPORT_COLUMNS, CHART_TYPE } from '../../constants';
+import { BaseUtils } from '../../utils';
+import intl from '../../intl';
+import NumericSummaryItem from './numeric-summary-item';
+import SummaryMethodSettings from './summary-method-setting';
+import Groupby from './group-by';
+class YAxisGroupSettings extends Component {
   constructor(_props) {
     super(_props);
     this.initTable = props => {
@@ -28,32 +21,32 @@ class YAxisGroupSettings extends _react.Component {
         table_id,
         type
       } = chart.config;
-      this.isMapChart = [_constants.CHART_TYPE.MAP, _constants.CHART_TYPE.MAP_BUBBLE, _constants.CHART_TYPE.WORLD_MAP, _constants.CHART_TYPE.WORLD_MAP_BUBBLE].includes(type);
-      this.selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
+      this.isMapChart = [CHART_TYPE.MAP, CHART_TYPE.MAP_BUBBLE, CHART_TYPE.WORLD_MAP, CHART_TYPE.WORLD_MAP_BUBBLE].includes(type);
+      this.selectedTable = getTableById(tables, table_id);
     };
     this.initGroupTypeOptions = () => {
       this.groupTypeOptions = [{
-        value: _constants.CHART_Y_GROUP_TYPE.COUNT,
-        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        value: CHART_Y_GROUP_TYPE.COUNT,
+        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
+        }, intl.get(CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/React.createElement("div", {
           className: "summary-type-explanation"
-        }, _intl.default.get('Count_the_number_of_records_in_each_group')))
+        }, intl.get('Count_the_number_of_records_in_each_group')))
       }, {
-        value: _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        value: CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
+        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
+        }, intl.get(CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/React.createElement("div", {
           className: "summary-type-explanation"
-        }, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
+        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
       }];
       const MULTIPLE_NUMERIC_COLUMN = {
-        value: _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        value: CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
+        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, _intl.default.get('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
+        }, intl.get('Summarize_multiple_fields')), /*#__PURE__*/React.createElement("div", {
           className: "summary-type-explanation"
-        }, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
+        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
       };
       if (!this.isMapChart) {
         this.groupTypeOptions.push(MULTIPLE_NUMERIC_COLUMN);
@@ -69,22 +62,22 @@ class YAxisGroupSettings extends _react.Component {
       const columns = Array.isArray(this.selectedTable.columns) ? this.selectedTable.columns : [];
       this.columns = this.getAvailableColumns(columns);
       this.columnGroupbyColumnsOptions = this.getColumnOptions(this.columns);
-      this.numericColumns = this.columns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
+      this.numericColumns = this.columns.filter(column => BaseUtils.isNumericSummaryColumn(column));
       this.numericColumnOptions = this.getColumnOptions(this.numericColumns);
     };
     this.getAvailableColumns = columns => {
       if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
+      return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
     };
     this.getColumnOptions = columns => {
       const options = columns.map(column => {
         return {
           value: column,
-          label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
             className: "sea-chart-column-icon"
-          }, /*#__PURE__*/_react.default.createElement("i", {
-            className: _dtableUtils.COLUMNS_ICON_CONFIG[column.type]
-          })), /*#__PURE__*/_react.default.createElement("span", {
+          }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
+            column: column
+          })), /*#__PURE__*/React.createElement("span", {
             className: 'select-module select-module-name ml-0'
           }, column.name))
         };
@@ -93,9 +86,9 @@ class YAxisGroupSettings extends _react.Component {
         value: {
           key: 'Groupby_null'
         },
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: 'select-module select-module-name null-option-name ml-0'
-        }, _intl.default.get('Select_a_column')),
+        }, intl.get('Select_a_column')),
         style: {
           color: 'rgba(0, 0, 0, .25)'
         }
@@ -110,30 +103,30 @@ class YAxisGroupSettings extends _react.Component {
       } = chart;
       const value = option.value;
       let update = {};
-      if (value === _constants.CHART_Y_GROUP_TYPE.COUNT) {
+      if (value === CHART_Y_GROUP_TYPE.COUNT) {
         update.column_groupby_multiple_numeric_column = false;
         update.summary_columns = [];
-        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.COUNT;
+        update.y_axis_summary_type = CHART_SUMMARY_TYPE.COUNT;
         update.y_axis_summary_column_key = null;
-        update.y_axis_summary_method = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
         update.column_groupby_column_key = config.column_groupby_column_key || null;
         update.column_groupby_date_granularity = config.column_groupby_date_granularity || null;
         update.column_groupby_geolocation_granularity = config.column_groupby_geolocation_granularity || null;
-      } else if (value === _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN) {
+      } else if (value === CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN) {
         update.column_groupby_multiple_numeric_column = false;
         update.summary_columns = [];
-        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.ADVANCED;
+        update.y_axis_summary_type = CHART_SUMMARY_TYPE.ADVANCED;
         update.y_axis_summary_column_key = this.numericColumns[0] ? this.numericColumns[0].key : null;
-        update.y_axis_summary_method = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
         update.column_groupby_column_key = config.column_groupby_column_key || null;
         update.column_groupby_date_granularity = config.column_groupby_date_granularity || null;
         update.column_groupby_geolocation_granularity = config.column_groupby_geolocation_granularity || null;
-      } else if (value === _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN) {
+      } else if (value === CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN) {
         update.column_groupby_multiple_numeric_column = true;
         update.summary_columns = [];
-        update.y_axis_summary_type = _constants.CHART_SUMMARY_TYPE.ADVANCED;
+        update.y_axis_summary_type = CHART_SUMMARY_TYPE.ADVANCED;
         update.y_axis_summary_column_key = this.numericColumns[0] ? this.numericColumns[0].key : null;
-        update.y_axis_summary_method = _constants.CHART_SUMMARY_CALCULATION_METHOD[0];
+        update.y_axis_summary_method = CHART_SUMMARY_CALCULATION_METHOD[0];
         update.column_groupby_date_granularity = null;
         update.column_groupby_geolocation_granularity = null;
         update.column_groupby_geolocation_granularity = null;
@@ -152,12 +145,12 @@ class YAxisGroupSettings extends _react.Component {
         y_axis_summary_type
       } = config;
       if (column_groupby_multiple_numeric_column) {
-        return this.groupTypeOptions.find(item => item.value === _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN);
+        return this.groupTypeOptions.find(item => item.value === CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN);
       }
-      if (y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.COUNT) {
+      if (y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) {
         return this.groupTypeOptions[0];
       }
-      if (y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
+      if (y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
         return this.groupTypeOptions[1];
       }
       return this.groupTypeOptions[0];
@@ -191,7 +184,7 @@ class YAxisGroupSettings extends _react.Component {
       const {
         config
       } = chart;
-      const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
       if (index === 0) {
         let {
           y_axis_summary_method
@@ -269,7 +262,7 @@ class YAxisGroupSettings extends _react.Component {
         summary_columns
       } = config;
       const newNumericColumnKey = column.key;
-      const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
       if (Array.isArray(summary_columns)) {
         summary_columns = [...summary_columns];
         summary_columns.push({
@@ -299,8 +292,8 @@ class YAxisGroupSettings extends _react.Component {
       if (column_groupby_column_key === column.key) return;
       this.props.onChange({
         column_groupby_column_key: column.key,
-        column_groupby_date_granularity: _constants.DATE_GRANULATES[0],
-        column_groupby_geolocation_granularity: _constants.GEOLOCATION_GRANULATES[0]
+        column_groupby_date_granularity: DATE_GRANULATES[0],
+        column_groupby_geolocation_granularity: GEOLOCATION_GRANULATES[0]
       });
     };
     this.onGroupbyDateGranularityChange = option => {
@@ -347,8 +340,8 @@ class YAxisGroupSettings extends _react.Component {
       } = config;
       if (!summary_columns || !Array.isArray(summary_columns)) return null;
       return summary_columns.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
-          key: "number-column-".concat(index),
+        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
+          key: `number-column-${index}`,
           index: index + 1,
           value: item,
           chart: chart,
@@ -371,16 +364,16 @@ class YAxisGroupSettings extends _react.Component {
       if (!column_groupby_multiple_numeric_column) return null;
       const usedSummaryColumnKeys = Array.isArray(summary_columns) ? summary_columns.map(item => item.column_key) : [];
       const unUsedSummaryColumns = this.numericColumns.filter(column => column.key !== y_axis_summary_column_key && !usedSummaryColumnKeys.includes(column.key));
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "statistic-add-number"
-      }, this.renderGroupbyNumericColumns()), Array.isArray(unUsedSummaryColumns) && unUsedSummaryColumns.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+      }, this.renderGroupbyNumericColumns()), Array.isArray(unUsedSummaryColumns) && unUsedSummaryColumns.length > 0 && /*#__PURE__*/React.createElement("div", {
         className: "statistic-add-number-columns d-flex align-items-center",
         onClick: () => this.onAddNumericColumn(unUsedSummaryColumns[0])
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-add-table mr-2"
-      }), /*#__PURE__*/_react.default.createElement("span", {
+      }), /*#__PURE__*/React.createElement("span", {
         className: "number-column-item add-number-column-description"
-      }, _intl.default.get('Add_new_field'))));
+      }, intl.get('Add_new_field'))));
     };
     this.initTable(_props);
     this.initGroupTypeOptions();
@@ -412,11 +405,11 @@ class YAxisGroupSettings extends _react.Component {
     } = chart.config;
 
     // if user do not select Single Numeric Column, then do not use it as the first config of multiple numeric column
-    const hasSingleNumericColumnConfig = !!(y_axis_summary_column_key && y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED);
+    const hasSingleNumericColumnConfig = !!(y_axis_summary_column_key && y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED);
     const hasMultipleNumericColumnsConfig = column_groupby_multiple_numeric_column;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       classNamePrefix: "chart-summary-types",
       value: selectedTypeOption,
@@ -424,7 +417,7 @@ class YAxisGroupSettings extends _react.Component {
       options: this.groupTypeOptions
     })),
     // multiple but has single selected numeric column as the first config item
-    hasMultipleNumericColumnsConfig && (hasSingleNumericColumnConfig ? /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
+    hasMultipleNumericColumnsConfig && (hasSingleNumericColumnConfig ? /*#__PURE__*/React.createElement(NumericSummaryItem, {
       index: 0,
       value: {
         column_key: y_axis_summary_column_key,
@@ -436,7 +429,7 @@ class YAxisGroupSettings extends _react.Component {
       onSummaryMethodChange: this.onSummaryMethodChange
     }) : null),
     // single selected numeric columns
-    !hasMultipleNumericColumnsConfig && hasSingleNumericColumnConfig && /*#__PURE__*/_react.default.createElement(_summaryMethodSetting.default, {
+    !hasMultipleNumericColumnsConfig && hasSingleNumericColumnConfig && /*#__PURE__*/React.createElement(SummaryMethodSettings, {
       value: {
         column_key: y_axis_summary_column_key,
         summary_method: y_axis_summary_method
@@ -445,8 +438,8 @@ class YAxisGroupSettings extends _react.Component {
       numericColumnOptions: this.numericColumnOptions,
       onColumnOptionChange: option => this.onGroupbyNumericColumnChange(option, 0),
       onSummaryMethodChange: option => this.onSummaryMethodChange(option, 0)
-    }), this.renderColumnGroupbyMultipleNumericColumn(), (!column_groupby_multiple_numeric_column && y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED || y_axis_summary_type === _constants.CHART_SUMMARY_TYPE.COUNT) && !this.isMapChart && /*#__PURE__*/_react.default.createElement(_groupBy.default, {
-      label: _intl.default.get('Group_by'),
+    }), this.renderColumnGroupbyMultipleNumericColumn(), (!column_groupby_multiple_numeric_column && y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED || y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) && !this.isMapChart && /*#__PURE__*/React.createElement(Groupby, {
+      label: intl.get('Group_by'),
       tables: tables,
       selectedTableId: table_id,
       selectedColumnKey: column_groupby_column_key,
@@ -458,4 +451,4 @@ class YAxisGroupSettings extends _react.Component {
     }));
   }
 }
-var _default = exports.default = YAxisGroupSettings;
+export default YAxisGroupSettings;

package/dist/utils/cell-format-utils.js

@@ -1,14 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getClientLinkDisplayString = exports.getClientFormulaDisplayString = exports.getClientCellValueDisplayString = void 0;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _dtableUtils = require("dtable-utils");
-var _objectUtils = _interopRequireDefault(require("./object-utils"));
-const getClientFormulaDisplayString = function (value, columnData) {
+import dayjs from 'dayjs';
+import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_RESULT_TYPE, getCollaboratorsName, getFormulaDisplayString, FORMULA_COLUMN_TYPES_MAP, getCellValueDisplayString } from 'dtable-utils';
+export const getClientFormulaDisplayString = function (value, columnData) {
   let {
     collaborators = []
   } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -17,45 +9,46 @@ const getClientFormulaDisplayString = function (value, columnData) {
     result_type,
     array_type
   } = columnData;
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
-    if (_dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+  if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
+    if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
       if (!value) {
         return null;
       }
       const collaboratorList = Array.isArray(value) ? value : [value];
-      return (0, _dtableUtils.getCollaboratorsName)(collaborators, collaboratorList);
+      return getCollaboratorsName(collaborators, collaboratorList);
     }
   }
-  return (0, _dtableUtils.getFormulaDisplayString)(value, columnData, {
+  return getFormulaDisplayString(value, columnData, {
     collaborators
   });
 };
-exports.getClientFormulaDisplayString = getClientFormulaDisplayString;
-const getClientLinkDisplayString = (links, columnData, _ref) => {
+export const getClientLinkDisplayString = (links, columnData, _ref) => {
   let {
     collaborators = []
   } = _ref;
   if (!columnData || !Array.isArray(links) || links.length === 0) {
     return null;
   }
-
-  // eslint-disable-next-line
-  const formulaData = _objectUtils.default.hasOwnProperty(columnData, 'result_type') ? columnData : {
-    ...columnData,
-    result_type: _dtableUtils.FORMULA_RESULT_TYPE.ARRAY
-  };
+  let formulaData = columnData;
+  const hasResultType = Object.prototype.hasOwnProperty.call(columnData, 'result_type');
+  if (!hasResultType) {
+    formulaData = {
+      ...columnData,
+      result_type: FORMULA_RESULT_TYPE.ARRAY,
+      array_type: 'text'
+    };
+  }
   const displayValue = links.map(link => link.display_value);
   return getClientFormulaDisplayString(displayValue, formulaData, {
     collaborators
   });
 };
-exports.getClientLinkDisplayString = getClientLinkDisplayString;
 const getAutoTimeDisplayString = (row, key) => {
   let value = row[key];
   if (value === '' || !value || typeof value !== 'string') {
     return null;
   }
-  const date = (0, _dayjs.default)(value);
+  const date = dayjs(value);
   if (!date.isValid()) return value;
   return date.format('YYYY-MM-DD HH:mm:ss');
 };
@@ -70,38 +63,37 @@ const getFileDisplayString = (row, key) => {
   });
   return decodeURIComponent(fileNameList.join(','));
 };
-const getClientCellValueDisplayString = function (row, type, key) {
+export const getClientCellValueDisplayString = function (row, type, key) {
   let {
     formulaRows = {},
     data,
     collaborators = [],
     tables = []
   } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  if (_dtableUtils.FORMULA_COLUMN_TYPES_MAP[type]) {
+  if (FORMULA_COLUMN_TYPES_MAP[type]) {
     const formulaRow = formulaRows[row._id] || {};
     return getClientFormulaDisplayString(formulaRow[key], data, {
       tables,
       collaborators
     });
   }
-  if (type === _dtableUtils.CellType.LINK) {
+  if (type === CellType.LINK) {
     const formulaRow = formulaRows[row._id] || {};
     return getClientLinkDisplayString(formulaRow[key], data, {
       tables,
       collaborators
     });
   }
-  if (type === _dtableUtils.CellType.CTIME || type === _dtableUtils.CellType.MTIME) {
+  if (type === CellType.CTIME || type === CellType.MTIME) {
     return getAutoTimeDisplayString(row, key);
   }
-  if (type === _dtableUtils.CellType.FILE) {
+  if (type === CellType.FILE) {
     return getFileDisplayString(row, key);
   }
-  return (0, _dtableUtils.getCellValueDisplayString)(row, type, key, {
+  return getCellValueDisplayString(row, type, key, {
     formulaRows,
     data,
     collaborators,
     tables
   });
-};
-exports.getClientCellValueDisplayString = getClientCellValueDisplayString;
+};

package/dist/utils/cell-value-utils.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isArrayCellValue = void 0;
-var _dtableUtils = require("dtable-utils");
-const isArrayCellValue = column => {
+import { MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP, FORMULA_COLUMN_TYPES_MAP, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES } from 'dtable-utils';
+export const isArrayCellValue = column => {
   if (!column) return false;
   const {
     type,
     data
   } = column;
-  return _dtableUtils.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
+  return MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[type] || FORMULA_COLUMN_TYPES_MAP[type] && data && data.result_type === FORMULA_RESULT_TYPE.ARRAY && COLLABORATOR_COLUMN_TYPES.includes(data.array_type) // the collaborator lookup is not formatted
   ;
-};
-exports.isArrayCellValue = isArrayCellValue;
+};