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

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

@@ -8,6 +8,7 @@ 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);
@@ -72,46 +73,56 @@ class PCSelectEditorPopover extends _react.default.Component {
     }, {
       position: 'absolute'
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
-      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)));
+      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]
+        })]
+      })]
+    });
   }
 }
 PCSelectEditorPopover.defaultProps = {

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

@@ -6,6 +6,7 @@ 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);
@@ -56,26 +57,30 @@ class SelectEditorOption extends _react.default.Component {
     let containerStyle = this.getContainerStyle();
     let optionStyle = this.getOptionStyle(option);
     let operationStyle = this.getOperationStyle(option);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui select-option-item",
-      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'
-      }
-    })));
+      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'
+          }
+        })
+      })]
+    });
   }
 }
 SelectEditorOption.defaultProps = {

package/lib/toaster/alert.js

@@ -6,6 +6,7 @@ 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) {
@@ -30,22 +31,30 @@ class Alert extends _react.default.PureComponent {
       onRemove
     } = this.props;
     const iconClass = this.getIconClass(intent);
-    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")));
+    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"
+        })
+      })]
+    });
   }
 }
 var _default = exports.default = Alert;

package/lib/toaster/toast.js

@@ -8,6 +8,7 @@ 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() {
@@ -70,34 +71,37 @@ class Toast extends _react.default.PureComponent {
     this.clearCloseTimer();
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.default, {
       appear: true,
       unmountOnExit: true,
       timeout: ANIMATION_DURATION,
       in: this.state.isShown,
-      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)
-    }))));
+      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)
+          })
+        })
+      })
+    });
   }
 }
 exports.default = Toast;

package/lib/toaster/toastManager.js

@@ -7,6 +7,7 @@ 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) {
@@ -90,19 +91,21 @@ class ToastManager extends _react.default.PureComponent {
     };
   }
   render() {
-    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);
-    }));
+    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);
+      })
+    });
   }
 }
 exports.default = ToastManager;

package/lib/toaster/toaster.js

@@ -9,6 +9,7 @@ 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';
 
 /**
@@ -65,7 +66,7 @@ class Toaster {
     const container = document.createElement('div');
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
+    _reactDom.default.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_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.1",
+  "version": "5.0.9-beta.2",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.5",