dtable-ui-component 6.0.91 → 6.0.92

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

@@ -11,6 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _constants = require("../../constants");
 var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../DepartmentSingleSelectEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandPCDepartmentEditor = _ref => {
   let {
     row,
@@ -65,35 +66,40 @@ const RowExpandPCDepartmentEditor = _ref => {
     setShowEditor(false);
     // eslint-disable-next-line
   }, [row, column]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "position-relative w-100",
-    ref: departmentSelectContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    tabIndex: 0,
-    onFocus: onFocus,
-    onClick: onToggleSelect,
-    ref: departmentSelectContent,
-    className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor', 'custom-select', {
-      'focus': isEditorFocus
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-row-expand-select-editor-inner"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
-    value: value,
-    departments: departments
-  })), /*#__PURE__*/_react.default.createElement("i", {
-    "aria-hidden": "true",
-    className: "dtable-font dtable-icon-down3"
-  }))), showEditor && /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectEditor.default, {
-    isInModal: true,
-    enableSelectRange: false,
-    target: departmentSelectContent.current,
-    column: column,
-    value: value,
-    onCommit: handleCommit,
-    userDepartmentIdsMap: userDepartmentIdsMap,
-    departments: departments,
-    toggleDepartmentSelect: closeEditor
-  }));
+    ref: departmentSelectContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      tabIndex: 0,
+      onFocus: onFocus,
+      onClick: onToggleSelect,
+      ref: departmentSelectContent,
+      className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor', 'custom-select', {
+        'focus': isEditorFocus
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-row-expand-select-editor-inner",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
+            value: value,
+            departments: departments
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-down3"
+        })]
+      })
+    }), showEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectEditor.default, {
+      isInModal: true,
+      enableSelectRange: false,
+      target: departmentSelectContent.current,
+      column: column,
+      value: value,
+      onCommit: handleCommit,
+      userDepartmentIdsMap: userDepartmentIdsMap,
+      departments: departments,
+      toggleDepartmentSelect: closeEditor
+    })]
+  });
 };
 var _default = exports.default = RowExpandPCDepartmentEditor;

package/lib/RowExpandEditor/digital-sign-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandDigitalSignEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, 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,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandDigitalSignEditor;

package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.js

@@ -13,6 +13,7 @@ var _DigitalSignEditor = _interopRequireDefault(require("../../../DigitalSignEdi
 var _lang = require("../../../lang");
 var _url = require("../../../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBDigitalSignEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -72,8 +73,7 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
         key
       } = column;
       return signImages.map((src, index) => {
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: "sing-image-".concat(key, "-").concat(index),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
           src: src,
           className: "dtable-ui-mobile-row-expand-img-item",
@@ -81,7 +81,7 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
           onClick: this.toggleEditor,
           deleteImage: this.deleteImage,
           disableImageTooltip: true
-        });
+        }, `sing-image-${key}-${index}`);
       });
     };
     this.state = {
@@ -112,19 +112,22 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     } = this.state;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-image position-relative"
-    }, !signImageExisted && /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      onClick: this.toggleEditor,
-      text: (0, _lang.getLocale)('Edit_signature')
-    }), this.renderSignature(signImages)), isShowEditor && /*#__PURE__*/_react.default.createElement(_DigitalSignEditor.default, {
-      config: config,
-      value: this.getValue(),
-      column: column,
-      onCommitCancel: this.toggleEditor,
-      onCommit: this.onCommit,
-      uploadFile: this.props.uploadFile
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-mobile-row-expand-image position-relative",
+        children: [!signImageExisted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+          onClick: this.toggleEditor,
+          text: (0, _lang.getLocale)('Edit_signature')
+        }), this.renderSignature(signImages)]
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalSignEditor.default, {
+        config: config,
+        value: this.getValue(),
+        column: column,
+        onCommitCancel: this.toggleEditor,
+        onCommit: this.onCommit,
+        uploadFile: this.props.uploadFile
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBDigitalSignEditor;

package/lib/RowExpandEditor/digital-sign-editor/pc-editor/index.js

@@ -15,6 +15,7 @@ var _DigitalSignEditor = _interopRequireDefault(require("../../../DigitalSignEdi
 var _lang = require("../../../lang");
 var _url = require("../../../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCDigitalSignEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -112,15 +113,14 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
         key
       } = column;
       return signImages.map((src, index) => {
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: "sing-image-".concat(key, "-").concat(index),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
           src: src,
           column: column,
           onClick: this.setLargeImageIndex,
           deleteImage: this.deleteImage,
           disableImageTooltip: true
-        });
+        }, `sing-image-${key}-${index}`);
       });
     };
     this.state = {
@@ -173,36 +173,38 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
     } = this.state;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative mt-2",
-      ref: ref => this.editorContainer = ref
-    }, !signImageExisted && /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      onClick: this.toggleEditor,
-      onFocus: this.onFocus,
-      isFocus: isEditorFocus,
-      text: (0, _lang.getLocale)('Edit_signature')
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-image-container dtable-ui-row-expand-digital-sign-container"
-    }, this.renderSignature(signImages)), isShowEditor && /*#__PURE__*/_react.default.createElement(_DigitalSignEditor.default, {
-      isInModal: true,
-      config: config,
-      value: this.getValue(),
-      column: column,
-      onCommitCancel: this.toggleEditor,
-      onCommit: this.onCommit,
-      uploadFile: this.props.uploadFile
-    }), largeImageIndex > -1 && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: signImages,
-      imageIndex: largeImageIndex,
-      wrapperClassName: 'digital-sign-image',
-      closeImagePopup: this.hideLargeImage,
-      moveToPrevImage: this.moveToPrevImage,
-      moveToNextImage: this.moveToNextImage,
-      deleteImage: index => {
-        this.deleteImage(index);
-        this.hideLargeImage();
-      }
-    }));
+      ref: ref => this.editorContainer = ref,
+      children: [!signImageExisted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+        onClick: this.toggleEditor,
+        onFocus: this.onFocus,
+        isFocus: isEditorFocus,
+        text: (0, _lang.getLocale)('Edit_signature')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-row-expand-image-container dtable-ui-row-expand-digital-sign-container",
+        children: this.renderSignature(signImages)
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalSignEditor.default, {
+        isInModal: true,
+        config: config,
+        value: this.getValue(),
+        column: column,
+        onCommitCancel: this.toggleEditor,
+        onCommit: this.onCommit,
+        uploadFile: this.props.uploadFile
+      }), largeImageIndex > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+        imageItems: signImages,
+        imageIndex: largeImageIndex,
+        wrapperClassName: 'digital-sign-image',
+        closeImagePopup: this.hideLargeImage,
+        moveToPrevImage: this.moveToPrevImage,
+        moveToNextImage: this.moveToNextImage,
+        deleteImage: index => {
+          this.deleteImage(index);
+          this.hideLargeImage();
+        }
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCDigitalSignEditor;

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

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandDurationEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, 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,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandDurationEditor;

package/lib/RowExpandEditor/duration-editor/mb-editor.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _DurationEditor = _interopRequireDefault(require("../../DurationEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBDurationEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -54,18 +55,20 @@ class RowExpandMBDurationEditor extends _react.default.Component {
       value,
       isShowEditor
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-input-editor-container"
-    }, isShowEditor ? /*#__PURE__*/_react.default.createElement(_DurationEditor.default, {
-      isInModal: true,
-      column: column,
-      value: value,
-      toggleEditor: this.toggleEditor,
-      onCommit: this.onCommit
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "w-100 h-100",
-      onClick: this.toggleEditor
-    }, (0, _dtableUtils.getDurationDisplayString)(value, column.data)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "dtable-ui-mobile-row-expand-input-editor-container",
+      children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DurationEditor.default, {
+        isInModal: true,
+        column: column,
+        value: value,
+        toggleEditor: this.toggleEditor,
+        onCommit: this.onCommit
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "w-100 h-100",
+        onClick: this.toggleEditor,
+        children: (0, _dtableUtils.getDurationDisplayString)(value, column.data)
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandMBDurationEditor;

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

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _constants = require("../../constants");
 var _DurationEditor = _interopRequireDefault(require("../../DurationEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCDurationEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -87,19 +88,22 @@ class RowExpandPCDurationEditor extends _react.default.Component {
     if (isEditorFocus) {
       style = Object.assign({}, style, _constants.ROW_EXPAND_FOCUS_STYLE);
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isShowEditor ? /*#__PURE__*/_react.default.createElement(_DurationEditor.default, {
-      isInModal: isInModal,
-      column: column,
-      value: value,
-      toggleEditor: this.toggleEditor,
-      onCommit: this.onCommit
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.toggleEditor,
-      onClick: this.toggleEditor,
-      className: "form-control",
-      style: style
-    }, (0, _dtableUtils.getDurationDisplayString)(value, column.data)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DurationEditor.default, {
+        isInModal: isInModal,
+        column: column,
+        value: value,
+        toggleEditor: this.toggleEditor,
+        onCommit: this.onCommit
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        tabIndex: 0,
+        onFocus: this.toggleEditor,
+        onClick: this.toggleEditor,
+        className: "form-control",
+        style: style,
+        children: (0, _dtableUtils.getDurationDisplayString)(value, column.data)
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandPCDurationEditor;

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

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandEmailEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, 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,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandEmailEditor;

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBEmailEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -35,7 +36,7 @@ class RowExpandMBEmailEditor extends _react.default.Component {
         value
       } = this.state;
       let newValue = value.trim();
-      window.location.href = "mailto:".concat(newValue);
+      window.location.href = `mailto:${newValue}`;
     };
     const {
       row,
@@ -62,23 +63,24 @@ class RowExpandMBEmailEditor extends _react.default.Component {
     const {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onCut: this.onCut,
-      onPaste: this.onPaste,
-      onChange: this.onChange,
-      className: "form-control dtable-ui-mobile-row-expand-url-input",
-      value: value,
-      onKeyDown: this.onKeyDown
-    }), value && value.trim() && /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-email dtable-ui-mobile-row-expand-jump-link",
-      onClick: this.onOpenEmailLink
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "text",
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        onCut: this.onCut,
+        onPaste: this.onPaste,
+        onChange: this.onChange,
+        className: "form-control dtable-ui-mobile-row-expand-url-input",
+        value: value,
+        onKeyDown: this.onKeyDown
+      }), value && value.trim() && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-email dtable-ui-mobile-row-expand-jump-link",
+        onClick: this.onOpenEmailLink
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBEmailEditor;

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

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../constants");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCEmailEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -65,7 +66,7 @@ class RowExpandPCEmailEditor extends _react.default.Component {
         value
       } = this.state;
       let newValue = value.trim();
-      window.location.href = "mailto:".concat(newValue);
+      window.location.href = `mailto:${newValue}`;
     };
     const {
       row,
@@ -102,24 +103,25 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     let {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-url-editor"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      ref: ref => this.urlInputRef = ref,
-      type: "text",
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onCut: this.onCut,
-      onPaste: this.onPaste,
-      onChange: this.onChange,
-      className: "form-control dtable-ui-row-expand-url-input",
-      value: value,
-      onKeyDown: this.onKeyDown
-    }), value && value.trim() && /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-email dtable-ui-row-expand-jump-link",
-      onClick: this.onOpenEmailLink
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-row-expand-url-editor",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        ref: ref => this.urlInputRef = ref,
+        type: "text",
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        onCut: this.onCut,
+        onPaste: this.onPaste,
+        onChange: this.onChange,
+        className: "form-control dtable-ui-row-expand-url-input",
+        value: value,
+        onKeyDown: this.onKeyDown
+      }), value && value.trim() && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-email dtable-ui-row-expand-jump-link",
+        onClick: this.onOpenEmailLink
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCEmailEditor;

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

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandFileEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, 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,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandFileEditor;