sea-chart 2.0.46 → 2.0.48

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

@@ -1,36 +1,45 @@
-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 _PhoneNumberLink from "dtable-ui-component/lib/PhoneNumberLink";
-import _TextFormatter from "dtable-ui-component/lib/TextFormatter";
-import _toaster from "dtable-ui-component/lib/toaster";
-import React, { Fragment } from 'react';
-import { CellType, checkIsDisplayAsPhoneNumberColumn, isEmpty } 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';
+"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 _PhoneNumberLink2 = _interopRequireDefault(require("dtable-ui-component/lib/PhoneNumberLink"));
+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 UrlFormatter from './formatters/UrlFormatter/index';
 // import EmailFormatter from './formatters/EmailFormatter/index';
-import { getTrimmedString, getValidUrl, openUrlLink } from './utils';
-class Formatter extends React.Component {
+
+class Formatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.renderEmptyFormatter = () => {
@@ -41,7 +50,7 @@ class Formatter extends React.Component {
         component
       } = empty || {};
       if (component) return component;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "row-cell-value-empty"
       });
     };
@@ -51,19 +60,19 @@ class Formatter extends React.Component {
       window.location.href = url + '?dl=1';
     };
     this.onUrlClick = url => {
-      const vaildUrl = getValidUrl(url);
+      const vaildUrl = (0, _utils.getValidUrl)(url);
       if (url.startsWith('file:///')) {
-        _toaster.danger(intl.get('Open_local_file_is_not_supported'));
+        _toaster2.default.danger(_intl.default.get('Open_local_file_is_not_supported'));
         return;
       }
       try {
-        openUrlLink(vaildUrl);
+        (0, _utils.openUrlLink)(vaildUrl);
       } catch {
-        _toaster.danger(intl.get('URL_is_invalid'));
+        _toaster2.default.danger(_intl.default.get('URL_is_invalid'));
       }
     };
     this.onEmailClick = email => {
-      window.location.href = `mailto:${getTrimmedString(email)}`;
+      window.location.href = `mailto:${(0, _utils.getTrimmedString)(email)}`;
     };
     this.renderFormatter = () => {
       let {
@@ -79,50 +88,50 @@ class Formatter extends React.Component {
       } = column || {};
       const containerClassName = `table-element-${columnType}-formatter`;
       switch (columnType) {
-        case CellType.TEXT:
+        case _dtableUtils.CellType.TEXT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            if (checkIsDisplayAsPhoneNumberColumn(column) && !!getTrimmedString(cellValue)) {
-              return /*#__PURE__*/React.createElement("div", {
+            if ((0, _dtableUtils.checkIsDisplayAsPhoneNumberColumn)(column) && !!(0, _utils.getTrimmedString)(cellValue)) {
+              return /*#__PURE__*/_react.default.createElement("div", {
                 className: "table-element-link-value-wrapper"
-              }, /*#__PURE__*/React.createElement(_TextFormatter, {
+              }, /*#__PURE__*/_react.default.createElement(_TextFormatter2.default, {
                 value: cellValue,
                 containerClassName: "table-element-phone-number-formatter"
-              }), /*#__PURE__*/React.createElement(_PhoneNumberLink, {
-                phoneNumber: getTrimmedString(cellValue),
+              }), /*#__PURE__*/_react.default.createElement(_PhoneNumberLink2.default, {
+                phoneNumber: (0, _utils.getTrimmedString)(cellValue),
                 className: "table-element-cell-jump-link"
               }));
             }
-            return /*#__PURE__*/React.createElement(_TextFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_TextFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case CellType.COLLABORATOR:
+        case _dtableUtils.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.createElement(_CollaboratorFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_CollaboratorFormatter2.default, {
               value: cellValue,
               collaborators: collaborators,
               containerClassName: containerClassName
             });
           }
-        case CellType.LONG_TEXT:
+        case _dtableUtils.CellType.LONG_TEXT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_LongTextFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
               isSample: !isRowExpand,
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case CellType.IMAGE:
+        case _dtableUtils.CellType.IMAGE:
           {
             if (!cellValue || Array.isArray(cellValue) && cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_ImageFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_ImageFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName,
               isSample: isSample,
@@ -131,34 +140,34 @@ class Formatter extends React.Component {
               downloadImage: this.downloadImage
             });
           }
-        case CellType.FILE:
+        case _dtableUtils.CellType.FILE:
           {
             if (!cellValue || Array.isArray(cellValue) && cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(FileFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_index.default, {
               value: cellValue,
               containerClassName: containerClassName,
               isSample: isSample
             });
           }
-        case CellType.GEOLOCATION:
+        case _dtableUtils.CellType.GEOLOCATION:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_GeolocationFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_GeolocationFormatter2.default, {
               value: cellValue,
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case CellType.NUMBER:
+        case _dtableUtils.CellType.NUMBER:
           {
-            if (isEmpty(cellValue)) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_NumberFormatter, {
+            if ((0, _dtableUtils.isEmpty)(cellValue)) return this.renderEmptyFormatter();
+            return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
               value: cellValue,
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case CellType.DATE:
+        case _dtableUtils.CellType.DATE:
           {
             if (!cellValue || typeof cellValue !== 'string') return this.renderEmptyFormatter();
             const {
@@ -167,13 +176,13 @@ class Formatter extends React.Component {
             const {
               format
             } = data || {};
-            return /*#__PURE__*/React.createElement(_DateFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
               value: cellValue,
               format: format,
               containerClassName: containerClassName
             });
           }
-        case CellType.MULTIPLE_SELECT:
+        case _dtableUtils.CellType.MULTIPLE_SELECT:
           {
             if (!cellValue || cellValue.length === 0) return this.renderEmptyFormatter();
             const {
@@ -182,13 +191,13 @@ class Formatter extends React.Component {
             const {
               options
             } = data || {};
-            return /*#__PURE__*/React.createElement(_MultipleSelectFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
               value: cellValue,
               options: options || [],
               containerClassName: containerClassName
             });
           }
-        case CellType.SINGLE_SELECT:
+        case _dtableUtils.CellType.SINGLE_SELECT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
             const {
@@ -197,115 +206,115 @@ class Formatter extends React.Component {
             const {
               options
             } = data || {};
-            return /*#__PURE__*/React.createElement(_SingleSelectFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_SingleSelectFormatter2.default, {
               value: cellValue,
               options: options || [],
               containerClassName: containerClassName
             });
           }
-        case CellType.DEPARTMENT_SINGLE_SELECT:
+        case _dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_DepartmentSingleSelectFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter2.default, {
               value: cellValue,
               departments: departments || []
             });
           }
-        case CellType.CHECKBOX:
+        case _dtableUtils.CellType.CHECKBOX:
           {
-            return /*#__PURE__*/React.createElement(_CheckboxFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case CellType.CTIME:
+        case _dtableUtils.CellType.CTIME:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_CTimeFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case CellType.MTIME:
+        case _dtableUtils.CellType.MTIME:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_MTimeFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case CellType.CREATOR:
+        case _dtableUtils.CellType.CREATOR:
           {
             this.props.queryUsers([cellValue]);
-            return /*#__PURE__*/React.createElement(_CreatorFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_CreatorFormatter2.default, {
               collaborators: collaborators,
               value: cellValue
             });
           }
-        case CellType.LAST_MODIFIER:
+        case _dtableUtils.CellType.LAST_MODIFIER:
           {
             this.props.queryUsers([cellValue]);
-            return /*#__PURE__*/React.createElement(_LastModifierFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_LastModifierFormatter2.default, {
               collaborators: collaborators,
               value: cellValue
             });
           }
-        case CellType.AUTO_NUMBER:
+        case _dtableUtils.CellType.AUTO_NUMBER:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_AutoNumberFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_AutoNumberFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case CellType.URL:
+        case _dtableUtils.CellType.URL:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement("div", {
+            return /*#__PURE__*/_react.default.createElement("div", {
               onClick: () => this.onUrlClick(cellValue)
-            }, /*#__PURE__*/React.createElement(_UrlFormatter, {
+            }, /*#__PURE__*/_react.default.createElement(_UrlFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName
             }), ";");
           }
-        case CellType.EMAIL:
+        case _dtableUtils.CellType.EMAIL:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement("div", {
+            return /*#__PURE__*/_react.default.createElement("div", {
               onClick: () => this.onEmailClick(cellValue)
-            }, /*#__PURE__*/React.createElement(_EmailFormatter, {
+            }, /*#__PURE__*/_react.default.createElement(_EmailFormatter2.default, {
               value: cellValue,
               containerClassName: containerClassName
             }), ";");
           }
-        case CellType.DURATION:
+        case _dtableUtils.CellType.DURATION:
           {
             if (!cellValue) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(_DurationFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_DurationFormatter2.default, {
               value: cellValue,
               format: column.data.duration_format,
               containerClassName: containerClassName
             });
           }
-        case CellType.RATE:
+        case _dtableUtils.CellType.RATE:
           {
-            return /*#__PURE__*/React.createElement(_RateFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_RateFormatter2.default, {
               value: cellValue,
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case CellType.BUTTON:
+        case _dtableUtils.CellType.BUTTON:
           {
-            return /*#__PURE__*/React.createElement(_ButtonFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_ButtonFormatter2.default, {
               data: column.data || {},
               containerClassName: containerClassName
             });
           }
-        case CellType.FORMULA:
-        case CellType.LINK_FORMULA:
+        case _dtableUtils.CellType.FORMULA:
+        case _dtableUtils.CellType.LINK_FORMULA:
           {
-            return /*#__PURE__*/React.createElement(DtableFormulaFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_formulaFormatter.default, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
@@ -314,10 +323,10 @@ class Formatter extends React.Component {
               renderEmptyFormatter: this.renderEmptyFormatter
             });
           }
-        case CellType.LINK:
+        case _dtableUtils.CellType.LINK:
           {
             if (!Array.isArray(cellValue) || cellValue.length === 0) return this.renderEmptyFormatter();
-            return /*#__PURE__*/React.createElement(LinkFormatter, {
+            return /*#__PURE__*/_react.default.createElement(_linkFormatter.default, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
@@ -334,7 +343,7 @@ class Formatter extends React.Component {
     };
   }
   render() {
-    return /*#__PURE__*/React.createElement(Fragment, null, this.renderFormatter());
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderFormatter());
   }
 }
 Formatter.defaultProps = {
@@ -342,4 +351,4 @@ Formatter.defaultProps = {
   isRowExpand: false,
   queryUsers: () => {}
 };
-export default Formatter;
+var _default = exports.default = Formatter;

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

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

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

@@ -1,7 +1,14 @@
-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';
+"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");
 function DtableFormulaFormatter(props) {
   const {
     value,
@@ -18,19 +25,19 @@ function DtableFormulaFormatter(props) {
   } = column.data || {};
   let cellValue = value;
   if (Array.isArray(cellValue)) {
-    if (array_type === CellType.LONG_TEXT) {
-      cellValue = cellValue.map(item => convertValueToDtableLongTextValue(item));
+    if (array_type === _dtableUtils.CellType.LONG_TEXT) {
+      cellValue = cellValue.map(item => (0, _datasetUtils.convertValueToDtableLongTextValue)(item));
     }
   }
-  if (result_type === FORMULA_RESULT_TYPE.ARRAY && COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY && _dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
     // need query user if not loaded
     props.queryUsers(Array.isArray(cellValue) ? cellValue : [cellValue]);
   }
-  return /*#__PURE__*/React.createElement(_FormulaFormatter, {
+  return /*#__PURE__*/_react.default.createElement(_FormulaFormatter2.default, {
     value: cellValue,
     column: column,
     collaborators: collaborators,
     containerClassName: containerClassName
   });
 }
-export default DtableFormulaFormatter;
+var _default = exports.default = DtableFormulaFormatter;