dtable-ui-component 6.0.49 → 6.0.50

package/lib/DepartmentSingleSelectEditor/mb-editor/index.js

@@ -15,6 +15,7 @@ var _departments = require("../../utils/departments");
 var _departments2 = require("../../constants/departments");
 var _lang = require("../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Item = _List.default.Item;
 const {
   Header,
@@ -112,7 +113,7 @@ const MBDepartmentSingleSelectEditor = _ref => {
   const renderLeftContent = (0, _react.useCallback)(() => {
     const parentDepartment = departments.find(item => item.id === parentId);
     if (!parentDepartment && !isFilterEditor) return (0, _lang.getLocale)('Cancel');
-    return /*#__PURE__*/_react.default.createElement("i", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
       "aria-hidden": "true",
       className: "dtable-font dtable-icon-return"
     });
@@ -128,52 +129,60 @@ const MBDepartmentSingleSelectEditor = _ref => {
       currentDepartments = departments.filter(department => department.parent_id === parentId);
     }
     if (currentDepartments.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "d-flex justify-content-center seatable-tip-default h-100 w-100 align-items-center"
-      }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('No_departments_available')));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "d-flex justify-content-center seatable-tip-default h-100 w-100 align-items-center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('No_departments_available')
+        })
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_List.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_List.default, {
       className: "my-list dtable-ui-mobile-department-editor-departments",
-      renderHeader: () => (0, _lang.getLocale)('Select_department')
-    }, isFilterEditor && parentId === -1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _departments2.DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map((option, index) => {
-      const {
-        type,
-        name
-      } = option;
-      const isChecked = isSupportMultiple ? value.includes(type) : value === type;
-      return /*#__PURE__*/_react.default.createElement(Item, {
-        key: "department-range-item-".concat(index),
-        multipleLine: true,
-        onClick: event => onParentDepartmentClick(event, type),
-        className: "dtable-ui-mobile-department-editor-department-item"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "d-flex"
-      }, /*#__PURE__*/_react.default.createElement(_DTableRadio.default, {
-        isChecked: isChecked,
-        onCheckedChange: event => onParentDepartmentClick(event, type),
-        label: (0, _lang.getLocale)(name)
-      })));
-    })), currentDepartments.map((department, index) => {
-      const {
-        hasChild,
-        name,
-        id
-      } = department;
-      const isChecked = isSupportMultiple ? value.includes(id) : value === id;
-      return /*#__PURE__*/_react.default.createElement(Item, {
-        arrow: hasChild ? 'horizontal' : '',
-        key: "department-item-".concat(index),
-        multipleLine: true,
-        onClick: event => onDepartmentClick(event, department),
-        className: "dtable-ui-mobile-department-editor-department-item"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "d-flex"
-      }, /*#__PURE__*/_react.default.createElement(_DTableRadio.default, {
-        isChecked: isChecked,
-        onCheckedChange: event => onParentDepartmentClick(event, department),
-        label: name
-      })));
-    }));
+      renderHeader: () => (0, _lang.getLocale)('Select_department'),
+      children: [isFilterEditor && parentId === -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: _departments2.DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map((option, index) => {
+          const {
+            type,
+            name
+          } = option;
+          const isChecked = isSupportMultiple ? value.includes(type) : value === type;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
+            multipleLine: true,
+            onClick: event => onParentDepartmentClick(event, type),
+            className: "dtable-ui-mobile-department-editor-department-item",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "d-flex",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableRadio.default, {
+                isChecked: isChecked,
+                onCheckedChange: event => onParentDepartmentClick(event, type),
+                label: (0, _lang.getLocale)(name)
+              })
+            })
+          }, "department-range-item-".concat(index));
+        })
+      }), currentDepartments.map((department, index) => {
+        const {
+          hasChild,
+          name,
+          id
+        } = department;
+        const isChecked = isSupportMultiple ? value.includes(id) : value === id;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
+          arrow: hasChild ? 'horizontal' : '',
+          multipleLine: true,
+          onClick: event => onDepartmentClick(event, department),
+          className: "dtable-ui-mobile-department-editor-department-item",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "d-flex",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableRadio.default, {
+              isChecked: isChecked,
+              onCheckedChange: event => onParentDepartmentClick(event, department),
+              label: name
+            })
+          })
+        }, "department-item-".concat(index));
+      })]
+    });
   }, [initColumnData, parentId, isFilterEditor, isSupportMultiple, departments, value, topParentIds, onParentDepartmentClick, onDepartmentClick]);
   (0, _react.useEffect)(() => {
     const {
@@ -212,16 +221,27 @@ const MBDepartmentSingleSelectEditor = _ref => {
     setParentId(-1);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
     className: "dtable-ui-mobile-department-editor",
-    onClose: onClose
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onLeftClick,
-    onRightClick: onSave
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLeftContent()), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFilterEditor ? null : /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit')))), /*#__PURE__*/_react.default.createElement(Body, null, renderDepartments()));
+    onClose: onClose,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      onLeftClick: onLeftClick,
+      onRightClick: onSave,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: renderLeftContent()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: column.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: isFilterEditor ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: {
+            color: '#f09f3f'
+          },
+          children: (0, _lang.getLocale)('Submit')
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+      children: renderDepartments()
+    })]
+  });
 };
 var _default = exports.default = MBDepartmentSingleSelectEditor;

package/lib/DepartmentSingleSelectEditor/pc-editor/department-single-select.js

@@ -12,6 +12,7 @@ var _Loading = _interopRequireDefault(require("../../Loading"));
 var _departments = require("../../utils/departments");
 var _lang = require("../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class DepartmentSingleSelect extends _react.Component {
   constructor(props) {
     var _this;
@@ -136,33 +137,38 @@ class DepartmentSingleSelect extends _react.Component {
         id
       } = department;
       const isChecked = value === id;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: id
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "department-item",
-        onClick: event => this.onSelectDepartment(event, id),
-        style: {
-          paddingLeft: "".concat(newLevel * 15 + 10, "px")
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "department-item-left-content d-flex align-items-center"
-      }, hasChild && /*#__PURE__*/_react.default.createElement("div", {
-        onClick: event => this.onExpand(event, id, isExpanded),
-        role: "button",
-        className: "department-item-fold-btn"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
-      })), /*#__PURE__*/_react.default.createElement("span", {
-        style: {
-          paddingLeft: hasChild ? '' : hasNextLevel ? '16px' : '12px'
-        },
-        title: name,
-        className: "text-truncate department-name"
-      }, name), isChecked && /*#__PURE__*/_react.default.createElement("span", {
-        className: "department-check-icon"
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-check-mark"
-      })))), isExpanded && hasChild && this.renderSubDepartments(id, subDepartments, newLevel));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "department-item",
+          onClick: event => this.onSelectDepartment(event, id),
+          style: {
+            paddingLeft: "".concat(newLevel * 15 + 10, "px")
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "department-item-left-content d-flex align-items-center",
+            children: [hasChild && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              onClick: event => this.onExpand(event, id, isExpanded),
+              role: "button",
+              className: "department-item-fold-btn",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "dtable-font expand dtable-icon-down3 ".concat(isExpanded ? '' : 'rotate-270')
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              style: {
+                paddingLeft: hasChild ? '' : hasNextLevel ? '16px' : '12px'
+              },
+              title: name,
+              className: "text-truncate department-name",
+              children: name
+            }), isChecked && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "department-check-icon",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-check-mark"
+              })
+            })]
+          })
+        }), isExpanded && hasChild && this.renderSubDepartments(id, subDepartments, newLevel)]
+      }, id);
     };
     this.renderAllDepartments = () => {
       const {
@@ -170,19 +176,23 @@ class DepartmentSingleSelect extends _react.Component {
       } = this.state;
       const topDepartment = departments.find(department => department.parent_id === -1);
       const subDepartments = departments.filter(department => department.parent_id !== -1);
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, topDepartment ? this.renderDepartment(topDepartment, subDepartments, -1, true) : this.renderEmptyTip());
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: topDepartment ? this.renderDepartment(topDepartment, subDepartments, -1, true) : this.renderEmptyTip()
+      });
     };
     this.renderSpecificDepartments = () => {
       const {
         departments
       } = this.state;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
-        const value = {
-          ...department,
-          hasChild: false
-        };
-        return this.renderDepartment(value, departments, -1, false);
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
+          const value = {
+            ...department,
+            hasChild: false
+          };
+          return this.renderDepartment(value, departments, -1, false);
+        })]
+      });
     };
     this.renderCurrentDepartmentsAndSub = () => {
       const {
@@ -191,16 +201,19 @@ class DepartmentSingleSelect extends _react.Component {
       } = this.state;
       const nextLevelDepartment = this.validDepartments.find(department => topParentIds.includes(department.parent_id));
       const hasNextLevel = !!nextLevelDepartment;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
-        let value = department;
-        if (!topParentIds.includes(department.id)) return null;
-        return this.renderDepartment(value, departments, -1, hasNextLevel);
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
+          let value = department;
+          if (!topParentIds.includes(department.id)) return null;
+          return this.renderDepartment(value, departments, -1, hasNextLevel);
+        })]
+      });
     };
     this.renderEmptyTip = () => {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "none-search-result pl-4 pr-4"
-      }, (0, _lang.getLocale)('No_departments_available'));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "none-search-result pl-4 pr-4",
+        children: (0, _lang.getLocale)('No_departments_available')
+      });
     };
     this.renderMenuContent = () => {
       const {
@@ -219,10 +232,11 @@ class DepartmentSingleSelect extends _react.Component {
       } else if (enableSelectRange && selectedRange === _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB) {
         menuContent = this.renderCurrentDepartmentsAndSub();
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "editor-department-container",
-        ref: ref => this.departmentContainerRef = ref
-      }, !searchVal && renderUserDepartmentOptions && renderUserDepartmentOptions(this.onSelectDepartment), menuContent);
+        ref: ref => this.departmentContainerRef = ref,
+        children: [!searchVal && renderUserDepartmentOptions && renderUserDepartmentOptions(this.onSelectDepartment), menuContent]
+      });
     };
     this.state = {
       searchVal: '',
@@ -249,25 +263,28 @@ class DepartmentSingleSelect extends _react.Component {
     }
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "department-editor-list dtable-ui",
       style: this.props.menuStyle || {},
       ref: ref => this.departmentsRef = ref,
       onClick: this.onStopPropagation,
-      onMouseDown: this.onStopPropagation
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "search-departments"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      className: "form-control",
-      type: "text",
-      autoFocus: true,
-      placeholder: (0, _lang.getLocale)('Search_department'),
-      value: this.state.searchVal,
-      onChange: this.onChangeSearch,
-      onClick: this.onStopPropagation
-    })), this.state.isLoading ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "mt-4"
-    }, /*#__PURE__*/_react.default.createElement(_Loading.default, null)) : this.renderMenuContent());
+      onMouseDown: this.onStopPropagation,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "search-departments",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          className: "form-control",
+          type: "text",
+          autoFocus: true,
+          placeholder: (0, _lang.getLocale)('Search_department'),
+          value: this.state.searchVal,
+          onChange: this.onChangeSearch,
+          onClick: this.onStopPropagation
+        })
+      }), this.state.isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "mt-4",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {})
+      }) : this.renderMenuContent()]
+    });
   }
 }
 var _default = exports.default = DepartmentSingleSelect;

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

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _DTablePopover = _interopRequireDefault(require("../../DTablePopover"));
 var _departmentSingleSelect = _interopRequireDefault(require("./department-single-select"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class PCDepartmentSingleSelectEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -65,7 +66,7 @@ class PCDepartmentSingleSelectEditor extends _react.Component {
       userDepartmentIdsMap,
       departments
     } = this.props;
-    const dom = /*#__PURE__*/_react.default.createElement(_departmentSingleSelect.default, {
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_departmentSingleSelect.default, {
       column: column,
       value: this.state.value,
       enableSelectRange: this.enableSelectRange,
@@ -74,16 +75,18 @@ class PCDepartmentSingleSelectEditor extends _react.Component {
       departments: departments,
       onCommit: this.onCommit
     });
-    return this.isRowExpand ? /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.outerRef = ref
-    }, /*#__PURE__*/_react.default.createElement(_DTablePopover.default, {
-      hideArrow: true,
-      popoverClassName: "select-editor-popover",
-      target: target,
-      placement: "bottom-start",
-      hideDTablePopover: this.props.toggleDepartmentSelect,
-      hideDTablePopoverWithEsc: this.props.toggleDepartmentSelect
-    }, dom)) : dom;
+    return this.isRowExpand ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref => this.outerRef = ref,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTablePopover.default, {
+        hideArrow: true,
+        popoverClassName: "select-editor-popover",
+        target: target,
+        placement: "bottom-start",
+        hideDTablePopover: this.props.toggleDepartmentSelect,
+        hideDTablePopoverWithEsc: this.props.toggleDepartmentSelect,
+        children: dom
+      })
+    }) : dom;
   }
 }
 var _default = exports.default = PCDepartmentSingleSelectEditor;

package/lib/DepartmentSingleSelectFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lang = require("../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentSingleSelectFormatter(props) {
   const {
     value,
@@ -20,15 +21,18 @@ function DepartmentSingleSelectFormatter(props) {
   const deletedTip = tip || (0, _lang.getLocale)('Deleted_department');
   const department = departments.find(department => department.id === value);
   const name = department ? department.name : deletedTip;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     title: name,
-    className: (0, _classnames.default)('dtable-ui cell-formatter-container department-single-select-formatter text-truncate', containerClassName)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "department-avatar-container d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-department-single-selection"
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: "department-name text-truncate"
-  }, name));
+    className: (0, _classnames.default)('dtable-ui cell-formatter-container department-single-select-formatter text-truncate', containerClassName),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "department-avatar-container d-flex align-items-center justify-content-center",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "dtable-font dtable-icon-department-single-selection"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "department-name text-truncate",
+      children: name
+    })]
+  });
 }
 var _default = exports.default = DepartmentSingleSelectFormatter;

package/lib/DigitalSignEditor/index.js

@@ -10,25 +10,34 @@ 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 DigitalSignEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isMobile,
     ...props
   } = _ref;
-  if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: 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 = DigitalSignEditor;

package/lib/DigitalSignEditor/mb-editor/index.js

@@ -16,6 +16,7 @@ var _toaster = _interopRequireDefault(require("../../toaster"));
 var _lang = require("../../lang");
 var _utils2 = require("../../utils/utils");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Header,
   Body
@@ -113,32 +114,46 @@ class MBDigitalSignEditor extends _react.Component {
       ...config,
       partUrl: _utils.default.getSignImageUrl(value)
     });
-    return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui dtable-ui-mobile-digital-sign-editor",
       zIndex: 101,
-      historyCallback: this.historyCallback
-    }, /*#__PURE__*/_react.default.createElement(Header, {
-      onLeftClick: this.onToggle,
-      onRightClick: this.onSave
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), column.name, /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        color: '#f09f3f'
-      }
-    }, (0, _lang.getLocale)('Submit'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-panel position-relative"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-editor-operations position-absolute"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "btn-clear-dtable-ui-digital-sign",
-      onClick: this.clearSignature
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Re-sign')))), /*#__PURE__*/_react.default.createElement(_signatureBoard.default, {
-      ref: ref => this.signatureBoard = ref,
-      signImageUrl: signImageUrl
-    })), saving && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-panel-mask position-absolute"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-digital-sign-panel-mask-container"
-    }, (0, _lang.getLocale)('Saving...')))));
+      historyCallback: this.historyCallback,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+        onLeftClick: this.onToggle,
+        onRightClick: this.onSave,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: (0, _lang.getLocale)('Cancel')
+        }), column.name, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: {
+            color: '#f09f3f'
+          },
+          children: (0, _lang.getLocale)('Submit')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Body, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-digital-sign-panel position-relative",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-digital-sign-editor-operations position-absolute",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "btn-clear-dtable-ui-digital-sign",
+              onClick: this.clearSignature,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: (0, _lang.getLocale)('Re-sign')
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_signatureBoard.default, {
+            ref: ref => this.signatureBoard = ref,
+            signImageUrl: signImageUrl
+          })]
+        }), saving && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-digital-sign-panel-mask position-absolute",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-digital-sign-panel-mask-container",
+            children: (0, _lang.getLocale)('Saving...')
+          })
+        })]
+      })]
+    });
   }
 }
 var _default = exports.default = MBDigitalSignEditor;