dtable-ui-component 6.0.110 → 6.0.111-aao.18

package/lib/ActionSheet/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
@@ -24,10 +23,11 @@ const SHARE = 'SHARE';
 function noop() {}
 const queue = [];
 function createActionSheet(flag, config, callback) {
-  const props = (0, _objectSpread2.default)({
+  const props = {
     prefixCls: 'am-action-sheet',
-    cancelButtonText: '取消'
-  }, config);
+    cancelButtonText: '取消',
+    ...config
+  };
   const {
     prefixCls,
     className,
@@ -72,10 +72,10 @@ function createActionSheet(flag, config, callback) {
     badges = []
   } = props;
   const titleMsg = [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-    className: "".concat(prefixCls, "-title"),
+    className: `${prefixCls}-title`,
     children: title
   }, "0") : null, message ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "".concat(prefixCls, "-message"),
+    className: `${prefixCls}-message`,
     children: message
   }, "1") : null];
   let children = null;
@@ -88,54 +88,60 @@ function createActionSheet(flag, config, callback) {
       if (badges && badges.length > 0) {
         badges.forEach(element => {
           if (element.index >= 0) {
-            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _objectSpread2.default)({}, element));
+            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+              ...element
+            });
           }
         });
       }
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ...(0, _getDataAttr.default)(props),
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-button-list"),
+          className: `${prefixCls}-button-list`,
           role: "group",
           children: normalOptions.map((item, index) => {
             const itemProps = {
-              className: (0, _classnames.default)("".concat(prefixCls, "-button-list-item"), {
-                ["".concat(prefixCls, "-destructive-button")]: destructiveButtonIndex === index,
-                ["".concat(prefixCls, "-cancel-button")]: cancelButtonIndex === index
+              className: (0, _classnames.default)(`${prefixCls}-button-list-item`, {
+                [`${prefixCls}-destructive-button`]: destructiveButtonIndex === index,
+                [`${prefixCls}-cancel-button`]: cancelButtonIndex === index
               }),
               onClick: () => cb(index),
               role: 'button'
             };
-            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ...itemProps,
               children: item
-            }));
+            });
             // 仅在设置徽标的情况下修改dom结构
             if (badgesMap[index]) {
-              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
-                className: "".concat(itemProps.className, " ").concat(prefixCls, "-button-list-badge"),
+              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                ...itemProps,
+                className: `${itemProps.className} ${prefixCls}-button-list-badge`,
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "".concat(prefixCls, "-button-list-item-content"),
+                  className: `${prefixCls}-button-list-item-content`,
                   children: item
                 }), badgesMap[index]]
-              }));
+              });
             }
             let bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-              activeClassName: "".concat(prefixCls, "-button-list-item-active"),
+              activeClassName: `${prefixCls}-button-list-item-active`,
               children: bContent
             }, index);
             if (cancelButtonIndex === index || destructiveButtonIndex === index) {
               bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-                activeClassName: "".concat(prefixCls, "-button-list-item-active"),
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+                activeClassName: `${prefixCls}-button-list-item-active`,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                  ...itemProps,
                   children: [item, cancelButtonIndex === index ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: "".concat(prefixCls, "-cancel-button-mask")
+                    className: `${prefixCls}-cancel-button-mask`
                   }) : null]
-                }))
+                })
               }, index);
             }
             return bItem;
           })
         })]
-      }));
+      });
       break;
     case SHARE:
       mode = 'share';
@@ -143,43 +149,44 @@ function createActionSheet(flag, config, callback) {
       const createList = function (item, index) {
         let rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-share-list-item"),
+          className: `${prefixCls}-share-list-item`,
           role: "button",
           onClick: () => cb(index, rowIndex),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list-item-icon"),
+            className: `${prefixCls}-share-list-item-icon`,
             children: item.icon
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list-item-title"),
+            className: `${prefixCls}-share-list-item-title`,
             children: item.title
           })]
         }, index);
       };
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ...(0, _getDataAttr.default)(props),
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "".concat(prefixCls, "-share"),
+          className: `${prefixCls}-share`,
           children: [multipleLine ? options.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list"),
+            className: `${prefixCls}-share-list`,
             children: item.map((ii, ind) => createList(ii, ind, index))
           }, index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-share-list"),
+            className: `${prefixCls}-share-list`,
             children: options.map((item, index) => createList(item, index))
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-            activeClassName: "".concat(prefixCls, "-share-cancel-button-active"),
+            activeClassName: `${prefixCls}-share-cancel-button-active`,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "".concat(prefixCls, "-share-cancel-button"),
+              className: `${prefixCls}-share-cancel-button`,
               role: "button",
               onClick: () => cb(-1),
               children: cancelButtonText
             })
           })]
         })]
-      }));
+      });
       break;
     default:
       break;
   }
-  const rootCls = (0, _classnames.default)("".concat(prefixCls, "-").concat(mode), className);
+  const rootCls = (0, _classnames.default)(`${prefixCls}-${mode}`, className);
   root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDialog.default, {
     visible: true,
     title: "",

package/lib/ActivityIndicator/index.js

@@ -23,28 +23,28 @@ class ActivityIndicator extends React.Component {
       text
     } = this.props;
     const wrapClass = (0, _classnames.default)(prefixCls, className, {
-      ["".concat(prefixCls, "-lg")]: size === 'large',
-      ["".concat(prefixCls, "-sm")]: size === 'small',
-      ["".concat(prefixCls, "-toast")]: !!toast
+      [`${prefixCls}-lg`]: size === 'large',
+      [`${prefixCls}-sm`]: size === 'small',
+      [`${prefixCls}-toast`]: !!toast
     });
-    const spinnerClass = (0, _classnames.default)("".concat(prefixCls, "-spinner"), {
-      ["".concat(prefixCls, "-spinner-lg")]: !!toast || size === 'large'
+    const spinnerClass = (0, _classnames.default)(`${prefixCls}-spinner`, {
+      [`${prefixCls}-spinner-lg`]: !!toast || size === 'large'
     });
     if (animating) {
       if (toast) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: wrapClass,
           children: text ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "".concat(prefixCls, "-content"),
+            className: `${prefixCls}-content`,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-hidden": "true"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "".concat(prefixCls, "-toast"),
+              className: `${prefixCls}-toast`,
               children: text
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "".concat(prefixCls, "-content"),
+            className: `${prefixCls}-content`,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-label": "Loading"
@@ -58,7 +58,7 @@ class ActivityIndicator extends React.Component {
             className: spinnerClass,
             "aria-hidden": "true"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "".concat(prefixCls, "-tip"),
+            className: `${prefixCls}-tip`,
             children: text
           })]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/AsyncUserSelect/index.js

@@ -169,7 +169,7 @@ const AsyncUserSelect = _ref => {
         bottom
       } = userSelectContainerRef.current.getBoundingClientRect();
       if (bottom > window.innerHeight) {
-        userSelectContainerRef.current.style.top = "".concat(window.innerHeight - bottom, "px");
+        userSelectContainerRef.current.style.top = `${window.innerHeight - bottom}px`;
       }
     }
     if (userListContainerRef.current && userItemContainerRef.current) {
@@ -200,7 +200,7 @@ const AsyncUserSelect = _ref => {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
             user: user,
             deleteUser: deselectUser
-          }, "dtable-ui-user-selector-selected-user-".concat(index));
+          }, `dtable-ui-user-selector-selected-user-${index}`);
         }), selectedUsers.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "dtable-ui-user-select-placeholder",
           children: emptyPlaceholder || (0, _lang.getLocale)('Search_users')
@@ -239,7 +239,7 @@ const AsyncUserSelect = _ref => {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_userItem.default, {
                   user: user,
                   enableShowIDInOrgWhenSearchUser: enableShowIDInOrgWhenSearchUser
-                }, "dtable-ui-user-selector-searched-user-".concat(index)), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                }, `dtable-ui-user-selector-searched-user-${index}`), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "dtable-ui-collaborator-check-icon",
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
                     className: "dtable-font dtable-icon-check-mark",

package/lib/Badge/index.js

@@ -1,65 +1,61 @@
 "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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "prefixCls", "children", "text", "size", "overflowCount", "dot", "corner", "hot"];
 class Badge extends React.Component {
   render() {
     // tslint:disable:prefer-const
-    let _this$props = this.props,
-      {
-        className,
-        prefixCls,
-        children,
-        text,
-        size,
-        overflowCount,
-        dot,
-        corner,
-        hot
-      } = _this$props,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    let {
+      className,
+      prefixCls,
+      children,
+      text,
+      size,
+      overflowCount,
+      dot,
+      corner,
+      hot,
+      ...restProps
+    } = this.props;
     // eslint-disable-next-line no-self-assign
     overflowCount = overflowCount;
-    text = typeof text === 'number' && text > overflowCount ? "".concat(overflowCount, "+") : text;
+    text = typeof text === 'number' && text > overflowCount ? `${overflowCount}+` : text;
 
     // dot mode don't need text
     if (dot) {
       text = '';
     }
     const scrollNumberCls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-dot")]: dot,
-      ["".concat(prefixCls, "-dot-large")]: dot && size === 'large',
-      ["".concat(prefixCls, "-text")]: !dot && !corner,
-      ["".concat(prefixCls, "-corner")]: corner,
-      ["".concat(prefixCls, "-corner-large")]: corner && size === 'large'
+      [`${prefixCls}-dot`]: dot,
+      [`${prefixCls}-dot-large`]: dot && size === 'large',
+      [`${prefixCls}-text`]: !dot && !corner,
+      [`${prefixCls}-corner`]: corner,
+      [`${prefixCls}-corner-large`]: corner && size === 'large'
     });
     const badgeCls = (0, _classnames.default)(prefixCls, className, {
-      ["".concat(prefixCls, "-not-a-wrapper")]: !children,
-      ["".concat(prefixCls, "-corner-wrapper")]: corner,
-      ["".concat(prefixCls, "-hot")]: !!hot,
-      ["".concat(prefixCls, "-corner-wrapper-large")]: corner && size === 'large'
+      [`${prefixCls}-not-a-wrapper`]: !children,
+      [`${prefixCls}-corner-wrapper`]: corner,
+      [`${prefixCls}-hot`]: !!hot,
+      [`${prefixCls}-corner-wrapper-large`]: corner && size === 'large'
     });
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: badgeCls,
       children: [children, (text || dot) &&
       /*#__PURE__*/
       // tslint:disable-next-line:jsx-no-multiline-js
-      (0, _jsxRuntime.jsx)("sup", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        className: scrollNumberCls
-      }, restProps), {}, {
+      (0, _jsxRuntime.jsx)("sup", {
+        className: scrollNumberCls,
+        ...restProps,
         children: text
-      }))]
+      })]
     });
   }
 }

package/lib/CheckboxEditor/index.js

@@ -6,37 +6,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile"];
 const CheckboxEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-      isMobile
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    isMobile,
+    ...props
+  } = _ref;
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: 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/CollaboratorEditor/index.js

@@ -6,43 +6,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile", "value"];
 const CollaboratorEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-      isMobile,
-      value: oldValue
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    isMobile,
+    value: oldValue,
+    ...props
+  } = _ref;
   const value = Array.isArray(oldValue) ? oldValue : [];
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     value: value,
     ref: 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,
         value: value,
         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,
         value: value,
         ref: ref
-      }))
+      })
     })]
   });
 });

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

@@ -176,7 +176,7 @@ class PCCollaboratorEditor extends _react.default.Component {
         bottom
       } = this.ref.getBoundingClientRect();
       if (bottom > window.innerHeight) {
-        this.ref.style.top = "".concat(window.innerHeight - bottom, "px");
+        this.ref.style.top = `${window.innerHeight - bottom}px`;
       }
     }
     if (this.container && this.collaboratorItem) {

package/lib/CollapsibleSettingLayout/index.js

@@ -26,7 +26,7 @@ const CollapsibleSettingLayout = props => {
         className: "collapsible-setting-layout-title",
         children: title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-        className: "dtable-font dtable-icon-right".concat(isShowSettings ? ' dtable-icon-spin' : '')
+        className: `dtable-font dtable-icon-right${isShowSettings ? ' dtable-icon-spin' : ''}`
       })]
     }), isShowSettings && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "collapsible-setting-layout-body mt-3 pl-2",

package/lib/Comment/body/comment.js

@@ -140,7 +140,7 @@ class Comment extends _react.PureComponent {
     if (!this.isCommentUserExist(comment)) return null;
     const isShowDropdownMenu = comment.author === username || !comment.resolved;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dtable-ui-comment-container ".concat(comment.resolved ? 'dtable-ui-comment-container-resolved' : ''),
+      className: `dtable-ui-comment-container ${comment.resolved ? 'dtable-ui-comment-container-resolved' : ''}`,
       id: comment.id,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "dtable-ui-comment-info",

package/lib/Comment/body/index.js

@@ -5,20 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _lang = require("../../lang");
 var _comment = _interopRequireDefault(require("./comment"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["comments", "isFirstLoading"];
 const Body = _ref => {
   let {
-      comments,
-      isFirstLoading
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    comments,
+    isFirstLoading,
+    ...props
+  } = _ref;
   if (comments.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-ui-comments-empty",
@@ -27,10 +24,11 @@ const Body = _ref => {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: comments.map((comment, index) => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_comment.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_comment.default, {
+        ...props,
         comment: comment,
         isScrollBottom: index === comments.length - 1 && isFirstLoading
-      }), comment.id);
+      }, comment.id);
     })
   });
 };

package/lib/Comment/footer/index.js

@@ -64,7 +64,7 @@ class Footer extends _react.default.Component {
       let start = 0;
       let newValue = '';
       while ((match = regex.exec(value)) !== null) {
-        let notificationName = "".concat(match[1]);
+        let notificationName = `${match[1]}`;
         let substr = value.substring(start, match.index);
         start = regex.lastIndex;
         newValue += substr + notificationName;

package/lib/Comment/footer/input/index.js

@@ -49,12 +49,12 @@ class Input extends _react.default.Component {
         right,
         left
       } = this.commentRef.getBoundingClientRect();
-      this.commentPopoverRef.style.left = "".concat(caretPosition.x + FONT_SIZE_WIDTH, "px");
-      this.commentPopoverRef.style.top = "".concat(caretPosition.y - this.commentPopoverRef.offsetHeight, "px");
+      this.commentPopoverRef.style.left = `${caretPosition.x + FONT_SIZE_WIDTH}px`;
+      this.commentPopoverRef.style.top = `${caretPosition.y - this.commentPopoverRef.offsetHeight}px`;
       if (caretPosition.x + FONT_SIZE_WIDTH > right - PADDING_WIDTH) {
         // is last code
-        this.commentPopoverRef.style.left = "".concat(left + PADDING_WIDTH + FONT_SIZE_WIDTH, "px");
-        this.commentPopoverRef.style.top = "".concat(caretPosition.y - this.commentPopoverRef.offsetHeight + LINE_HEIGHT, "px");
+        this.commentPopoverRef.style.left = `${left + PADDING_WIDTH + FONT_SIZE_WIDTH}px`;
+        this.commentPopoverRef.style.top = `${caretPosition.y - this.commentPopoverRef.offsetHeight + LINE_HEIGHT}px`;
       }
       if (caretPosition.x + FONT_SIZE_WIDTH + this.commentPopoverRef.offsetWidth > document.body.clientWidth) {
         this.commentPopoverRef.style.right = 0;
@@ -166,7 +166,7 @@ class Input extends _react.default.Component {
         spanNode2 = document.createElement('span');
         spanNode1.className = 'at-text';
         spanNode1.contentEditable = 'false';
-        spanNode1.innerHTML = "@".concat(content.name);
+        spanNode1.innerHTML = `@${content.name}`;
         spanNode2.innerHTML = ' ';
       }
       let frag = document.createDocumentFragment();

package/lib/Comment/footer/input/participant/index.js

@@ -35,7 +35,7 @@ class Participant extends _react.default.Component {
     } = this.props;
     const active = index === activeIndex;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "comment-participant-item ".concat(active ? 'active' : ''),
+      className: `comment-participant-item ${active ? 'active' : ''}`,
       ref: ref => this.participantItem = ref,
       onClick: this.onSelect,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/Comment/footer/participants/participant-select/index.js

@@ -127,12 +127,12 @@ class ParticipantSelect extends _react.Component {
   }
   componentDidMount() {
     let collaboratorListHeight = this.participantsRef.offsetHeight;
-    this.participantsRef.style.top = "".concat(-collaboratorListHeight + 10, "px");
+    this.participantsRef.style.top = `${-collaboratorListHeight + 10}px`;
     this.registerHandlers();
   }
   componentDidUpdate() {
     let collaboratorListHeight = this.participantsRef.offsetHeight;
-    this.participantsRef.style.top = "".concat(-collaboratorListHeight + 10, "px");
+    this.participantsRef.style.top = `${-collaboratorListHeight + 10}px`;
   }
   componentWillUnmount() {
     this.unregisterHandlers();

package/lib/Comment/utils/utilities.js

@@ -74,7 +74,7 @@ class Utilities {
         spanNode2 = document.createElement('span');
         spanNode1.className = 'at-text';
         spanNode1.contentEditable = 'true';
-        spanNode1.innerHTML = "@".concat(content.name);
+        spanNode1.innerHTML = `@${content.name}`;
         spanNode2.innerHTML = ' ';
       }
       let frag = document.createDocumentFragment();

package/lib/DTableColorPicker/ColorPickerPortal/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 = ColorPickerPortal;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _utils = require("../../utils/utils");
@@ -36,15 +35,18 @@ function ColorPickerPortal(_ref) {
     } = targetRect;
     const portalRectHeight = containerRef.current.clientHeight;
     const newPosition = {
-      left: "".concat(left + 1, "px"),
+      left: `${left + 1}px`,
       visibility: 'visible'
     };
     if (spaceAbove < portalRectHeight) {
-      newPosition.top = "calc(".concat(spaceAbove, "px + 2.375rem)");
+      newPosition.top = `calc(${spaceAbove}px + 2.375rem)`;
     } else {
-      newPosition.top = "calc(".concat(spaceAbove - portalRectHeight, "px)");
+      newPosition.top = `calc(${spaceAbove - portalRectHeight}px)`;
     }
-    setPosition(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), newPosition));
+    setPosition(prev => ({
+      ...prev,
+      ...newPosition
+    }));
     if (!isPositioned) {
       setIsPositioned(true);
     }