@arcblock/ux 2.9.90 → 2.10.0

package/lib/Layout/dashboard/full-page.js

@@ -1,27 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FullPageContext = void 0;
-exports.FullPageProvider = FullPageProvider;
-exports.useFullPage = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
-const FullPageContext = exports.FullPageContext = /*#__PURE__*/(0, _react.createContext)();
-const useFullPage = initialState => {
-  const ctx = (0, _react.useContext)(FullPageContext);
-  (0, _react.useLayoutEffect)(() => {
+import { useState, useContext, createContext, useMemo, useLayoutEffect } from 'react';
+import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FullPageContext = /*#__PURE__*/createContext();
+export const useFullPage = initialState => {
+  const ctx = useContext(FullPageContext);
+  useLayoutEffect(() => {
     if (initialState) {
       ctx.configure(initialState);
     }
@@ -29,13 +12,11 @@ const useFullPage = initialState => {
   }, []);
   return ctx;
 };
-exports.useFullPage = useFullPage;
-function FullPageProvider(_ref) {
-  let {
-      children
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const [state, setState] = (0, _react.useState)({
+export function FullPageProvider({
+  children,
+  ...rest
+}) {
+  const [state, setState] = useState({
     inFullPage: false,
     showToggleButton: false,
     headerVisibleInFullPage: true,
@@ -43,25 +24,30 @@ function FullPageProvider(_ref) {
     sidebarVisibleInFullPage: false
   });
   const toggleFullPage = () => {
-    setState(prev => _objectSpread(_objectSpread({}, prev), {}, {
+    setState(prev => ({
+      ...prev,
       inFullPage: !prev.inFullPage
     }));
   };
-  const value = (0, _react.useMemo)(() => {
-    return _objectSpread(_objectSpread({}, state), {}, {
+  const value = useMemo(() => {
+    return {
+      ...state,
       headerVisible: !state.inFullPage || state.headerVisibleInFullPage,
       footerVisible: !state.inFullPage || state.footerVisibleInFullPage,
       sidebarVisible: !state.inFullPage || state.sidebarVisibleInFullPage,
       toggleFullPage,
-      configure: params => setState(prev => _objectSpread(_objectSpread({}, prev), params))
-    });
+      configure: params => setState(prev => ({
+        ...prev,
+        ...params
+      }))
+    };
   }, [state]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FullPageContext.Provider, _objectSpread(_objectSpread({
-    value: value
-  }, rest), {}, {
+  return /*#__PURE__*/_jsx(FullPageContext.Provider, {
+    value: value,
+    ...rest,
     children: children
-  }));
+  });
 }
 FullPageProvider.propTypes = {
-  children: _propTypes.default.node.isRequired
+  children: PropTypes.node.isRequired
 };

package/lib/Layout/dashboard/index.js

@@ -1,90 +1,75 @@
-"use strict";
+import { useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useLocation, matchPath } from 'react-router-dom';
+import Helmet from 'react-helmet';
+import Container from '@mui/material/Container';
+import Hidden from '@mui/material/Hidden';
+import Box from '@mui/material/Box';
+import clsx from 'clsx';
+import OpenInFullIcon from '@mui/icons-material/OpenInFull';
+import CloseFullscreenIcon from '@mui/icons-material/CloseFullscreen';
+import DashboardLegacy from '../dashboard-legacy';
+import { ResponsiveHeader } from '../../Header';
+import NavMenu from '../../NavMenu';
+import Footer from '../../Footer';
+import Sidebar from './sidebar';
+import { styled, useTheme } from '../../Theme';
+import { Link } from './external-link';
+import { FullPageProvider, useFullPage } from './full-page';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DashboardWrapper;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactRouterDom = require("react-router-dom");
-var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-var _Container = _interopRequireDefault(require("@mui/material/Container"));
-var _Hidden = _interopRequireDefault(require("@mui/material/Hidden"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _OpenInFull = _interopRequireDefault(require("@mui/icons-material/OpenInFull"));
-var _CloseFullscreen = _interopRequireDefault(require("@mui/icons-material/CloseFullscreen"));
-var _dashboardLegacy = _interopRequireDefault(require("../dashboard-legacy"));
-var _Header = require("../../Header");
-var _NavMenu = _interopRequireDefault(require("../../NavMenu"));
-var _Footer = _interopRequireDefault(require("../../Footer"));
-var _sidebar = _interopRequireDefault(require("./sidebar"));
-var _Theme = require("../../Theme");
-var _externalLink = require("./external-link");
-var _fullPage = require("./full-page");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-const _excluded = ["closeMenu"],
-  _excluded2 = ["children", "title", "headerProps", "links", "fullWidth", "dense", "footerProps"],
-  _excluded3 = ["legacy"]; // 监听 location 变化并关闭 header 中的 menu (确保 drawer - disablePortal:false, keepMounted:true)
+// 监听 location 变化并关闭 header 中的 menu (确保 drawer - disablePortal:false, keepMounted:true)
 // 直接监听 menu 中 link 点击来触发 closeMenu 会有问题 (Suspense & lazy)
 // eslint-disable-next-line react/prop-types
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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; }
-function NavMenuWrapper(_ref) {
-  let {
-      closeMenu
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const location = (0, _reactRouterDom.useLocation)();
-  (0, _react.useEffect)(() => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function NavMenuWrapper({
+  closeMenu,
+  ...rest
+}) {
+  const location = useLocation();
+  useEffect(() => {
     closeMenu();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [location]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavMenu.default, _objectSpread({}, rest));
+  return /*#__PURE__*/_jsx(NavMenu, {
+    ...rest
+  });
 }
 function formatLinks(links, location) {
   return links.map(link => {
-    var _link$children;
-    if ((_link$children = link.children) !== null && _link$children !== void 0 && _link$children.length) {
-      return _objectSpread(_objectSpread({}, link), {}, {
+    if (link.children?.length) {
+      return {
+        ...link,
         label: link.title,
         children: formatLinks(link.children, location)
-      });
+      };
     }
-    return _objectSpread(_objectSpread({}, link), {}, {
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_externalLink.Link, {
+    return {
+      ...link,
+      label: /*#__PURE__*/_jsx(Link, {
         to: link.url,
         external: link.external,
         children: link.title
       }),
       // external = true 时 active 状态由传入 links 的调用方决定 (适用于 blocklet ui dashboard 的情况)
-      active: link.external ? link.active : !!(0, _reactRouterDom.matchPath)({
+      active: link.external ? link.active : !!matchPath({
         path: link.url,
         end: false
       }, location.pathname)
-    });
+    };
   });
 }
-function Dashboard(_ref2) {
-  let {
-      children,
-      title,
-      headerProps,
-      links = [],
-      fullWidth,
-      dense,
-      footerProps
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  const theme = (0, _Theme.useTheme)();
+function Dashboard({
+  children,
+  title,
+  headerProps,
+  links = [],
+  fullWidth,
+  dense,
+  footerProps,
+  ...rest
+}) {
+  const theme = useTheme();
   const {
     inFullPage,
     showToggleButton,
@@ -92,41 +77,37 @@ function Dashboard(_ref2) {
     footerVisible,
     sidebarVisible,
     toggleFullPage
-  } = (0, _fullPage.useFullPage)();
-  const location = (0, _reactRouterDom.useLocation)();
-  const navItems = (0, _react.useMemo)(() => formatLinks(links, location), [location, links]);
-  const isGroupedMode = navItems.some(item => {
-    var _item$children;
-    return !!((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length);
-  });
+  } = useFullPage();
+  const location = useLocation();
+  const navItems = useMemo(() => formatLinks(links, location), [location, links]);
+  const isGroupedMode = navItems.some(item => !!item.children?.length);
   // 一级菜单数量 > 8 或都分组模式, 都启用 dense 布局
   const _dense = dense === 'auto' ? navItems.length >= 8 || isGroupedMode : dense;
-  const classes = (0, _clsx.default)('dashboard', {
+  const classes = clsx('dashboard', {
     'dashboard-dense': _dense
   }, rest.className);
-  const defaultHomeLink = content => {
-    var _window$blocklet;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_externalLink.Link, {
-      to: ((_window$blocklet = window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.prefix) || '/',
-      children: content
-    });
+  const defaultHomeLink = content => /*#__PURE__*/_jsx(Link, {
+    to: window.blocklet?.prefix || '/',
+    children: content
+  });
+  const _headerProps = {
+    homeLink: defaultHomeLink,
+    ...headerProps
   };
-  const _headerProps = _objectSpread({
-    homeLink: defaultHomeLink
-  }, headerProps);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    ...rest,
     className: classes,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHelmet.default, {
+    children: [/*#__PURE__*/_jsx(Helmet, {
       title: title
-    }, title), headerVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledUxHeader, _objectSpread(_objectSpread({}, _headerProps), {}, {
+    }, title), headerVisible && /*#__PURE__*/_jsx(StyledUxHeader, {
+      ..._headerProps,
       className: "dashboard-header",
-      children: links !== null && links !== void 0 && links.length ? _ref3 => {
-        let {
-          isMobile,
-          closeMenu
-        } = _ref3;
+      children: links?.length ? ({
+        isMobile,
+        closeMenu
+      }) => {
         if (isMobile) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavMenuWrapper, {
+          return /*#__PURE__*/_jsx(NavMenuWrapper, {
             mode: "inline",
             items: navItems,
             closeMenu: closeMenu,
@@ -136,27 +117,27 @@ function Dashboard(_ref2) {
         }
         return null;
       } : null
-    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    }), /*#__PURE__*/_jsxs(Box, {
       display: "flex",
       className: "dashboard-body",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Hidden.default, {
+      children: [/*#__PURE__*/_jsx(Hidden, {
         mdDown: true,
-        children: !!(links !== null && links !== void 0 && links.length) && sidebarVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        children: !!links?.length && sidebarVisible && /*#__PURE__*/_jsx(Box, {
           className: "dashboard-sidebar",
-          children: _dense ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+          children: _dense ? /*#__PURE__*/_jsx(Sidebar, {
             links: links,
             dense: _dense
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          }) : /*#__PURE__*/_jsx(Box, {
             className: "dashboard-sidebar-container",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+            children: /*#__PURE__*/_jsx(Sidebar, {
               links: links,
               dense: _dense
             })
           })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      }), /*#__PURE__*/_jsxs(Box, {
         className: "dashboard-main",
-        children: [showToggleButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        children: [showToggleButton && /*#__PURE__*/_jsx(Box, {
           sx: {
             position: 'absolute',
             top: 4,
@@ -172,36 +153,38 @@ function Dashboard(_ref2) {
             cursor: 'pointer'
           },
           onClick: toggleFullPage,
-          children: inFullPage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseFullscreen.default, {
+          children: inFullPage ? /*#__PURE__*/_jsx(CloseFullscreenIcon, {
             style: {
               fontSize: 18
             }
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_OpenInFull.default, {
+          }) : /*#__PURE__*/_jsx(OpenInFullIcon, {
             style: {
               fontSize: 18
             }
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, _objectSpread(_objectSpread({
-          className: "dashboard-content"
-        }, fullWidth && {
-          maxWidth: false
-        }), {}, {
+        }), /*#__PURE__*/_jsx(Container, {
+          className: "dashboard-content",
+          ...(fullWidth && {
+            maxWidth: false
+          }),
           children: children
-        })), footerVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.default, _objectSpread({}, footerProps))]
+        }), footerVisible && /*#__PURE__*/_jsx(Footer, {
+          ...footerProps
+        })]
       })]
     })]
-  }));
+  });
 }
 Dashboard.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  title: _propTypes.default.string,
+  children: PropTypes.any.isRequired,
+  title: PropTypes.string,
   // 支持分组, links item 如果是数组, 则视为一个 group
-  links: _propTypes.default.array.isRequired,
-  headerProps: _propTypes.default.object,
-  fullWidth: _propTypes.default.bool,
-  sidebarWidth: _propTypes.default.number,
+  links: PropTypes.array.isRequired,
+  headerProps: PropTypes.object,
+  fullWidth: PropTypes.bool,
+  sidebarWidth: PropTypes.number,
   // sidenav 稠密一些的布局, 纵向空间占用较少, 默认为 auto, 当 links 个数 > 8 时自动启用
-  dense: _propTypes.default.oneOf([true, false, 'auto'])
+  dense: PropTypes.oneOf([true, false, 'auto'])
 };
 Dashboard.defaultProps = {
   title: 'Home',
@@ -210,28 +193,90 @@ Dashboard.defaultProps = {
   sidebarWidth: 120,
   dense: 'auto'
 };
-const Wrapper = (0, _Theme.styled)('div', {
+const Wrapper = styled('div', {
   shouldForwardProp: prop => prop !== 'sidebarWidth'
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.dashboard {\n    display: flex;\n    flex-direction: column;\n    height: 100vh;\n  }\n  .dashboard-body {\n    overflow: hidden;\n    flex: 1;\n  }\n  .dashboard-sidebar {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    width: ", "px;\n    overflow: hidden;\n    &:hover {\n      overflow-y: auto;\n    }\n  }\n  .dashboard-sidebar-container {\n    width: ", "px;\n  }\n  .dashboard-main {\n    display: flex;\n    flex-direction: column;\n    overflow: auto;\n    flex: 1;\n    position: relative;\n  }\n  .dashboard-content {\n    flex: 1;\n  }\n  &.dashboard-dense {\n    .dashboard-header {\n      border-bottom: 1px solid #eee;\n    }\n    .dashboard-sidebar {\n      width: 256px;\n      border-right: 1px solid #eee;\n    }\n  }\n  ", " {\n    .header-logo {\n      display: flex;\n      justify-content: center;\n    }\n    &.dashboard-dense {\n      .header-logo {\n        /* dense = true \u65F6 logo \u4E0E sidenav icons \u4E0D\u9700\u8981\u5BF9\u9F50 */\n        width: auto;\n      }\n    }\n  }\n"])), props => props.sidebarWidth, props => props.sidebarWidth, props => props.theme.breakpoints.up('md'));
-const StyledUxHeader = (0, _Theme.styled)(_Header.ResponsiveHeader)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .header-container {\n    max-width: 100%;\n  }\n"])));
+})`
+  &.dashboard {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+  }
+  .dashboard-body {
+    overflow: hidden;
+    flex: 1;
+  }
+  .dashboard-sidebar {
+    box-sizing: border-box;
+    flex: 0 0 auto;
+    width: ${props => props.sidebarWidth}px;
+    overflow: hidden;
+    &:hover {
+      overflow-y: auto;
+    }
+  }
+  .dashboard-sidebar-container {
+    width: ${props => props.sidebarWidth}px;
+  }
+  .dashboard-main {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    flex: 1;
+    position: relative;
+  }
+  .dashboard-content {
+    flex: 1;
+  }
+  &.dashboard-dense {
+    .dashboard-header {
+      border-bottom: 1px solid #eee;
+    }
+    .dashboard-sidebar {
+      width: 256px;
+      border-right: 1px solid #eee;
+    }
+  }
+  ${props => props.theme.breakpoints.up('md')} {
+    .header-logo {
+      display: flex;
+      justify-content: center;
+    }
+    &.dashboard-dense {
+      .header-logo {
+        /* dense = true 时 logo 与 sidenav icons 不需要对齐 */
+        width: auto;
+      }
+    }
+  }
+`;
+const StyledUxHeader = styled(ResponsiveHeader)`
+  .header-container {
+    max-width: 100%;
+  }
+`;
 
 // 兼容旧版 dashboard
-function DashboardWrapper(_ref4) {
-  let {
-      legacy
-    } = _ref4,
-    rest = _objectWithoutProperties(_ref4, _excluded3);
+export default function DashboardWrapper({
+  legacy,
+  ...rest
+}) {
   if (legacy) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dashboardLegacy.default, _objectSpread({}, rest));
+    return /*#__PURE__*/_jsx(DashboardLegacy, {
+      ...rest
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_fullPage.FullPageProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dashboard, _objectSpread({}, rest))
+  return /*#__PURE__*/_jsx(FullPageProvider, {
+    children: /*#__PURE__*/_jsx(Dashboard, {
+      ...rest
+    })
   });
 }
-DashboardWrapper.propTypes = _objectSpread(_objectSpread({}, Dashboard.propTypes), {}, {
-  legacy: _propTypes.default.bool,
-  footerProps: _propTypes.default.shape(_Footer.default.propTypes)
-});
-DashboardWrapper.defaultProps = _objectSpread(_objectSpread({}, Dashboard.defaultProps), {}, {
+DashboardWrapper.propTypes = {
+  ...Dashboard.propTypes,
+  legacy: PropTypes.bool,
+  footerProps: PropTypes.shape(Footer.propTypes)
+};
+DashboardWrapper.defaultProps = {
+  ...Dashboard.defaultProps,
   legacy: true
-});
+};