dtable-ui-component 6.0.49 → 6.0.51-alpha.1

package/lib/NotificationPopover/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class NotificationPopover extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -47,43 +48,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(_IconButton.default, {
-      icon: "x",
-      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)(_IconButton.default, {
+            icon: "x",
+            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

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 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);
@@ -104,7 +105,7 @@ class NumberEditor extends _react.default.Component {
     } : {
       textAlign: 'right'
     };
-    return /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       ref: this.setInputRef,
       type: "text",
       className: "form-control",

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

package/lib/Picker/AbstractPicker.js

@@ -14,6 +14,7 @@ var _Popup = _interopRequireDefault(require("rmc-cascader/lib/Popup"));
 var _MultiPicker = _interopRequireDefault(require("rmc-picker/lib/MultiPicker"));
 var _Picker = _interopRequireDefault(require("rmc-picker/lib/Picker"));
 var _getLocale = require("../utils/getLocale");
+var _jsxRuntime = require("react/jsx-runtime");
 /* tslint:disable:jsx-no-multiline-js */
 
 function getDefaultProps() {
@@ -65,20 +66,20 @@ class AbstractPicker extends React.Component {
         indicatorStyle
       } = this.props;
       return data.map((col, index) => {
-        return /*#__PURE__*/React.createElement(_Picker.default, {
-          key: index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
           prefixCls: pickerPrefixCls,
           style: {
             flex: 1
           },
           itemStyle: itemStyle,
-          indicatorStyle: indicatorStyle
-        }, col.map(item => {
-          return /*#__PURE__*/React.createElement(_Picker.default.Item, {
-            key: item.value,
-            value: item.value
-          }, item.label);
-        }));
+          indicatorStyle: indicatorStyle,
+          children: col.map(item => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default.Item, {
+              value: item.value,
+              children: item.label
+            }, item.value);
+          })
+        }, index);
       });
     };
     this.onOk = v => {
@@ -148,7 +149,7 @@ class AbstractPicker extends React.Component {
     let cascader;
     let popupMoreProps = {};
     if (cascade) {
-      cascader = /*#__PURE__*/React.createElement(_Cascader.default, {
+      cascader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, {
         prefixCls: prefixCls,
         pickerPrefixCls: pickerPrefixCls,
         data: data,
@@ -159,32 +160,35 @@ class AbstractPicker extends React.Component {
         indicatorStyle: indicatorStyle
       });
     } else {
-      cascader = /*#__PURE__*/React.createElement(_MultiPicker.default, {
+      cascader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiPicker.default, {
         style: {
           flexDirection: 'row',
           alignItems: 'center'
         },
         prefixCls: prefixCls,
-        onScrollChange: this.setScrollValue
-      }, this.getPickerCol());
+        onScrollChange: this.setScrollValue,
+        children: this.getPickerCol()
+      });
       popupMoreProps = {
         pickerValueProp: 'selectedValue',
         pickerValueChangeProp: 'onValueChange'
       };
     }
-    return /*#__PURE__*/React.createElement(_Popup.default, Object.assign({
-      cascader: cascader
-    }, this.popupProps, restProps, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popup.default, {
+      cascader: cascader,
+      ...this.popupProps,
+      ...restProps,
       prefixCls: popupPrefixCls,
       value: value,
       dismissText: dismissText || _locale.dismissText,
-      okText: okText || _locale.okText
-    }, popupMoreProps, {
+      okText: okText || _locale.okText,
+      ...popupMoreProps,
       ref: this.fixOnOk,
-      onVisibleChange: this.onVisibleChange
-    }), children && typeof children !== 'string' && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
-      extra: this.getSel() || extra || _locale.extra
-    }));
+      onVisibleChange: this.onVisibleChange,
+      children: children && typeof children !== 'string' && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
+        extra: this.getSel() || extra || _locale.extra
+      })
+    });
   }
 }
 exports.default = AbstractPicker;

package/lib/Picker/index.js

@@ -11,10 +11,11 @@ var _AbstractPicker = _interopRequireWildcard(require("./AbstractPicker"));
 var PropTypes = _interopRequireWildcard(require("prop-types"));
 var _popupProps = _interopRequireDefault(require("./popupProps"));
 require("./style/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 // TODO:
 // fix error TS4026:Public static property 'defaultProps' of exported class has or is using name 'React.ReactElement'
 // fix error TS6133: 'React' is declared but its value is never read.
-const nonsense = exports.nonsense = /*#__PURE__*/React.createElement("div", null);
+const nonsense = exports.nonsense = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
 class Picker extends _AbstractPicker.default {
   constructor() {
     super(...arguments);

package/lib/Popover/index.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _rmcTooltip = _interopRequireDefault(require("rmc-tooltip"));
 var _item = _interopRequireDefault(require("./item"));
 require("./style/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function recursiveCloneChildren(children) {
   let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (ch, _) => ch;
   return React.Children.map(children, (child, index) => {
@@ -40,12 +41,14 @@ class Popover extends React.Component {
       }
       return child;
     });
-    const wrapperNode = /*#__PURE__*/React.createElement("div", {
-      className: "".concat(this.props.prefixCls, "-inner-wrapper")
-    }, overlayNode);
-    return /*#__PURE__*/React.createElement(_rmcTooltip.default, Object.assign({}, restProps, {
+    const wrapperNode = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(this.props.prefixCls, "-inner-wrapper"),
+      children: overlayNode
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTooltip.default, {
+      ...restProps,
       overlay: wrapperNode
-    }));
+    });
   }
 }
 exports.default = Popover;

package/lib/Popover/item.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
+var _jsxRuntime = require("react/jsx-runtime");
 class Item extends React.Component {
   render() {
     const {
@@ -28,23 +29,29 @@ class Item extends React.Component {
     if (firstItem) {
       activeClass += "".concat(prefixCls, "-item-fix-active-arrow");
     }
-    return /*#__PURE__*/React.createElement(_rmcFeedback.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
       activeClassName: activeClass,
-      activeStyle: activeStyle
-    }, /*#__PURE__*/React.createElement("div", Object.assign({
-      className: cls
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-item-container")
-    }, icon ?
-    /*#__PURE__*/
-    // tslint:disable-next-line:jsx-no-multiline-js
-    React.createElement("span", {
-      className: "".concat(prefixCls, "-item-icon"),
-      "aria-hidden": "true"
-    }, icon) : null, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-item-content")
-    }, children))));
+      activeStyle: activeStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cls,
+        ...restProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "".concat(prefixCls, "-item-container"),
+          children: [icon ?
+          /*#__PURE__*/
+          // tslint:disable-next-line:jsx-no-multiline-js
+          (0, _jsxRuntime.jsx)("span", {
+            className: "".concat(prefixCls, "-item-icon"),
+            "aria-hidden": "true",
+            children: icon
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "".concat(prefixCls, "-item-content"),
+            children: children
+          })]
+        })
+      })
+    });
   }
 }
 exports.default = Item;

package/lib/Progress/index.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class Progress extends React.Component {
   componentWillReceiveProps() {
     this.noAppearTransition = true;
@@ -39,21 +40,22 @@ class Progress extends React.Component {
       ["".concat(prefixCls, "-fixed-outer")]: position === 'fixed',
       ["".concat(prefixCls, "-hide-outer")]: !unfilled
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
       className: wrapCls,
       role: "progressbar",
       "aria-valuenow": this.props.percent,
       "aria-valuemin": 0,
-      "aria-valuemax": 100
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: el => this.barRef = el,
-      className: "".concat(prefixCls, "-bar"),
-      style: {
-        ...barStyle,
-        ...percentStyle
-      }
-    }));
+      "aria-valuemax": 100,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: el => this.barRef = el,
+        className: "".concat(prefixCls, "-bar"),
+        style: {
+          ...barStyle,
+          ...percentStyle
+        }
+      })
+    });
   }
 }
 exports.default = Progress;

package/lib/Radio/Radio.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcCheckbox = _interopRequireDefault(require("rc-checkbox"));
 var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 class Radio extends React.Component {
   render() {
     const {
@@ -26,18 +27,21 @@ class Radio extends React.Component {
       /* tslint:disable:no-string-literal */
       delete restProps['class'];
     }
-    const mark = /*#__PURE__*/React.createElement("label", {
+    const mark = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       className: wrapCls,
-      style: style
-    }, /*#__PURE__*/React.createElement(_rcCheckbox.default, Object.assign({}, restProps, {
-      type: "radio"
-    })), children);
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_rcCheckbox.default, {
+        ...restProps,
+        type: "radio"
+      }), children]
+    });
     if (this.props.wrapLabel) {
       return mark;
     }
-    return /*#__PURE__*/React.createElement(_rcCheckbox.default, Object.assign({}, this.props, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rcCheckbox.default, {
+      ...this.props,
       type: "radio"
-    }));
+    });
   }
 }
 exports.default = Radio;

package/lib/Radio/RadioItem.js

@@ -10,6 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _List = _interopRequireDefault(require("../List"));
 var _Radio = _interopRequireDefault(require("./Radio"));
+var _jsxRuntime = require("react/jsx-runtime");
 const ListItem = _List.default.Item;
 function noop() {}
 class RadioItem extends React.Component {
@@ -42,11 +43,16 @@ class RadioItem extends React.Component {
         extraProps[i] = this.props[i];
       }
     });
-    return /*#__PURE__*/React.createElement(ListItem, Object.assign({}, otherProps, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItem, {
+      ...otherProps,
       prefixCls: listPrefixCls,
       className: wrapCls,
-      extra: /*#__PURE__*/React.createElement(_Radio.default, Object.assign({}, radioProps, extraProps))
-    }), children);
+      extra: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+        ...radioProps,
+        ...extraProps
+      }),
+      children: children
+    });
   }
 }
 exports.default = RadioItem;

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,10 +43,11 @@ 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", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: number,
-      className: className
-    }, rateList);
+      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,38 +28,42 @@ 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-down3', {
-      'hide': !isShowDropdownIcon
-    })
-  }))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-    className: "position-fixed",
-    modifiers: [{
-      name: 'preventOverflow',
-      options: {
-        boundary: 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-down3', {
+            'hide': !isShowDropdownIcon
+          })
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownMenu, {
+      className: "position-fixed",
+      modifiers: [{
+        name: 'preventOverflow',
+        options: {
+          boundary: 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/RowExpand/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _RowExpandDialog = _interopRequireDefault(require("../RowExpandDialog"));
 var _RowExpandView = _interopRequireDefault(require("../RowExpandView"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpand = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(min-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_RowExpandDialog.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: '(max-width: 768px)'
-  }, /*#__PURE__*/_react.default.createElement(_RowExpandView.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: '(min-width: 768px)',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandDialog.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: '(max-width: 768px)',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandView.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpand;