dtable-ui-component 5.0.9-beta.2 → 5.0.9-beta.3

package/lib/NotificationPopover/index.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class NotificationPopover extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -47,53 +46,43 @@ class NotificationPopover extends _react.default.Component {
       bodyText,
       footerText
     } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
       className: "notification-wrapper",
       target: "notification-popover",
       isOpen: true,
       fade: false,
       hideArrow: true,
-      placement: "bottom",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "notification-container",
-        ref: ref => this.notificationContainerRef = ref,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "notification-header",
-          children: [headerText, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "dtable-font dtable-icon-x notification-close-icon",
-            onClick: this.props.onNotificationListToggle
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "notification-body",
-          children: [this.props.enableWeixin && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "show-weixin-qrcode",
-            onClick: this.onWeixinQRCodeDialogToggle,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-              className: "dtable-font dtable-icon-wechat weixin-icon"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "ml-2",
-              children: "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "mark-notifications",
-            onClick: this.props.onMarkAllNotifications,
-            children: bodyText
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "notification-list-container",
-            onScroll: this.onHandleScroll,
-            ref: ref => this.notificationListRef = ref,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              ref: ref => this.notificationsWrapperRef = ref,
-              children: this.props.children
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "notification-footer",
-            onClick: this.onNotificationDialogToggle,
-            children: footerText
-          })]
-        })]
-      })
-    });
+      placement: "bottom"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "notification-container",
+      ref: ref => this.notificationContainerRef = ref
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "notification-header"
+    }, headerText, /*#__PURE__*/_react.default.createElement("span", {
+      className: "dtable-font dtable-icon-x notification-close-icon",
+      onClick: this.props.onNotificationListToggle
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "notification-body"
+    }, this.props.enableWeixin && /*#__PURE__*/_react.default.createElement("div", {
+      className: "show-weixin-qrcode",
+      onClick: this.onWeixinQRCodeDialogToggle
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-wechat weixin-icon"
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "ml-2"
+    }, "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5")), /*#__PURE__*/_react.default.createElement("div", {
+      className: "mark-notifications",
+      onClick: this.props.onMarkAllNotifications
+    }, bodyText), /*#__PURE__*/_react.default.createElement("div", {
+      className: "notification-list-container",
+      onScroll: this.onHandleScroll,
+      ref: ref => this.notificationListRef = ref
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      ref: ref => this.notificationsWrapperRef = ref
+    }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "notification-footer",
+      onClick: this.onNotificationDialogToggle
+    }, footerText))));
   }
 }
 exports.default = NotificationPopover;

package/lib/NumberEditor/index.js

@@ -10,7 +10,6 @@ var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _dtableUtils = require("dtable-utils");
 var _constants = require("../constants");
 var _utils = require("../utils/utils");
-var _jsxRuntime = require("react/jsx-runtime");
 class NumberEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -106,29 +105,26 @@ class NumberEditor extends _react.default.Component {
   }
   render() {
     let style = this.getStyle();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "cell-editor number-editor",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "number-editor-container",
-        children: [!this.state.isEditorShow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "form-control",
-          style: style,
-          onClick: this.onEditorHandle,
-          children: this.state.textValue
-        }), this.state.isEditorShow && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          ref: this.setInputRef,
-          type: "text",
-          className: "form-control",
-          style: style,
-          value: this.state.inputValue,
-          onChange: this.onChange,
-          onBlur: this.onBlur,
-          onCut: this.onCut,
-          onPaste: this.onPaste,
-          onKeyDown: this.onKeyDown
-        })]
-      })
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "cell-editor number-editor"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "number-editor-container"
+    }, !this.state.isEditorShow && /*#__PURE__*/_react.default.createElement("div", {
+      className: "form-control",
+      style: style,
+      onClick: this.onEditorHandle
+    }, this.state.textValue), this.state.isEditorShow && /*#__PURE__*/_react.default.createElement("input", {
+      ref: this.setInputRef,
+      type: "text",
+      className: "form-control",
+      style: style,
+      value: this.state.inputValue,
+      onChange: this.onChange,
+      onBlur: this.onBlur,
+      onCut: this.onCut,
+      onPaste: this.onPaste,
+      onKeyDown: this.onKeyDown
+    })));
   }
 }
 NumberEditor.defaultProps = {

package/lib/NumberFormatter/index.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class NumberFormatter extends _react.default.Component {
   render() {
     let {
@@ -21,10 +20,9 @@ class NumberFormatter extends _react.default.Component {
     if (number || number === 0) {
       number = (0, _dtableUtils.getNumberDisplayString)(number, data);
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classname,
-      children: number
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, number);
   }
 }
 NumberFormatter.defaultProps = {

package/lib/RateFormatter/index.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class RateFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -25,12 +24,13 @@ class RateFormatter extends _react.default.Component {
       const validValue = Math.min(rate_max_number, value);
       let rateList = [];
       for (let i = 0; i < validValue; i++) {
-        rateList.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        rateList.push( /*#__PURE__*/_react.default.createElement("i", {
+          key: "dtable-ui-component-rate-".concat(i),
           className: "dtable-font ".concat(rate_style_type),
           style: {
             color: rate_style_color || '#e5e5e5'
           }
-        }, "dtable-ui-component-rate-".concat(i)));
+        }));
       }
       return rateList;
     };
@@ -43,10 +43,9 @@ class RateFormatter extends _react.default.Component {
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
     if (!number) return null;
     const rateList = this.getRateList();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: className,
-      children: rateList
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, rateList);
   }
 }
 RateFormatter.defaultProps = {

package/lib/RoleStatusEditor/index.js

@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 const RoleStatusEditor = _ref => {
   let {
     isShowDropdownIcon,
@@ -28,41 +27,37 @@ const RoleStatusEditor = _ref => {
     if (value === currentOption.value) return;
     onChangeOption(value);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Dropdown, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
     isOpen: isOpen,
     className: "role-status-editor",
-    toggle: () => setIsOpen(!isOpen),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownToggle, {
-      className: "dropdown-toggle-button d-flex align-items-center",
-      tag: "div",
-      children: [currentOption.label, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "dropdown-icon-container ml-1",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: (0, _classnames.default)('dtable-font dtable-icon-drop-down', {
-            'hide': !isShowDropdownIcon
-          })
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownMenu, {
-      positionFixed: true,
-      modifiers: {
-        preventOverflow: {
-          boundariesElement: document.body
-        }
-      },
-      children: menuOptions.map(option => {
-        const {
-          value,
-          label
-        } = option;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownItem, {
-          onClick: () => handleClickMenuOption(option),
-          children: [label, value === currentOption.value && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-            className: "dtable-font dtable-icon-check-mark ml-2"
-          })]
-        }, "item-".concat(value));
-      })
-    })]
-  });
+    toggle: () => setIsOpen(!isOpen)
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
+    className: "dropdown-toggle-button d-flex align-items-center",
+    tag: "div"
+  }, currentOption.label, /*#__PURE__*/_react.default.createElement("div", {
+    className: "dropdown-icon-container ml-1"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)('dtable-font dtable-icon-drop-down', {
+      'hide': !isShowDropdownIcon
+    })
+  }))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+    positionFixed: true,
+    modifiers: {
+      preventOverflow: {
+        boundariesElement: document.body
+      }
+    }
+  }, menuOptions.map(option => {
+    const {
+      value,
+      label
+    } = option;
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+      key: "item-".concat(value),
+      onClick: () => handleClickMenuOption(option)
+    }, label, value === currentOption.value && /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-check-mark ml-2"
+    }));
+  })));
 };
 var _default = exports.default = RoleStatusEditor;

package/lib/RowExpandEmailFormatter/index.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editorUtils = require("../utils/editor-utils");
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandEmailFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -27,16 +26,14 @@ class RowExpandEmailFormatter extends _react.default.Component {
       value
     } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: classname,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "email-formatter-value text-truncate",
-        children: value
-      }), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "dtable-font dtable-icon-email row-expand-jump-link",
-        onClick: this.onOpenEmailLink
-      })]
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "email-formatter-value text-truncate"
+    }, value), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/_react.default.createElement("span", {
+      className: "dtable-font dtable-icon-email row-expand-jump-link",
+      onClick: this.onOpenEmailLink
+    }));
   }
 }
 var _default = exports.default = RowExpandEmailFormatter;

package/lib/RowExpandFileFormatter/index.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rowExpandFileItemFormatter = _interopRequireDefault(require("./row-expand-file-item-formatter"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFileFormatter extends _react.default.PureComponent {
   render() {
     let {
@@ -23,19 +22,19 @@ class RowExpandFileFormatter extends _react.default.PureComponent {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName),
-      children: value.map((item, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rowExpandFileItemFormatter.default, {
-          file: item,
-          index: index,
-          column: column,
-          downloadFile: downloadFile,
-          deleteFile: deleteFile,
-          readOnly: readOnly
-        }, index);
-      })
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName)
+    }, value.map((item, index) => {
+      return /*#__PURE__*/_react.default.createElement(_rowExpandFileItemFormatter.default, {
+        file: item,
+        key: index,
+        index: index,
+        column: column,
+        downloadFile: downloadFile,
+        deleteFile: deleteFile,
+        readOnly: readOnly
+      });
+    }));
   }
 }
 exports.default = RowExpandFileFormatter;

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

@@ -11,7 +11,6 @@ var _reactstrap = require("reactstrap");
 var _lang = require("../lang");
 var _utils = require("../FileItemFormatter/utils");
 var _deleteTip = _interopRequireDefault(require("../common/delete-tip"));
-var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFileItemFormatter extends _react.Component {
   constructor(props) {
     super(props);
@@ -60,48 +59,42 @@ class RowExpandFileItemFormatter extends _react.Component {
     } = this.props;
     const id = 'file-list-preview-item' + column.key + index;
     const url = this.getFileIconData(file);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "row-expand-item-file",
-        id: id,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: url,
-          id: "item-file-".concat(index),
-          alt: file.name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "dtable-file-icons-choice",
-          children: [downloadFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "file-icon",
-            onClick: e => this.props.downloadFile(file, e),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-              className: "dtable-font dtable-icon-download"
-            })
-          }), !readOnly && deleteFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "file-icon",
-            onClick: this.onClickDelete,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-              className: "dtable-font dtable-icon-fork-number"
-            })
-          })]
-        })]
-      }, "file-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteTip.default, {
-        position: this.position,
-        toggle: this.closeDeleteTip,
-        onDelete: this.onDelete,
-        deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Tooltip, {
-        placement: "bottom",
-        isOpen: this.state.isTooltipOpen,
-        toggle: this.toggleTooltip,
-        target: id,
-        delay: {
-          show: 0,
-          hide: 0
-        },
-        fade: false,
-        children: file.name
-      })]
-    });
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      key: "file-".concat(index),
+      className: "row-expand-item-file",
+      id: id
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      src: url,
+      id: "item-file-".concat(index),
+      alt: file.name
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-file-icons-choice"
+    }, downloadFile && /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-icon",
+      onClick: e => this.props.downloadFile(file, e)
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-download"
+    })), !readOnly && deleteFile && /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-icon",
+      onClick: this.onClickDelete
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-fork-number"
+    })))), this.state.isDeleteTipOpen && /*#__PURE__*/_react.default.createElement(_deleteTip.default, {
+      position: this.position,
+      toggle: this.closeDeleteTip,
+      onDelete: this.onDelete,
+      deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file')
+    }), /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
+      placement: "bottom",
+      isOpen: this.state.isTooltipOpen,
+      toggle: this.toggleTooltip,
+      target: id,
+      delay: {
+        show: 0,
+        hide: 0
+      },
+      fade: false
+    }, file.name));
   }
 }
 exports.default = RowExpandFileItemFormatter;