dtable-ui-component 7.0.13 → 7.0.15

package/lib/RowExpandDialog/header/index.js

@@ -1,12 +1,11 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _lang = require("../../lang");
@@ -15,12 +14,14 @@ var _IconButton = _interopRequireDefault(require("../../IconButton"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Header = _ref => {
-  let title = _ref.title,
-    columns = _ref.columns,
-    row = _ref.row,
-    onToggle = _ref.onToggle,
-    copyURL = _ref.copyURL,
-    children = _ref.children;
+  let {
+    title,
+    columns,
+    row,
+    onToggle,
+    copyURL,
+    children
+  } = _ref;
   const renderTitle = (0, _react.useCallback)(() => {
     const props = {
       columns,
@@ -28,7 +29,9 @@ const Header = _ref => {
     };
     const CustomTitle = title;
     if (/*#__PURE__*/_react.default.isValidElement(CustomTitle)) return /*#__PURE__*/_react.default.cloneElement(CustomTitle, props);
-    if ((0, _utils.isFunction)(CustomTitle)) return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomTitle, (0, _objectSpread2.default)({}, props));
+    if ((0, _utils.isFunction)(CustomTitle)) return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomTitle, {
+      ...props
+    });
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-ui-row-expand-header-title text-truncate",
       children: title

package/lib/RowExpandDialog/index.js

@@ -6,9 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactstrap = require("reactstrap");
@@ -21,50 +18,32 @@ var _lang = require("../lang");
 var _cellComparer = require("../utils/cell-comparer");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["saveImmediately", "readonly", "isInsertingRow", "zIndex", "title", "className", "valueKey", "layout", "row", "columns", "commit", "onToggle", "uploadFile", "copyURL", "children"];
 const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let _ref$saveImmediately = _ref.saveImmediately,
-    saveImmediately = _ref$saveImmediately === void 0 ? true : _ref$saveImmediately,
-    _ref$readonly = _ref.readonly,
-    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
-    _ref$isInsertingRow = _ref.isInsertingRow,
-    isInsertingRow = _ref$isInsertingRow === void 0 ? false : _ref$isInsertingRow,
-    zIndex = _ref.zIndex,
-    title = _ref.title,
-    className = _ref.className,
-    _ref$valueKey = _ref.valueKey,
-    valueKey = _ref$valueKey === void 0 ? 'name' : _ref$valueKey,
-    _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
-    defaultRow = _ref.row,
-    defaultColumns = _ref.columns,
-    commit = _ref.commit,
-    onToggle = _ref.onToggle,
-    uploadFile = _ref.uploadFile,
-    copyURL = _ref.copyURL,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? [] : _ref$children,
-    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isAnimationEnd = _useState2[0],
-    setAnimationEnd = _useState2[1];
-  const _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isLoading = _useState4[0],
-    setLoading = _useState4[1];
-  const _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isSaving = _useState6[0],
-    setSaving = _useState6[1];
-  const _useState7 = (0, _react.useState)({}),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    row = _useState8[0],
-    setRow = _useState8[1];
-  const _useState9 = (0, _react.useState)([]),
-    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
-    columns = _useState0[0],
-    setColumns = _useState0[1];
+  let {
+    saveImmediately = true,
+    readonly = false,
+    isInsertingRow = false,
+    zIndex,
+    title,
+    className,
+    valueKey = 'name',
+    // name or key
+    layout = 'horizontal',
+    // horizontal or vertical
+    row: defaultRow,
+    columns: defaultColumns,
+    commit,
+    onToggle,
+    uploadFile,
+    copyURL,
+    children = [],
+    ...otherProps
+  } = _ref;
+  const [isAnimationEnd, setAnimationEnd] = (0, _react.useState)(false);
+  const [isLoading, setLoading] = (0, _react.useState)(true);
+  const [isSaving, setSaving] = (0, _react.useState)(false);
+  const [row, setRow] = (0, _react.useState)({});
+  const [columns, setColumns] = (0, _react.useState)([]);
   const modalRef = (0, _react.useRef)(null);
   const isChangedRef = (0, _react.useRef)(false);
   const update = (0, _react.useRef)({});
@@ -99,7 +78,8 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const initRowData = (0, _react.useCallback)(() => {
     setLoading(true);
     setRow(defaultRow);
-    let validColumns = defaultColumns.map(c => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, c), {}, {
+    let validColumns = defaultColumns.map(c => ({
+      ...c,
       editable: checkEditable(c, defaultRow),
       width: 320
     }));
@@ -115,9 +95,10 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onToggle();
   }, [isSaving, onToggle]);
   const onSave = (0, _react.useCallback)(function (updated) {
-    let _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      successCallback = _ref2.successCallback,
-      failCallback = _ref2.failCallback;
+    let {
+      successCallback,
+      failCallback
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     commit(updated, columns, {
       successCallback,
       failCallback
@@ -132,15 +113,24 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     if (!(0, _cellComparer.isCellValueChanged)(oldValue, value, column.type)) return;
     if (!saveImmediately || isInsertingRow) {
       isChangedRef.current = true;
-      update.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, update.current), updated);
-      setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
+      update.current = {
+        ...update.current,
+        ...updated
+      };
+      setRow({
+        ...row,
+        ...updated
+      });
       return;
     }
     onSave(updated, {
       successCallback: () => {
         isChangedRef.current = false;
         update.current = {};
-        setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
+        setRow({
+          ...row,
+          ...updated
+        });
       },
       failCallback: () => {
         _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
@@ -158,7 +148,10 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       setSaving(false);
       _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
     };
-    const newRow = isInsertingRow ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), update.current) : update.current;
+    const newRow = isInsertingRow ? {
+      ...row,
+      ...update.current
+    } : update.current;
     onSave(newRow, {
       successCallback,
       failCallback
@@ -168,13 +161,15 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     // use setTimeout to make sure real dom rendered
     setTimeout(() => {
       let dom = modalRef.current.firstChild;
-      const width = style.width,
-        maxWidth = style.maxWidth,
-        marginLeft = style.marginLeft,
-        height = style.height;
-      dom.style.width = "".concat(width, "px");
-      dom.style.maxWidth = "".concat(maxWidth, "px");
-      dom.style.marginLeft = "".concat(marginLeft, "px");
+      const {
+        width,
+        maxWidth,
+        marginLeft,
+        height
+      } = style;
+      dom.style.width = `${width}px`;
+      dom.style.maxWidth = `${maxWidth}px`;
+      dom.style.marginLeft = `${marginLeft}px`;
       dom.style.height = height;
       dom.style.marginRight = 'unset';
       dom.style.marginTop = '28px';
@@ -228,7 +223,8 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           copyURL: copyURL,
           onToggle: toggle,
           children: children[0]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
+          ...otherProps,
           row: row,
           columns: columns,
           valueKey: valueKey,
@@ -236,7 +232,7 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           uploadFile: uploadFile,
           onToggle: onToggle,
           children: children[1]
-        })), (!saveImmediately || isInsertingRow) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.ModalFooter, {
+        }), (!saveImmediately || isInsertingRow) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.ModalFooter, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
             onClick: toggle,
             color: "secondary",

package/lib/RowExpandEditor/add-btn/index.js

@@ -1,12 +1,11 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcAddBtn = _interopRequireDefault(require("./pc-add-btn"));
@@ -16,14 +15,16 @@ const RowExpandAddBtn = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcAddBtn.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcAddBtn.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbAddBtn.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbAddBtn.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/RowExpandEditor/checkbox-editor/index.js

@@ -1,12 +1,11 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -17,14 +16,16 @@ const RowExpandCheckboxEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref)
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/RowExpandEditor/checkbox-editor/mb-editor/index.js

@@ -19,10 +19,11 @@ class RowExpandMBCheckboxEditor extends _react.default.Component {
     this.editor = null;
   }
   render() {
-    const _this$props = this.props,
-      column = _this$props.column,
-      value = _this$props.value,
-      className = _this$props.className;
+    const {
+      column,
+      value,
+      className
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('dtable-ui-mobile-row-expand-checkbox-editor-container', className),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxEditor.default, {

package/lib/RowExpandEditor/checkbox-editor/pc-editor.js

@@ -13,19 +13,21 @@ class RowExpandPCCheckboxEditor extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onCommit = newValue => {
-      const _this$props = this.props,
-        columnIndex = _this$props.columnIndex,
-        updateTabIndex = _this$props.updateTabIndex,
-        onCommit = _this$props.onCommit;
+      const {
+        columnIndex,
+        updateTabIndex,
+        onCommit
+      } = this.props;
       updateTabIndex && updateTabIndex(columnIndex);
       onCommit && onCommit(newValue);
     };
   }
   render() {
-    const _this$props2 = this.props,
-      isEditorFocus = _this$props2.isEditorFocus,
-      column = _this$props2.column,
-      value = _this$props2.value;
+    const {
+      isEditorFocus,
+      column,
+      value
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxEditor.default, {
       className: "dtable-ui-row-expand-checkbox-editor mt-2",
       column: column,

package/lib/RowExpandEditor/collaborator-editor/index.js

@@ -1,12 +1,11 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandCollaboratorEditor = /*#__PURE__*/(0, _react.forwardRef)((props,
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

package/lib/RowExpandEditor/collaborator-editor/mb-editor/index.js

@@ -17,16 +17,19 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initCollaborators = props => {
-      const row = props.row,
-        column = props.column,
-        valueKey = props.valueKey;
+      const {
+        row,
+        column,
+        valueKey
+      } = props;
       const emails = row[column[valueKey]] || [];
       props.queryCollaborators && props.queryCollaborators(emails);
     };
     this.getCollaborators = () => {
-      const _this$props = this.props,
-        getCollaborators = _this$props.getCollaborators,
-        collaborators = _this$props.collaborators;
+      const {
+        getCollaborators,
+        collaborators
+      } = this.props;
       if (getCollaborators) return getCollaborators();
       return collaborators || [];
     };
@@ -66,13 +69,16 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderCollaborators = value => {
-      const emailCollaboratorMap = this.state.emailCollaboratorMap;
+      const {
+        emailCollaboratorMap
+      } = this.state;
       if (Array.isArray(value) && value.length > 0) {
         return value.map((email, index) => {
           let collaborator = emailCollaboratorMap[email];
           if (collaborator) {
-            const _collaborator = collaborator,
-              email = _collaborator.email;
+            const {
+              email
+            } = collaborator;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
               collaborator: collaborator
             }, email);
@@ -92,10 +98,11 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
         text: (0, _lang.getLocale)('Add_collaborator')
       });
     };
-    const _this$props2 = this.props,
-      _row = _this$props2.row,
-      _column = _this$props2.column,
-      _valueKey = _this$props2.valueKey;
+    const {
+      row: _row,
+      column: _column,
+      valueKey: _valueKey
+    } = this.props;
     this.state = {
       menuPosition: null,
       value: _row[_column[_valueKey]] || [],
@@ -113,9 +120,11 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.initCollaborators(nextProps);
       this.setState({
@@ -130,12 +139,14 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props3 = this.props,
-      collaborators = _this$props3.collaborators,
-      column = _this$props3.column;
-    const _this$state = this.state,
-      showEditor = _this$state.showEditor,
-      value = _this$state.value;
+    const {
+      collaborators,
+      column
+    } = this.props;
+    const {
+      showEditor,
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "dtable-ui dtable-ui-mobile-row-expand-collaborators position-relative",

package/lib/RowExpandEditor/collaborator-editor/pc-editor/index.js

@@ -17,16 +17,19 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initCollaborators = props => {
-      const row = props.row,
-        column = props.column,
-        valueKey = props.valueKey;
+      const {
+        row,
+        column,
+        valueKey
+      } = props;
       const emails = row[column[valueKey]] || [];
       props.queryCollaborators && props.queryCollaborators(emails);
     };
     this.getCollaborators = () => {
-      const _this$props = this.props,
-        getCollaborators = _this$props.getCollaborators,
-        collaborators = _this$props.collaborators;
+      const {
+        getCollaborators,
+        collaborators
+      } = this.props;
       if (getCollaborators) return getCollaborators();
       return collaborators || [];
     };
@@ -87,7 +90,9 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.removeCollaborator = index => {
-      let value = this.state.value;
+      let {
+        value
+      } = this.state;
       let newValue = value.slice(0);
       newValue.splice(index, 1);
       this.setState({
@@ -96,10 +101,13 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderSelectedCollaborators = () => {
-      const isEditorFocus = this.props.isEditorFocus;
-      const _this$state = this.state,
-        value = _this$state.value,
-        emailCollaboratorMap = _this$state.emailCollaboratorMap;
+      const {
+        isEditorFocus
+      } = this.props;
+      const {
+        value,
+        emailCollaboratorMap
+      } = this.state;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
         onFocus: this.onFocus,
@@ -116,8 +124,9 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
               children: value.map((email, index) => {
                 let collaborator = emailCollaboratorMap[email];
                 if (collaborator) {
-                  const _collaborator = collaborator,
-                    email = _collaborator.email;
+                  const {
+                    email
+                  } = collaborator;
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
                     collaborator: collaborator,
                     enableDeleteCollaborator: true,
@@ -144,10 +153,11 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
         })
       });
     };
-    const _this$props2 = this.props,
-      _row = _this$props2.row,
-      _column = _this$props2.column,
-      _valueKey = _this$props2.valueKey;
+    const {
+      row: _row,
+      column: _column,
+      valueKey: _valueKey
+    } = this.props;
     this.state = {
       menuPosition: null,
       value: _row[_column[_valueKey]] || [],
@@ -167,9 +177,11 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.initCollaborators(nextProps);
       this.setState({
@@ -196,12 +208,14 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const _this$props3 = this.props,
-      collaborators = _this$props3.collaborators,
-      column = _this$props3.column;
-    const _this$state2 = this.state,
-      showCollaboratorSelect = _this$state2.showCollaboratorSelect,
-      value = _this$state2.value;
+    const {
+      collaborators,
+      column
+    } = this.props;
+    const {
+      showCollaboratorSelect,
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative mt-1 w-100",
       ref: ref => this.collaboratorSelectRef = ref,

package/lib/RowExpandEditor/date-editor/index.js

@@ -1,12 +1,11 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandDateEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });