sea-chart 2.0.37 → 2.0.38

package/dist/view/wrapper/table-element/components/formatter.js

@@ -1,44 +1,35 @@
-"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 _ButtonFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/ButtonFormatter"));
-var _RateFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/RateFormatter"));
-var _DurationFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DurationFormatter"));
-var _EmailFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/EmailFormatter"));
-var _UrlFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/UrlFormatter"));
-var _AutoNumberFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/AutoNumberFormatter"));
-var _LastModifierFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LastModifierFormatter"));
-var _CreatorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CreatorFormatter"));
-var _MTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MTimeFormatter"));
-var _CTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CTimeFormatter"));
-var _CheckboxFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CheckboxFormatter"));
-var _DepartmentSingleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DepartmentSingleSelectFormatter"));
-var _SingleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/SingleSelectFormatter"));
-var _MultipleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MultipleSelectFormatter"));
-var _DateFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DateFormatter"));
-var _NumberFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/NumberFormatter"));
-var _GeolocationFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/GeolocationFormatter"));
-var _ImageFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/ImageFormatter"));
-var _LongTextFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LongTextFormatter"));
-var _CollaboratorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CollaboratorFormatter"));
-var _TextFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/TextFormatter"));
-var _toaster2 = _interopRequireDefault(require("dtable-ui-component/lib/toaster"));
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _intl = _interopRequireDefault(require("../../../../intl"));
-var _formulaFormatter = _interopRequireDefault(require("./formatters/formula-formatter"));
-var _linkFormatter = _interopRequireDefault(require("./formatters/link-formatter"));
-var _index = _interopRequireDefault(require("./formatters/FileFormatter/index"));
-var _utils = require("./utils");
+import _ButtonFormatter from "dtable-ui-component/lib/ButtonFormatter";
+import _RateFormatter from "dtable-ui-component/lib/RateFormatter";
+import _DurationFormatter from "dtable-ui-component/lib/DurationFormatter";
+import _EmailFormatter from "dtable-ui-component/lib/EmailFormatter";
+import _UrlFormatter from "dtable-ui-component/lib/UrlFormatter";
+import _AutoNumberFormatter from "dtable-ui-component/lib/AutoNumberFormatter";
+import _LastModifierFormatter from "dtable-ui-component/lib/LastModifierFormatter";
+import _CreatorFormatter from "dtable-ui-component/lib/CreatorFormatter";
+import _MTimeFormatter from "dtable-ui-component/lib/MTimeFormatter";
+import _CTimeFormatter from "dtable-ui-component/lib/CTimeFormatter";
+import _CheckboxFormatter from "dtable-ui-component/lib/CheckboxFormatter";
+import _DepartmentSingleSelectFormatter from "dtable-ui-component/lib/DepartmentSingleSelectFormatter";
+import _SingleSelectFormatter from "dtable-ui-component/lib/SingleSelectFormatter";
+import _MultipleSelectFormatter from "dtable-ui-component/lib/MultipleSelectFormatter";
+import _DateFormatter from "dtable-ui-component/lib/DateFormatter";
+import _NumberFormatter from "dtable-ui-component/lib/NumberFormatter";
+import _GeolocationFormatter from "dtable-ui-component/lib/GeolocationFormatter";
+import _ImageFormatter from "dtable-ui-component/lib/ImageFormatter";
+import _LongTextFormatter from "dtable-ui-component/lib/LongTextFormatter";
+import _CollaboratorFormatter from "dtable-ui-component/lib/CollaboratorFormatter";
+import _TextFormatter from "dtable-ui-component/lib/TextFormatter";
+import _toaster from "dtable-ui-component/lib/toaster";
+import React, { Fragment } from 'react';
+import { CellType } from 'dtable-utils';
+import intl from '../../../../intl';
+import DtableFormulaFormatter from './formatters/formula-formatter';
+import LinkFormatter from './formatters/link-formatter';
+import FileFormatter from './formatters/FileFormatter/index';
 // import UrlFormatter from './formatters/UrlFormatter/index';
 // import EmailFormatter from './formatters/EmailFormatter/index';
-
-class Formatter extends _react.default.Component {
+import { getTrimmedString, getValidUrl, openUrlLink } from './utils';
+class Formatter extends React.Component {
   constructor() {
     super(...arguments);
     this.renderEmptyFormatter = () => {
@@ -49,7 +40,7 @@ class Formatter extends _react.default.Component {
         component
       } = empty || {};
       if (component) return component;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         className: "row-cell-value-empty"
       });
     };
@@ -59,19 +50,19 @@ class Formatter extends _react.default.Component {
       window.location.href = url + '?dl=1';
     };
     this.onUrlClick = url => {
-      const vaildUrl = (0, _utils.getValidUrl)(url);
+      const vaildUrl = getValidUrl(url);
       if (url.startsWith('file:///')) {
-        _toaster2.default.danger(_intl.default.get('Open_local_file_is_not_supported'));
+        _toaster.danger(intl.get('Open_local_file_is_not_supported'));
         return;
       }
       try {
-        (0, _utils.openUrlLink)(vaildUrl);
+        openUrlLink(vaildUrl);
       } catch {
-        _toaster2.default.danger(_intl.default.get('URL_is_invalid'));
+        _toaster.danger(intl.get('URL_is_invalid'));
       }
     };
     this.onEmailClick = email => {
-      window.location.href = "mailto:".concat((0, _utils.getTrimmedString)(email));
+      window.location.href = `mailto:${getTrimmedString(email)}`;
     };
     this.renderFormatter = () => {
       let {
@@ -85,41 +76,41 @@ class Formatter extends _react.default.Component {
       const {
         type: columnType
       } = column || {};
-      const containerClassName = "table-element-".concat(columnType, "-formatter");
+      const containerClassName = `table-element-${columnType}-formatter`;
       switch (columnType) {
-        case _dtableUtils.CellType.TEXT:
+        case CellType.TEXT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_TextFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_TextFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.COLLABORATOR:
+        case CellType.COLLABORATOR:
           {
             if (!Array.isArray(cellValue) || cellValue.length === 0) return this.renderEmptyFormatter();
             cellValue = cellValue.filter(item => item);
             if (cellValue.length === 0) return this.renderEmptyFormatter();
             this.props.queryUsers(cellValue);
-            return /*#__PURE__*/_react.default.createElement(_CollaboratorFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_CollaboratorFormatter, {
               value: cellValue,
               collaborators: collaborators,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.LONG_TEXT:
+        case CellType.LONG_TEXT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_LongTextFormatter, {
               isSample: !isRowExpand,
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.IMAGE:
+        case CellType.IMAGE:
           {
             if (!cellValue || Array.isArray(cellValue) && cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_ImageFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_ImageFormatter, {
               value: cellValue,
               containerClassName: containerClassName,
               isSample: isSample,
@@ -128,34 +119,34 @@ class Formatter extends _react.default.Component {
               downloadImage: this.downloadImage
             });
           }
-        case _dtableUtils.CellType.FILE:
+        case CellType.FILE:
           {
             if (!cellValue || Array.isArray(cellValue) && cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_index.default, {
+            return /*#__PURE__*/React.createElement(FileFormatter, {
               value: cellValue,
               containerClassName: containerClassName,
               isSample: isSample
             });
           }
-        case _dtableUtils.CellType.GEOLOCATION:
+        case CellType.GEOLOCATION:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_GeolocationFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_GeolocationFormatter, {
               value: cellValue,
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.NUMBER:
+        case CellType.NUMBER:
           {
             if (!cellValue && cellValue !== 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_NumberFormatter, {
               value: cellValue,
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.DATE:
+        case CellType.DATE:
           {
             if (!cellValue || typeof cellValue !== 'string') return this.renderEmptyFormatter();
             const {
@@ -164,13 +155,13 @@ class Formatter extends _react.default.Component {
             const {
               format
             } = data || {};
-            return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_DateFormatter, {
               value: cellValue,
               format: format,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.MULTIPLE_SELECT:
+        case CellType.MULTIPLE_SELECT:
           {
             if (!cellValue || cellValue.length === 0) return this.renderEmptyFormatter();
             const {
@@ -179,13 +170,13 @@ class Formatter extends _react.default.Component {
             const {
               options
             } = data || {};
-            return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_MultipleSelectFormatter, {
               value: cellValue,
               options: options || [],
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.SINGLE_SELECT:
+        case CellType.SINGLE_SELECT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
             const {
@@ -194,115 +185,115 @@ class Formatter extends _react.default.Component {
             const {
               options
             } = data || {};
-            return /*#__PURE__*/_react.default.createElement(_SingleSelectFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_SingleSelectFormatter, {
               value: cellValue,
               options: options || [],
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT:
+        case CellType.DEPARTMENT_SINGLE_SELECT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_DepartmentSingleSelectFormatter, {
               value: cellValue,
               departments: departments || []
             });
           }
-        case _dtableUtils.CellType.CHECKBOX:
+        case CellType.CHECKBOX:
           {
-            return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_CheckboxFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.CTIME:
+        case CellType.CTIME:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_CTimeFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.MTIME:
+        case CellType.MTIME:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_MTimeFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.CREATOR:
+        case CellType.CREATOR:
           {
             this.props.queryUsers([cellValue]);
-            return /*#__PURE__*/_react.default.createElement(_CreatorFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_CreatorFormatter, {
               collaborators: collaborators,
               value: cellValue
             });
           }
-        case _dtableUtils.CellType.LAST_MODIFIER:
+        case CellType.LAST_MODIFIER:
           {
             this.props.queryUsers([cellValue]);
-            return /*#__PURE__*/_react.default.createElement(_LastModifierFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_LastModifierFormatter, {
               collaborators: collaborators,
               value: cellValue
             });
           }
-        case _dtableUtils.CellType.AUTO_NUMBER:
+        case CellType.AUTO_NUMBER:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_AutoNumberFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_AutoNumberFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.URL:
+        case CellType.URL:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               onClick: () => this.onUrlClick(cellValue)
-            }, /*#__PURE__*/_react.default.createElement(_UrlFormatter2.default, {
+            }, /*#__PURE__*/React.createElement(_UrlFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             }), ";");
           }
-        case _dtableUtils.CellType.EMAIL:
+        case CellType.EMAIL:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               onClick: () => this.onEmailClick(cellValue)
-            }, /*#__PURE__*/_react.default.createElement(_EmailFormatter2.default, {
+            }, /*#__PURE__*/React.createElement(_EmailFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             }), ";");
           }
-        case _dtableUtils.CellType.DURATION:
+        case CellType.DURATION:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_DurationFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_DurationFormatter, {
               value: cellValue,
               format: column.data.duration_format,
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.RATE:
+        case CellType.RATE:
           {
-            return /*#__PURE__*/_react.default.createElement(_RateFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_RateFormatter, {
               value: cellValue,
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.BUTTON:
+        case CellType.BUTTON:
           {
-            return /*#__PURE__*/_react.default.createElement(_ButtonFormatter2.default, {
+            return /*#__PURE__*/React.createElement(_ButtonFormatter, {
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case _dtableUtils.CellType.FORMULA:
-        case _dtableUtils.CellType.LINK_FORMULA:
+        case CellType.FORMULA:
+        case CellType.LINK_FORMULA:
           {
-            return /*#__PURE__*/_react.default.createElement(_formulaFormatter.default, {
+            return /*#__PURE__*/React.createElement(DtableFormulaFormatter, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
@@ -311,10 +302,10 @@ class Formatter extends _react.default.Component {
               renderEmptyFormatter: this.renderEmptyFormatter
             });
           }
-        case _dtableUtils.CellType.LINK:
+        case CellType.LINK:
           {
             if (!Array.isArray(cellValue) || cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/_react.default.createElement(_linkFormatter.default, {
+            return /*#__PURE__*/React.createElement(LinkFormatter, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
@@ -331,7 +322,7 @@ class Formatter extends _react.default.Component {
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderFormatter());
+    return /*#__PURE__*/React.createElement(Fragment, null, this.renderFormatter());
   }
 }
 Formatter.defaultProps = {
@@ -339,4 +330,4 @@ Formatter.defaultProps = {
   isRowExpand: false,
   queryUsers: () => {}
 };
-var _default = exports.default = Formatter;
+export default Formatter;

package/dist/view/wrapper/table-element/components/formatters/FileFormatter/index.js

@@ -1,19 +1,11 @@
-"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 _ImagePreviewerLightbox2 = _interopRequireDefault(require("dtable-ui-component/lib/ImagePreviewerLightbox"));
-var _FileItemFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/FileItemFormatter"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _commonUtils = require("../../../../../../utils/common-utils");
-var _context = _interopRequireDefault(require("../../../../../../context"));
-require("./index.css");
-class FileFormatter extends _react.default.PureComponent {
+import _ImagePreviewerLightbox from "dtable-ui-component/lib/ImagePreviewerLightbox";
+import _FileItemFormatter from "dtable-ui-component/lib/FileItemFormatter";
+import React, { Fragment } from 'react';
+import classnames from 'classnames';
+import { imageCheck } from '../../../../../../utils/common-utils';
+import context from '../../../../../../context';
+import './index.css';
+export default class FileFormatter extends React.PureComponent {
   constructor(props) {
     super(props);
     this.getFileItemImageUrlList = value => {
@@ -25,7 +17,7 @@ class FileFormatter extends _react.default.PureComponent {
         } = fileItem;
         let assetFileIndex = typeof url === 'string' ? url.indexOf('/asset') : -1;
         if (assetFileIndex > -1) {
-          const isImage = (0, _commonUtils.imageCheck)(name);
+          const isImage = imageCheck(name);
           if (isImage) {
             fileImageUrlList.push(url);
           }
@@ -40,7 +32,7 @@ class FileFormatter extends _react.default.PureComponent {
       let previewerUrl;
       let assetFileIndex = openFileUrl.indexOf('/asset');
       if (assetFileIndex > -1) {
-        if ((0, _commonUtils.imageCheck)(fileItem.name)) {
+        if (imageCheck(fileItem.name)) {
           this.showLargeImage(fileItem.url);
           return;
         }
@@ -79,9 +71,9 @@ class FileFormatter extends _react.default.PureComponent {
         largeImageIndex: -1
       });
     };
-    this.server = _context.default.getSetting('server');
-    this.workspaceID = _context.default.getSetting('workspaceID');
-    this.dtableUuid = _context.default.getSetting('dtableUuid');
+    this.server = context.getSetting('server');
+    this.workspaceID = context.getSetting('workspaceID');
+    this.dtableUuid = context.getSetting('dtableUuid');
     this.state = {
       isShowLargeImage: false,
       largeImageIndex: -1,
@@ -105,28 +97,28 @@ class FileFormatter extends _react.default.PureComponent {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    let className = (0, _classnames.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
+    let className = classnames('dtable-ui cell-formatter-container file-formatter', containerClassName);
     if (isSample) {
       let item = value[0];
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: className
-      }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter2.default, {
+      }, /*#__PURE__*/React.createElement(_FileItemFormatter, {
         file: item
-      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
+      }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
         className: "file-item-count"
-      }, "+".concat(value.length)));
+      }, `+${value.length}`));
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: className
     }, value.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      return /*#__PURE__*/React.createElement(Fragment, {
         key: index
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         onClick: () => this.openFile(item)
-      }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter2.default, {
+      }, /*#__PURE__*/React.createElement(_FileItemFormatter, {
         file: item
       })));
-    }), this.state.isShowLargeImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox2.default, {
+    }), this.state.isShowLargeImage && /*#__PURE__*/React.createElement(_ImagePreviewerLightbox, {
       server: this.server,
       workspaceID: this.workspaceID,
       dtableUuid: this.dtableUuid,
@@ -139,7 +131,6 @@ class FileFormatter extends _react.default.PureComponent {
     }));
   }
 }
-exports.default = FileFormatter;
 FileFormatter.defaultProps = {
   isSample: false,
   value: [],

package/dist/view/wrapper/table-element/components/formatters/formula-formatter.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _FormulaFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/FormulaFormatter"));
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _datasetUtils = require("../dataset-utils");
+import _FormulaFormatter from "dtable-ui-component/lib/FormulaFormatter";
+import React from 'react';
+import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_RESULT_TYPE } from 'dtable-utils';
+import { convertValueToDtableLongTextValue } from '../dataset-utils';
 function DtableFormulaFormatter(props) {
   const {
     value,
@@ -25,19 +18,19 @@ function DtableFormulaFormatter(props) {
   } = column.data || {};
   let cellValue = value;
   if (Array.isArray(cellValue)) {
-    if (array_type === _dtableUtils.CellType.LONG_TEXT) {
-      cellValue = cellValue.map(item => (0, _datasetUtils.convertValueToDtableLongTextValue)(item));
+    if (array_type === CellType.LONG_TEXT) {
+      cellValue = cellValue.map(item => convertValueToDtableLongTextValue(item));
     }
   }
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY && _dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+  if (result_type === FORMULA_RESULT_TYPE.ARRAY && COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
     // need query user if not loaded
     props.queryUsers(Array.isArray(cellValue) ? cellValue : [cellValue]);
   }
-  return /*#__PURE__*/_react.default.createElement(_FormulaFormatter2.default, {
+  return /*#__PURE__*/React.createElement(_FormulaFormatter, {
     value: cellValue,
     column: column,
     collaborators: collaborators,
     containerClassName: containerClassName
   });
 }
-var _default = exports.default = DtableFormulaFormatter;
+export default DtableFormulaFormatter;