dtable-ui-component 0.3.5 → 0.3.6-beta.2

package/lib/DateEditor/index.js

@@ -5,7 +5,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import MediaQuery from 'react-responsive';
 import dayjs from 'dayjs';
-import { getDateDisplayString } from '../utils/value-format-utils';
+import { getDateDisplayString } from '@seafile/dtable-utils';
 import PCDateEditorPopover from './pc-date-editor-popover';
 import MBDateEditorPopover from './mb-date-editor-popover';
 import './index.css';

package/lib/DateEditor/mb-date-editor-popover/index.js

@@ -1,9 +1,9 @@
+import _DatePicker from "antd-mobile/lib/date-picker";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 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 { DatePicker } from 'antd-mobile';
 import dayjs from 'dayjs';
 import Calendar from '@seafile/seafile-calendar';
 import * as SeaDatePicker from '@seafile/seafile-calendar/lib/Picker';
@@ -212,7 +212,7 @@ var DateEditorPopover = /*#__PURE__*/function (_React$PureComponent) {
         className: "mb-date-editor-input"
       }, /*#__PURE__*/React.createElement("div", {
         className: "date-input"
-      }, /*#__PURE__*/React.createElement(DatePicker, {
+      }, /*#__PURE__*/React.createElement(_DatePicker, {
         mode: "date",
         locale: initDateEditorLanguage(lang),
         value: this.state.value,
@@ -221,7 +221,7 @@ var DateEditorPopover = /*#__PURE__*/function (_React$PureComponent) {
         className: "date-input-day"
       }, datePickerValue && datePickerValue.format(leftFormat)))), showHourAndMinute && /*#__PURE__*/React.createElement("div", {
         className: "date-input"
-      }, /*#__PURE__*/React.createElement(DatePicker, {
+      }, /*#__PURE__*/React.createElement(_DatePicker, {
         mode: "time",
         locale: initDateEditorLanguage(lang),
         value: this.state.value,

package/lib/DateFormatter/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
-import { getDateDisplayString } from '../utils/value-format-utils';
+import { getDateDisplayString } from '@seafile/dtable-utils';
 import './index.css';
 
 var DateFormatter = /*#__PURE__*/function (_React$Component) {
@@ -13,21 +13,9 @@ var DateFormatter = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(DateFormatter);
 
   function DateFormatter() {
-    var _this;
-
     _classCallCheck(this, DateFormatter);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.formatDate = function (date, format) {
-      return getDateDisplayString(date, format);
-    };
-
-    return _this;
+    return _super.apply(this, arguments);
   }
 
   _createClass(DateFormatter, [{
@@ -40,7 +28,7 @@ var DateFormatter = /*#__PURE__*/function (_React$Component) {
       var classname = classnames('dtable-ui cell-formatter-container date-formatter', containerClassName);
 
       if (date !== '') {
-        date = this.formatDate(date, format);
+        date = getDateDisplayString(date, format);
       }
 
       return /*#__PURE__*/React.createElement("div", {

package/lib/DurationFormatter/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
-import { getDurationDisplayString } from '../utils/value-format-utils';
+import { getDurationDisplayString } from '@seafile/dtable-utils';
 import './index.css';
 
 var DurationFormatter = /*#__PURE__*/function (_React$Component) {

package/lib/FormulaFormatter/index.js

@@ -4,12 +4,11 @@ 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 { FORMULA_RESULT_TYPE, CellType } from '../constants';
+import { CellType, FORMULA_RESULT_TYPE, getFormulaDisplayString } from '@seafile/dtable-utils';
 import BaseFormatterConfig from '../formatterConfig/base-formatter-config';
 import TextFormatter from '../TextFormatter';
 import { isArrayFormalColumn, isSimpleCellFormatter, isFunction, getFormulaArrayValue, convertValueToDtableLongTextValue } from './utils';
 import cellValueValidator from './cell-value-validator';
-import { getFormulaDisplayString } from '../utils/value-format-utils';
 import './index.css';
 
 var FormulaFormatter = /*#__PURE__*/function (_React$Component) {

package/lib/GeolocationFormatter/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
-import { getGeolocationDisplayString } from '../utils/value-format-utils';
+import { getGeolocationDisplayString } from '@seafile/dtable-utils';
 import './index.css';
 
 var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
@@ -24,7 +24,8 @@ var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           value = _this$props.value,
           data = _this$props.data,
-          containerClassName = _this$props.containerClassName;
+          containerClassName = _this$props.containerClassName,
+          isBaiduMap = _this$props.isBaiduMap;
       var className = classnames('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
 
       if (typeof value !== 'object') {
@@ -33,7 +34,10 @@ var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement("div", {
         className: className
-      }, getGeolocationDisplayString(value, data));
+      }, getGeolocationDisplayString(value, data, {
+        isBaiduMap: isBaiduMap,
+        hyphen: ' '
+      }));
     }
   }]);
 
@@ -48,6 +52,7 @@ GeolocationFormatter.defaultProps = {
     detail: ''
   },
   data: {},
-  containerClassName: ''
+  containerClassName: '',
+  isBaiduMap: false
 };
 export default GeolocationFormatter;

package/lib/LinkEditor/index.js

@@ -4,9 +4,9 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import MediaQuery from 'react-responsive';
+import { getNumberDisplayString, getDateDisplayString } from '@seafile/dtable-utils';
 import { getLocale } from '../lang';
 import { CellType } from '../constants';
-import { getNumberDisplayString, getDateDisplayString } from '../utils/value-format-utils';
 import EditEditorButton from '../EditEditorButton';
 import LinkEditorOption from './link-editor-option';
 import PCLinkEditorPopover from './pc-link-editor-popover';

package/lib/LinkFormatter/index.js

@@ -5,8 +5,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
-import * as CellTypes from '../constants/cell-types';
-import { getNumberDisplayString, getDateDisplayString } from '../utils/value-format-utils';
+import { CellType, getNumberDisplayString, getDateDisplayString } from '@seafile/dtable-utils';
 
 // link value is  get form parant's interface
 var LinkFormatter = /*#__PURE__*/function (_React$Component) {
@@ -87,12 +86,12 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
           data = linkedColumn.data; // todo: improve
 
       switch (type) {
-        case CellTypes.NUMBER:
+        case CellType.NUMBER:
           {
             return getNumberDisplayString(value, data);
           }
 
-        case CellTypes.DATE:
+        case CellType.DATE:
           {
             var format = data.format;
             return getDateDisplayString(value, format);

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

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
-import { getNumberDisplayString } from '../utils/value-format-utils';
+import { getNumberDisplayString } from '@seafile/dtable-utils';
 import './index.css';
 
 var NumberFormatter = /*#__PURE__*/function (_React$Component) {

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: ' '
+  });
 };