dtable-ui-component 6.0.49 → 6.0.50

package/lib/MobileSelector/option/index.js

@@ -9,24 +9,29 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _List = _interopRequireDefault(require("../../List"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Option = _ref => {
   let {
     isSelected,
     children,
     onChange
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_List.default.Item, {
-    onClick: onChange
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-selector-option"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-ui-mobile-selector-option-name"
-  }, children), /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-ui-mobile-selector-option-check-btn"
-  }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
-    "aria-hidden": "true",
-    className: "dtable-font dtable-icon-check-mark"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
+    onClick: onChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-mobile-selector-option",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "dtable-ui-mobile-selector-option-name",
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "dtable-ui-mobile-selector-option-check-btn",
+        children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-check-mark"
+        })
+      })]
+    })
+  });
 };
 Option.propType = {
   isSelected: _propTypes.default.bool,

package/lib/MobileSelector/options/index.js

@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Options = _ref => {
   let {
     children
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-selector-options"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "dtable-ui-mobile-selector-options",
+    children: children
+  });
 };
 var _default = exports.default = Options;

package/lib/MobileSelector/search/index.js

@@ -8,19 +8,21 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const Search = _ref => {
   let {
     value,
     placeholder,
     onChange
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-selector-search"
-  }, /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
-    autoFocus: true,
-    value: value,
-    placeholder: placeholder,
-    onChange: onChange
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "dtable-ui-mobile-selector-search",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
+      autoFocus: true,
+      value: value,
+      placeholder: placeholder,
+      onChange: onChange
+    })
+  });
 };
 var _default = exports.default = Search;

package/lib/MobileUpload/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _ActionSheet = _interopRequireDefault(require("../ActionSheet"));
 var _lang = require("../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const MobileUpload = _ref => {
   let {
     type = 'file',
@@ -25,42 +26,59 @@ const MobileUpload = _ref => {
     const iconStyle = {
       lineHeight: '56px'
     };
-    if (type === 'image') return [/*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Take_a_photo')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-camera",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Browse_documents')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-more-level",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-center"
-    }, (0, _lang.getLocale)('Cancel'))];
-    return [/*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Take_a_photo')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-camera",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Take_a_video')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-camera",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-between"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Browse_documents')), /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-more-level",
-      style: iconStyle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "my-am-action d-flex justify-content-center"
-    }, (0, _lang.getLocale)('Cancel'))];
+    if (type === 'image') return [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Take_a_photo')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-camera",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Browse_documents')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-more-level",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "my-am-action d-flex justify-content-center",
+      children: (0, _lang.getLocale)('Cancel')
+    })];
+    return [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Take_a_photo')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-camera",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Take_a_video')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-camera",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "my-am-action d-flex justify-content-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: (0, _lang.getLocale)('Browse_documents')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-more-level",
+        style: iconStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "my-am-action d-flex justify-content-center",
+      children: (0, _lang.getLocale)('Cancel')
+    })];
   }, [type]);
   const showActionSheet = (0, _react.useCallback)(() => {
     if (type === 'image') {
@@ -115,46 +133,48 @@ const MobileUpload = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if (type === 'image') {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "h-0 o-hidden"
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "h-0 o-hidden",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "file",
+        accept: "image/*",
+        ref: imageRef,
+        multiple: true,
+        onClick: onInputClick,
+        onChange: handleChange
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "file",
+        capture: "camera",
+        accept: "image/*",
+        ref: cameraRef,
+        onClick: onInputClick,
+        onChange: handleChange
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "h-0 o-hidden",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: "file",
-      accept: "image/*",
-      ref: imageRef,
+      ref: fileRef,
       multiple: true,
       onClick: onInputClick,
       onChange: handleChange
-    }), /*#__PURE__*/_react.default.createElement("input", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: "file",
       capture: "camera",
       accept: "image/*",
       ref: cameraRef,
       onClick: onInputClick,
       onChange: handleChange
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "h-0 o-hidden"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: "file",
-    ref: fileRef,
-    multiple: true,
-    onClick: onInputClick,
-    onChange: handleChange
-  }), /*#__PURE__*/_react.default.createElement("input", {
-    type: "file",
-    capture: "camera",
-    accept: "image/*",
-    ref: cameraRef,
-    onClick: onInputClick,
-    onChange: handleChange
-  }), /*#__PURE__*/_react.default.createElement("input", {
-    type: "file",
-    capture: "camcorder",
-    accept: "video/*",
-    ref: camcorderRef,
-    onClick: onInputClick,
-    onChange: handleChange
-  }));
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "file",
+      capture: "camcorder",
+      accept: "video/*",
+      ref: camcorderRef,
+      onClick: onInputClick,
+      onChange: handleChange
+    })]
+  });
 };
 var _default = exports.default = MobileUpload;

package/lib/Modal/alert.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
 var _closest = _interopRequireDefault(require("../utils/closest"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 function alert(title, message) {
   let actions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [{
     text: '确定'
@@ -63,7 +64,7 @@ function alert(title, message) {
       e.preventDefault();
     }
   }
-  root.render( /*#__PURE__*/React.createElement(_modal.default, {
+  root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     transparent: true,
     title: title,
@@ -75,10 +76,12 @@ function alert(title, message) {
     platform: platform,
     wrapProps: {
       onTouchStart: onWrapTouchStart
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-alert-content")
-  }, message)));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(prefixCls, "-alert-content"),
+      children: message
+    })
+  }));
   return {
     close
   };

package/lib/Modal/modal.js

@@ -10,6 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcDialog = _interopRequireDefault(require("rmc-dialog"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
+var _jsxRuntime = require("react/jsx-runtime");
 class ModalComponent extends React.Component {}
 exports.ModalComponent = ModalComponent;
 class Modal extends ModalComponent {
@@ -34,15 +35,16 @@ class Modal extends ModalComponent {
         button.onPress();
       }
     };
-    return /*#__PURE__*/React.createElement(_rmcFeedback.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       activeClassName: "".concat(prefixCls, "-button-active"),
-      key: i
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-button"),
-      role: "button",
-      style: buttonStyle,
-      onClick: onClickFn
-    }, button.text || 'Button'));
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "".concat(prefixCls, "-button"),
+        role: "button",
+        style: buttonStyle,
+        onClick: onClickFn,
+        children: button.text || 'Button'
+      })
+    }, i);
   }
   render() {
     const {
@@ -62,12 +64,13 @@ class Modal extends ModalComponent {
       ...restProps
     } = this.props;
     const btnGroupClass = (0, _classnames.default)("".concat(prefixCls, "-button-group-").concat(footer.length === 2 && !operation ? 'h' : 'v'), "".concat(prefixCls, "-button-group-").concat(operation ? 'operation' : 'normal'));
-    const footerDom = footer.length ? /*#__PURE__*/React.createElement("div", {
+    const footerDom = footer.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: btnGroupClass,
-      role: "group"
-    }, footer.map((button, i) =>
-    // tslint:disable-next-line:jsx-no-multiline-js
-    this.renderFooterButton(button, prefixCls, i))) : null;
+      role: "group",
+      children: footer.map((button, i) =>
+      // tslint:disable-next-line:jsx-no-multiline-js
+      this.renderFooterButton(button, prefixCls, i))
+    }) : null;
     let transName;
     let maskTransName;
     if (animated) {
@@ -91,7 +94,8 @@ class Modal extends ModalComponent {
       ["".concat(prefixCls, "-popup-").concat(animationType)]: popup && animationType,
       ["".concat(prefixCls, "-android")]: platform === 'android'
     });
-    return /*#__PURE__*/React.createElement(_rmcDialog.default, Object.assign({}, restProps, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDialog.default, {
+      ...restProps,
       prefixCls: prefixCls,
       className: cls,
       wrapClassName: wrapCls,
@@ -99,7 +103,7 @@ class Modal extends ModalComponent {
       maskTransitionName: maskTransitionName || maskTransName,
       style: style,
       footer: footerDom
-    }));
+    });
   }
 }
 exports.default = Modal;

package/lib/Modal/operation.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
 var _closest = _interopRequireDefault(require("../utils/closest"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 function operation() {
   let actions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [{
     text: '确定'
@@ -57,7 +58,7 @@ function operation() {
       e.preventDefault();
     }
   }
-  root.render( /*#__PURE__*/React.createElement(_modal.default, {
+  root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     operation: true,
     transparent: true,

package/lib/Modal/prompt.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
 var _closest = _interopRequireDefault(require("../utils/closest"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 function prompt(title, message, callbackOrActions) {
   let type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'default';
   let defaultValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
@@ -59,61 +60,78 @@ function prompt(title, message, callbackOrActions) {
   };
   switch (type) {
     case 'login-password':
-      inputDom = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input-container")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "text",
-        defaultValue: data.text,
-        ref: input => focusFn(input),
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[0],
-        onBlur: onBlurFixWechat
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "password",
-        defaultValue: data.password,
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[1],
-        onBlur: onBlurFixWechat
-      }))));
+      inputDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(prefixCls, "-input-container"),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-input"),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              defaultValue: data.text,
+              ref: input => focusFn(input),
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[0],
+              onBlur: onBlurFixWechat
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-input"),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "password",
+              defaultValue: data.password,
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[1],
+              onBlur: onBlurFixWechat
+            })
+          })
+        })]
+      });
       break;
     case 'secure-text':
-      inputDom = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input-container")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "password",
-        defaultValue: data.password,
-        ref: input => focusFn(input),
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[0],
-        onBlur: onBlurFixWechat
-      }))));
+      inputDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-input-container"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-input"),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "password",
+              defaultValue: data.password,
+              ref: input => focusFn(input),
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[0],
+              onBlur: onBlurFixWechat
+            })
+          })
+        })
+      });
       break;
     case 'default':
     default:
-      inputDom = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input-container")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "text",
-        defaultValue: data.text,
-        ref: input => focusFn(input),
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[0],
-        onBlur: onBlurFixWechat
-      }))));
+      inputDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(prefixCls, "-input-container"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-input"),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              defaultValue: data.text,
+              ref: input => focusFn(input),
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[0],
+              onBlur: onBlurFixWechat
+            })
+          })
+        })
+      });
   }
-  const content = /*#__PURE__*/React.createElement("div", null, message, inputDom);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [message, inputDom]
+  });
   const div = document.createElement('div');
   document.body.appendChild(div);
   const root = (0, _client.createRoot)(div);
@@ -187,7 +205,7 @@ function prompt(title, message, callbackOrActions) {
       e.preventDefault();
     }
   }
-  root.render( /*#__PURE__*/React.createElement(_modal.default, {
+  root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     transparent: true,
     prefixCls: prefixCls,
@@ -200,10 +218,12 @@ function prompt(title, message, callbackOrActions) {
     platform: platform,
     wrapProps: {
       onTouchStart: onWrapTouchStart
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-propmt-content")
-  }, content)));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(prefixCls, "-propmt-content"),
+      children: content
+    })
+  }));
   return {
     close
   };

package/lib/MultipleSelectEditor/index.js

@@ -8,15 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _selectEditor = _interopRequireDefault(require("../select-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const MultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     value: oldValue,
     ...props
   } = _ref;
   const value = oldValue ? Array.isArray(oldValue) ? oldValue : [oldValue] : [];
-  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, Object.assign({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
+  });
 });
 var _default = exports.default = MultipleSelectEditor;

package/lib/MultipleSelectFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SelectItem = _interopRequireDefault(require("../SelectItem"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class MultipleSelectFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -21,10 +22,9 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
       let selectedOptions = options.filter(option => value.includes(option.id) || value.includes(option.name));
       if (selectedOptions.length === 0) return [];
       return selectedOptions.map(option => {
-        return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-          key: "multiple-".concat(option.id),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
           option: option
-        });
+        }, "multiple-".concat(option.id));
       });
     };
   }
@@ -35,14 +35,15 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
     } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classname
       });
     }
     let options = this.getOptions();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, options);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classname,
+      children: options
+    });
   }
 }
 MultipleSelectFormatter.defaultProps = {