dtable-ui-component 6.0.104 → 6.0.106

package/lib/RowExpandEditor/text-editor/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 = 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"));
@@ -15,16 +16,14 @@ const RowExpandTextEditor = /*#__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, {
-        ...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/RowExpandEditor/url-editor/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 = 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"));
@@ -15,16 +16,14 @@ const RowExpandUrlEditor = /*#__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, {
-        ...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/RowExpandEditor/url-editor/mb-editor/index.js

@@ -39,11 +39,11 @@ class RowExpandMBUrlEditor extends _react.default.Component {
       } = this.state;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
-        newValue = `http://${newValue}`;
+        newValue = "http://".concat(newValue);
       }
       try {
         (0, _utils.openUrlLink)(newValue);
-      } catch {
+      } catch (_unused) {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
     };

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

@@ -69,11 +69,11 @@ class RowExpandPCUrlEditor extends _react.default.Component {
       } = this.state;
       let newValue = value.trim();
       if (!(0, _utils.isValidUrl)(newValue)) {
-        newValue = `http://${newValue}`;
+        newValue = "http://".concat(newValue);
       }
       try {
         (0, _utils.openUrlLink)(newValue);
-      } catch {
+      } catch (_unused) {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
     };

package/lib/RowExpandFormatter/department-formatter/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcFormatter = _interopRequireDefault(require("./pc-formatter"));
@@ -14,14 +15,10 @@ const RowExpandDepartmentFormatter = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(min-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcFormatter.default, {
-        ...props
-      })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcFormatter.default, (0, _objectSpread2.default)({}, props))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: '(max-width: 768px)',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbFormatter.default, {
-        ...props
-      })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbFormatter.default, (0, _objectSpread2.default)({}, props))
     })]
   });
 };

package/lib/RowExpandFormatter/email-formatter/index.js

@@ -18,7 +18,7 @@ class RowExpandEmailFormatter extends _react.default.Component {
         value
       } = this.props;
       let newValue = value.trim();
-      window.location.href = `mailto:${newValue}`;
+      window.location.href = "mailto:".concat(newValue);
     };
   }
   render() {

package/lib/RowExpandFormatter/file-formatter/row-expand-file-item-formatter.js

@@ -65,7 +65,7 @@ class RowExpandFileItemFormatter extends _react.Component {
         id: id,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: fileIconUrl,
-          id: `item-file-${index}`,
+          id: "item-file-".concat(index),
           alt: file.name
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-file-icons-choice",
@@ -83,7 +83,7 @@ class RowExpandFileItemFormatter extends _react.Component {
             })
           })]
         })]
-      }, `file-${index}`), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+      }, "file-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
         position: this.position,
         toggle: this.closeDeleteTip,
         handleDelete: this.onDelete,

package/lib/RowExpandFormatter/formula-formatter/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -37,16 +38,16 @@ class RowExpandFormulaFormatter extends _react.default.Component {
     };
     this.onOpenUrlLink = url => {
       if (!(0, _utils2.isValidUrl)(url)) {
-        url = `http://${url}`;
+        url = "http://".concat(url);
       }
       try {
         (0, _utils2.openUrlLink)(url);
-      } catch {
+      } catch (_unused) {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
     };
     this.onOpenEmailLink = email => {
-      window.location.href = `mailto:${email.trim()}`;
+      window.location.href = "mailto:".concat(email.trim());
     };
     this.renderBorder = dom => {
       const {
@@ -74,7 +75,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         containerClassName
       } = this.props;
       const customClassName = this.getGridCellClassName(resultType);
-      const className = `dtable-ui cell-formatter-container formula-formatter ${containerClassName} ${customClassName}`;
+      const className = "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(customClassName);
       return this.renderBorder(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: className,
         title: cellValue,
@@ -147,7 +148,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
               phoneNumber: formulaPhoneNumber,
               className: "row-expand-jump-link-btn"
             }), this.createColumnFormatter(Formatter, formatterProps)]
-          }, `formula-formatter-content-item-${index}`);
+          }, "formula-formatter-content-item-".concat(index));
         })
       }));
     };
@@ -185,27 +186,20 @@ class RowExpandFormulaFormatter extends _react.default.Component {
             if (array_type === _dtableUtils.CellType.CHECKBOX) {
               array_data.checkboxStyle = array_data.checkbox_style;
             }
-            return {
-              ...array_data,
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, array_data), {}, {
               collaborators
-            };
+            });
           }
       }
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
     if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
-        ...formatterProps
-      });
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, (0, _objectSpread2.default)({}, formatterProps));
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
-        ...formatterProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, (0, _objectSpread2.default)({}, formatterProps));
     } else {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
-        ...formatterProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.default)({}, formatterProps));
     }
   }
   render() {

package/lib/RowExpandFormatter/image-formatter/row-expand-image-item-formatter.js

@@ -72,7 +72,7 @@ class RowExpandImageItemFormatter extends _react.Component {
         onClick: this.onClickImage,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: url,
-          id: `item-image-${index}`,
+          id: "item-image-".concat(index),
           alt: name
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-icons-choice",
@@ -90,7 +90,7 @@ class RowExpandImageItemFormatter extends _react.Component {
             })
           })]
         })]
-      }, `image-${index}`), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+      }, "image-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
         position: this.position,
         toggle: this.closeDeleteTip,
         handleDelete: this.onDelete,

package/lib/RowExpandFormatter/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -66,7 +67,7 @@ class RowExpandFormatter extends _react.default.Component {
       const {
         collaborators
       } = this.state;
-      const containerClassName = `dtable-ui-row-expand-${columnType}-formatter`;
+      const containerClassName = "dtable-ui-row-expand-".concat(columnType, "-formatter");
       let cellValue = row[column[valueKey]];
       const Formatter = this.component[columnType];
       if (!Formatter) return null;
@@ -264,17 +265,15 @@ class RowExpandFormatter extends _react.default.Component {
               array_data
             } = data;
             if (!data.display_column) {
-              column = {
-                ...column,
-                data: {
-                  ...data,
+              column = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+                data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
                   display_column: {
                     key: display_column_key || '0000',
                     type: array_type || _dtableUtils.CellType.TEXT,
                     data: array_data || null
                   }
-                }
-              };
+                })
+              });
             }
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
               value: cellValue,
@@ -375,10 +374,7 @@ class RowExpandFormatter extends _react.default.Component {
     this.state = {
       collaborators: this.getCollaborators()
     };
-    this.component = {
-      ..._constants.DEFAULT_FORMATTER,
-      ...this.props.component
-    };
+    this.component = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.DEFAULT_FORMATTER), this.props.component);
   }
   componentDidMount() {
     this.calculateCollaboratorData(this.props);

package/lib/RowExpandFormatter/link-formatter/collaborator-item-formatter.js

@@ -42,7 +42,7 @@ class CollaboratorItemFormatter extends _react.Component {
       }
       if (!context) return;
       const mediaUrl = context.getSetting('mediaUrl');
-      const defaultAvatarUrl = `${mediaUrl}/avatars/default.png`;
+      const defaultAvatarUrl = "".concat(mediaUrl, "/avatars/default.png");
       if (cellValue === 'anonymous') {
         collaborator = {
           name: 'anonymous',

package/lib/RowExpandFormatter/link-formatter/index.js

@@ -64,7 +64,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "row-expand-link-item",
                 children: value
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -81,7 +81,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 value: value,
                 format: format,
                 containerClassName: "row-expand-link-item"
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -94,7 +94,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -107,7 +107,7 @@ class RowExpandLinkFormatter extends _react.Component {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MTimeFormatter.default, {
                 value: value,
                 containerClassName: "row-expand-link-item"
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -123,7 +123,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 collaborators: collaborators,
                 context: props.context,
                 renderEmpty: props.renderEmpty
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }
@@ -146,7 +146,7 @@ class RowExpandLinkFormatter extends _react.Component {
                 children: (0, _valueDisplayUtils.getCellDisplayValue)({
                   [displayColumn.key]: value
                 }, displayColumn, collaborators)
-              }, `link-${displayColumnType}-${index}`);
+              }, "link-".concat(displayColumnType, "-").concat(index));
             })
           });
         }

package/lib/RowExpandFormatter/rate-formatter/index.js

@@ -28,9 +28,9 @@ class RateExpendRateFormatter extends _react.default.Component {
           color: value >= i + 1 ? rate_style_color : '#e5e5e5'
         };
         rateList.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: `dtable-font ${rate_style_type}`,
+          className: "dtable-font ".concat(rate_style_type),
           style: style
-        }, `dtable-ui-component-rate-${i}`));
+        }, "dtable-ui-component-rate-".concat(i)));
       }
       return rateList;
     };

package/lib/RowExpandFormatter/url-formatter/index.js

@@ -20,7 +20,7 @@ class UrlFormatter extends _react.default.Component {
         value
       } = this.props;
       const url = (0, _editorUtils.getTrimmedString)(value);
-      const validUrl = (0, _utils.isValidUrl)(url) ? url : `http://${url}`;
+      const validUrl = (0, _utils.isValidUrl)(url) ? url : "http://".concat(url);
       try {
         let a = document.createElement('a');
         document.body.appendChild(a);
@@ -29,7 +29,7 @@ class UrlFormatter extends _react.default.Component {
         a.rel = 'noopener noreferrer';
         a.click();
         document.body.removeChild(a);
-      } catch {
+      } catch (_unused) {
         _toaster.default.danger('The url is invalid');
       }
     };

package/lib/RowExpandView/body/index.js

@@ -5,6 +5,8 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -14,6 +16,7 @@ var _RowExpandFormatter = _interopRequireDefault(require("../../RowExpandFormatt
 var _utils = require("../../utils/utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["component", "onChange", "className"];
 class Body extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -39,12 +42,13 @@ class Body extends _react.default.Component {
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column) => {
-      const {
-        component,
-        onChange,
-        className,
-        ...props
-      } = this.props;
+      const _this$props = this.props,
+        {
+          component,
+          onChange,
+          className
+        } = _this$props,
+        props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       const {
         getDownLoadFiles
       } = props;
@@ -56,22 +60,20 @@ class Body extends _react.default.Component {
         formatter
       } = component || {};
       if (editable) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, {
-          ...props,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           column: column,
           row: row,
           component: editor,
           onCommit: value => onChange(column, value)
-        });
+        }));
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, {
-        ...props,
-        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', `mobile-dtable-row-expand-${column.type}-formatter`, className),
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandFormatter.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        className: (0, _classnames.default)('dtable-ui-mobile-row-expand-formatter', "mobile-dtable-row-expand-".concat(column.type, "-formatter"), className),
         column: column,
         row: row,
         component: formatter,
         downloadImage: getDownLoadFiles ? this.downloadImage : null
-      });
+      }));
     };
   }
   render() {

package/lib/RowExpandView/index.js

@@ -6,6 +6,8 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
@@ -17,30 +19,31 @@ var _cellComparer = require("../utils/cell-comparer");
 var _MobileFullScreenPage = _interopRequireDefault(require("../MobileFullScreenPage"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["saveImmediately", "readonly", "isInsertingRow", "zIndex", "title", "className", "valueKey", "row", "columns", "commit", "onToggle", "uploadFile", "copyURL", "children", "historyCallback"];
 const {
   Header,
   Body: MobileFullScreenPageBody
 } = _MobileFullScreenPage.default;
 const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    saveImmediately = true,
-    readonly = false,
-    isInsertingRow = false,
-    zIndex,
-    title,
-    className,
-    valueKey = 'name',
-    // name or key
-    row: defaultRow,
-    columns: defaultColumns,
-    commit,
-    onToggle,
-    uploadFile,
-    copyURL,
-    children = [],
-    historyCallback,
-    ...otherProps
-  } = _ref;
+      saveImmediately = true,
+      readonly = false,
+      isInsertingRow = false,
+      zIndex,
+      title,
+      className,
+      valueKey = 'name',
+      // name or key
+      row: defaultRow,
+      columns: defaultColumns,
+      commit,
+      onToggle,
+      uploadFile,
+      copyURL,
+      children = [],
+      historyCallback
+    } = _ref,
+    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const [isLoading, setLoading] = (0, _react.useState)(true);
   const [isSaving, setSaving] = (0, _react.useState)(false);
   const [row, setRow] = (0, _react.useState)({});
@@ -56,8 +59,7 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const initRowData = (0, _react.useCallback)(() => {
     setLoading(true);
     setRow(defaultRow);
-    let validColumns = defaultColumns.map(c => ({
-      ...c,
+    let validColumns = defaultColumns.map(c => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, c), {}, {
       editable: checkEditable(c, defaultRow),
       width: 320
     }));
@@ -91,24 +93,15 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     if (!(0, _cellComparer.isCellValueChanged)(oldValue, value, column.type)) return;
     if (!saveImmediately || isInsertingRow) {
       isChangedRef.current = true;
-      update.current = {
-        ...update.current,
-        ...updated
-      };
-      setRow({
-        ...row,
-        ...updated
-      });
+      update.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, update.current), updated);
+      setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
       return;
     }
     onSave(updated, {
       successCallback: () => {
         isChangedRef.current = false;
         update.current = {};
-        setRow({
-          ...row,
-          ...updated
-        });
+        setRow((0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), updated));
       },
       failCallback: () => {
         _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
@@ -126,10 +119,7 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       setSaving(false);
       _toaster.default.danger((0, _lang.getLocale)('Save_failed'));
     };
-    const newRow = isInsertingRow ? {
-      ...row,
-      ...update.current
-    } : update.current;
+    const newRow = isInsertingRow ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), update.current) : update.current;
     onSave(newRow, {
       successCallback,
       failCallback
@@ -174,14 +164,13 @@ const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "w-100 -h-100 d-flex align-items-center justify-content-center",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {})
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
-        ...otherProps,
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
         row: row,
         columns: columns,
         valueKey: valueKey,
         onChange: onChange,
         uploadFile: uploadFile
-      })
+      }))
     })]
   });
 });

package/lib/SelectOptionGroup/index.js

@@ -156,7 +156,7 @@ class SelectOptionGroup extends _react.Component {
           supportMultipleSelect: this.props.supportMultipleSelect,
           disableHover: this.state.disableHover,
           children: opt.label
-        }, `${key}-${i}`);
+        }, "".concat(key, "-").concat(i));
       });
     };
     this.state = {

package/lib/SelectedDepartments/index.js

@@ -36,7 +36,7 @@ function SelectedDepartments(_ref) {
           "aria-label": name,
           children: name
         })
-      }, `department-${index}`);
+      }, "department-".concat(index));
     }
     const department = idDepartmentMap[content];
     if (department) {
@@ -65,7 +65,7 @@ function SelectedDepartments(_ref) {
             })
           })
         })]
-      }, `department-${index}`);
+      }, "department-".concat(index));
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "department empty-department mr-1",
@@ -87,7 +87,7 @@ function SelectedDepartments(_ref) {
           })
         })
       })]
-    }, `department-${index}`);
+    }, "department-".concat(index));
   }) : null;
   return dom;
 }

package/lib/SimpleLongTextFormatter/index.js

@@ -31,8 +31,8 @@ class SimpleLongTextFormatter extends _react.default.Component {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "long-text-check-list",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: `dtable-font dtable-icon-check-square-solid ${checkList.completed === checkList.total ? 'long-text-check-list-completed' : ''}`
-        }), `${checkList.completed}/${checkList.total}`]
+          className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
+        }), "".concat(checkList.completed, "/").concat(checkList.total)]
       });
     };
     this.renderImages = value => {