@xyo-network/react-webapp 2.25.27

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

@@ -0,0 +1,9 @@
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { ReactNode } from 'react';
+export interface WebAppChromeProps extends FlexBoxProps {
+    appName?: string;
+    footer?: ReactNode;
+    appbar?: ReactNode;
+    errorPage?: ReactNode;
+}
+export declare const WebAppChrome: React.FC<WebAppChromeProps>;

package/dist/esm/components/WebAppChrome.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CssBaseline } from '@mui/material';
+import { FlexCol, FlexGrowCol, InvertableThemeProvider } 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 { Helmet } from 'react-helmet';
+export const WebAppChrome = ({ 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 }) }), footer ?? _jsx(Footer, { dynamicHeight: true })] })] }));
+};
+//# sourceMappingURL=WebAppChrome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebAppChrome.js","sourceRoot":"","sources":["../../../src/components/WebAppChrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,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;AASrC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,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,EACb,MAAM,IAAI,KAAC,MAAM,IAAC,aAAa,SAAG,IAC3B,IACc,CAC3B,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+export * from './WebAppChrome';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './WebAppChrome';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/package.json

@@ -0,0 +1,120 @@
+{
+  "name": "@xyo-network/react-webapp",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.8.0",
+    "@mui/lab": "^5.0.0-alpha.83",
+    "@mui/material": "^5.8.1",
+    "@mui/styles": "^5.8.0",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.10",
+    "@xyo-network/api": "^2.20.38",
+    "@xyo-network/core": "^2.20.38",
+    "@xyo-network/network": "^2.20.38",
+    "@xyo-network/react-appbar": "^2.25.27",
+    "@xyo-network/react-shared": "^2.25.27",
+    "@xyo-network/react-theme": "^2.25.27",
+    "lodash": "^4.17.21",
+    "luxon": "^2.4.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-helmet": "^6.1.0",
+    "react-icons": "^4.3.1",
+    "react-json-view": "^1.21.3",
+    "react-router-dom": "^6.3.0",
+    "tslib": "^2.4.0",
+    "typedoc": "^0.22.15"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "devDependencies": {
+    "@babel/core": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
+    "@storybook/addons": "^6.5.6",
+    "@storybook/api": "^6.5.6",
+    "@storybook/components": "^6.5.6",
+    "@storybook/core-events": "^6.5.6",
+    "@storybook/react": "^6.5.6",
+    "@storybook/theming": "^6.5.6",
+    "@types/lodash": "^4.14.182",
+    "@types/react-helmet": "^6.1.5",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.10",
+    "@xylabs/ts-scripts": "^1.0.66",
+    "@xylabs/tsconfig": "^1.0.13",
+    "axios": "^0.27.2",
+    "storybook-dark-mode": "^1.1.0",
+    "typescript": "^4.7.2"
+  },
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "peerDependencies": {
+    "axios": ">0.26",
+    "typedoc": "^0.22.13"
+  },
+  "peerDependenciesMeta": {
+    "typedoc": {
+      "optional": true
+    }
+  },
+  "resolutions": {
+    "@storybook/react/webpack": "^5",
+    "bn.js": "^5.2.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "webpack": "^5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "lint-pkg": "npmPkgJsonLint .",
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.25.27",
+  "packageManager": "yarn@3.1.1"
+}

package/src/components/WebAppChrome.tsx

@@ -0,0 +1,34 @@
+import { CssBaseline } from '@mui/material'
+import { FlexBoxProps, FlexCol, FlexGrowCol, InvertableThemeProvider } 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 { ReactNode } from 'react'
+import { Helmet } from 'react-helmet'
+
+export interface WebAppChromeProps extends FlexBoxProps {
+  appName?: string
+  footer?: ReactNode
+  appbar?: ReactNode
+  errorPage?: ReactNode
+}
+
+export const WebAppChrome: React.FC<WebAppChromeProps> = ({ errorPage, appbar, footer, children, appName, ...props }) => {
+  const { darkMode } = useAppSettings()
+
+  return (
+    <InvertableThemeProvider dark={darkMode} options={appThemeOptions} darkOptions={partialDarkThemeOptions}>
+      <CssBaseline />
+      <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>
+        {footer ?? <Footer dynamicHeight />}
+      </FlexCol>
+    </InvertableThemeProvider>
+  )
+}

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './WebAppChrome'

package/src/index.ts

@@ -0,0 +1 @@
+export * from './components'

package/typedoc.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://typedoc.org/schema.json",
+  "entryPoints": [
+    "./src/index.ts"
+  ],
+  "excludeExternals": true,
+  "excludeInternal": true,
+  "excludePrivate": true,
+  "excludeProtected": true,
+  "intentionallyNotExported": [
+    "AuthDispatch",
+    "AuthServiceId",
+    "AuthState",
+    "LoginForm"
+  ],
+  "json": "./dist/docs.json",
+  "tsconfig": "./tsconfig.json"
+}