dtable-ui-component 0.3.4 → 0.3.6-beta.1

package/lib/MultipleSelectFormatter/index.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import cn from 'astro-classname';
+import classnames from 'classnames';
 import SelectItem from '../SelectItem';
 import './index.css';
 
@@ -49,7 +49,7 @@ var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props2 = this.props,
           value = _this$props2.value,
           containerClassName = _this$props2.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
+      var classname = classnames('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
 
       if (!value || Array.isArray(value) && value.length === 0) {
         return /*#__PURE__*/React.createElement("div", {

package/lib/NumberEditor/index.js

@@ -4,8 +4,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import isHotkey from 'is-hotkey';
+import { getNumberDisplayString, formatStringToNumber, replaceNumberNotAllowInput } from '@seafile/dtable-utils';
 import { NUMBER_TYPES } from '../constants';
-import { getNumberDisplayString, formatStringToNumber, replaceNumberNotAllowInput } from '../utils/value-format-utils';
 import { isMac } from '../utils/utils';
 
 var NumberEditor = /*#__PURE__*/function (_React$Component) {

package/lib/NumberFormatter/index.js

@@ -3,8 +3,8 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import cn from 'astro-classname';
-import { getNumberDisplayString } from '../utils/value-format-utils';
+import classnames from 'classnames';
+import { getNumberDisplayString } from '@seafile/dtable-utils';
 import './index.css';
 
 var NumberFormatter = /*#__PURE__*/function (_React$Component) {
@@ -25,7 +25,7 @@ var NumberFormatter = /*#__PURE__*/function (_React$Component) {
           number = _this$props.value,
           data = _this$props.data,
           containerClassName = _this$props.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container number-formatter', containerClassName);
+      var classname = classnames('dtable-ui cell-formatter-container number-formatter', containerClassName);
 
       if (number || number === 0) {
         number = getNumberDisplayString(number, data);

package/lib/RateFormatter/index.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import cn from 'astro-classname';
+import classnames from 'classnames';
 import './index.css';
 
 var RateFormatter = /*#__PURE__*/function (_React$Component) {
@@ -60,7 +60,7 @@ var RateFormatter = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = this.props,
           number = _this$props2.value,
           containerClassName = _this$props2.containerClassName;
-      var className = cn('dtable-ui cell-formatter-container rate-formatter', containerClassName);
+      var className = classnames('dtable-ui cell-formatter-container rate-formatter', containerClassName);
       if (!number) return null;
       var rateList = this.getRateList();
       return /*#__PURE__*/React.createElement("div", {

package/lib/RowExpandFormatter/index.js

@@ -9,7 +9,7 @@ var _emptyTypeMap;
 
 import React from 'react';
 import classnames from 'classnames';
-import { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, LongTextFormatter, GeolocationFormatter, CTimeFormatter, CreatorFormatter, LastModifierFormatter, MTimeFormatter, AutoNumberFormatter, UrlFormatter, EmailFormatter, DurationFormatter, RateFormatter, ButtonFormatter, RowExpandImageFormatter, RowExpandFileFormatter, RowExpandLinkFormatter, DigitalSignFormatter } from '../index';
+import { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, LongTextFormatter, GeolocationFormatter, CTimeFormatter, CreatorFormatter, LastModifierFormatter, MTimeFormatter, AutoNumberFormatter, UrlFormatter, EmailFormatter, DurationFormatter, RateFormatter, ButtonFormatter, RowExpandImageFormatter, RowExpandFileFormatter, RowExpandLinkFormatter, DigitalSignFormatter, FormulaFormatter } from '../index';
 import { CellType } from '../constants';
 import './index.css';
 var emptyTypeMap = (_emptyTypeMap = {}, _defineProperty(_emptyTypeMap, CellType.TEXT, true), _defineProperty(_emptyTypeMap, CellType.LONG_TEXT, true), _defineProperty(_emptyTypeMap, CellType.GEOLOCATION, true), _defineProperty(_emptyTypeMap, CellType.SINGLE_SELECT, true), _defineProperty(_emptyTypeMap, CellType.MULTIPLE_SELECT, true), _defineProperty(_emptyTypeMap, CellType.CTIME, true), _defineProperty(_emptyTypeMap, CellType.MTIME, true), _defineProperty(_emptyTypeMap, CellType.DATE, true), _defineProperty(_emptyTypeMap, CellType.AUTO_NUMBER, true), _defineProperty(_emptyTypeMap, CellType.URL, true), _defineProperty(_emptyTypeMap, CellType.EMAIL, true), _defineProperty(_emptyTypeMap, CellType.IMAGE, true), _defineProperty(_emptyTypeMap, CellType.FILE, true), _defineProperty(_emptyTypeMap, CellType.CREATOR, true), _defineProperty(_emptyTypeMap, CellType.LAST_MODIFIER, true), _emptyTypeMap);
@@ -274,12 +274,14 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
         case CellType.FORMULA:
         case CellType.LINK_FORMULA:
           {
-            if (!cellValue && cellValue !== 0) {
+            if (!cellValue && cellValue !== 0 && cellValue !== false) {
               return _this.renderEmpty();
             }
 
-            return /*#__PURE__*/React.createElement(TextFormatter, {
+            return /*#__PURE__*/React.createElement(FormulaFormatter, {
               value: cellValue,
+              column: column,
+              collaborators: collaborators,
               containerClassName: containerClassName
             });
           }
@@ -411,8 +413,8 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
       }
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.calculateCollaboratorData(nextProps);
     }
   }, {

package/lib/RowExpandLinkFormatter/collaborator-item-formatter.js

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
+import { isValidEmail } from '@seafile/dtable-utils';
 import CollaboratorItem from '../CollaboratorItem';
 
 var CollaboratorItemFormatter = /*#__PURE__*/function (_Component) {
@@ -17,11 +18,6 @@ var CollaboratorItemFormatter = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, _props);
 
-    _this.isValidEmail = function (email) {
-      var reg = /^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,6}$/;
-      return reg.test(email);
-    };
-
     _this.calculateCollaboratorData = function (props) {
       var _this$props = _this.props,
           context = _this$props.context,
@@ -85,7 +81,7 @@ var CollaboratorItemFormatter = /*#__PURE__*/function (_Component) {
         return;
       }
 
-      if (!_this.isValidEmail(cellValue)) {
+      if (!isValidEmail(cellValue)) {
         collaborator = {
           name: cellValue,
           avatar_url: defaultAvatarUrl

package/lib/RowExpandLinkFormatter/value-display-utils.js

@@ -1,401 +1,13 @@
-import { CellType } from '../constants';
-import { isArrayFormalColumn } from './utils';
-import NP from './number-precision';
-import DateUtils from './date-utils';
-import { DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS } from './column-data-constants';
-import { FORMULA_RESULT_TYPE } from './formula-constants';
-NP.enableBoundaryChecking(false);
-var DEFAULT_NUMBER_FORMAT = 'number';
-var COLLABORATOR_COLUMN_TYPES = [CellType.COLLABORATOR, CellType.CREATOR, CellType.LAST_MODIFIER];
+import { CellType, getCellValueDisplayString } from '@seafile/dtable-utils';
 var DOWNLOAD_NAME_COLUMN_TYPES = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.COLLABORATOR, CellType.CREATOR, CellType.AUTO_NUMBER];
-var _separatorMap = {
-  'comma': ',',
-  'dot': '.',
-  'no': '',
-  'space': ' '
-};
-
-var _toThousands = function _toThousands(num, isCurrency, formatData) {
-  var _ref = formatData || {},
-      _ref$decimal = _ref.decimal,
-      decimal = _ref$decimal === void 0 ? 'dot' : _ref$decimal,
-      _ref$thousands = _ref.thousands,
-      thousands = _ref$thousands === void 0 ? 'no' : _ref$thousands,
-      _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 2 : _ref$precision,
-      _ref$enable_precision = _ref.enable_precision,
-      enable_precision = _ref$enable_precision === void 0 ? false : _ref$enable_precision;
-
-  var decimalString = _separatorMap[decimal];
-  var thousandsString = _separatorMap[thousands];
-
-  if ((num + '').indexOf('e') > -1) {
-    if (num < 1 && num > -1) {
-      var _decimalDigits = enable_precision ? precision : 8;
-
-      return num.toFixed(_decimalDigits);
-    }
-
-    return num;
-  }
-
-  var decimalDigits = enable_precision ? precision : _getDecimalDigits(num);
-  var value = parseFloat(num.toFixed(decimalDigits));
-  var isMinus = value < 0;
-  var integer = Math.trunc(value); // format decimal value
-
-  var decimalValue = String(Math.abs(NP.minus(value, integer)).toFixed(decimalDigits)).slice(1);
-
-  if (isCurrency) {
-    if (!enable_precision) {
-      if (decimalValue.length === 2) {
-        decimalValue = decimalValue.padEnd(3, '0');
-      } else {
-        decimalValue = (decimalValue.substring(0, 3) || '.').padEnd(3, '0');
-      }
-    }
-  }
-
-  decimalValue = decimalValue.replace(/./, decimalString); // format integer value
-
-  var result = [],
-      counter = 0;
-  integer = Math.abs(integer).toString();
-
-  for (var i = integer.length - 1; i >= 0; i--) {
-    counter++;
-    result.unshift(integer[i]);
-
-    if (!(counter % 3) && i !== 0) {
-      result.unshift(thousandsString);
-    }
-  }
-
-  return (isMinus ? '-' : '') + result.join('') + decimalValue;
-};
-
-var _getDecimalDigits = function _getDecimalDigits(num) {
-  if (Number.isInteger(num)) {
-    return 0;
-  }
-
-  var valueArr = (num + '').split('.');
-  var digitsLength = valueArr[1] ? valueArr[1].length : 8;
-  return digitsLength > 8 ? 8 : digitsLength;
-};
-
-export var getNumberDisplayString = function getNumberDisplayString(value, formatData) {
-  // formatData: old version maybe 'null'
-  var type = Object.prototype.toString.call(value);
-
-  if (type !== '[object Number]') {
-    if (type === '[object String]' && value.startsWith('#')) {
-      return value;
-    }
-
-    return null;
-  }
-
-  if (isNaN(value) || value === Infinity || value === -Infinity) return value + '';
-
-  var _ref2 = formatData || {},
-      _ref2$format = _ref2.format,
-      format = _ref2$format === void 0 ? DEFAULT_NUMBER_FORMAT : _ref2$format;
-
-  switch (format) {
-    case 'number':
-      return _toThousands(value, false, formatData);
-
-    case 'percent':
-      {
-        return "".concat(_toThousands(Number.parseFloat((value * 100).toFixed(8)), false, formatData), "%");
-      }
-
-    case 'yuan':
-      return "\uFFE5".concat(_toThousands(value, true, formatData));
-
-    case 'dollar':
-      return "$".concat(_toThousands(value, true, formatData));
-
-    case 'euro':
-      return "\u20AC".concat(_toThousands(value, true, formatData));
-
-    case 'custom_currency':
-      {
-        return "".concat(formatData.currency_symbol || '').concat(_toThousands(value, true, formatData));
-      }
-
-    default:
-      return '' + value;
-  }
-};
-
-var getCollaboratorsName = function getCollaboratorsName(value, collaborators) {
-  if (Array.isArray(value) && value.length > 0 && Array.isArray(collaborators)) {
-    var collaboratorsName = [];
-    value.forEach(function (item) {
-      var collaborator = collaborators.find(function (c) {
-        return c.email === item;
-      });
-
-      if (collaborator) {
-        collaboratorsName.push(collaborator.name);
-      }
-    });
-    return collaboratorsName.join(',');
-  }
-
-  return '';
-};
-
-var getOptionName = function getOptionName(options, targetOptionID) {
-  if (!targetOptionID || !options || !Array.isArray(options)) return null;
-  var option = options.find(function (option) {
-    return option.id === targetOptionID;
-  });
-  return option ? option.name : null;
-};
-
-export var getMultipleOptionName = function getMultipleOptionName(options, cellVal) {
-  if (!cellVal || !options || !Array.isArray(options)) return null;
-  var selectedOptions = options.filter(function (option) {
-    return cellVal.includes(option.id);
-  });
-  if (selectedOptions.length === 0) return null;
-  return selectedOptions.map(function (option) {
-    return option.name;
-  }).join(', ');
-};
-
-var getLongtextDisplayString = function getLongtextDisplayString(value) {
-  var _ref3 = value || {},
-      text = _ref3.text;
-
-  if (!text) {
-    return null;
-  }
-
-  return text;
-};
-
 export var getCellDisplayValue = function getCellDisplayValue(record, column, collaborators) {
-  var type = column.type,
-      data = column.data,
-      key = column.key;
-  if (!DOWNLOAD_NAME_COLUMN_TYPES.includes(type)) return '';
-  var cellValue = record[key];
-
-  switch (type) {
-    case CellType.NUMBER:
-      {
-        return getNumberDisplayString(cellValue, data);
-      }
-
-    case CellType.DATE:
-      {
-        if (!cellValue || typeof cellValue !== 'string') return '';
-
-        var _ref4 = data || {},
-            format = _ref4.format;
-
-        return DateUtils.format(cellValue, format);
-      }
-
-    case CellType.COLLABORATOR:
-      {
-        if (!Array.isArray(cellValue)) return '';
-        return getCollaboratorsName(cellValue, collaborators);
-      }
-
-    case CellType.CREATOR:
-    case CellType.LAST_MODIFIER:
-      {
-        if (!cellValue) return '';
-        if (cellValue === 'anonymous') return cellValue;
-        return getCollaboratorsName([cellValue], collaborators);
-      }
-
-    case CellType.SINGLE_SELECT:
-      {
-        if (!data) return '';
-        var options = data.options;
-        return getOptionName(options, cellValue);
-      }
-
-    case CellType.MULTIPLE_SELECT:
-      {
-        if (!data) return '';
-
-        var _data$options = data.options,
-            _options = _data$options === void 0 ? [] : _data$options;
-
-        return getMultipleOptionName(_options, cellValue);
-      }
-
-    case CellType.FORMULA:
-    case CellType.LINK_FORMULA:
-      {
-        return getFormulaDisplayString(cellValue, data, collaborators);
-      }
-
-    case CellType.LONG_TEXT:
-      {
-        return getLongtextDisplayString(cellValue);
-      }
-
-    case CellType.DURATION:
-      {
-        return getDurationDisplayString(cellValue, data);
-      }
-
-    case CellType.CTIME:
-    case CellType.MTIME:
-      {
-        return DateUtils.format(cellValue.replace('T', ' ').replace('Z', ''), 'YYYY-MM-DD HH:MM:SS');
-      }
-
-    default:
-      {
-        return cellValue ? cellValue + '' : '';
-      }
-  }
-};
-
-var getFormulaDisplayString = function getFormulaDisplayString(cellValue, columnData, collaborators) {
-  if (!columnData) return null;
-  var result_type = columnData.result_type;
-
-  if (result_type === FORMULA_RESULT_TYPE.NUMBER) {
-    return getNumberDisplayString(cellValue, columnData);
-  }
-
-  if (result_type === FORMULA_RESULT_TYPE.DATE) {
-    var format = columnData.format;
-    return DateUtils.format(cellValue, format);
-  }
-
-  if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
-    var array_type = columnData.array_type,
-        array_data = columnData.array_data;
-
-    if (!array_type) {
-      return null;
-    }
-
-    if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
-      return cellValue;
-    }
-
-    if (isArrayFormalColumn(array_type) && Array.isArray(cellValue)) {
-      return cellValue.map(function (val) {
-        return getCellDisplayValue({
-          'FORMULA_ARRAY': val
-        }, {
-          type: 'array_type',
-          key: 'FORMULA_ARRAY',
-          data: array_data
-        }, collaborators);
-      }).join(', ');
-    }
-
-    return getCellDisplayValue({
-      'FORMULA_ARRAY': cellValue
-    }, {
-      type: 'array_type',
-      key: 'FORMULA_ARRAY',
-      data: array_data
-    }, collaborators);
-  }
-
-  if (Object.prototype.toString.call(cellValue) === '[object Boolean]') {
-    return cellValue + '';
-  }
-
-  return cellValue;
-};
-
-function getMathRoundedDuration(num, duration_format) {
-  var decimalDigits = DURATION_DECIMAL_DIGITS[duration_format];
-
-  if (decimalDigits < 1) {
-    return num;
-  }
-
-  var ratio = Math.pow(10, decimalDigits);
-  return Math.round(num * ratio) / ratio;
-}
-
-function getDurationDecimalSuffix(duration_format, decimal) {
-  if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_S) {
-    return decimal === 0 ? '.0' : '';
-  } else if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_SS) {
-    if (decimal === 0) {
-      return '.00';
-    } else if (decimal < 10) {
-      return '0';
-    }
-  } else if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_SSS) {
-    if (decimal === 0) {
-      return '.000';
-    } else if (decimal < 10) {
-      return '00';
-    } else if (decimal < 100) {
-      return '0';
-    }
-  }
-
-  return '';
-}
-
-export var getDurationDisplayString = function getDurationDisplayString(value, data) {
-  if (!value && value !== 0) return '';
-
-  var _ref5 = data || {},
-      duration_format = _ref5.duration_format;
-
-  duration_format = duration_format || DURATION_FORMATS_MAP.H_MM;
-
-  if (DURATION_FORMATS.findIndex(function (format) {
-    return format.type === duration_format;
-  }) < 0) {
-    return '';
-  }
-
-  if (value === 0) {
-    return DURATION_ZERO_DISPLAY[duration_format];
-  }
-
-  var includeDecimal = duration_format.indexOf('.') > -1;
-  var positiveValue = Math.abs(value);
-
-  if (!includeDecimal) {
-    positiveValue = Math.round(positiveValue);
-  }
-
-  positiveValue = getMathRoundedDuration(positiveValue, duration_format);
-  var decimalParts = (positiveValue + '').split('.');
-  var decimalPartsLen = decimalParts.length;
-  var decimal = 0;
-
-  if (decimalPartsLen > 1) {
-    decimal = decimalParts[decimalPartsLen - 1];
-    decimal = decimal ? decimal - 0 : 0;
-  }
-
-  var decimalDigits = DURATION_DECIMAL_DIGITS[duration_format];
-  var decimalSuffix = getDurationDecimalSuffix(duration_format, decimal);
-  var displayString = value < 0 ? '-' : '';
-  var hours = parseInt(positiveValue / 3600);
-  var minutes = parseInt((positiveValue - hours * 3600) / 60);
-
-  if (duration_format === DURATION_FORMATS_MAP.H_MM) {
-    displayString += "".concat(hours, ":").concat(minutes > 9 ? minutes : '0' + minutes);
-    return displayString;
-  }
-
-  var seconds = Number.parseFloat((positiveValue - hours * 3600 - minutes * 60).toFixed(decimalDigits));
-  minutes = minutes > 9 ? minutes : "0".concat(minutes);
-  seconds = seconds > 9 ? seconds : "0".concat(seconds);
-  displayString += "".concat(hours, ":").concat(minutes, ":").concat(seconds).concat(decimalSuffix);
-  return displayString;
+  if (!column || !DOWNLOAD_NAME_COLUMN_TYPES.includes(column.type)) return '';
+  var key = column.key,
+      type = column.type,
+      data = column.data;
+  return getCellValueDisplayString(record, type, key, {
+    data: data,
+    collaborators: collaborators,
+    geolocationHyphen: ' '
+  });
 };

package/lib/SimpleLongTextFormatter/index.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import cn from 'astro-classname';
+import classnames from 'classnames';
 import getPreviewContent from './normalize-long-text-value';
 import LongTextPreview from './widgets/LongTextPreview';
 import ModalPortal from '../ModalPortal';
@@ -133,7 +133,7 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
 
       var isPreview = this.state.isPreview;
       var containerClassName = this.props.containerClassName;
-      var className = cn('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+      var className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
       var value = this.translateValue();
       return /*#__PURE__*/React.createElement("div", {
         className: className,

package/lib/SingleSelectFormatter/index.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import cn from 'astro-classname';
+import classnames from 'classnames';
 import SelectItem from '../SelectItem';
 import './index.css';
 
@@ -49,7 +49,7 @@ var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props2 = this.props,
           containerClassName = _this$props2.containerClassName,
           value = _this$props2.value;
-      var classname = cn('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
+      var classname = classnames('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, value ? this.getOption() : '');

package/lib/TextFormatter/index.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import cn from 'astro-classname';
+import classnames from 'classnames';
 import './index.css';
 
 var TextFormatter = /*#__PURE__*/function (_React$Component) {
@@ -43,7 +43,7 @@ var TextFormatter = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           containerClassName = _this$props.containerClassName,
           value = _this$props.value;
-      var classname = cn('dtable-ui cell-formatter-container text-formatter', containerClassName);
+      var classname = classnames('dtable-ui cell-formatter-container text-formatter', containerClassName);
       var formattedValue = this.getFormattedValue(value);
       return /*#__PURE__*/React.createElement("div", {
         className: classname,

package/lib/UrlFormatter/index.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import cn from 'astro-classname';
+import classnames from 'classnames';
 import './index.css';
 
 var UrlFormatter = /*#__PURE__*/function (_React$Component) {
@@ -23,7 +23,7 @@ var UrlFormatter = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           containerClassName = _this$props.containerClassName,
           value = _this$props.value;
-      var classname = cn('dtable-ui cell-formatter-container url-formatter', containerClassName);
+      var classname = classnames('dtable-ui cell-formatter-container url-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, value);

package/lib/constants/index.js

@@ -1,8 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-var _DURATION_ZERO_DISPLA, _DURATION_DECIMAL_DIG;
-
-import * as CellType from './cell-types';
+import { CellType, FORMULA_RESULT_TYPE } from '@seafile/dtable-utils';
 var NUMBER_TYPES = {
   'NUMBER': 'number',
   'NUMBER_WITH_COMMAS': 'number-with-commas',
@@ -20,34 +16,7 @@ var DATE_TYPES = {
   'YYYY-MM-DD': 'YYYY-MM-DD',
   'YYYY-MM-DD HH:mm': 'YYYY-MM-DD HH:mm'
 };
-var FORMULA_RESULT_TYPE = {
-  NUMBER: 'number',
-  STRING: 'string',
-  DATE: 'date',
-  BOOL: 'bool',
-  ARRAY: 'array'
-};
 var SIMPLE_CELL_COLUMNS = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.CTIME, CellType.MTIME, CellType.GEOLOCATION, CellType.AUTO_NUMBER, CellType.URL, CellType.EMAIL, CellType.DURATION, CellType.CHECKBOX, CellType.RATE];
 var ARRAY_FORMAL_COLUMNS = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
 var SIMPLE_CELL_FORMULA_RESULTS = [FORMULA_RESULT_TYPE.NUMBER, FORMULA_RESULT_TYPE.STRING, FORMULA_RESULT_TYPE.DATE, FORMULA_RESULT_TYPE.BOOL];
-var COLLABORATOR_COLUMN_TYPES = [CellType.COLLABORATOR, CellType.CREATOR, CellType.LAST_MODIFIER];
-var ARRAY_FORMAL_COLUMNS_TYPES = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
-var DEFAULT_NUMBER_FORMAT = 'number';
-var DEFAULT_DATE_FORMAT = 'YYYY-MM-DD';
-var DURATION_FORMATS_MAP = {
-  H_MM: 'h:mm',
-  H_MM_SS: 'h:mm:ss',
-  H_MM_SS_S: 'h:mm:ss.s',
-  H_MM_SS_SS: 'h:mm:ss.ss',
-  H_MM_SS_SSS: 'h:mm:ss.sss'
-};
-var DURATION_FORMATS = [{
-  name: DURATION_FORMATS_MAP.H_MM,
-  type: DURATION_FORMATS_MAP.H_MM
-}, {
-  name: DURATION_FORMATS_MAP.H_MM_SS,
-  type: DURATION_FORMATS_MAP.H_MM_SS
-}];
-var DURATION_ZERO_DISPLAY = (_DURATION_ZERO_DISPLA = {}, _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM, '0:00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS, '0:00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS_S, '0:00.0'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS_SS, '0:00.00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS_SSS, '0:00.000'), _DURATION_ZERO_DISPLA);
-var DURATION_DECIMAL_DIGITS = (_DURATION_DECIMAL_DIG = {}, _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM, 0), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS, 0), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS_S, 1), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS_SS, 2), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS_SSS, 3), _DURATION_DECIMAL_DIG);
-export { CellType, NUMBER_TYPES, DATE_TYPES, FORMULA_RESULT_TYPE, SIMPLE_CELL_COLUMNS, ARRAY_FORMAL_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS, COLLABORATOR_COLUMN_TYPES, ARRAY_FORMAL_COLUMNS_TYPES, DEFAULT_NUMBER_FORMAT, DEFAULT_DATE_FORMAT, DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS };
+export { CellType, NUMBER_TYPES, DATE_TYPES, FORMULA_RESULT_TYPE, SIMPLE_CELL_COLUMNS, ARRAY_FORMAL_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS };