dtable-ui-component 4.4.4 → 4.4.6

package/lib/FileEditor/pc-files-addition/pc-file-uploaded-item.js

@@ -0,0 +1 @@
+"use strict";

package/lib/FileEditor/pc-files-preview/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/FileEditor/pc-files-preview/pc-file-item-preview.js

@@ -0,0 +1 @@
+"use strict";

package/lib/FileFormatter/index.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import classnames from 'classnames';
-import FileItemFormatter from '../FileItemFormatter';
-import './index.css';
-export default class FileFormatter extends React.PureComponent {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
+require("./index.css");
+class FileFormatter extends _react.default.PureComponent {
   render() {
     let {
       isSample,
@@ -12,27 +19,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(_FileItemFormatter.default, {
         file: item
-      }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
+      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
         className: "file-item-count"
       }, "+".concat(value.length)));
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: className
     }, value.map((item, index) => {
-      return /*#__PURE__*/React.createElement(FileItemFormatter, {
+      return /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
         file: item,
         key: index
       });
     }));
   }
 }
+exports.default = FileFormatter;
 FileFormatter.defaultProps = {
   isSample: false,
   value: [],

package/lib/FileItemFormatter/index.js

@@ -1,10 +1,17 @@
-import React, { Component } from 'react';
-import { getFileIconUrl } from './utils';
-export default class FileItemFormatter extends Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("./utils");
+class FileItemFormatter extends _react.Component {
   constructor() {
     super(...arguments);
     this.getFileIconData = item => {
-      let fileIconUrl = getFileIconUrl(item.name, item.type);
+      let fileIconUrl = (0, _utils.getFileIconUrl)(item.name, item.type);
       let fileIconData = require('./' + fileIconUrl);
       return fileIconData;
     };
@@ -13,10 +20,11 @@ export default class FileItemFormatter extends Component {
     const {
       file
     } = this.props;
-    return /*#__PURE__*/React.createElement("img", {
+    return /*#__PURE__*/_react.default.createElement("img", {
       className: "file-item-icon",
       src: this.getFileIconData(file),
       alt: file.name
     });
   }
-}
+}
+exports.default = FileItemFormatter;

package/lib/FileItemFormatter/utils.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFileIconUrl = void 0;
 const FILEEXT_ICON_MAP = {
   // text file
   md: 'txt.png',
@@ -46,7 +52,7 @@ const FILEEXT_ICON_MAP = {
   // default
   default: 'file.png'
 };
-export const getFileIconUrl = (filename, direntType) => {
+const getFileIconUrl = (filename, direntType) => {
   if (typeof direntType === 'string' && direntType === 'dir') {
     return 'assets/folder/' + FILEEXT_ICON_MAP['folder'];
   }
@@ -57,4 +63,5 @@ export const getFileIconUrl = (filename, direntType) => {
   const file_ext = typeof filename === 'string' && filename.slice(identifierIndex + 1).toLowerCase() || 'default';
   const iconUrl = FILEEXT_ICON_MAP[file_ext] ? 'assets/file/192/' + FILEEXT_ICON_MAP[file_ext] : 'assets/file/192/' + FILEEXT_ICON_MAP['default'];
   return iconUrl;
-};
+};
+exports.getFileIconUrl = getFileIconUrl;

package/lib/FileUploader/index.js

@@ -1,5 +1,12 @@
-import React from 'react';
-class FileUploader extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+class FileUploader extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onFilesChanged = () => {};
@@ -15,10 +22,10 @@ class FileUploader extends React.Component {
     this.uploadFiles = [];
   }
   render() {
-    return /*#__PURE__*/React.createElement("input", {
+    return /*#__PURE__*/_react.default.createElement("input", {
       type: "file",
       onChange: this.onFilesChanged
     });
   }
 }
-export default FileUploader;
+var _default = exports.default = FileUploader;

package/lib/FormulaFormatter/cell-value-validator.js

@@ -1,4 +1,10 @@
-import { FORMULA_RESULT_TYPE, CellType } from '../constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../constants");
 const numberValidator = value => {
   return (value || value === 0) && Object.prototype.toString.call(value) === '[object Number]';
 };
@@ -9,22 +15,22 @@ const checkboxValidator = value => {
   return typeof value === 'boolean';
 };
 const validators = {
-  [CellType.NUMBER]: numberValidator,
-  [CellType.RATE]: numberValidator,
-  [CellType.DURATION]: numberValidator,
-  [CellType.CHECKBOX]: checkboxValidator,
-  [CellType.TEXT]: textValidator,
-  [CellType.DATE]: textValidator,
-  [CellType.CTIME]: textValidator,
-  [CellType.MTIME]: textValidator,
-  [CellType.GEOLOCATION]: textValidator,
-  [CellType.AUTO_NUMBER]: textValidator,
-  [CellType.URL]: textValidator,
-  [CellType.EMAIL]: textValidator,
-  [FORMULA_RESULT_TYPE.DATE]: textValidator,
-  [FORMULA_RESULT_TYPE.STRING]: textValidator,
-  [FORMULA_RESULT_TYPE.NUMBER]: numberValidator,
-  [FORMULA_RESULT_TYPE.BOOL]: checkboxValidator
+  [_constants.CellType.NUMBER]: numberValidator,
+  [_constants.CellType.RATE]: numberValidator,
+  [_constants.CellType.DURATION]: numberValidator,
+  [_constants.CellType.CHECKBOX]: checkboxValidator,
+  [_constants.CellType.TEXT]: textValidator,
+  [_constants.CellType.DATE]: textValidator,
+  [_constants.CellType.CTIME]: textValidator,
+  [_constants.CellType.MTIME]: textValidator,
+  [_constants.CellType.GEOLOCATION]: textValidator,
+  [_constants.CellType.AUTO_NUMBER]: textValidator,
+  [_constants.CellType.URL]: textValidator,
+  [_constants.CellType.EMAIL]: textValidator,
+  [_constants.FORMULA_RESULT_TYPE.DATE]: textValidator,
+  [_constants.FORMULA_RESULT_TYPE.STRING]: textValidator,
+  [_constants.FORMULA_RESULT_TYPE.NUMBER]: numberValidator,
+  [_constants.FORMULA_RESULT_TYPE.BOOL]: checkboxValidator
 };
 const cellValueValidator = (cellValue, type) => {
   const validator = validators[type];
@@ -33,4 +39,4 @@ const cellValueValidator = (cellValue, type) => {
   }
   return true;
 };
-export default cellValueValidator;
+var _default = exports.default = cellValueValidator;

package/lib/FormulaFormatter/index.js

@@ -1,16 +1,23 @@
-import React from 'react';
-import { CellType, FORMULA_RESULT_TYPE, getFormulaDisplayString } from 'dtable-utils';
-import BaseFormatterConfig from '../formatterConfig/base-formatter-config';
-import TextFormatter from '../TextFormatter';
-import { isArrayFormatColumn, isSimpleCellFormatter, isFunction, getFormulaArrayValue, convertValueToDtableLongTextValue } from './utils';
-import cellValueValidator from './cell-value-validator';
-import './index.css';
-class FormulaFormatter extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
+var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
+var _utils = require("./utils");
+var _cellValueValidator = _interopRequireDefault(require("./cell-value-validator"));
+require("./index.css");
+class FormulaFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getGridCellClassName = resultType => {
       switch (resultType) {
-        case FORMULA_RESULT_TYPE.NUMBER:
+        case _dtableUtils.FORMULA_RESULT_TYPE.NUMBER:
           {
             return 'text-right';
           }
@@ -33,26 +40,26 @@ class FormulaFormatter extends React.Component {
         array_type,
         array_data
       } = columnData;
-      if (!array_type || array_type === CellType.LINK) {
+      if (!array_type || array_type === _dtableUtils.CellType.LINK) {
         return null;
       }
-      const Formatter = BaseFormatterConfig[array_type];
+      const Formatter = _baseFormatterConfig.default[array_type];
       let formatterProps = this.getFormatterProps(array_type, array_data, collaborators);
-      if (isArrayFormatColumn(array_type)) {
+      if ((0, _utils.isArrayFormatColumn)(array_type)) {
         formatterProps.value = value;
         return this.createColumnFormatter(Formatter, formatterProps);
       }
-      const _isSimpleCellFormatterColumn = isSimpleCellFormatter(array_type);
+      const _isSimpleCellFormatterColumn = (0, _utils.isSimpleCellFormatter)(array_type);
       let cellValue = value;
       if (!Array.isArray(value)) {
-        cellValue = cellValueValidator(value, array_type) ? [value] : [];
+        cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
       }
       const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
       }, cellValue.map((v, index) => {
         formatterProps.value = v;
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: contentItemClassName,
           key: "formula-formatter-content-item-".concat(index)
         }, this.createColumnFormatter(Formatter, formatterProps));
@@ -60,7 +67,7 @@ class FormulaFormatter extends React.Component {
     };
     this.getFormatterProps = (array_type, array_data, collaborators) => {
       switch (array_type) {
-        case CellType.DURATION:
+        case _dtableUtils.CellType.DURATION:
           {
             const {
               duration_format
@@ -69,9 +76,9 @@ class FormulaFormatter extends React.Component {
               format: duration_format
             };
           }
-        case CellType.NUMBER:
-        case CellType.RATE:
-        case CellType.GEOLOCATION:
+        case _dtableUtils.CellType.NUMBER:
+        case _dtableUtils.CellType.RATE:
+        case _dtableUtils.CellType.GEOLOCATION:
           {
             return {
               data: array_data
@@ -88,14 +95,14 @@ class FormulaFormatter extends React.Component {
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
-    if (React.isValidElement(Formatter)) {
-      return React.cloneElement(Formatter, {
+    if ( /*#__PURE__*/_react.default.isValidElement(Formatter)) {
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
         ...formatterProps
       });
-    } else if (isFunction(Formatter)) {
-      return /*#__PURE__*/React.createElement(Formatter, formatterProps);
+    } else if ((0, _utils.isFunction)(Formatter)) {
+      return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
     }
-    return /*#__PURE__*/React.createElement(TextFormatter, formatterProps);
+    return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);
   }
   render() {
     const {
@@ -112,26 +119,26 @@ class FormulaFormatter extends React.Component {
     } = data;
     let value = this.props.value;
     if (Array.isArray(value)) {
-      value = getFormulaArrayValue(value);
-      if (array_type === CellType.LONG_TEXT) {
-        value = value.map(item => convertValueToDtableLongTextValue(item));
+      value = (0, _utils.getFormulaArrayValue)(value);
+      if (array_type === _dtableUtils.CellType.LONG_TEXT) {
+        value = value.map(item => (0, _utils.convertValueToDtableLongTextValue)(item));
       }
     }
-    if (resultType === FORMULA_RESULT_TYPE.ARRAY) {
+    if (resultType === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
       return this.renderOtherColumnFormatter();
     }
     if (typeof value === 'object') {
       return null;
     }
     const gridCellClassName = this.getGridCellClassName(resultType);
-    const formattedValue = getFormulaDisplayString(value, data, {
+    const formattedValue = (0, _dtableUtils.getFormulaDisplayString)(value, data, {
       collaborators
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
       title: formattedValue,
       "aria-label": formattedValue
     }, formattedValue);
   }
 }
-export default FormulaFormatter;
+var _default = exports.default = FormulaFormatter;

package/lib/FormulaFormatter/utils.js

@@ -1,16 +1,28 @@
-import { ARRAY_FORMAT_COLUMNS, SIMPLE_CELL_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS } from '../constants';
-import getPreviewContent from '../SimpleLongTextFormatter/normalize-long-text-value';
-export function isSimpleCellFormatter(type) {
-  return SIMPLE_CELL_COLUMNS.includes(type) || SIMPLE_CELL_FORMULA_RESULTS.includes(type);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTwoDimensionArrayValue = exports.getFormulaArrayValue = exports.convertValueToDtableLongTextValue = void 0;
+exports.isArrayFormatColumn = isArrayFormatColumn;
+exports.isFunction = void 0;
+exports.isSimpleCellFormatter = isSimpleCellFormatter;
+exports.isValidCellValue = void 0;
+var _constants = require("../constants");
+var _normalizeLongTextValue = _interopRequireDefault(require("../SimpleLongTextFormatter/normalize-long-text-value"));
+function isSimpleCellFormatter(type) {
+  return _constants.SIMPLE_CELL_COLUMNS.includes(type) || _constants.SIMPLE_CELL_FORMULA_RESULTS.includes(type);
 }
-export function isArrayFormatColumn(columnType) {
-  return ARRAY_FORMAT_COLUMNS.includes(columnType);
+function isArrayFormatColumn(columnType) {
+  return _constants.ARRAY_FORMAT_COLUMNS.includes(columnType);
 }
-export const isFunction = functionToCheck => {
+const isFunction = functionToCheck => {
   const getType = {};
   return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
 };
-export const isValidCellValue = value => {
+exports.isFunction = isFunction;
+const isValidCellValue = value => {
   if (value === undefined) return false;
   if (value === null) return false;
   if (value === '') return false;
@@ -18,7 +30,8 @@ export const isValidCellValue = value => {
   if (JSON.stringify(value) === '[]') return false;
   return true;
 };
-export const getFormulaArrayValue = function (value) {
+exports.isValidCellValue = isValidCellValue;
+const getFormulaArrayValue = function (value) {
   let isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (!Array.isArray(value)) {
     return [];
@@ -50,7 +63,8 @@ export const getFormulaArrayValue = function (value) {
     });
   }).flat().filter(item => isValidCellValue(item));
 };
-export const getTwoDimensionArrayValue = value => {
+exports.getFormulaArrayValue = getFormulaArrayValue;
+const getTwoDimensionArrayValue = value => {
   if (!Array.isArray(value)) return [];
   return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]') {
@@ -79,13 +93,15 @@ export const getTwoDimensionArrayValue = value => {
     });
   });
 };
-export const convertValueToDtableLongTextValue = value => {
+exports.getTwoDimensionArrayValue = getTwoDimensionArrayValue;
+const convertValueToDtableLongTextValue = value => {
   const valueType = Object.prototype.toString.call(value);
   if (value && valueType === '[object String]') {
-    return getPreviewContent(value);
+    return (0, _normalizeLongTextValue.default)(value);
   }
   if (valueType === '[object Object]') {
     return value;
   }
   return '';
-};
+};
+exports.convertValueToDtableLongTextValue = convertValueToDtableLongTextValue;

package/lib/GeolocationFormatter/index.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import classnames from 'classnames';
-import { getGeolocationDisplayString } from 'dtable-utils';
-import './index.css';
-class GeolocationFormatter extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dtableUtils = require("dtable-utils");
+require("./index.css");
+class GeolocationFormatter extends _react.default.Component {
   render() {
     let {
       value,
@@ -10,13 +17,13 @@ class GeolocationFormatter extends React.Component {
       containerClassName,
       isBaiduMap
     } = this.props;
-    let className = classnames('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
+    let className = (0, _classnames.default)('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
     if (typeof value !== 'object') {
       return null;
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: className
-    }, getGeolocationDisplayString(value, data, {
+    }, (0, _dtableUtils.getGeolocationDisplayString)(value, data, {
       isBaiduMap,
       hyphen: ' '
     }));
@@ -33,4 +40,4 @@ GeolocationFormatter.defaultProps = {
   containerClassName: '',
   isBaiduMap: false
 };
-export default GeolocationFormatter;
+var _default = exports.default = GeolocationFormatter;

package/lib/HtmlLongTextFormatter/index.js

@@ -1,8 +1,16 @@
-import React, { Component } from 'react';
-import classnames from 'classnames';
-import { processor } from '@seafile/seafile-editor';
-import './index.css';
-class HtmlLongTextFormatter extends Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _seafileEditor = require("@seafile/seafile-editor");
+require("./index.css");
+class HtmlLongTextFormatter extends _react.Component {
   constructor(_props) {
     super(_props);
     this.translateValue = props => {
@@ -27,7 +35,7 @@ class HtmlLongTextFormatter extends Component {
       return;
     };
     this.convertMarkdown = mdFile => {
-      processor.process(mdFile).then(result => {
+      _seafileEditor.processor.process(mdFile).then(result => {
         let innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
         this.setState({
           innerHtml
@@ -56,9 +64,9 @@ class HtmlLongTextFormatter extends Component {
     const {
       containerClassName
     } = this.props;
-    const className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+    const className = (0, _classnames.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
     if (!innerHtml) return null;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(className, " article"),
       dangerouslySetInnerHTML: {
         __html: innerHtml
@@ -66,4 +74,4 @@ class HtmlLongTextFormatter extends Component {
     });
   }
 }
-export default HtmlLongTextFormatter;
+var _default = exports.default = HtmlLongTextFormatter;

package/lib/ImageFormatter/images-lazy-load.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import Loading from '../Loading';
-import { getImageThumbnailUrl } from './utils';
-class ImagesLazyLoad extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Loading = _interopRequireDefault(require("../Loading"));
+var _utils = require("./utils");
+class ImagesLazyLoad extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.componentDidMount = () => {
@@ -34,7 +41,7 @@ class ImagesLazyLoad extends React.Component {
           server
         } = this.props;
         images.forEach((item, index) => {
-          let url = getImageThumbnailUrl(item, server);
+          let url = (0, _utils.getImageThumbnailUrl)(item, server);
           this.lazyLoadImage(url, image => {
             let {
               loadedCount,
@@ -97,13 +104,13 @@ class ImagesLazyLoad extends React.Component {
       let style = {
         marginLeft: '4px'
       };
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         style: style,
         className: "d-flex align-items-center"
-      }, /*#__PURE__*/React.createElement(Loading, null));
+      }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
     }
     return loadedImages.map((image, index) => {
-      return /*#__PURE__*/React.createElement("img", {
+      return /*#__PURE__*/_react.default.createElement("img", {
         key: index,
         className: "image-item",
         src: image.src,
@@ -114,4 +121,4 @@ class ImagesLazyLoad extends React.Component {
     });
   }
 }
-export default ImagesLazyLoad;
+var _default = exports.default = ImagesLazyLoad;

package/lib/ImageFormatter/index.js

@@ -1,10 +1,18 @@
-import React, { Fragment } from 'react';
-import classnames from 'classnames';
-import ImagesLazyLoad from './images-lazy-load';
-import { getImageThumbnailUrl } from './utils';
-import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
-import './index.css';
-class ImageFormatter extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _imagesLazyLoad = _interopRequireDefault(require("./images-lazy-load"));
+var _utils = require("./utils");
+var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
+require("./index.css");
+class ImageFormatter extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onImageClick = index => {
@@ -69,7 +77,7 @@ class ImageFormatter extends React.Component {
       containerClassName,
       readOnly
     } = this.props;
-    const className = classnames('dtable-ui cell-formatter-container image-formatter', containerClassName);
+    const className = (0, _classnames.default)('dtable-ui cell-formatter-container image-formatter', containerClassName);
     const {
       isPreviewImage,
       previewImageIndex
@@ -79,24 +87,24 @@ class ImageFormatter extends React.Component {
     }
     if (isSample) {
       let item = value[0];
-      let url = getImageThumbnailUrl(item, server);
-      return /*#__PURE__*/React.createElement("div", {
+      let url = (0, _utils.getImageThumbnailUrl)(item, server);
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: className
-      }, /*#__PURE__*/React.createElement("img", {
+      }, /*#__PURE__*/_react.default.createElement("img", {
         className: "image-item",
         src: url,
         alt: ""
-      }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
+      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
         className: "image-item-count"
       }, "+".concat(value.length)));
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: className
-    }, /*#__PURE__*/React.createElement(ImagesLazyLoad, {
+    }, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
       images: value,
       server: server,
       onImageClick: this.onImageClick
-    })), isPreviewImage && /*#__PURE__*/React.createElement(ImagePreviewerLightbox, {
+    })), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
       imageItems: value,
       imageIndex: previewImageIndex,
       closeImagePopup: this.closeImagePopup,
@@ -120,4 +128,4 @@ ImageFormatter.defaultProps = {
   server: '',
   containerClassName: ''
 };
-export default ImageFormatter;
+var _default = exports.default = ImageFormatter;