dtable-ui-component 6.0.126-beta.s1 → 6.0.126

package/lib/ImageEditor/pc-editor/addition-previewer/local-image-addition/index.js

@@ -41,9 +41,7 @@ class LocalImageAddition extends _react.default.Component {
     };
     this.onFileUploadSuccess = fileMessage => {
       this.hideDeleteIcon();
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       if (thumbnailSrcList.every(fileItem => !fileItem.isUploading)) {
@@ -54,9 +52,7 @@ class LocalImageAddition extends _react.default.Component {
       this.props.fileUploadCompleted(fileMessage);
     };
     this.onFileUploadFailed = uploadedFileInfo => {
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       const findUploadFileIndex = this.findUploadFileIndex(uploadedFileInfo);
       thumbnailSrcList.splice(findUploadFileIndex, 1, uploadedFileInfo);
       this.setState({
@@ -64,9 +60,7 @@ class LocalImageAddition extends _react.default.Component {
       });
     };
     this.findUploadFileIndex = fileMessage => {
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       let uploadFileIndex = thumbnailSrcList.findIndex(item => item.name === fileMessage.file.name);
       return uploadFileIndex;
     };
@@ -77,9 +71,7 @@ class LocalImageAddition extends _react.default.Component {
         });
         return;
       }
-      let {
-        uploadMessageList
-      } = this.state;
+      let uploadMessageList = this.state.uploadMessageList;
       let newUploadMessageList = uploadMessageList.slice(0);
       let uploadFile = uploadMessageList.find(item => item.uploadName === uploadMessage.uploadName);
       if (uploadFile) {
@@ -113,9 +105,7 @@ class LocalImageAddition extends _react.default.Component {
       });
     };
     this.renderMultipleFilesArr = () => {
-      let {
-        thumbnailSrcList
-      } = this.state;
+      let thumbnailSrcList = this.state.thumbnailSrcList;
       let imageArr = [];
       if (Array.isArray(this.props.uploadLocalImageValue)) {
         let uploadedFileList = this.renderUploadedFile();
@@ -170,9 +160,7 @@ class LocalImageAddition extends _react.default.Component {
       return imageArr;
     };
     this.renderUploadedFile = () => {
-      const {
-        uploadLocalImageValue
-      } = this.props;
+      const uploadLocalImageValue = this.props.uploadLocalImageValue;
       let uploadedFileList = [];
       uploadedFileList = uploadLocalImageValue.length > 0 && uploadLocalImageValue.map((imgSrc, index) => {
         let imageThumbnailUrl = (0, _url.getImageThumbnailUrl)(imgSrc);
@@ -202,9 +190,7 @@ class LocalImageAddition extends _react.default.Component {
       return uploadedFileList;
     };
     this.renderUploadFileWrapper = imageArr => {
-      let {
-        isImageTipShow
-      } = this.state;
+      let isImageTipShow = this.state.isImageTipShow;
       let editorContent;
       let className = imageArr.length === 0 ? "dtable-ui-image-upload-container ".concat(isImageTipShow ? 'dtable-ui-image-upload-container-active' : '') : 'dtable-ui-image-wrapper';
       if (imageArr.length === 0) {

package/lib/ImageEditor/pc-editor/images-previewer/index.js

@@ -25,9 +25,7 @@ class ImagesPreviewer extends _react.default.Component {
       }
     };
     this.showLargeImage = itemUrl => {
-      let {
-        value
-      } = this.props;
+      let value = this.props.value;
       this.setState({
         isShowLargeImage: true,
         largeImageIndex: value.indexOf(itemUrl)
@@ -57,9 +55,7 @@ class ImagesPreviewer extends _react.default.Component {
     };
     this.deleteImage = (index, type) => {
       this.props.deleteImage(index, type);
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       if (index > value.length - 2) {
         if (value.length - 2 < 0) {
           this.hideLargeImage();
@@ -102,9 +98,7 @@ class ImagesPreviewer extends _react.default.Component {
     }
   }
   render() {
-    let {
-      value
-    } = this.props;
+    let value = this.props.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-image-previewer-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/ImageEditor/pc-editor/index.js

@@ -24,10 +24,9 @@ class PCImageEditor extends _react.default.Component {
       return this.state.value;
     };
     this.getEditorView = () => {
-      const {
-        isInModal,
-        value
-      } = this.props;
+      const _this$props = this.props,
+        isInModal = _this$props.isInModal,
+        value = _this$props.value;
       return !value || value.length === 0 || isInModal ? _constants.FILE_EDITOR_STATUS.ADDITION : _constants.FILE_EDITOR_STATUS.PREVIEWER;
     };
     this.deleteImage = function (index) {
@@ -57,10 +56,9 @@ class PCImageEditor extends _react.default.Component {
       e.stopPropagation();
       if (this.state.isOpen && this.state.isUpdated) {
         if (this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION) {
-          let {
-            value,
-            uploadLocalImageValue
-          } = this.state;
+          let _this$state = this.state,
+            value = _this$state.value,
+            uploadLocalImageValue = _this$state.uploadLocalImageValue;
           let newValue = value.concat(uploadLocalImageValue);
           this.setState({
             value: newValue
@@ -114,9 +112,7 @@ class PCImageEditor extends _react.default.Component {
       });
     };
     this.renderHeader = () => {
-      let {
-        editorView
-      } = this.state;
+      let editorView = this.state.editorView;
       if (this.props.isInModal) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: (0, _lang.getLocale)('Add_images')
@@ -138,11 +134,10 @@ class PCImageEditor extends _react.default.Component {
       });
     };
     this.showImageListPreviewer = () => {
-      let {
-        value,
-        uploadLocalImageValue,
-        imageLinkValue
-      } = this.state;
+      let _this$state2 = this.state,
+        value = _this$state2.value,
+        uploadLocalImageValue = _this$state2.uploadLocalImageValue,
+        imageLinkValue = _this$state2.imageLinkValue;
       let newValue = value.concat(uploadLocalImageValue, imageLinkValue);
       this.setState({
         value: newValue

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

@@ -1,26 +1,34 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _Loading = _interopRequireDefault(require("../Loading"));
 var _url = require("../utils/url");
 var _jsxRuntime = require("react/jsx-runtime");
 const ImagesLazyLoad = _ref => {
-  let {
-    images,
-    server,
-    onImageClick,
-    renderItem,
-    dtableUuid
-  } = _ref;
-  const [currentImages, setCurrentImages] = (0, _react.useState)(images);
-  const [loadedImages, setLoadedImages] = (0, _react.useState)([]);
-  const [loadedCount, setLoadedCount] = (0, _react.useState)(0);
+  let images = _ref.images,
+    server = _ref.server,
+    onImageClick = _ref.onImageClick,
+    renderItem = _ref.renderItem,
+    dtableUuid = _ref.dtableUuid;
+  const _useState = (0, _react.useState)(images),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentImages = _useState2[0],
+    setCurrentImages = _useState2[1];
+  const _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loadedImages = _useState4[0],
+    setLoadedImages = _useState4[1];
+  const _useState5 = (0, _react.useState)(0),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    loadedCount = _useState6[0],
+    setLoadedCount = _useState6[1];
   const lazyLoadImage = (url, resolve, reject) => {
     if (!url) {
       reject('img path is required');

package/lib/ImageFormatter/index.js

@@ -63,20 +63,18 @@ class ImageFormatter extends _react.default.Component {
     this.canRotate = props.rotateImage && !props.readOnly;
   }
   render() {
-    const {
-      isSample,
-      value,
-      server,
-      containerClassName,
-      lightboxClassName,
-      readOnly,
-      dtableUuid
-    } = this.props;
+    const _this$props = this.props,
+      isSample = _this$props.isSample,
+      value = _this$props.value,
+      server = _this$props.server,
+      containerClassName = _this$props.containerClassName,
+      lightboxClassName = _this$props.lightboxClassName,
+      readOnly = _this$props.readOnly,
+      dtableUuid = _this$props.dtableUuid;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container image-formatter', containerClassName);
-    const {
-      isPreviewImage,
-      previewImageIndex
-    } = this.state;
+    const _this$state = this.state,
+      isPreviewImage = _this$state.isPreviewImage,
+      previewImageIndex = _this$state.previewImageIndex;
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }

package/lib/ImagePreviewerLightbox/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
@@ -14,18 +15,16 @@ require("@seafile/react-image-lightbox/style.css");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function ImagePreviewerLightbox(props) {
-  const {
-    imageItems,
-    imageIndex,
-    readOnly,
-    className,
-    server,
-    workspaceID,
-    dtableUuid,
-    deleteImage,
-    downloadImage,
-    onRotateImage
-  } = props;
+  const imageItems = props.imageItems,
+    imageIndex = props.imageIndex,
+    readOnly = props.readOnly,
+    className = props.className,
+    server = props.server,
+    workspaceID = props.workspaceID,
+    dtableUuid = props.dtableUuid,
+    deleteImage = props.deleteImage,
+    downloadImage = props.downloadImage,
+    onRotateImage = props.onRotateImage;
   const imageSrcList = imageItems.map(src => {
     let name = '';
     try {
@@ -58,7 +57,10 @@ function ImagePreviewerLightbox(props) {
     };
   });
   const imagesLength = imageSrcList.length;
-  const [currentImageIndex, setCurrentImageIndex] = _react.default.useState(imageIndex || 0);
+  const _React$useState = _react.default.useState(imageIndex || 0),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    currentImageIndex = _React$useState2[0],
+    setCurrentImageIndex = _React$useState2[1];
   const imageItem = imageSrcList[currentImageIndex];
   const URL = imageItem ? imageItem.thumbnail : '';
   const imageName = imageItem ? imageItem.name : '';

package/lib/ImageThumbnail/index.js

@@ -66,9 +66,9 @@ class ImageThumbnail extends _react.default.Component {
       showTip: false
     };
     this.ref = null;
-    const {
-      mediaUrl = ''
-    } = props.config || {};
+    const _ref = props.config || {},
+      _ref$mediaUrl = _ref.mediaUrl,
+      mediaUrl = _ref$mediaUrl === void 0 ? '' : _ref$mediaUrl;
     this.imageLoadingFailedUrl = "".concat(mediaUrl, "img/image-loading-failed.png");
   }
   componentDidMount() {
@@ -80,16 +80,13 @@ class ImageThumbnail extends _react.default.Component {
     }
   }
   render() {
-    const {
-      index,
-      downloadImage,
-      src,
-      className,
-      name
-    } = this.props;
-    const {
-      imageThumbnailUrl
-    } = this.state;
+    const _this$props = this.props,
+      index = _this$props.index,
+      downloadImage = _this$props.downloadImage,
+      src = _this$props.src,
+      className = _this$props.className,
+      name = _this$props.name;
+    const imageThumbnailUrl = this.state.imageThumbnailUrl;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames.default)('dtable-ui-image-thumbnail', className),

package/lib/InputItem/custom-input.js

@@ -50,9 +50,7 @@ class NumberInput extends React.Component {
       }
     };
     this.doBlur = ev => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       if (ev.target !== this.inputRef) {
         this.onInputBlur(value);
       }
@@ -72,9 +70,7 @@ class NumberInput extends React.Component {
       if (IS_REACT_16) {
         this.keyBoard = null;
       }
-      const {
-        focus
-      } = this.state;
+      const focus = this.state.focus;
       if (focus) {
         this.setState({
           focus: false
@@ -86,9 +82,7 @@ class NumberInput extends React.Component {
       }
     };
     this.onInputFocus = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       this.props.onFocus(value);
       this.setState({
         focus: true
@@ -100,9 +94,8 @@ class NumberInput extends React.Component {
               const keyBoardHeight = customNumberKeyboard.antmKeyboard.offsetHeight;
               this.getContainer().style.height = "".concat(keyBoardHeight, "px");
               if (this.inputRef) {
-                const {
-                  bottom
-                } = this.inputRef.getBoundingClientRect();
+                const _this$inputRef$getBou = this.inputRef.getBoundingClientRect(),
+                  bottom = _this$inputRef$getBou.bottom;
                 const clientHeight = window.innerHeight;
                 // 计算输入框距离视窗的底部距离
                 const distance = clientHeight - bottom;
@@ -125,16 +118,10 @@ class NumberInput extends React.Component {
       });
     };
     this.onKeyboardClick = KeyboardItemValue => {
-      const {
-        maxLength
-      } = this.props;
-      const {
-        value
-      } = this.state;
+      const maxLength = this.props.maxLength;
+      const value = this.state.value;
       // tslint:disable-next-line:no-this-assignment
-      const {
-        onChange
-      } = this;
+      const onChange = this.onChange;
       let valueAfterChange;
       // 删除键
       if (KeyboardItemValue === 'delete') {
@@ -193,9 +180,7 @@ class NumberInput extends React.Component {
       // this focus may invocked by users page button click, so this click may trigger blurEventListener at the same time
       this.renderCustomKeyboard();
       this.removeBlurListener();
-      const {
-        focus
-      } = this.state;
+      const focus = this.state.focus;
       if (!focus) {
         this.onInputFocus();
       }
@@ -223,15 +208,14 @@ class NumberInput extends React.Component {
     this.unLinkInput();
   }
   getComponent() {
-    const {
-      confirmLabel,
-      backspaceLabel,
-      cancelKeyboardLabel,
-      keyboardPrefixCls,
-      moneyKeyboardWrapProps,
-      moneyKeyboardHeader,
-      disabledKeys
-    } = this.props;
+    const _this$props = this.props,
+      confirmLabel = _this$props.confirmLabel,
+      backspaceLabel = _this$props.backspaceLabel,
+      cancelKeyboardLabel = _this$props.cancelKeyboardLabel,
+      keyboardPrefixCls = _this$props.keyboardPrefixCls,
+      moneyKeyboardWrapProps = _this$props.moneyKeyboardWrapProps,
+      moneyKeyboardHeader = _this$props.moneyKeyboardHeader,
+      disabledKeys = _this$props.disabledKeys;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_customKeyboard.default, {
       ref: this.saveRef,
       onClick: this.onKeyboardClick,
@@ -245,9 +229,7 @@ class NumberInput extends React.Component {
     });
   }
   getContainer() {
-    const {
-      keyboardPrefixCls
-    } = this.props;
+    const keyboardPrefixCls = this.props.keyboardPrefixCls;
     let container = document.querySelector("#".concat(keyboardPrefixCls, "-container"));
     if (!container) {
       container = document.createElement('div');
@@ -276,16 +258,14 @@ class NumberInput extends React.Component {
     return this.keyBoard;
   }
   render() {
-    const {
-      placeholder,
-      disabled,
-      editable,
-      moneyKeyboardAlign
-    } = this.props;
-    const {
-      focus,
-      value
-    } = this.state;
+    const _this$props2 = this.props,
+      placeholder = _this$props2.placeholder,
+      disabled = _this$props2.disabled,
+      editable = _this$props2.editable,
+      moneyKeyboardAlign = _this$props2.moneyKeyboardAlign;
+    const _this$state = this.state,
+      focus = _this$state.focus,
+      value = _this$state.value;
     const preventKeyboard = disabled || !editable;
     const fakeInputCls = (0, _classnames.default)('fake-input', {
       focus,

package/lib/InputItem/custom-keyboard.js

@@ -33,16 +33,14 @@ function includes(arr, item) {
 class KeyboardItem extends React.Component {
   render() {
     const _this$props = this.props,
-      {
-        prefixCls,
-        onClick,
-        className,
-        disabled,
-        children,
-        tdRef,
-        label,
-        iconOnly
-      } = _this$props,
+      prefixCls = _this$props.prefixCls,
+      onClick = _this$props.onClick,
+      className = _this$props.className,
+      disabled = _this$props.disabled,
+      children = _this$props.children,
+      tdRef = _this$props.tdRef,
+      label = _this$props.label,
+      iconOnly = _this$props.iconOnly,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     let value = children;
     if (className === 'keyboard-delete') {
@@ -114,14 +112,13 @@ class CustomKeyboard extends React.Component {
     };
   }
   render() {
-    const {
-      prefixCls,
-      confirmLabel,
-      backspaceLabel,
-      cancelKeyboardLabel,
-      wrapProps,
-      header
-    } = this.props;
+    const _this$props2 = this.props,
+      prefixCls = _this$props2.prefixCls,
+      confirmLabel = _this$props2.confirmLabel,
+      backspaceLabel = _this$props2.backspaceLabel,
+      cancelKeyboardLabel = _this$props2.cancelKeyboardLabel,
+      wrapProps = _this$props2.wrapProps,
+      header = _this$props2.header;
     const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), "".concat(prefixCls, "-wrapper-hide"));
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
       className: wrapperCls,

package/lib/InputItem/index.js

@@ -33,9 +33,7 @@ class InputItem extends React.Component {
     _this = this;
     this.onInputChange = e => {
       const el = e.target;
-      const {
-        value: rawVal
-      } = el;
+      const rawVal = el.value;
       let prePos = 0;
       try {
         // some input type do not support selection, see https://html.spec.whatwg.org/multipage/input.html#do-not-apply
@@ -43,12 +41,9 @@ class InputItem extends React.Component {
       } catch (error) {
         console.warn('Get selection error:', error);
       }
-      const {
-        value: preCtrlVal = ''
-      } = this.state;
-      const {
-        type
-      } = this.props;
+      const _this$state$value = this.state.value,
+        preCtrlVal = _this$state$value === void 0 ? '' : _this$state$value;
+      const type = this.props.type;
       let ctrlValue = rawVal;
       switch (type) {
         case 'bankCard':
@@ -96,9 +91,7 @@ class InputItem extends React.Component {
     this.handleOnChange = function (value) {
       let isMutated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       let adjustPos = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
-      const {
-        onChange
-      } = _this.props;
+      const onChange = _this.props.onChange;
       if (!('value' in _this.props)) {
         _this.setState({
           value
@@ -224,48 +217,39 @@ class InputItem extends React.Component {
   render() {
     const props = (0, _objectSpread2.default)({}, this.props);
     delete props.updatePlaceholder;
-    const {
-        prefixCls,
-        prefixListCls,
-        editable,
-        style,
-        clear,
-        children,
-        error,
-        className,
-        extra,
-        labelNumber,
-        type,
-        onExtraClick,
-        onErrorClick,
-        moneyKeyboardAlign,
-        moneyKeyboardWrapProps,
-        moneyKeyboardHeader,
-        onVirtualKeyboardConfirm,
-        autoAdjustHeight,
-        disabledKeys
-      } = props,
+    const prefixCls = props.prefixCls,
+      prefixListCls = props.prefixListCls,
+      editable = props.editable,
+      style = props.style,
+      clear = props.clear,
+      children = props.children,
+      error = props.error,
+      className = props.className,
+      extra = props.extra,
+      labelNumber = props.labelNumber,
+      type = props.type,
+      onExtraClick = props.onExtraClick,
+      onErrorClick = props.onErrorClick,
+      moneyKeyboardAlign = props.moneyKeyboardAlign,
+      moneyKeyboardWrapProps = props.moneyKeyboardWrapProps,
+      moneyKeyboardHeader = props.moneyKeyboardHeader,
+      onVirtualKeyboardConfirm = props.onVirtualKeyboardConfirm,
+      autoAdjustHeight = props.autoAdjustHeight,
+      disabledKeys = props.disabledKeys,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-    const {
-      name,
-      disabled,
-      maxLength
-    } = restProps;
-    const {
-      value
-    } = this.state;
+    const name = restProps.name,
+      disabled = restProps.disabled,
+      maxLength = restProps.maxLength;
+    const value = this.state.value;
 
     // tslint:disable-next-line:variable-name
     const _locale = (0, _getLocale.getComponentLocale)(this.props, this.context, 'InputItem', () => require('./locale/zh_CN'));
-    const {
-      confirmLabel,
-      backspaceLabel,
-      cancelKeyboardLabel
-    } = _locale;
-    const {
-      focus,
-      placeholder
-    } = this.state;
+    const confirmLabel = _locale.confirmLabel,
+      backspaceLabel = _locale.backspaceLabel,
+      cancelKeyboardLabel = _locale.cancelKeyboardLabel;
+    const _this$state = this.state,
+      focus = _this$state.focus,
+      placeholder = _this$state.placeholder;
     const wrapCls = (0, _classnames.default)("".concat(prefixListCls, "-item"), "".concat(prefixCls, "-item"), "".concat(prefixListCls, "-item-middle"), className, {
       ["".concat(prefixCls, "-disabled")]: disabled,
       ["".concat(prefixCls, "-error")]: error,

package/lib/InputItem/input.js

@@ -36,10 +36,8 @@ class Input extends React.Component {
   }
   render() {
     const _this$props = this.props,
-      {
-        onBlur,
-        onFocus
-      } = _this$props,
+      onBlur = _this$props.onBlur,
+      onFocus = _this$props.onFocus,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", (0, _objectSpread2.default)({
       ref: el => this.inputRef = el,

package/lib/LastModifierFormatter/index.js

@@ -20,10 +20,9 @@ class LastModifierFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
-      let {
-        value,
-        collaborators
-      } = this.props;
+      let _this$props = this.props,
+        value = _this$props.value,
+        collaborators = _this$props.collaborators;
       if (!Array.isArray(value)) {
         value = [value];
       }
@@ -43,10 +42,9 @@ class LastModifierFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props2 = this.props,
+      containerClassName = _this$props2.containerClassName,
+      value = _this$props2.value;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {