dtable-ui-component 6.0.104 → 6.0.105

package/lib/ActionSheet/index.js

@@ -6,6 +6,7 @@ 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");
@@ -23,11 +24,10 @@ const SHARE = 'SHARE';
 function noop() {}
 const queue = [];
 function createActionSheet(flag, config, callback) {
-  const props = {
+  const props = (0, _objectSpread2.default)({
     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: `${prefixCls}-title`,
+    className: "".concat(prefixCls, "-title"),
     children: title
   }, "0") : null, message ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${prefixCls}-message`,
+    className: "".concat(prefixCls, "-message"),
     children: message
   }, "1") : null];
   let children = null;
@@ -88,60 +88,54 @@ 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, {
-              ...element
-            });
+            badgesMap[element.index] = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _objectSpread2.default)({}, element));
           }
         });
       }
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        ...(0, _getDataAttr.default)(props),
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-button-list`,
+          className: "".concat(prefixCls, "-button-list"),
           role: "group",
           children: normalOptions.map((item, index) => {
             const itemProps = {
-              className: (0, _classnames.default)(`${prefixCls}-button-list-item`, {
-                [`${prefixCls}-destructive-button`]: destructiveButtonIndex === index,
-                [`${prefixCls}-cancel-button`]: cancelButtonIndex === index
+              className: (0, _classnames.default)("".concat(prefixCls, "-button-list-item"), {
+                ["".concat(prefixCls, "-destructive-button")]: destructiveButtonIndex === index,
+                ["".concat(prefixCls, "-cancel-button")]: cancelButtonIndex === index
               }),
               onClick: () => cb(index),
               role: 'button'
             };
-            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              ...itemProps,
+            let bContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
               children: item
-            });
+            }));
             // 仅在设置徽标的情况下修改dom结构
             if (badgesMap[index]) {
-              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                ...itemProps,
-                className: `${itemProps.className} ${prefixCls}-button-list-badge`,
+              bContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+                className: "".concat(itemProps.className, " ").concat(prefixCls, "-button-list-badge"),
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: `${prefixCls}-button-list-item-content`,
+                  className: "".concat(prefixCls, "-button-list-item-content"),
                   children: item
                 }), badgesMap[index]]
-              });
+              }));
             }
             let bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-              activeClassName: `${prefixCls}-button-list-item-active`,
+              activeClassName: "".concat(prefixCls, "-button-list-item-active"),
               children: bContent
             }, index);
             if (cancelButtonIndex === index || destructiveButtonIndex === index) {
               bItem = /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-                activeClassName: `${prefixCls}-button-list-item-active`,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  ...itemProps,
+                activeClassName: "".concat(prefixCls, "-button-list-item-active"),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
                   children: [item, cancelButtonIndex === index ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: `${prefixCls}-cancel-button-mask`
+                    className: "".concat(prefixCls, "-cancel-button-mask")
                   }) : null]
-                })
+                }))
               }, index);
             }
             return bItem;
           })
         })]
-      });
+      }));
       break;
     case SHARE:
       mode = 'share';
@@ -149,44 +143,43 @@ 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: `${prefixCls}-share-list-item`,
+          className: "".concat(prefixCls, "-share-list-item"),
           role: "button",
           onClick: () => cb(index, rowIndex),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list-item-icon`,
+            className: "".concat(prefixCls, "-share-list-item-icon"),
             children: item.icon
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list-item-title`,
+            className: "".concat(prefixCls, "-share-list-item-title"),
             children: item.title
           })]
         }, index);
       };
-      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        ...(0, _getDataAttr.default)(props),
+      children = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _getDataAttr.default)(props)), {}, {
         children: [titleMsg, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${prefixCls}-share`,
+          className: "".concat(prefixCls, "-share"),
           children: [multipleLine ? options.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list`,
+            className: "".concat(prefixCls, "-share-list"),
             children: item.map((ii, ind) => createList(ii, ind, index))
           }, index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-share-list`,
+            className: "".concat(prefixCls, "-share-list"),
             children: options.map((item, index) => createList(item, index))
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-            activeClassName: `${prefixCls}-share-cancel-button-active`,
+            activeClassName: "".concat(prefixCls, "-share-cancel-button-active"),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `${prefixCls}-share-cancel-button`,
+              className: "".concat(prefixCls, "-share-cancel-button"),
               role: "button",
               onClick: () => cb(-1),
               children: cancelButtonText
             })
           })]
         })]
-      });
+      }));
       break;
     default:
       break;
   }
-  const rootCls = (0, _classnames.default)(`${prefixCls}-${mode}`, className);
+  const rootCls = (0, _classnames.default)("".concat(prefixCls, "-").concat(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, {
-      [`${prefixCls}-lg`]: size === 'large',
-      [`${prefixCls}-sm`]: size === 'small',
-      [`${prefixCls}-toast`]: !!toast
+      ["".concat(prefixCls, "-lg")]: size === 'large',
+      ["".concat(prefixCls, "-sm")]: size === 'small',
+      ["".concat(prefixCls, "-toast")]: !!toast
     });
-    const spinnerClass = (0, _classnames.default)(`${prefixCls}-spinner`, {
-      [`${prefixCls}-spinner-lg`]: !!toast || size === 'large'
+    const spinnerClass = (0, _classnames.default)("".concat(prefixCls, "-spinner"), {
+      ["".concat(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: `${prefixCls}-content`,
+            className: "".concat(prefixCls, "-content"),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: spinnerClass,
               "aria-hidden": "true"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: `${prefixCls}-toast`,
+              className: "".concat(prefixCls, "-toast"),
               children: text
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-content`,
+            className: "".concat(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: `${prefixCls}-tip`,
+            className: "".concat(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 = `${window.innerHeight - bottom}px`;
+        userSelectContainerRef.current.style.top = "".concat(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-${index}`);
+          }, "dtable-ui-user-selector-selected-user-".concat(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-${index}`), selectedUsers.find(u => u.email === user.email) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                }, "dtable-ui-user-selector-searched-user-".concat(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,61 +1,65 @@
 "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 _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 {
-      className,
-      prefixCls,
-      children,
-      text,
-      size,
-      overflowCount,
-      dot,
-      corner,
-      hot,
-      ...restProps
-    } = this.props;
+    let _this$props = this.props,
+      {
+        className,
+        prefixCls,
+        children,
+        text,
+        size,
+        overflowCount,
+        dot,
+        corner,
+        hot
+      } = _this$props,
+      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     // eslint-disable-next-line no-self-assign
     overflowCount = overflowCount;
-    text = typeof text === 'number' && text > overflowCount ? `${overflowCount}+` : text;
+    text = typeof text === 'number' && text > overflowCount ? "".concat(overflowCount, "+") : text;
 
     // dot mode don't need text
     if (dot) {
       text = '';
     }
     const scrollNumberCls = (0, _classnames.default)({
-      [`${prefixCls}-dot`]: dot,
-      [`${prefixCls}-dot-large`]: dot && size === 'large',
-      [`${prefixCls}-text`]: !dot && !corner,
-      [`${prefixCls}-corner`]: corner,
-      [`${prefixCls}-corner-large`]: corner && size === 'large'
+      ["".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'
     });
     const badgeCls = (0, _classnames.default)(prefixCls, className, {
-      [`${prefixCls}-not-a-wrapper`]: !children,
-      [`${prefixCls}-corner-wrapper`]: corner,
-      [`${prefixCls}-hot`]: !!hot,
-      [`${prefixCls}-corner-wrapper-large`]: corner && size === 'large'
+      ["".concat(prefixCls, "-not-a-wrapper")]: !children,
+      ["".concat(prefixCls, "-corner-wrapper")]: corner,
+      ["".concat(prefixCls, "-hot")]: !!hot,
+      ["".concat(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", {
-        className: scrollNumberCls,
-        ...restProps,
+      (0, _jsxRuntime.jsx)("sup", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        className: scrollNumberCls
+      }, restProps), {}, {
         children: text
-      })]
+      }))]
     });
   }
 }

package/lib/CheckboxEditor/index.js

@@ -6,38 +6,37 @@ 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,
-    ...props
-  } = _ref;
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
-    ...props,
+      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), {}, {
     ref: ref
-  });
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-    ...props,
+  }));
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         ref: ref
-      })
+      }))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         ref: ref
-      })
+      }))
     })]
   });
 });

package/lib/CollaboratorEditor/index.js

@@ -6,44 +6,43 @@ 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,
-    ...props
-  } = _ref;
+      isMobile,
+      value: oldValue
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const value = Array.isArray(oldValue) ? oldValue : [];
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
-    ...props,
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     value: value,
     ref: ref
-  });
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-    ...props,
+  }));
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         value: value,
         ref: ref
-      })
+      }))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
-        ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.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 = `${window.innerHeight - bottom}px`;
+        this.ref.style.top = "".concat(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${isShowSettings ? ' dtable-icon-spin' : ''}`
+        className: "dtable-font dtable-icon-right".concat(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 ${comment.resolved ? 'dtable-ui-comment-container-resolved' : ''}`,
+      className: "dtable-ui-comment-container ".concat(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,17 +5,20 @@ 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,
-    ...props
-  } = _ref;
+      comments,
+      isFirstLoading
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (comments.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-ui-comments-empty",
@@ -24,11 +27,10 @@ const Body = _ref => {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: comments.map((comment, index) => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_comment.default, {
-        ...props,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_comment.default, (0, _objectSpread2.default)((0, _objectSpread2.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 = `${match[1]}`;
+        let notificationName = "".concat(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 = `${caretPosition.x + FONT_SIZE_WIDTH}px`;
-      this.commentPopoverRef.style.top = `${caretPosition.y - this.commentPopoverRef.offsetHeight}px`;
+      this.commentPopoverRef.style.left = "".concat(caretPosition.x + FONT_SIZE_WIDTH, "px");
+      this.commentPopoverRef.style.top = "".concat(caretPosition.y - this.commentPopoverRef.offsetHeight, "px");
       if (caretPosition.x + FONT_SIZE_WIDTH > right - PADDING_WIDTH) {
         // is last code
-        this.commentPopoverRef.style.left = `${left + PADDING_WIDTH + FONT_SIZE_WIDTH}px`;
-        this.commentPopoverRef.style.top = `${caretPosition.y - this.commentPopoverRef.offsetHeight + LINE_HEIGHT}px`;
+        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");
       }
       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 = `@${content.name}`;
+        spanNode1.innerHTML = "@".concat(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 ${active ? 'active' : ''}`,
+      className: "comment-participant-item ".concat(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 = `${-collaboratorListHeight + 10}px`;
+    this.participantsRef.style.top = "".concat(-collaboratorListHeight + 10, "px");
     this.registerHandlers();
   }
   componentDidUpdate() {
     let collaboratorListHeight = this.participantsRef.offsetHeight;
-    this.participantsRef.style.top = `${-collaboratorListHeight + 10}px`;
+    this.participantsRef.style.top = "".concat(-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 = `@${content.name}`;
+        spanNode1.innerHTML = "@".concat(content.name);
         spanNode2.innerHTML = ' ';
       }
       let frag = document.createDocumentFragment();

package/lib/DTableColorPicker/ColorPickerPortal/index.js

@@ -1,11 +1,12 @@
 "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 = 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");
@@ -35,18 +36,15 @@ function ColorPickerPortal(_ref) {
     } = targetRect;
     const portalRectHeight = containerRef.current.clientHeight;
     const newPosition = {
-      left: `${left + 1}px`,
+      left: "".concat(left + 1, "px"),
       visibility: 'visible'
     };
     if (spaceAbove < portalRectHeight) {
-      newPosition.top = `calc(${spaceAbove}px + 2.375rem)`;
+      newPosition.top = "calc(".concat(spaceAbove, "px + 2.375rem)");
     } else {
-      newPosition.top = `calc(${spaceAbove - portalRectHeight}px)`;
+      newPosition.top = "calc(".concat(spaceAbove - portalRectHeight, "px)");
     }
-    setPosition(prev => ({
-      ...prev,
-      ...newPosition
-    }));
+    setPosition(prev => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), newPosition));
     if (!isPositioned) {
       setIsPositioned(true);
     }