dtable-ui-component 6.0.89 → 6.0.92

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

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcAddBtn = _interopRequireDefault(require("./pc-add-btn"));
 var _mbAddBtn = _interopRequireDefault(require("./mb-add-btn"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandAddBtn = /*#__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(_pcAddBtn.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbAddBtn.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)(_pcAddBtn.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbAddBtn.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandAddBtn;

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

@@ -9,11 +9,13 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandMBAddBtn = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     onClick: props.onClick,
-    className: (0, _classnames.default)('dtable-ui-mobile-row-expand-add-btn', props.className)
-  }, props.text);
+    className: (0, _classnames.default)('dtable-ui-mobile-row-expand-add-btn', props.className),
+    children: props.text
+  });
 });
 var _default = exports.default = RowExpandMBAddBtn;

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

@@ -10,17 +10,20 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../../constants");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandPCAddBtn = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     tabIndex: 0,
     onClick: props.onClick,
     onFocus: props.onFocus,
     role: "button",
     className: (0, _classnames.default)('dtable-ui-row-expand-add-btn d-print-none', props.className),
-    style: props.isFocus ? _constants.ROW_EXPAND_BTN_FOCUS_STYLE : {}
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "d-print-none"
-  }, props.text));
+    style: props.isFocus ? _constants.ROW_EXPAND_BTN_FOCUS_STYLE : {},
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "d-print-none",
+      children: props.text
+    })
+  });
 });
 var _default = exports.default = RowExpandPCAddBtn;

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

@@ -11,15 +11,22 @@ 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 RowExpandCheckboxEditor = /*#__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 = RowExpandCheckboxEditor;

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

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _CheckboxEditor = _interopRequireDefault(require("../../../CheckboxEditor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBCheckboxEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -23,14 +24,15 @@ class RowExpandMBCheckboxEditor extends _react.default.Component {
       value,
       className
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui-mobile-row-expand-checkbox-editor-container', className)
-    }, /*#__PURE__*/_react.default.createElement(_CheckboxEditor.default, {
-      className: "dtable-ui-row-expand-checkbox-editor mt-0",
-      column: column,
-      value: value,
-      onCommit: this.onCommit
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('dtable-ui-mobile-row-expand-checkbox-editor-container', className),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxEditor.default, {
+        className: "dtable-ui-row-expand-checkbox-editor mt-0",
+        column: column,
+        value: value,
+        onCommit: this.onCommit
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandMBCheckboxEditor;

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

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CheckboxEditor = _interopRequireDefault(require("../../CheckboxEditor"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCCheckboxEditor extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -27,7 +28,7 @@ class RowExpandPCCheckboxEditor extends _react.default.Component {
       column,
       value
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_CheckboxEditor.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxEditor.default, {
       className: "dtable-ui-row-expand-checkbox-editor mt-2",
       column: column,
       value: value,

package/lib/RowExpandEditor/collaborator-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 RowExpandCollaboratorEditor = /*#__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 = RowExpandCollaboratorEditor;

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

@@ -12,6 +12,7 @@ var _CollaboratorItem = _interopRequireDefault(require("../../../CollaboratorIte
 var _rightAngle = _interopRequireDefault(require("../../right-angle"));
 var _addBtn = _interopRequireDefault(require("../../add-btn"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
@@ -78,24 +79,22 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
             const {
               email
             } = collaborator;
-            return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-              key: email,
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
               collaborator: collaborator
-            });
+            }, email);
           }
           collaborator = {
             name: (0, _lang.getLocale)('Unknown'),
             avatar_url: '',
             email: index + ''
           };
-          return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-            key: email,
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
             className: "dtable-ui-unknown-collaborator",
             collaborator: collaborator
-          });
+          }, email);
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_addBtn.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
         text: (0, _lang.getLocale)('Add_collaborator')
       });
     };
@@ -148,16 +147,19 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
       showEditor,
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui dtable-ui-mobile-row-expand-collaborators position-relative",
-      onClick: this.openEditor
-    }, this.renderCollaborators(value), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), showEditor && /*#__PURE__*/_react.default.createElement(_CollaboratorEditor.default, {
-      value: value,
-      column: column,
-      collaborators: collaborators,
-      onCommit: this.onChange,
-      onClose: this.closeEditor
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui dtable-ui-mobile-row-expand-collaborators position-relative",
+        onClick: this.openEditor,
+        children: [this.renderCollaborators(value), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rightAngle.default, {})]
+      }), showEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorEditor.default, {
+        value: value,
+        column: column,
+        collaborators: collaborators,
+        onCommit: this.onChange,
+        onClose: this.closeEditor
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBCollaboratorEditor;

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

@@ -12,6 +12,7 @@ var _CollaboratorEditor = _interopRequireDefault(require("../../../CollaboratorE
 var _lang = require("../../../lang");
 var _CollaboratorItem = _interopRequireDefault(require("../../../CollaboratorItem"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
@@ -107,47 +108,50 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
         value,
         emailCollaboratorMap
       } = this.state;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
         onFocus: this.onFocus,
         onClick: this.onToggleSelect,
         ref: ref => this.collaboratorContentRef = ref,
         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: value.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-row-expand-select-options",
+              children: value.map((email, index) => {
+                let collaborator = emailCollaboratorMap[email];
+                if (collaborator) {
+                  const {
+                    email
+                  } = collaborator;
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
+                    collaborator: collaborator,
+                    enableDeleteCollaborator: true,
+                    onDeleteCollaborator: this.removeCollaborator.bind(this, index)
+                  }, email);
+                }
+                collaborator = {
+                  name: (0, _lang.getLocale)('Unknown'),
+                  avatar_url: '',
+                  email: index + ''
+                };
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
+                  className: "dtable-ui-unknown-collaborator",
+                  collaborator: collaborator,
+                  enableDeleteCollaborator: true,
+                  onDeleteCollaborator: this.removeCollaborator.bind(this, index)
+                }, index);
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-down3"
+          })]
         })
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-row-expand-select-editor-inner"
-      }, /*#__PURE__*/_react.default.createElement("div", null, value.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-row-expand-select-options"
-      }, value.map((email, index) => {
-        let collaborator = emailCollaboratorMap[email];
-        if (collaborator) {
-          const {
-            email
-          } = collaborator;
-          return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-            key: email,
-            collaborator: collaborator,
-            enableDeleteCollaborator: true,
-            onDeleteCollaborator: this.removeCollaborator.bind(this, index)
-          });
-        }
-        collaborator = {
-          name: (0, _lang.getLocale)('Unknown'),
-          avatar_url: '',
-          email: index + ''
-        };
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-          key: index,
-          className: "dtable-ui-unknown-collaborator",
-          collaborator: collaborator,
-          enableDeleteCollaborator: true,
-          onDeleteCollaborator: this.removeCollaborator.bind(this, index)
-        });
-      }))), /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-down3"
-      })));
+      });
     };
     const {
       row: _row,
@@ -212,20 +216,21 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       showCollaboratorSelect,
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative mt-1 w-100",
-      ref: ref => this.collaboratorSelectRef = ref
-    }, this.renderSelectedCollaborators(), /*#__PURE__*/_react.default.createElement("span", {
-      ref: ref => this.targetRef = ref
-    }), showCollaboratorSelect && /*#__PURE__*/_react.default.createElement(_CollaboratorEditor.default, {
-      target: this.targetRef,
-      isInModal: true,
-      value: value,
-      column: column,
-      collaborators: collaborators,
-      onCommit: this.onChange,
-      onClose: this.closeSelect
-    }));
+      ref: ref => this.collaboratorSelectRef = ref,
+      children: [this.renderSelectedCollaborators(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        ref: ref => this.targetRef = ref
+      }), showCollaboratorSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorEditor.default, {
+        target: this.targetRef,
+        isInModal: true,
+        value: value,
+        column: column,
+        collaborators: collaborators,
+        onCommit: this.onChange,
+        onClose: this.closeSelect
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCCollaboratorEditor;

package/lib/RowExpandEditor/date-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 RowExpandDateEditor = /*#__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 = RowExpandDateEditor;

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

@@ -10,6 +10,7 @@ var _dtableUtils = require("dtable-utils");
 var _DateEditor = _interopRequireDefault(require("../../DateEditor"));
 var _rightAngle = _interopRequireDefault(require("../right-angle"));
 var _columnUtils = require("../../utils/column-utils");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBDateEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -62,21 +63,25 @@ class RowExpandMBDateEditor extends _react.default.Component {
       isShowEditor
     } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "position-relative"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        height: '50px',
-        lineHeight: '50px'
-      },
-      onClick: this.toggleEditor
-    }, value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), isShowEditor && /*#__PURE__*/_react.default.createElement(_DateEditor.default, {
-      value: value,
-      lang: lang,
-      column: column,
-      onCommit: this.onCommit,
-      hideCalendar: this.hideCalendar
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "position-relative",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            height: '50px',
+            lineHeight: '50px'
+          },
+          onClick: this.toggleEditor,
+          children: value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rightAngle.default, {})]
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateEditor.default, {
+        value: value,
+        lang: lang,
+        column: column,
+        onCommit: this.onCommit,
+        hideCalendar: this.hideCalendar
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBDateEditor;

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

@@ -11,6 +11,7 @@ var _DateEditor = _interopRequireDefault(require("../../DateEditor"));
 var _utils = require("../../utils/utils");
 var _columnUtils = require("../../utils/column-utils");
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCDateEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -104,27 +105,29 @@ class RowExpandPCDateEditor extends _react.default.Component {
       isShowEditor
     } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.dateSelectRef = ref
-    }, isShowEditor ? /*#__PURE__*/_react.default.createElement(_DateEditor.default, {
-      isInModal: isInModal,
-      value: value,
-      lang: lang,
-      column: column,
-      onCommit: this.onCommit,
-      hideCalendar: this.hideCalendar
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.onFocus,
-      onClick: this.toggleEditor,
-      ref: ref => this.dateContainerRef = ref,
-      className: "form-control",
-      style: isEditorFocus ? Object.assign({
-        width: 320
-      }, _constants.ROW_EXPAND_FOCUS_STYLE) : {
-        width: 320
-      }
-    }, value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref => this.dateSelectRef = ref,
+      children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateEditor.default, {
+        isInModal: isInModal,
+        value: value,
+        lang: lang,
+        column: column,
+        onCommit: this.onCommit,
+        hideCalendar: this.hideCalendar
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        tabIndex: 0,
+        onFocus: this.onFocus,
+        onClick: this.toggleEditor,
+        ref: ref => this.dateContainerRef = ref,
+        className: "form-control",
+        style: isEditorFocus ? Object.assign({
+          width: 320
+        }, _constants.ROW_EXPAND_FOCUS_STYLE) : {
+          width: 320
+        },
+        children: value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandPCDateEditor;

package/lib/RowExpandEditor/department-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 RowExpandDepartmentEditor = /*#__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 = RowExpandDepartmentEditor;

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

@@ -12,6 +12,7 @@ var _addBtn = _interopRequireDefault(require("../add-btn"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../DepartmentSingleSelectEditor"));
 var _lang = require("../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandMBDepartmentEditor = _ref => {
   let {
     row,
@@ -39,27 +40,31 @@ const RowExpandMBDepartmentEditor = _ref => {
     setShowEditor(false);
     // eslint-disable-next-line
   }, [row, column]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",
-    onClick: openEditor
-  }, value ? /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: 50,
-      padding: '14px 0'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
-    value: value,
-    departments: departments
-  })) : /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-    text: (0, _lang.getLocale)('Choose_a_department')
-  }), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), showEditor && /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectEditor.default, {
-    enableSelectRange: false,
-    column: column,
-    value: value,
-    onCommit: onChange,
-    userDepartmentIdsMap: userDepartmentIdsMap,
-    departments: departments,
-    onClose: closeEditor
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",
+      onClick: openEditor,
+      children: [value ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          height: 50,
+          padding: '14px 0'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
+          value: value,
+          departments: departments
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+        text: (0, _lang.getLocale)('Choose_a_department')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rightAngle.default, {})]
+    }), showEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectEditor.default, {
+      enableSelectRange: false,
+      column: column,
+      value: value,
+      onCommit: onChange,
+      userDepartmentIdsMap: userDepartmentIdsMap,
+      departments: departments,
+      onClose: closeEditor
+    })]
+  });
 };
 var _default = exports.default = RowExpandMBDepartmentEditor;