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

package/lib/NotificationPopover/index.js

@@ -8,6 +8,7 @@ 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);
@@ -46,43 +47,53 @@ class NotificationPopover extends _react.default.Component {
       bodyText,
       footerText
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
       className: "notification-wrapper",
       target: "notification-popover",
       isOpen: true,
       fade: false,
       hideArrow: true,
-      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))));
+      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
+          })]
+        })]
+      })
+    });
   }
 }
 exports.default = NotificationPopover;

package/lib/NumberEditor/index.js

@@ -10,6 +10,7 @@ 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);
@@ -105,26 +106,29 @@ class NumberEditor extends _react.default.Component {
   }
   render() {
     let style = this.getStyle();
-    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
-    })));
+    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
+        })]
+      })
+    });
   }
 }
 NumberEditor.defaultProps = {

package/lib/NumberFormatter/index.js

@@ -9,6 +9,7 @@ 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 {
@@ -20,9 +21,10 @@ class NumberFormatter extends _react.default.Component {
     if (number || number === 0) {
       number = (0, _dtableUtils.getNumberDisplayString)(number, data);
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, number);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classname,
+      children: number
+    });
   }
 }
 NumberFormatter.defaultProps = {

package/lib/RateFormatter/index.js

@@ -8,6 +8,7 @@ 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);
@@ -24,13 +25,12 @@ 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__*/_react.default.createElement("i", {
-          key: "dtable-ui-component-rate-".concat(i),
+        rateList.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
           className: "dtable-font ".concat(rate_style_type),
           style: {
             color: rate_style_color || '#e5e5e5'
           }
-        }));
+        }, "dtable-ui-component-rate-".concat(i)));
       }
       return rateList;
     };
@@ -43,9 +43,10 @@ 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__*/_react.default.createElement("div", {
-      className: className
-    }, rateList);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: className,
+      children: rateList
+    });
   }
 }
 RateFormatter.defaultProps = {

package/lib/RoleStatusEditor/index.js

@@ -10,6 +10,7 @@ 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,
@@ -27,37 +28,41 @@ const RoleStatusEditor = _ref => {
     if (value === currentOption.value) return;
     onChangeOption(value);
   };
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Dropdown, {
     isOpen: isOpen,
     className: "role-status-editor",
-    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"
-    }));
-  })));
+    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));
+      })
+    })]
+  });
 };
 var _default = exports.default = RoleStatusEditor;

package/lib/RowExpandEmailFormatter/index.js

@@ -9,6 +9,7 @@ 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);
@@ -26,14 +27,16 @@ class RowExpandEmailFormatter extends _react.default.Component {
       value
     } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
-    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
-    }));
+    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
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandEmailFormatter;

package/lib/RowExpandFileFormatter/index.js

@@ -9,6 +9,7 @@ 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 {
@@ -22,19 +23,19 @@ class RowExpandFileFormatter extends _react.default.PureComponent {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    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
-      });
-    }));
+    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);
+      })
+    });
   }
 }
 exports.default = RowExpandFileFormatter;

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

@@ -11,6 +11,7 @@ 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);
@@ -59,42 +60,48 @@ class RowExpandFileItemFormatter extends _react.Component {
     } = this.props;
     const id = 'file-list-preview-item' + column.key + index;
     const url = this.getFileIconData(file);
-    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));
+    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
+      })]
+    });
   }
 }
 exports.default = RowExpandFileItemFormatter;