@xyo-network/react-webapp 2.25.30 → 2.25.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/WebAppChrome.d.ts +1 -0
- package/dist/cjs/components/WebAppChrome.js +2 -2
- package/dist/cjs/components/WebAppChrome.js.map +1 -1
- package/dist/docs.json +844 -823
- package/dist/esm/components/WebAppChrome.d.ts +1 -0
- package/dist/esm/components/WebAppChrome.js +3 -3
- package/dist/esm/components/WebAppChrome.js.map +1 -1
- package/package.json +14 -14
- package/src/components/WebAppChrome.stories.tsx +38 -0
- package/src/components/WebAppChrome.tsx +6 -3
|
@@ -10,9 +10,9 @@ const react_shared_1 = require("@xyo-network/react-shared");
|
|
|
10
10
|
const react_theme_1 = require("@xyo-network/react-theme");
|
|
11
11
|
const react_helmet_1 = require("react-helmet");
|
|
12
12
|
const WebAppChrome = (_a) => {
|
|
13
|
-
var { errorPage, appbar, footer, children, appName } = _a, props = tslib_1.__rest(_a, ["errorPage", "appbar", "footer", "children", "appName"]);
|
|
13
|
+
var { footerElevation = 4, errorPage, appbar, footer, children, appName } = _a, props = tslib_1.__rest(_a, ["footerElevation", "errorPage", "appbar", "footer", "children", "appName"]);
|
|
14
14
|
const { darkMode } = (0, react_shared_1.useAppSettings)();
|
|
15
|
-
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 })) })), footer !== null && footer !== void 0 ? footer : (0, jsx_runtime_1.jsx)(react_shared_1.Footer, { dynamicHeight: true })] }))] })));
|
|
15
|
+
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 }) }))] }))] })));
|
|
16
16
|
};
|
|
17
17
|
exports.WebAppChrome = WebAppChrome;
|
|
18
18
|
//# sourceMappingURL=WebAppChrome.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebAppChrome.js","sourceRoot":"","sources":["../../../src/components/WebAppChrome.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
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"}
|