@arcblock/ux 2.1.18 → 2.1.21

package/lib/Layout/dashboard/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -33,16 +33,14 @@ var _Footer = _interopRequireDefault(require("../../Footer"));
 
 var _sidebar = _interopRequireDefault(require("./sidebar"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["closeMenu"],
-      _excluded2 = ["children", "title", "headerProps", "links"],
+      _excluded2 = ["children", "title", "headerProps", "links", "fullWidth"],
       _excluded3 = ["legacy"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -64,9 +62,9 @@ function NavMenuWrapper(_ref) {
 
   const location = (0, _reactRouterDom.useLocation)();
   (0, _react.useEffect)(() => {
-    closeMenu();
+    closeMenu(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [location]);
-  return /*#__PURE__*/_react.default.createElement(_NavMenu.default, rest);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavMenu.default, _objectSpread({}, rest));
 }
 
 function Dashboard(_ref2) {
@@ -74,70 +72,84 @@ function Dashboard(_ref2) {
     children,
     title,
     headerProps,
-    links
+    links,
+    fullWidth
   } = _ref2,
       rest = _objectWithoutProperties(_ref2, _excluded2);
 
   const theme = (0, _useTheme.default)();
   const location = (0, _reactRouterDom.useLocation)();
   const navItems = (0, _react.useMemo)(() => links.map(link => _objectSpread(_objectSpread({}, link), {}, {
-    label: /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-      to: link.url
-    }, link.title),
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+      to: link.url,
+      children: link.title
+    }),
     active: !!(0, _reactRouterDom.matchPath)(location.pathname, {
       path: link.url,
       exact: false
     })
   })), [location, links]);
-  return /*#__PURE__*/_react.default.createElement(Wrapper, Object.assign({}, rest, {
-    className: "dashboard ".concat(rest.className)
-  }), /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
-    title: title,
-    key: title
-  }), /*#__PURE__*/_react.default.createElement(StyledUxHeader, headerProps, _ref3 => {
-    let {
-      isMobile,
-      closeMenu
-    } = _ref3;
-
-    if (isMobile) {
-      return /*#__PURE__*/_react.default.createElement(NavMenuWrapper, {
-        mode: "inline",
-        items: navItems,
-        closeMenu: closeMenu,
-        bgColor: "transparent",
-        activeTextColor: theme.palette.primary.main
-      });
-    }
-
-    return null;
-  }), /*#__PURE__*/_react.default.createElement(_Box.default, {
-    display: "flex",
-    className: "dashboard-body"
-  }, /*#__PURE__*/_react.default.createElement(_Hidden.default, {
-    mdDown: true
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    className: "dashboard-sidebar"
-  }, /*#__PURE__*/_react.default.createElement(_sidebar.default, {
-    links: links
-  }))), /*#__PURE__*/_react.default.createElement(_Box.default, {
-    className: "dashboard-main"
-  }, /*#__PURE__*/_react.default.createElement(_Container.default, {
-    className: "dashboard-content"
-  }, children), /*#__PURE__*/_react.default.createElement(_Footer.default, {
-    className: "dashboard-footer"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
+    className: "dashboard ".concat(rest.className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHelmet.default, {
+      title: title
+    }, title), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledUxHeader, _objectSpread(_objectSpread({}, headerProps), {}, {
+      children: _ref3 => {
+        let {
+          isMobile,
+          closeMenu
+        } = _ref3;
+
+        if (isMobile) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavMenuWrapper, {
+            mode: "inline",
+            items: navItems,
+            closeMenu: closeMenu,
+            bgColor: "transparent",
+            activeTextColor: theme.palette.primary.main
+          });
+        }
+
+        return null;
+      }
+    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      className: "dashboard-body",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Hidden.default, {
+        mdDown: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          className: "dashboard-sidebar",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+            links: links
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        className: "dashboard-main",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, _objectSpread(_objectSpread({
+          className: "dashboard-content"
+        }, fullWidth && {
+          maxWidth: false
+        }), {}, {
+          children: children
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.default, {
+          className: "dashboard-footer"
+        })]
+      })]
+    })]
+  }));
 }
 
 Dashboard.propTypes = {
   children: _propTypes.default.any.isRequired,
   title: _propTypes.default.string,
   links: _propTypes.default.array.isRequired,
-  headerProps: _propTypes.default.object
+  headerProps: _propTypes.default.object,
+  fullWidth: _propTypes.default.bool
 };
 Dashboard.defaultProps = {
   title: 'Home',
-  headerProps: {}
+  headerProps: {},
+  fullWidth: false
 };
 
 const Wrapper = _styledComponents.default.div.withConfig({
@@ -157,10 +169,10 @@ function DashboardWrapper(_ref4) {
       rest = _objectWithoutProperties(_ref4, _excluded3);
 
   if (legacy) {
-    return /*#__PURE__*/_react.default.createElement(_dashboardLegacy.default, rest);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dashboardLegacy.default, _objectSpread({}, rest));
   }
 
-  return /*#__PURE__*/_react.default.createElement(Dashboard, rest);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Dashboard, _objectSpread({}, rest));
 }
 
 DashboardWrapper.propTypes = _objectSpread(_objectSpread({}, Dashboard.propTypes), {}, {

package/lib/Layout/dashboard/sidebar.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -17,10 +15,18 @@ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
 var _colors = require("@mui/material/colors");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["links", "addons"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -32,30 +38,37 @@ function Sidebar(_ref) {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(Root, rest, /*#__PURE__*/_react.default.createElement("ul", null, links.map(_ref2 => {
-    let {
-      url,
-      icon,
-      title,
-      showBadge
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: url
-    }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
-      to: url,
-      className: "layout-sidebar-link",
-      activeClassName: "layout-sidebar-link--active"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "layout-sidebar-icon ".concat(showBadge ? 'layout-sidebar-badge' : '')
-    }, icon), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      component: "span",
-      className: "layout-sidebar-link-text"
-    }, title)));
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      flex: 1
-    }
-  }), addons);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      children: links.map(_ref2 => {
+        let {
+          url,
+          icon,
+          title,
+          showBadge
+        } = _ref2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.NavLink, {
+            to: url,
+            className: "layout-sidebar-link",
+            activeClassName: "layout-sidebar-link--active",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "layout-sidebar-icon ".concat(showBadge ? 'layout-sidebar-badge' : ''),
+              children: icon
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              component: "span",
+              className: "layout-sidebar-link-text",
+              children: title
+            })]
+          })
+        }, url);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        flex: 1
+      }
+    }), addons]
+  }));
 }
 
 Sidebar.propTypes = {

package/lib/Layout/dashboard-legacy/header.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Header;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -29,10 +27,18 @@ var _reactRouterDom = require("react-router-dom");
 
 var _Logo = _interopRequireDefault(require("../../Logo"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "brand", "brandAddon", "description", "addons", "onToggleMenu", "homeUrl", "logo"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -64,44 +70,56 @@ function Header(_ref) {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(StyledAppBar, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAppBar, _objectSpread(_objectSpread({
     position: "sticky",
     className: "header"
-  }, rest), /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
-    disableGutters: false,
-    className: "header-toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    color: "inherit",
-    "aria-label": "open drawer",
-    edge: "start",
-    className: "header-menu",
-    onClick: onToggleMenu
-  }, /*#__PURE__*/_react.default.createElement(_Menu.default, null)), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: homeUrl,
-    className: "header-link"
-  }, /*#__PURE__*/_react.default.createElement(_Hidden.default, {
-    mdDown: true
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-logo"
-  }, logo || /*#__PURE__*/_react.default.createElement(_Logo.default, {
-    showText: false
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-title"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "h2",
-    noWrap: true,
-    className: "header-title__primary"
-  }, brand, brandAddon), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "p",
-    noWrap: true,
-    className: "header-title__secondary"
-  }, description))), /*#__PURE__*/_react.default.createElement(_Box.default, {
-    flexGrow: 1
-  }), !!children && /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-children"
-  }, children), /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-addons"
-  }, addons)));
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Toolbar.default, {
+      disableGutters: false,
+      className: "header-toolbar",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+        color: "inherit",
+        "aria-label": "open drawer",
+        edge: "start",
+        className: "header-menu",
+        onClick: onToggleMenu,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
+        to: homeUrl,
+        className: "header-link",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Hidden.default, {
+          mdDown: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "header-logo",
+            children: logo || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
+              showText: false
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "header-title",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+            component: "h2",
+            noWrap: true,
+            className: "header-title__primary",
+            children: [brand, brandAddon]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            component: "p",
+            noWrap: true,
+            className: "header-title__secondary",
+            children: description
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        flexGrow: 1
+      }), !!children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "header-children",
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "header-addons",
+        children: addons
+      })]
+    })
+  }));
 }
 
 Header.propTypes = {

package/lib/Layout/dashboard-legacy/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Dashboard;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -27,13 +27,17 @@ var _header = _interopRequireDefault(require("./header"));
 
 var _Footer = _interopRequireDefault(require("../../Footer"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "title", "brand", "description", "brandAddon", "headerAddon", "images", "links", "prefix", "fullWidth", "contentLayout", "className", "homeUrl", "logo"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -80,48 +84,54 @@ function Dashboard(_ref) {
   };
 
   const isFullWidth = fullWidth || contentLayout === 'row';
-  return /*#__PURE__*/_react.default.createElement(Wrapper, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({
     className: "dashboard ".concat(className)
-  }, rest), /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
-    title: "".concat(title, "-").concat(brand)
-  }), /*#__PURE__*/_react.default.createElement(_header.default, {
-    className: "dashboard__header",
-    onToggleMenu: onToggleDrawer,
-    brand: brand,
-    brandAddon: brandAddon,
-    description: description,
-    addons: headerAddon,
-    homeUrl: homeUrl,
-    logo: logo
-  }), /*#__PURE__*/_react.default.createElement(_Box.default, {
-    display: "flex",
-    className: "dashboard__body"
-  }, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
-    variant: drawerMode,
-    className: "drawer",
-    classes: {
-      paper: 'drawerPaper'
-    },
-    open: drawerOpen,
-    onClose: onToggleDrawer,
-    ModalProps: {
-      disablePortal: true,
-      keepMounted: true
-    }
-  }, /*#__PURE__*/_react.default.createElement(_sidebar.default, {
-    className: "dashboard__sidebar",
-    images: images,
-    links: links,
-    prefix: prefix,
-    logo: logo
-  })), /*#__PURE__*/_react.default.createElement(_Box.default, {
-    className: "dashboard__main"
-  }, /*#__PURE__*/_react.default.createElement(_Container.default, {
-    maxWidth: isFullWidth ? false : 'lg',
-    className: "dashboard__content"
-  }, children), /*#__PURE__*/_react.default.createElement(_Footer.default, {
-    className: "dashboard__footer"
-  }))));
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHelmet.default, {
+      title: "".concat(title, "-").concat(brand)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      className: "dashboard__header",
+      onToggleMenu: onToggleDrawer,
+      brand: brand,
+      brandAddon: brandAddon,
+      description: description,
+      addons: headerAddon,
+      homeUrl: homeUrl,
+      logo: logo
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      className: "dashboard__body",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+        variant: drawerMode,
+        className: "drawer",
+        classes: {
+          paper: 'drawerPaper'
+        },
+        open: drawerOpen,
+        onClose: onToggleDrawer,
+        ModalProps: {
+          disablePortal: true,
+          keepMounted: true
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+          className: "dashboard__sidebar",
+          images: images,
+          links: links,
+          prefix: prefix,
+          logo: logo
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        className: "dashboard__main",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+          maxWidth: isFullWidth ? false : 'lg',
+          className: "dashboard__content",
+          children: children
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.default, {
+          className: "dashboard__footer"
+        })]
+      })]
+    })]
+  }));
 }
 
 Dashboard.propTypes = {