@xyo-network/react-webapp 2.41.37 → 2.41.38

package/README.md

@@ -1,70 +1,13 @@
-[![logo][]][logo-link]
+[![logo][]](https://xyo.network)
 
-# @xyo-network/sdk-xyo-react-js
-
-[![main-build][]][main-build-link]
-[![beta-build][]][beta-build-link]
-[![npm-badge][]][npm-link]
-[![bch-badge][]][bch-link]
-[![codacy-badge][]][codacy-link]
-[![codeclimate-badge][]][codeclimate-link]
-[![snyk-badge][]][snyk-link]
-
-> The XYO Foundation provides this source code available in our efforts to
-> advance the understanding of the XYO Procotol and its possible uses.
-
-## Table of Contents
-
--   [Description](#description)
--   [Install](#install)
--   [Maintainers](#maintainers)
--   [License](#license)
--   [Credits](#credits)
-
-## Description
-
-Common React code that is used throughout XYO projects that use React.
-
-## Install
-
-Using npm:
-
-```sh
-npm i --save @xyo-network/sdk-xyo-react-js
-```
-
-Using yarn:
-
-```sh
-yarn add @xyo-network/sdk-xyo-react-js
-```
-
-## Maintainers
-
--   [Arie Trouw](https://github.com/arietrouw) (<https://arietrouw.com>)
--   [Matt Jones](https://github.com/jonesmac)
+Part of [@xyo-network/sdk-xyo-react](https://www.npmjs.com/package/@xyo-network/sdk-xyo-react)
 
 ## License
 
-See the [LICENSE](LICENSE) file for license details
+> See the [LICENSE](LICENSE) file for license details
 
 ## Credits
 
 [Made with 🔥 and ❄️ by XYO](https://xyo.network)
 
-[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png
-[logo-link]: https://xyo.network
-[main-build]: https://github.com/XYOracleNetwork/sdk-xyo-react-js/actions/workflows/build-main.yml/badge.svg
-[main-build-link]: https://github.com/XYOracleNetwork/sdk-xyo-react-js/actions/workflows/build-main.yml
-[beta-build]: https://github.com/XYOracleNetwork/sdk-xyo-react-js/actions/workflows/build-beta.yml/badge.svg
-[beta-build-link]: https://github.com/XYOracleNetwork/sdk-xyo-react-js/actions/workflows/build-beta.yml
-[npm-badge]: https://img.shields.io/npm/v/@xyo-network/sdk-xyo-react.svg
-[npm-link]: https://www.npmjs.com/package/@xyo-network/sdk-xyo-react
-[bch-badge]: https://bettercodehub.com/edge/badge/XYOracleNetwork/sdk-xyo-react-js?branch=main
-[bch-link]: https://bettercodehub.com/results/XYOracleNetwork/sdk-xyo-react-js
-[codacy-badge]: https://app.codacy.com/project/badge/Grade/0c82dd3b33c3494886a30b1c4ff5a8c0
-[codacy-link]: https://www.codacy.com/gh/XYOracleNetwork/sdk-xyo-react-js/dashboard?utm_source=github.com&utm_medium=referral&utm_content=XYOracleNetwork/sdk-xyo-react-js&utm_campaign=Badge_Grade
-[codeclimate-badge]: https://api.codeclimate.com/v1/badges/3d9b970fc814bbdd7d8f/maintainability
-[codeclimate-link]: https://codeclimate.com/github/XYOracleNetwork/sdk-xyo-react-js/maintainability
-[snyk-badge]: https://snyk.io/test/github/XYOracleNetwork/sdk-xyo-react-js/badge.svg?targetFile=package.json
-[snyk-link]: https://snyk.io/test/github/XYOracleNetwork/sdk-xyo-react-js?targetFile=package.json
+[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png

package/dist/cjs/components/Chrome.js

@@ -11,7 +11,7 @@ const react_shared_1 = require("@xyo-network/react-shared");
 const react_helmet_1 = require("react-helmet");
 const ErrorPage_1 = require("./ErrorPage");
 const WebAppChrome = (_a) => {
-    var { menuItems, navigationType = 'menu', footerElevation = 4, errorPage, appbar, footer, children, appName } = _a, props = tslib_1.__rest(_a, ["menuItems", "navigationType", "footerElevation", "errorPage", "appbar", "footer", "children", "appName"]);
+    var { appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu' } = _a, props = tslib_1.__rest(_a, ["appName", "appbar", "children", "errorPage", "footer", "footerElevation", "menuItems", "navigationType"]);
     return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh" }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, Object.assign({ defaultTitle: appName, titleTemplate: `%s | ${appName}` }, { children: (0, jsx_runtime_1.jsx)("meta", { content: "website", property: "og:type" }) })), appbar !== null && appbar !== void 0 ? appbar : (0, jsx_runtime_1.jsx)(react_appbar_1.ApplicationAppBar, { systemToolbar: (0, jsx_runtime_1.jsx)(react_appbar_1.SystemToolbar, { menuItems: navigationType === 'menu' ? menuItems : undefined }) }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch" }, { children: [navigationType !== 'menu' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems, (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical" })] })) : null, (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ id: "main-flex", justifyContent: "flex-start", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ErrorBoundary, Object.assign({ fallback: errorPage !== null && errorPage !== void 0 ? errorPage : (0, jsx_runtime_1.jsx)(ErrorPage_1.WebAppErrorPage, {}) }, { children: children })) }))] })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ id: "footer-flex", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: footerElevation, square: true }, { children: footer !== null && footer !== void 0 ? footer : (0, jsx_runtime_1.jsx)(react_footer_1.Footer, { dynamicHeight: true }) })) }))] })));
 };
 exports.WebAppChrome = WebAppChrome;

package/dist/cjs/components/Chrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAAuF;AAEvF,4DAA4E;AAC5E,4DAAkD;AAClD,4DAAyD;AAEzD,+CAAqC;AAErC,2CAA6C;AAYtC,MAAM,YAAY,GAAgC,CAAC,EAUzD,EAAE,EAAE;QAVqD,EACxD,SAAS,EACT,cAAc,GAAG,MAAM,EACvB,eAAe,GAAG,CAAC,EACnB,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,OAER,EADI,KAAK,sBATgD,0GAUzD,CADS;IAER,OAAO,CACL,wBAAC,uBAAO,kBAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,IAAK,KAAK,eAC3F,uBAAC,qBAAM,kBAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,gBAC7D,iCAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IACtC,EACR,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,gCAAiB,IAAC,aAAa,EAAE,uBAAC,4BAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,wBAAC,2BAAW,kBAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,iBACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,6DACG,SAAS,EACV,uBAAC,kBAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,2BAAW,kBAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC1E,uBAAC,4BAAa,kBAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,KAAG,gBAAG,QAAQ,IAAiB,IACzE,KACF,EACd,uBAAC,uBAAO,kBAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,gBAC5C,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,IACA,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,YAAY,gBAmCxB"}
+{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAAuF;AAEvF,4DAA4E;AAC5E,4DAAkD;AAClD,4DAAyD;AAEzD,+CAAqC;AAErC,2CAA6C;AAYtC,MAAM,YAAY,GAAgC,CAAC,EAUzD,EAAE,EAAE;QAVqD,EACxD,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,GAAG,CAAC,EACnB,SAAS,EACT,cAAc,GAAG,MAAM,OAExB,EADI,KAAK,sBATgD,0GAUzD,CADS;IAER,OAAO,CACL,wBAAC,uBAAO,kBAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,IAAK,KAAK,eAC3F,uBAAC,qBAAM,kBAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,gBAC7D,iCAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IACtC,EACR,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,gCAAiB,IAAC,aAAa,EAAE,uBAAC,4BAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,wBAAC,2BAAW,kBAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,iBACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,6DACG,SAAS,EACV,uBAAC,kBAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,2BAAW,kBAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC1E,uBAAC,4BAAa,kBAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,KAAG,gBAAG,QAAQ,IAAiB,IACzE,KACF,EACd,uBAAC,uBAAO,kBAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,gBAC5C,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,IACA,KACF,CACX,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,YAAY,gBAmCxB"}

package/dist/docs.json

@@ -375,7 +375,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L13"
 						}
 					],
 					"type": {
@@ -384,7 +384,7 @@
 					}
 				},
 				{
-					"id": 4,
+					"id": 3,
 					"name": "appbar",
 					"kind": 1024,
 					"kindString": "Property",
@@ -394,9 +394,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
-							"line": 15,
+							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L15"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L14"
 						}
 					],
 					"type": {
@@ -4476,7 +4476,7 @@
 					}
 				},
 				{
-					"id": 5,
+					"id": 4,
 					"name": "errorPage",
 					"kind": 1024,
 					"kindString": "Property",
@@ -4486,9 +4486,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
-							"line": 16,
+							"line": 15,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L15"
 						}
 					],
 					"type": {
@@ -6173,7 +6173,7 @@
 					}
 				},
 				{
-					"id": 3,
+					"id": 5,
 					"name": "footer",
 					"kind": 1024,
 					"kindString": "Property",
@@ -6183,9 +6183,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
-							"line": 14,
+							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L16"
 						}
 					],
 					"type": {
@@ -6208,7 +6208,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 							"line": 17,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L17"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L17"
 						}
 					],
 					"type": {
@@ -11567,7 +11567,7 @@
 					}
 				},
 				{
-					"id": 8,
+					"id": 7,
 					"name": "menuItems",
 					"kind": 1024,
 					"kindString": "Property",
@@ -11577,9 +11577,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
-							"line": 19,
+							"line": 18,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L19"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L18"
 						}
 					],
 					"type": {
@@ -13095,7 +13095,7 @@
 					}
 				},
 				{
-					"id": 7,
+					"id": 8,
 					"name": "navigationType",
 					"kind": 1024,
 					"kindString": "Property",
@@ -13105,9 +13105,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
-							"line": 18,
+							"line": 19,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L18"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L19"
 						}
 					],
 					"type": {
@@ -18432,7 +18432,7 @@
 						107,
 						127,
 						2,
-						4,
+						3,
 						187,
 						33,
 						51,
@@ -18448,7 +18448,7 @@
 						143,
 						67,
 						71,
-						5,
+						4,
 						29,
 						91,
 						95,
@@ -18459,7 +18459,7 @@
 						351,
 						355,
 						359,
-						3,
+						5,
 						6,
 						139,
 						183,
@@ -18489,7 +18489,7 @@
 						223,
 						211,
 						247,
-						8,
+						7,
 						227,
 						215,
 						251,
@@ -18497,7 +18497,7 @@
 						239,
 						255,
 						259,
-						7,
+						8,
 						115,
 						75,
 						263,
@@ -18534,7 +18534,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 					"line": 12,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L12"
 				}
 			],
 			"extendedTypes": [
@@ -22420,7 +22420,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 67,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Body.tsx#L67"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Body.tsx#L67"
 						}
 					],
 					"type": {
@@ -22779,7 +22779,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 							"line": 30,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Page.tsx#L30"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Page.tsx#L30"
 						}
 					],
 					"type": {
@@ -22815,7 +22815,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 68,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Body.tsx#L68"
 						}
 					],
 					"type": {
@@ -22840,7 +22840,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 							"line": 31,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Page.tsx#L31"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Page.tsx#L31"
 						}
 					],
 					"type": {
@@ -30752,7 +30752,7 @@
 					}
 				},
 				{
-					"id": 409,
+					"id": 408,
 					"name": "mobileScrollingBreakpoint",
 					"kind": 1024,
 					"kindString": "Property",
@@ -30762,9 +30762,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
-							"line": 70,
+							"line": 69,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
 						}
 					],
 					"type": {
@@ -35506,7 +35506,7 @@
 					}
 				},
 				{
-					"id": 408,
+					"id": 409,
 					"name": "spacing",
 					"kind": 1024,
 					"kindString": "Property",
@@ -35516,9 +35516,9 @@
 					"sources": [
 						{
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
-							"line": 69,
+							"line": 70,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Body.tsx#L69"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Body.tsx#L70"
 						}
 					],
 					"type": {
@@ -36293,7 +36293,7 @@
 							"fileName": "packages/sdk/packages/webapp/src/components/Body.tsx",
 							"line": 71,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Body.tsx#L71"
 						}
 					],
 					"type": {
@@ -37082,7 +37082,7 @@
 						629,
 						617,
 						653,
-						409,
+						408,
 						645,
 						641,
 						657,
@@ -37106,7 +37106,7 @@
 						689,
 						419,
 						549,
-						408,
+						409,
 						777,
 						481,
 						781,
@@ -37125,7 +37125,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 					"line": 29,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Page.tsx#L29"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Page.tsx#L29"
 				}
 			],
 			"extendedTypes": [
@@ -37152,7 +37152,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 					"line": 15,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L15"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L15"
 				}
 			],
 			"signatures": [
@@ -37242,7 +37242,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 					"line": 92,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Page.tsx#L92"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Page.tsx#L92"
 				}
 			],
 			"signatures": [
@@ -37340,7 +37340,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx",
 					"line": 12,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L12"
 				}
 			],
 			"signatures": [
@@ -37430,7 +37430,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Chrome.tsx",
 					"line": 22,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Chrome.tsx#L22"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Chrome.tsx#L22"
 				}
 			],
 			"signatures": [
@@ -37506,7 +37506,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/ErrorPage.tsx",
 					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/ErrorPage.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -37582,7 +37582,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx",
 					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/NotFoundPage/Page.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -37658,7 +37658,7 @@
 					"fileName": "packages/sdk/packages/webapp/src/components/Page.tsx",
 					"line": 34,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/components/Page.tsx#L34"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/components/Page.tsx#L34"
 				}
 			],
 			"signatures": [
@@ -37758,7 +37758,7 @@
 			"fileName": "packages/sdk/packages/webapp/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a4e86c2ce/packages/sdk/packages/webapp/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ddb49e92b/packages/sdk/packages/webapp/src/index.ts#L1"
 		}
 	]
 }

package/dist/esm/components/Chrome.js

@@ -6,7 +6,7 @@ import { Footer } from '@xyo-network/react-footer';
 import { ErrorBoundary } from '@xyo-network/react-shared';
 import { Helmet } from 'react-helmet';
 import { WebAppErrorPage } from './ErrorPage';
-export const WebAppChrome = ({ menuItems, navigationType = 'menu', footerElevation = 4, errorPage, appbar, footer, children, appName, ...props }) => {
+export const WebAppChrome = ({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu', ...props }) => {
     return (_jsxs(FlexCol, { id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ...props, children: [_jsx(Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: _jsx("meta", { content: "website", property: "og:type" }) }), appbar ?? _jsx(ApplicationAppBar, { systemToolbar: _jsx(SystemToolbar, { menuItems: navigationType === 'menu' ? menuItems : undefined }) }), _jsxs(FlexGrowRow, { id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch", children: [navigationType !== 'menu' ? (_jsxs(_Fragment, { children: [menuItems, _jsx(Divider, { orientation: "vertical" })] })) : null, _jsx(FlexGrowCol, { id: "main-flex", justifyContent: "flex-start", alignItems: "stretch", children: _jsx(ErrorBoundary, { fallback: errorPage ?? _jsx(WebAppErrorPage, {}), children: children }) })] }), _jsx(FlexCol, { id: "footer-flex", alignItems: "stretch", children: _jsx(Paper, { elevation: footerElevation, square: true, children: footer ?? _jsx(Footer, { dynamicHeight: true }) }) })] }));
 };
 //# sourceMappingURL=Chrome.js.map

package/dist/esm/components/Chrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEvF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAY7C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,SAAS,EACT,cAAc,GAAG,MAAM,EACvB,eAAe,GAAG,CAAC,EACnB,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,KAAK,KAAK,aAC3F,KAAC,MAAM,IAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,YAC7D,eAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,GACtC,EACR,MAAM,IAAI,KAAC,iBAAiB,IAAC,aAAa,EAAE,KAAC,aAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,MAAC,WAAW,IAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,aACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,8BACG,SAAS,EACV,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,YAC1E,KAAC,aAAa,IAAC,QAAQ,EAAE,SAAS,IAAI,KAAC,eAAe,KAAG,YAAG,QAAQ,GAAiB,GACzE,IACF,EACd,KAAC,OAAO,IAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,YAC5C,KAAC,KAAK,IAAC,SAAS,EAAE,eAAe,EAAE,MAAM,kBACtC,MAAM,IAAI,KAAC,MAAM,IAAC,aAAa,SAAG,GAC7B,GACA,IACF,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEvF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAY7C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,GAAG,CAAC,EACnB,SAAS,EACT,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,KAAK,KAAK,aAC3F,KAAC,MAAM,IAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,YAC7D,eAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,GACtC,EACR,MAAM,IAAI,KAAC,iBAAiB,IAAC,aAAa,EAAE,KAAC,aAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,MAAC,WAAW,IAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,aACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,8BACG,SAAS,EACV,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,YAC1E,KAAC,aAAa,IAAC,QAAQ,EAAE,SAAS,IAAI,KAAC,eAAe,KAAG,YAAG,QAAQ,GAAiB,GACzE,IACF,EACd,KAAC,OAAO,IAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,YAC5C,KAAC,KAAK,IAAC,SAAS,EAAE,eAAe,EAAE,MAAM,kBACtC,MAAM,IAAI,KAAC,MAAM,IAAC,aAAa,SAAG,GAC7B,GACA,IACF,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/types/components/Body.d.ts

@@ -4,8 +4,8 @@ import React, { ReactNode } from 'react';
 export interface WebAppBodyProps extends FlexBoxProps {
     breadcrumbs?: ReactNode;
     disableBreadcrumbGutter?: boolean;
-    spacing?: string | number;
     mobileScrollingBreakpoint?: Breakpoint;
+    spacing?: string | number;
     variant?: 'scrollable' | 'fixed';
 }
 export declare const WebAppBody: React.FC<WebAppBodyProps>;

package/dist/types/components/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAU,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA+DxC,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,yBAAyB,CAAC,EAAE,UAAU,CAAA;IACtC,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBhD,CAAA"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAU,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA+DxC,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,yBAAyB,CAAC,EAAE,UAAU,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBhD,CAAA"}

package/dist/types/components/Chrome.d.ts

@@ -3,12 +3,12 @@ import { WebAppNavigationType } from '@xyo-network/react-app-settings';
 import { ReactNode } from 'react';
 export interface WebAppChromeProps extends FlexBoxProps {
     appName: string;
-    footer?: ReactNode;
     appbar?: ReactNode;
     errorPage?: ReactNode;
+    footer?: ReactNode;
     footerElevation?: number;
-    navigationType?: WebAppNavigationType;
     menuItems?: ReactNode;
+    navigationType?: WebAppNavigationType;
 }
 export declare const WebAppChrome: React.FC<WebAppChromeProps>;
 //# sourceMappingURL=Chrome.d.ts.map

package/dist/types/components/Chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAA"}
+{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAA"}

package/package.json

@@ -10,10 +10,10 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xyo-network/react-app-settings": "^2.41.37",
-    "@xyo-network/react-appbar": "^2.41.37",
-    "@xyo-network/react-footer": "^2.41.37",
-    "@xyo-network/react-shared": "^2.41.37"
+    "@xyo-network/react-app-settings": "^2.41.38",
+    "@xyo-network/react-appbar": "^2.41.38",
+    "@xyo-network/react-footer": "^2.41.38",
+    "@xyo-network/react-shared": "^2.41.38"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -38,7 +38,7 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@storybook/react": "^6.5.15",
+    "@storybook/react": "^6.5.16",
     "@types/react-helmet": "^6.1.6",
     "@xylabs/pixel": "^1.4.10",
     "@xylabs/react-button": "^2.15.11",
@@ -46,9 +46,9 @@
     "@xylabs/react-link": "^2.15.11",
     "@xylabs/react-pixel": "^2.15.11",
     "@xylabs/react-shared": "^2.15.11",
-    "@xylabs/ts-scripts-yarn3": "2.12.26",
+    "@xylabs/ts-scripts-yarn3": "2.12.29",
     "async-mutex": "^0.4.0",
-    "axios": "^1.2.4",
+    "axios": "^1.2.6",
     "bowser": "^2.11.0",
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.21",
@@ -100,5 +100,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.41.37"
+  "version": "2.41.38"
 }

package/src/components/Body.tsx

@@ -66,8 +66,8 @@ const WebAppBodyScrollable = styled(FlexGrowCol, {
 export interface WebAppBodyProps extends FlexBoxProps {
   breadcrumbs?: ReactNode
   disableBreadcrumbGutter?: boolean
-  spacing?: string | number
   mobileScrollingBreakpoint?: Breakpoint
+  spacing?: string | number
   variant?: 'scrollable' | 'fixed'
 }
 

package/src/components/Chrome.tsx

@@ -11,23 +11,23 @@ import { WebAppErrorPage } from './ErrorPage'
 
 export interface WebAppChromeProps extends FlexBoxProps {
   appName: string
-  footer?: ReactNode
   appbar?: ReactNode
   errorPage?: ReactNode
+  footer?: ReactNode
   footerElevation?: number
-  navigationType?: WebAppNavigationType
   menuItems?: ReactNode
+  navigationType?: WebAppNavigationType
 }
 
 export const WebAppChrome: React.FC<WebAppChromeProps> = ({
-  menuItems,
-  navigationType = 'menu',
-  footerElevation = 4,
-  errorPage,
+  appName,
   appbar,
-  footer,
   children,
-  appName,
+  errorPage,
+  footer,
+  footerElevation = 4,
+  menuItems,
+  navigationType = 'menu',
   ...props
 }) => {
   return (