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

package/lib/select-editor/pc-select-editor-popover/index.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lang = require("../../lang");
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class PCSelectEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -73,56 +72,46 @@ class PCSelectEditorPopover extends _react.default.Component {
     }, {
       position: 'absolute'
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
-      style: popoverStyle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "select-options-search",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          className: "form-control",
-          onChange: this.onValueChanged,
-          onClick: this.onInputClick,
-          placeholder: (0, _lang.getLocale)('Search_option')
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "select-options-container",
-        children: [options.length > 0 && options.map((option, index) => {
-          let optionStyle = this.getOptionStyle(option);
-          let isSelect = selectedOptions.some(selectedOption => {
-            return selectedOption.id === option.id;
-          });
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "select-option-item",
-            onClick: this.onOptionItemToggle.bind(this, option),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "option-info",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: "option-name",
-                style: optionStyle,
-                title: option.name,
-                children: option.name
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "option-checked",
-              children: isSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-                className: "dtable-font dtable-icon-check-mark"
-              })
-            })]
-          }, index);
-        }), options.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "no-search-result",
-          children: (0, _lang.getLocale)('No_options_available')
-        })]
-      }), isSupportNewOption && !!searchValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "select-options-add",
-        onClick: this.onAddNewOption,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-add-table"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          children: [(0, _lang.getLocale)('Add_an_option'), ' ', searchValue]
-        })]
-      })]
-    });
+      style: popoverStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-search"
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      className: "form-control",
+      onChange: this.onValueChanged,
+      onClick: this.onInputClick,
+      placeholder: (0, _lang.getLocale)('Search_option')
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-container"
+    }, options.length > 0 && options.map((option, index) => {
+      let optionStyle = this.getOptionStyle(option);
+      let isSelect = selectedOptions.some(selectedOption => {
+        return selectedOption.id === option.id;
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: "select-option-item",
+        onClick: this.onOptionItemToggle.bind(this, option)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-info"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-name",
+        style: optionStyle,
+        title: option.name
+      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-checked"
+      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
+        className: "dtable-font dtable-icon-check-mark"
+      })));
+    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+      className: "no-search-result"
+    }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-add",
+      onClick: this.onAddNewOption
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-add-table"
+    }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_an_option'), ' ', searchValue)));
   }
 }
 PCSelectEditorPopover.defaultProps = {

package/lib/select-editor/select-editor-option.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
 class SelectEditorOption extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -57,30 +56,26 @@ class SelectEditorOption extends _react.default.Component {
     let containerStyle = this.getContainerStyle();
     let optionStyle = this.getOptionStyle(option);
     let operationStyle = this.getOperationStyle(option);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui select-option-item",
-      style: containerStyle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "option-info",
-        style: optionStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "option-name",
-          title: option.name,
-          children: option.name
-        })
-      }), isShowRemoveIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "option-remove",
-        style: operationStyle,
-        onClick: this.onDeleteOption,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-fork-number",
-          style: {
-            fontSize: '12px',
-            lineHeight: '20px'
-          }
-        })
-      })]
-    });
+      style: containerStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "option-info",
+      style: optionStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "option-name",
+      title: option.name
+    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
+      className: "option-remove",
+      style: operationStyle,
+      onClick: this.onDeleteOption
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-fork-number",
+      style: {
+        fontSize: '12px',
+        lineHeight: '20px'
+      }
+    })));
   }
 }
 SelectEditorOption.defaultProps = {

package/lib/toaster/alert.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
 class Alert extends _react.default.PureComponent {
   getIconClass(intent) {
     switch (intent) {
@@ -31,30 +30,22 @@ class Alert extends _react.default.PureComponent {
       onRemove
     } = this.props;
     const iconClass = this.getIconClass(intent);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dtable-toast-alert-container ".concat(intent || 'success'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "toast-alert-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: iconClass
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "toast-text-container",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "toast-text-title",
-          children: title
-        }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "toast-text-child",
-          children: children
-        }) : null]
-      }), isRemovable && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        onClick: onRemove,
-        className: "toast-close",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: "\xD7"
-        })
-      })]
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-toast-alert-container ".concat(intent || 'success')
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "toast-alert-icon"
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: iconClass
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "toast-text-container"
+    }, /*#__PURE__*/_react.default.createElement("p", {
+      className: "toast-text-title"
+    }, title), children ? /*#__PURE__*/_react.default.createElement("p", {
+      className: "toast-text-child"
+    }, children) : null), isRemovable && /*#__PURE__*/_react.default.createElement("div", {
+      onClick: onRemove,
+      className: "toast-close"
+    }, /*#__PURE__*/_react.default.createElement("span", null, "\xD7")));
   }
 }
 var _default = exports.default = Alert;

package/lib/toaster/toast.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _alert = _interopRequireDefault(require("./alert"));
-var _jsxRuntime = require("react/jsx-runtime");
 const ANIMATION_DURATION = 240;
 class Toast extends _react.default.PureComponent {
   constructor() {
@@ -71,37 +70,34 @@ class Toast extends _react.default.PureComponent {
     this.clearCloseTimer();
   }
   render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.default, {
+    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
       appear: true,
       unmountOnExit: true,
       timeout: ANIMATION_DURATION,
       in: this.state.isShown,
-      onExited: this.props.onRemove,
-      children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        "data-state": state,
-        className: "dtable-toast-container ".concat(state),
-        onMouseEnter: this.handleMouseEnter,
-        onMouseLeave: this.handleMouseLeave,
-        style: {
-          height: this.state.height,
-          zIndex: this.props.zIndex,
-          marginBottom: this.state.isShown ? 0 : -this.state.height
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          ref: this.onRef,
-          style: {
-            padding: 8
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_alert.default, {
-            intent: this.props.intent,
-            title: this.props.title,
-            children: this.props.children || '',
-            isRemovable: this.props.hasCloseButton,
-            onRemove: event => this.close(event)
-          })
-        })
-      })
-    });
+      onExited: this.props.onRemove
+    }, state => /*#__PURE__*/_react.default.createElement("div", {
+      "data-state": state,
+      className: "dtable-toast-container ".concat(state),
+      onMouseEnter: this.handleMouseEnter,
+      onMouseLeave: this.handleMouseLeave,
+      style: {
+        height: this.state.height,
+        zIndex: this.props.zIndex,
+        marginBottom: this.state.isShown ? 0 : -this.state.height
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      ref: this.onRef,
+      style: {
+        padding: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_alert.default, {
+      intent: this.props.intent,
+      title: this.props.title,
+      children: this.props.children || '',
+      isRemovable: this.props.hasCloseButton,
+      onRemove: event => this.close(event)
+    }))));
   }
 }
 exports.default = Toast;

package/lib/toaster/toastManager.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toast = _interopRequireDefault(require("./toast"));
-var _jsxRuntime = require("react/jsx-runtime");
 const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
 class ToastManager extends _react.default.PureComponent {
   constructor(props, context) {
@@ -91,21 +90,19 @@ class ToastManager extends _react.default.PureComponent {
     };
   }
   render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "dtable-toast-manager",
-      children: this.state.toasts.map(_ref => {
-        let {
-          id,
-          description,
-          ...props
-        } = _ref;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.default, {
-          onRemove: () => this.removeToast(id),
-          ...props,
-          children: description
-        }, id);
-      })
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-toast-manager"
+    }, this.state.toasts.map(_ref => {
+      let {
+        id,
+        description,
+        ...props
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
+        key: id,
+        onRemove: () => this.removeToast(id)
+      }, props), description);
+    }));
   }
 }
 exports.default = ToastManager;

package/lib/toaster/toaster.js

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _toastManager = _interopRequireDefault(require("./toastManager"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 const isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 
 /**
@@ -66,7 +65,7 @@ class Toaster {
     const container = document.createElement('div');
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
-    _reactDom.default.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_toastManager.default, {
+    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "5.0.9-beta.2",
+  "version": "5.0.9-beta.3",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.5",