dtable-ui-component 6.0.126 → 7.0.0-xia.1

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

@@ -41,7 +41,9 @@ class LocalImageAddition extends _react.default.Component {
     };
     this.onFileUploadSuccess = fileMessage => {
       this.hideDeleteIcon();
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       const findUploadFileIndex = this.findUploadFileIndex(fileMessage);
       thumbnailSrcList.splice(findUploadFileIndex, 1, fileMessage);
       if (thumbnailSrcList.every(fileItem => !fileItem.isUploading)) {
@@ -52,7 +54,9 @@ class LocalImageAddition extends _react.default.Component {
       this.props.fileUploadCompleted(fileMessage);
     };
     this.onFileUploadFailed = uploadedFileInfo => {
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       const findUploadFileIndex = this.findUploadFileIndex(uploadedFileInfo);
       thumbnailSrcList.splice(findUploadFileIndex, 1, uploadedFileInfo);
       this.setState({
@@ -60,7 +64,9 @@ class LocalImageAddition extends _react.default.Component {
       });
     };
     this.findUploadFileIndex = fileMessage => {
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       let uploadFileIndex = thumbnailSrcList.findIndex(item => item.name === fileMessage.file.name);
       return uploadFileIndex;
     };
@@ -71,7 +77,9 @@ class LocalImageAddition extends _react.default.Component {
         });
         return;
       }
-      let uploadMessageList = this.state.uploadMessageList;
+      let {
+        uploadMessageList
+      } = this.state;
       let newUploadMessageList = uploadMessageList.slice(0);
       let uploadFile = uploadMessageList.find(item => item.uploadName === uploadMessage.uploadName);
       if (uploadFile) {
@@ -105,7 +113,9 @@ class LocalImageAddition extends _react.default.Component {
       });
     };
     this.renderMultipleFilesArr = () => {
-      let thumbnailSrcList = this.state.thumbnailSrcList;
+      let {
+        thumbnailSrcList
+      } = this.state;
       let imageArr = [];
       if (Array.isArray(this.props.uploadLocalImageValue)) {
         let uploadedFileList = this.renderUploadedFile();
@@ -160,7 +170,9 @@ class LocalImageAddition extends _react.default.Component {
       return imageArr;
     };
     this.renderUploadedFile = () => {
-      const uploadLocalImageValue = this.props.uploadLocalImageValue;
+      const {
+        uploadLocalImageValue
+      } = this.props;
       let uploadedFileList = [];
       uploadedFileList = uploadLocalImageValue.length > 0 && uploadLocalImageValue.map((imgSrc, index) => {
         let imageThumbnailUrl = (0, _url.getImageThumbnailUrl)(imgSrc);
@@ -190,7 +202,9 @@ class LocalImageAddition extends _react.default.Component {
       return uploadedFileList;
     };
     this.renderUploadFileWrapper = imageArr => {
-      let isImageTipShow = this.state.isImageTipShow;
+      let {
+        isImageTipShow
+      } = this.state;
       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,7 +25,9 @@ class ImagesPreviewer extends _react.default.Component {
       }
     };
     this.showLargeImage = itemUrl => {
-      let value = this.props.value;
+      let {
+        value
+      } = this.props;
       this.setState({
         isShowLargeImage: true,
         largeImageIndex: value.indexOf(itemUrl)
@@ -55,7 +57,9 @@ class ImagesPreviewer extends _react.default.Component {
     };
     this.deleteImage = (index, type) => {
       this.props.deleteImage(index, type);
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       if (index > value.length - 2) {
         if (value.length - 2 < 0) {
           this.hideLargeImage();
@@ -98,7 +102,9 @@ class ImagesPreviewer extends _react.default.Component {
     }
   }
   render() {
-    let value = this.props.value;
+    let {
+      value
+    } = this.props;
     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,9 +24,10 @@ class PCImageEditor extends _react.default.Component {
       return this.state.value;
     };
     this.getEditorView = () => {
-      const _this$props = this.props,
-        isInModal = _this$props.isInModal,
-        value = _this$props.value;
+      const {
+        isInModal,
+        value
+      } = this.props;
       return !value || value.length === 0 || isInModal ? _constants.FILE_EDITOR_STATUS.ADDITION : _constants.FILE_EDITOR_STATUS.PREVIEWER;
     };
     this.deleteImage = function (index) {
@@ -56,9 +57,10 @@ 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 _this$state = this.state,
-            value = _this$state.value,
-            uploadLocalImageValue = _this$state.uploadLocalImageValue;
+          let {
+            value,
+            uploadLocalImageValue
+          } = this.state;
           let newValue = value.concat(uploadLocalImageValue);
           this.setState({
             value: newValue
@@ -112,7 +114,9 @@ class PCImageEditor extends _react.default.Component {
       });
     };
     this.renderHeader = () => {
-      let editorView = this.state.editorView;
+      let {
+        editorView
+      } = this.state;
       if (this.props.isInModal) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: (0, _lang.getLocale)('Add_images')
@@ -134,10 +138,11 @@ class PCImageEditor extends _react.default.Component {
       });
     };
     this.showImageListPreviewer = () => {
-      let _this$state2 = this.state,
-        value = _this$state2.value,
-        uploadLocalImageValue = _this$state2.uploadLocalImageValue,
-        imageLinkValue = _this$state2.imageLinkValue;
+      let {
+        value,
+        uploadLocalImageValue,
+        imageLinkValue
+      } = this.state;
       let newValue = value.concat(uploadLocalImageValue, imageLinkValue);
       this.setState({
         value: newValue

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

@@ -1,34 +1,26 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _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 = _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];
+  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);
   const lazyLoadImage = (url, resolve, reject) => {
     if (!url) {
       reject('img path is required');

package/lib/ImageFormatter/index.js

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

package/lib/ImagePreviewerLightbox/index.js

@@ -5,7 +5,6 @@ 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"));
@@ -15,16 +14,18 @@ require("@seafile/react-image-lightbox/style.css");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function ImagePreviewerLightbox(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 {
+    imageItems,
+    imageIndex,
+    readOnly,
+    className,
+    server,
+    workspaceID,
+    dtableUuid,
+    deleteImage,
+    downloadImage,
+    onRotateImage
+  } = props;
   const imageSrcList = imageItems.map(src => {
     let name = '';
     try {
@@ -57,10 +58,7 @@ function ImagePreviewerLightbox(props) {
     };
   });
   const imagesLength = imageSrcList.length;
-  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 [currentImageIndex, setCurrentImageIndex] = _react.default.useState(imageIndex || 0);
   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 _ref = props.config || {},
-      _ref$mediaUrl = _ref.mediaUrl,
-      mediaUrl = _ref$mediaUrl === void 0 ? '' : _ref$mediaUrl;
+    const {
+      mediaUrl = ''
+    } = props.config || {};
     this.imageLoadingFailedUrl = "".concat(mediaUrl, "img/image-loading-failed.png");
   }
   componentDidMount() {
@@ -80,13 +80,16 @@ class ImageThumbnail extends _react.default.Component {
     }
   }
   render() {
-    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;
+    const {
+      index,
+      downloadImage,
+      src,
+      className,
+      name
+    } = this.props;
+    const {
+      imageThumbnailUrl
+    } = this.state;
     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,7 +50,9 @@ class NumberInput extends React.Component {
       }
     };
     this.doBlur = ev => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       if (ev.target !== this.inputRef) {
         this.onInputBlur(value);
       }
@@ -70,7 +72,9 @@ class NumberInput extends React.Component {
       if (IS_REACT_16) {
         this.keyBoard = null;
       }
-      const focus = this.state.focus;
+      const {
+        focus
+      } = this.state;
       if (focus) {
         this.setState({
           focus: false
@@ -82,7 +86,9 @@ class NumberInput extends React.Component {
       }
     };
     this.onInputFocus = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       this.props.onFocus(value);
       this.setState({
         focus: true
@@ -94,8 +100,9 @@ class NumberInput extends React.Component {
               const keyBoardHeight = customNumberKeyboard.antmKeyboard.offsetHeight;
               this.getContainer().style.height = "".concat(keyBoardHeight, "px");
               if (this.inputRef) {
-                const _this$inputRef$getBou = this.inputRef.getBoundingClientRect(),
-                  bottom = _this$inputRef$getBou.bottom;
+                const {
+                  bottom
+                } = this.inputRef.getBoundingClientRect();
                 const clientHeight = window.innerHeight;
                 // 计算输入框距离视窗的底部距离
                 const distance = clientHeight - bottom;
@@ -118,10 +125,16 @@ class NumberInput extends React.Component {
       });
     };
     this.onKeyboardClick = KeyboardItemValue => {
-      const maxLength = this.props.maxLength;
-      const value = this.state.value;
+      const {
+        maxLength
+      } = this.props;
+      const {
+        value
+      } = this.state;
       // tslint:disable-next-line:no-this-assignment
-      const onChange = this.onChange;
+      const {
+        onChange
+      } = this;
       let valueAfterChange;
       // 删除键
       if (KeyboardItemValue === 'delete') {
@@ -180,7 +193,9 @@ 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.focus;
+      const {
+        focus
+      } = this.state;
       if (!focus) {
         this.onInputFocus();
       }
@@ -208,14 +223,15 @@ class NumberInput extends React.Component {
     this.unLinkInput();
   }
   getComponent() {
-    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;
+    const {
+      confirmLabel,
+      backspaceLabel,
+      cancelKeyboardLabel,
+      keyboardPrefixCls,
+      moneyKeyboardWrapProps,
+      moneyKeyboardHeader,
+      disabledKeys
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_customKeyboard.default, {
       ref: this.saveRef,
       onClick: this.onKeyboardClick,
@@ -229,7 +245,9 @@ class NumberInput extends React.Component {
     });
   }
   getContainer() {
-    const keyboardPrefixCls = this.props.keyboardPrefixCls;
+    const {
+      keyboardPrefixCls
+    } = this.props;
     let container = document.querySelector("#".concat(keyboardPrefixCls, "-container"));
     if (!container) {
       container = document.createElement('div');
@@ -258,14 +276,16 @@ class NumberInput extends React.Component {
     return this.keyBoard;
   }
   render() {
-    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 {
+      placeholder,
+      disabled,
+      editable,
+      moneyKeyboardAlign
+    } = this.props;
+    const {
+      focus,
+      value
+    } = this.state;
     const preventKeyboard = disabled || !editable;
     const fakeInputCls = (0, _classnames.default)('fake-input', {
       focus,

package/lib/InputItem/custom-keyboard.js

@@ -33,14 +33,16 @@ function includes(arr, item) {
 class KeyboardItem extends React.Component {
   render() {
     const _this$props = 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,
+      {
+        prefixCls,
+        onClick,
+        className,
+        disabled,
+        children,
+        tdRef,
+        label,
+        iconOnly
+      } = _this$props,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     let value = children;
     if (className === 'keyboard-delete') {
@@ -112,13 +114,14 @@ class CustomKeyboard extends React.Component {
     };
   }
   render() {
-    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 {
+      prefixCls,
+      confirmLabel,
+      backspaceLabel,
+      cancelKeyboardLabel,
+      wrapProps,
+      header
+    } = this.props;
     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,7 +33,9 @@ class InputItem extends React.Component {
     _this = this;
     this.onInputChange = e => {
       const el = e.target;
-      const rawVal = el.value;
+      const {
+        value: rawVal
+      } = el;
       let prePos = 0;
       try {
         // some input type do not support selection, see https://html.spec.whatwg.org/multipage/input.html#do-not-apply
@@ -41,9 +43,12 @@ class InputItem extends React.Component {
       } catch (error) {
         console.warn('Get selection error:', error);
       }
-      const _this$state$value = this.state.value,
-        preCtrlVal = _this$state$value === void 0 ? '' : _this$state$value;
-      const type = this.props.type;
+      const {
+        value: preCtrlVal = ''
+      } = this.state;
+      const {
+        type
+      } = this.props;
       let ctrlValue = rawVal;
       switch (type) {
         case 'bankCard':
@@ -91,7 +96,9 @@ 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.onChange;
+      const {
+        onChange
+      } = _this.props;
       if (!('value' in _this.props)) {
         _this.setState({
           value
@@ -217,39 +224,48 @@ class InputItem extends React.Component {
   render() {
     const props = (0, _objectSpread2.default)({}, this.props);
     delete props.updatePlaceholder;
-    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,
+    const {
+        prefixCls,
+        prefixListCls,
+        editable,
+        style,
+        clear,
+        children,
+        error,
+        className,
+        extra,
+        labelNumber,
+        type,
+        onExtraClick,
+        onErrorClick,
+        moneyKeyboardAlign,
+        moneyKeyboardWrapProps,
+        moneyKeyboardHeader,
+        onVirtualKeyboardConfirm,
+        autoAdjustHeight,
+        disabledKeys
+      } = props,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-    const name = restProps.name,
-      disabled = restProps.disabled,
-      maxLength = restProps.maxLength;
-    const value = this.state.value;
+    const {
+      name,
+      disabled,
+      maxLength
+    } = restProps;
+    const {
+      value
+    } = this.state;
 
     // tslint:disable-next-line:variable-name
     const _locale = (0, _getLocale.getComponentLocale)(this.props, this.context, 'InputItem', () => require('./locale/zh_CN'));
-    const confirmLabel = _locale.confirmLabel,
-      backspaceLabel = _locale.backspaceLabel,
-      cancelKeyboardLabel = _locale.cancelKeyboardLabel;
-    const _this$state = this.state,
-      focus = _this$state.focus,
-      placeholder = _this$state.placeholder;
+    const {
+      confirmLabel,
+      backspaceLabel,
+      cancelKeyboardLabel
+    } = _locale;
+    const {
+      focus,
+      placeholder
+    } = this.state;
     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,8 +36,10 @@ class Input extends React.Component {
   }
   render() {
     const _this$props = this.props,
-      onBlur = _this$props.onBlur,
-      onFocus = _this$props.onFocus,
+      {
+        onBlur,
+        onFocus
+      } = _this$props,
       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,9 +20,10 @@ class LastModifierFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
-      let _this$props = this.props,
-        value = _this$props.value,
-        collaborators = _this$props.collaborators;
+      let {
+        value,
+        collaborators
+      } = this.props;
       if (!Array.isArray(value)) {
         value = [value];
       }
@@ -42,9 +43,10 @@ class LastModifierFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      containerClassName = _this$props2.containerClassName,
-      value = _this$props2.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     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", {