@xyo-network/react-webapp 2.25.45 → 2.25.48

package/dist/esm/components/WebAppChrome.d.ts

@@ -1,4 +1,4 @@
-import { FlexBoxProps } from '@xylabs/sdk-react';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { ReactNode } from 'react';
 export interface WebAppChromeProps extends FlexBoxProps {
     appName: string;

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/react-flexbox';
 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,uBAAuB,CAAA;AAC1E,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

@@ -18,13 +18,12 @@
     "@mui/styles": "^5.8.3",
     "@xylabs/pixel": "^1.3.9",
     "@xylabs/sdk-js": "^2.5.7",
-    "@xylabs/sdk-react": "^2.13.7",
     "@xyo-network/api": "^2.20.44",
     "@xyo-network/core": "^2.20.44",
     "@xyo-network/network": "^2.20.44",
-    "@xyo-network/react-appbar": "^2.25.45",
-    "@xyo-network/react-shared": "^2.25.45",
-    "@xyo-network/react-theme": "^2.25.45",
+    "@xyo-network/react-appbar": "^2.25.48",
+    "@xyo-network/react-shared": "^2.25.48",
+    "@xyo-network/react-theme": "^2.25.48",
     "lodash": "^4.17.21",
     "luxon": "^2.4.0",
     "react": "^18.1.0",
@@ -50,7 +49,6 @@
     "@types/react-helmet": "^6.1.5",
     "@xylabs/pixel": "^1.3.9",
     "@xylabs/sdk-js": "^2.5.7",
-    "@xylabs/sdk-react": "^2.13.7",
     "@xylabs/ts-scripts": "^1.0.66",
     "@xylabs/tsconfig": "^1.0.13",
     "axios": "^0.27.2",
@@ -115,6 +113,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.45",
+  "version": "2.25.48",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/WebAppChrome.stories.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable import/no-internal-modules */
 import { ComponentMeta, ComponentStory } from '@storybook/react'
-import { FlexCol } from '@xylabs/sdk-react'
+import { FlexCol } from '@xylabs/react-flexbox'
 import { BrowserRouter } from 'react-router-dom'
 
 import { FlexPage } from '../../../shared/src'

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/react-flexbox'
 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>
   )
 }