@xyo-network/react-webapp 2.25.44 → 2.25.47

package/dist/cjs/components/WebAppChrome.js

@@ -7,12 +7,10 @@ const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
 const react_appbar_1 = require("@xyo-network/react-appbar");
 const react_shared_1 = require("@xyo-network/react-shared");
-const react_theme_1 = require("@xyo-network/react-theme");
 const react_helmet_1 = require("react-helmet");
 const WebAppChrome = (_a) => {
     var { footerElevation = 4, errorPage, appbar, footer, children, appName } = _a, props = tslib_1.__rest(_a, ["footerElevation", "errorPage", "appbar", "footer", "children", "appName"]);
-    const { darkMode } = (0, react_shared_1.useAppSettings)();
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.InvertableThemeProvider, Object.assign({ dark: darkMode, options: react_theme_1.appThemeOptions, darkOptions: react_theme_1.partialDarkThemeOptions }, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (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" }) })), (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ alignItems: "stretch", height: "100vh" }, props, { children: [appbar !== null && appbar !== void 0 ? appbar : (0, jsx_runtime_1.jsx)(react_appbar_1.ApplicationAppBar, {}), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowCol, Object.assign({ overflow: "hidden", 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)(react_shared_1.ErrorPage, {}) }, { children: 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_shared_1.Footer, { dynamicHeight: true }) }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ alignItems: "stretch", 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, {}), (0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowCol, Object.assign({ overflow: "hidden", 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)(react_shared_1.ErrorPage, {}) }, { children: 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_shared_1.Footer, { dynamicHeight: true }) }))] })));
 };
 exports.WebAppChrome = WebAppChrome;
 //# sourceMappingURL=WebAppChrome.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WebAppChrome.js","sourceRoot":"","sources":["../../../src/components/WebAppChrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAkD;AAClD,iDAA+F;AAC/F,4DAA6D;AAC7D,4DAA4F;AAC5F,0DAAmF;AAEnF,+CAAqC;AAU9B,MAAM,YAAY,GAAgC,CAAC,EAA+E,EAAE,EAAE;QAAnF,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA7E,2EAA+E,CAAF;IACrI,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAc,GAAE,CAAA;IAErC,OAAO,CACL,wBAAC,mCAAuB,kBAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,6BAAe,EAAE,WAAW,EAAE,qCAAuB,iBACrG,uBAAC,sBAAW,KAAG,EACf,uBAAC,qBAAM,kBAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,gBAC7D,iCAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IACtC,EACT,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,IAAK,KAAK,eACnD,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,gCAAiB,KAAG,EAChC,uBAAC,uBAAW,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC7E,uBAAC,4BAAa,kBAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,wBAAS,KAAG,gBAAG,QAAQ,IAAiB,IACnE,EACd,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,KACA,KACc,CAC3B,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,YAAY,gBAoBxB"}
+{"version":3,"file":"WebAppChrome.js","sourceRoot":"","sources":["../../../src/components/WebAppChrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqC;AACrC,iDAAsE;AACtE,4DAA6D;AAC7D,4DAA4E;AAE5E,+CAAqC;AAU9B,MAAM,YAAY,GAAgC,CAAC,EAA+E,EAAE,EAAE;QAAnF,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA7E,2EAA+E,CAAF;IACrI,OAAO,CACL,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,IAAK,KAAK,eACpD,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,KAAG,EAChC,uBAAC,uBAAW,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC7E,uBAAC,4BAAa,kBAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,wBAAS,KAAG,gBAAG,QAAQ,IAAiB,IACnE,EACd,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,KACA,CACX,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}

package/dist/docs.json

@@ -414,7 +414,7 @@
 					"sources": [
 						{
 							"fileName": "packages/webapp/src/components/WebAppChrome.tsx",
-							"line": 10,
+							"line": 9,
 							"character": 2
 						}
 					],
@@ -434,7 +434,7 @@
 					"sources": [
 						{
 							"fileName": "packages/webapp/src/components/WebAppChrome.tsx",
-							"line": 12,
+							"line": 11,
 							"character": 2
 						}
 					],
@@ -6629,7 +6629,7 @@
 					"sources": [
 						{
 							"fileName": "packages/webapp/src/components/WebAppChrome.tsx",
-							"line": 13,
+							"line": 12,
 							"character": 2
 						}
 					],
@@ -8025,7 +8025,7 @@
 					"sources": [
 						{
 							"fileName": "packages/webapp/src/components/WebAppChrome.tsx",
-							"line": 11,
+							"line": 10,
 							"character": 2
 						}
 					],
@@ -8047,7 +8047,7 @@
 					"sources": [
 						{
 							"fileName": "packages/webapp/src/components/WebAppChrome.tsx",
-							"line": 14,
+							"line": 13,
 							"character": 2
 						}
 					],
@@ -24918,7 +24918,7 @@
 			"sources": [
 				{
 					"fileName": "packages/webapp/src/components/WebAppChrome.tsx",
-					"line": 9,
+					"line": 8,
 					"character": 17
 				}
 			],
@@ -24942,7 +24942,7 @@
 			"sources": [
 				{
 					"fileName": "packages/webapp/src/components/WebAppChrome.tsx",
-					"line": 17,
+					"line": 16,
 					"character": 13
 				}
 			],

package/dist/esm/components/WebAppChrome.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CssBaseline, Paper } from '@mui/material';
-import { FlexCol, FlexGrowCol, InvertableThemeProvider } from '@xylabs/sdk-react';
+import { Paper } from '@mui/material';
+import { FlexCol, FlexGrowCol } from '@xylabs/sdk-react';
 import { ApplicationAppBar } from '@xyo-network/react-appbar';
-import { ErrorBoundary, ErrorPage, Footer, useAppSettings } from '@xyo-network/react-shared';
-import { appThemeOptions, partialDarkThemeOptions } from '@xyo-network/react-theme';
+import { ErrorBoundary, ErrorPage, Footer } from '@xyo-network/react-shared';
 import { Helmet } from 'react-helmet';
 export const WebAppChrome = ({ footerElevation = 4, errorPage, appbar, footer, children, appName, ...props }) => {
-    const { darkMode } = useAppSettings();
-    return (_jsxs(InvertableThemeProvider, { dark: darkMode, options: appThemeOptions, darkOptions: partialDarkThemeOptions, children: [_jsx(CssBaseline, {}), _jsx(Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: _jsx("meta", { content: "website", property: "og:type" }) }), _jsxs(FlexCol, { alignItems: "stretch", height: "100vh", ...props, children: [appbar ?? _jsx(ApplicationAppBar, {}), _jsx(FlexGrowCol, { overflow: "hidden", justifyContent: "flex-start", alignItems: "stretch", children: _jsx(ErrorBoundary, { fallback: errorPage ?? _jsx(ErrorPage, {}), children: children }) }), _jsx(Paper, { elevation: footerElevation, square: true, children: footer ?? _jsx(Footer, { dynamicHeight: true }) })] })] }));
+    return (_jsxs(FlexCol, { alignItems: "stretch", height: "100vh", ...props, children: [_jsx(Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: _jsx("meta", { content: "website", property: "og:type" }) }), appbar ?? _jsx(ApplicationAppBar, {}), _jsx(FlexGrowCol, { overflow: "hidden", justifyContent: "flex-start", alignItems: "stretch", children: _jsx(ErrorBoundary, { fallback: errorPage ?? _jsx(ErrorPage, {}), children: children }) }), _jsx(Paper, { elevation: footerElevation, square: true, children: footer ?? _jsx(Footer, { dynamicHeight: true }) })] }));
 };
 //# sourceMappingURL=WebAppChrome.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WebAppChrome.js","sourceRoot":"","sources":["../../../src/components/WebAppChrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC5F,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAEnF,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAUrC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3I,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAA;IAErC,OAAO,CACL,MAAC,uBAAuB,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,uBAAuB,aACrG,KAAC,WAAW,KAAG,EACf,KAAC,MAAM,IAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,YAC7D,eAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,GACtC,EACT,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,KAAK,KAAK,aACnD,MAAM,IAAI,KAAC,iBAAiB,KAAG,EAChC,KAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,YAC7E,KAAC,aAAa,IAAC,QAAQ,EAAE,SAAS,IAAI,KAAC,SAAS,KAAG,YAAG,QAAQ,GAAiB,GACnE,EACd,KAAC,KAAK,IAAC,SAAS,EAAE,eAAe,EAAE,MAAM,kBACtC,MAAM,IAAI,KAAC,MAAM,IAAC,aAAa,SAAG,GAC7B,IACA,IACc,CAC3B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"WebAppChrome.js","sourceRoot":"","sources":["../../../src/components/WebAppChrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAUrC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3I,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,KAAK,KAAK,aACpD,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,KAAG,EAChC,KAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,YAC7E,KAAC,aAAa,IAAC,QAAQ,EAAE,SAAS,IAAI,KAAC,SAAS,KAAG,YAAG,QAAQ,GAAiB,GACnE,EACd,KAAC,KAAK,IAAC,SAAS,EAAE,eAAe,EAAE,MAAM,kBACtC,MAAM,IAAI,KAAC,MAAM,IAAC,aAAa,SAAG,GAC7B,IACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -22,9 +22,9 @@
     "@xyo-network/api": "^2.20.44",
     "@xyo-network/core": "^2.20.44",
     "@xyo-network/network": "^2.20.44",
-    "@xyo-network/react-appbar": "^2.25.44",
-    "@xyo-network/react-shared": "^2.25.44",
-    "@xyo-network/react-theme": "^2.25.44",
+    "@xyo-network/react-appbar": "^2.25.47",
+    "@xyo-network/react-shared": "^2.25.47",
+    "@xyo-network/react-theme": "^2.25.47",
     "lodash": "^4.17.21",
     "luxon": "^2.4.0",
     "react": "^18.1.0",
@@ -115,6 +115,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.44",
+  "version": "2.25.47",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/WebAppChrome.tsx

@@ -1,8 +1,7 @@
-import { CssBaseline, Paper } from '@mui/material'
-import { FlexBoxProps, FlexCol, FlexGrowCol, InvertableThemeProvider } from '@xylabs/sdk-react'
+import { Paper } from '@mui/material'
+import { FlexBoxProps, FlexCol, FlexGrowCol } from '@xylabs/sdk-react'
 import { ApplicationAppBar } from '@xyo-network/react-appbar'
-import { ErrorBoundary, ErrorPage, Footer, useAppSettings } from '@xyo-network/react-shared'
-import { appThemeOptions, partialDarkThemeOptions } from '@xyo-network/react-theme'
+import { ErrorBoundary, ErrorPage, Footer } from '@xyo-network/react-shared'
 import { ReactNode } from 'react'
 import { Helmet } from 'react-helmet'
 
@@ -15,23 +14,18 @@ export interface WebAppChromeProps extends FlexBoxProps {
 }
 
 export const WebAppChrome: React.FC<WebAppChromeProps> = ({ footerElevation = 4, errorPage, appbar, footer, children, appName, ...props }) => {
-  const { darkMode } = useAppSettings()
-
   return (
-    <InvertableThemeProvider dark={darkMode} options={appThemeOptions} darkOptions={partialDarkThemeOptions}>
-      <CssBaseline />
+    <FlexCol alignItems="stretch" height="100vh" {...props}>
       <Helmet defaultTitle={appName} titleTemplate={`%s | ${appName}`}>
         <meta content="website" property="og:type" />
       </Helmet>
-      <FlexCol alignItems="stretch" height="100vh" {...props}>
-        {appbar ?? <ApplicationAppBar />}
-        <FlexGrowCol overflow="hidden" justifyContent="flex-start" alignItems="stretch">
-          <ErrorBoundary fallback={errorPage ?? <ErrorPage />}>{children}</ErrorBoundary>
-        </FlexGrowCol>
-        <Paper elevation={footerElevation} square>
-          {footer ?? <Footer dynamicHeight />}
-        </Paper>
-      </FlexCol>
-    </InvertableThemeProvider>
+      {appbar ?? <ApplicationAppBar />}
+      <FlexGrowCol overflow="hidden" justifyContent="flex-start" alignItems="stretch">
+        <ErrorBoundary fallback={errorPage ?? <ErrorPage />}>{children}</ErrorBoundary>
+      </FlexGrowCol>
+      <Paper elevation={footerElevation} square>
+        {footer ?? <Footer dynamicHeight />}
+      </Paper>
+    </FlexCol>
   )
 }