@xyo-network/react-webapp 2.47.4 → 2.47.6

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.
Files changed (9) hide show
  1. package/dist/cjs/components/Chrome.js +5 -4
  2. package/dist/cjs/components/Chrome.js.map +1 -1
  3. package/dist/docs.json +1172 -1141
  4. package/dist/esm/components/Chrome.js +5 -3
  5. package/dist/esm/components/Chrome.js.map +1 -1
  6. package/dist/types/components/Chrome.d.ts +1 -1
  7. package/dist/types/components/Chrome.d.ts.map +1 -1
  8. package/package.json +5 -5
  9. package/src/components/Chrome.tsx +36 -42
package/dist/cjs/components/Chrome.js CHANGED
@@ -8,13 +8,14 @@ const react_flexbox_1 = require("@xylabs/react-flexbox");
8
8
  const react_appbar_1 = require("@xyo-network/react-appbar");
9
9
  const react_footer_1 = require("@xyo-network/react-footer");
10
10
  const react_shared_1 = require("@xyo-network/react-shared");
11
+ const react_1 = require("react");
11
12
  const react_helmet_1 = require("react-helmet");
12
13
  const ErrorPage_1 = require("./ErrorPage");
13
- const WebAppChrome = (_a) => {
14
+ exports.WebAppChrome = (0, react_1.forwardRef)((_a, ref) => {
14
15
  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"]);
15
- 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({ fallbackWithError: (error) => {
16
+ return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref: ref }, 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({ fallbackWithError: (error) => {
16
17
  return errorPage !== null && errorPage !== void 0 ? errorPage : (0, jsx_runtime_1.jsx)(ErrorPage_1.WebAppErrorPage, { error: error });
17
18
  } }, { 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 }) })) }))] })));
18
- };
19
- exports.WebAppChrome = WebAppChrome;
19
+ });
20
+ exports.WebAppChrome.displayName = 'WebAppChrome';
20
21
  //# sourceMappingURL=Chrome.js.map
package/dist/cjs/components/Chrome.js.map CHANGED
@@ -1 +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,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,kBACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gCAC3B,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;4BACvD,CAAC,gBAEA,QAAQ,IACK,IACJ,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;AAzCY,QAAA,YAAY,gBAyCxB"}
1
+ {"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAAuF;AAEvF,4DAA4E;AAC5E,4DAAkD;AAClD,4DAAyD;AACzD,iCAA6C;AAC7C,+CAAqC;AAErC,2CAA6C;AAYhC,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CAAC,EAAmH,EAAE,GAAG,EAAE,EAAE;QAA5H,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,OAAY,EAAP,KAAK,sBAAjH,0GAAmH,CAAF;IAChH,OAAO,CACL,wBAAC,uBAAO,kBAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eACrG,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,kBACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gCAC3B,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;4BACvD,CAAC,gBAEA,QAAQ,IACK,IACJ,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,CACF,CAAA;AAED,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}