@xyo-network/react-webapp 2.64.0-rc.3 → 2.64.0-rc.4

package/dist/node/components/Body.js

@@ -0,0 +1,101 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Body_exports = {};
+__export(Body_exports, {
+  WebAppBody: () => WebAppBody
+});
+module.exports = __toCommonJS(Body_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_lib = require("./lib");
+const WebAppBodyName = "WebAppBody";
+const propsNotForwarded = ["mobileScrollingBreakpoint", "variant", "spacing", "disableBreadcrumbGutter"];
+const defaultStyledOptions = {
+  shouldForwardProp: (prop) => !propsNotForwarded.includes(prop)
+};
+const WebAppBodyRoot = (0, import_material.styled)(import_react_flexbox.FlexGrowCol, {
+  ...defaultStyledOptions,
+  name: WebAppBodyName,
+  slot: "Root"
+})(({ spacing, theme, mobileScrollingBreakpoint = "sm", variant }) => {
+  const scrollable = variant === "scrollable";
+  return theme.unstable_sx({
+    alignItems: "stretch",
+    gap: 1,
+    justifyContent: "flex-start",
+    overflowX: "visible",
+    overflowY: scrollable ? "scroll" : "hidden",
+    paddingY: spacing,
+    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+      overflowY: "scroll"
+    }
+  });
+});
+const WebAppBodyBreadcrumb = (0, import_material.styled)(import_react_flexbox.FlexRow, {
+  ...defaultStyledOptions,
+  name: WebAppBodyName,
+  slot: "Breadcrumb"
+})(
+  ({ theme, disableBreadcrumbGutter, spacing }) => theme.unstable_sx({
+    justifyContent: "start",
+    marginX: disableBreadcrumbGutter ? 0 : spacing
+  })
+);
+const WebAppBodyScrollableWrapper = (0, import_material.styled)(import_react_flexbox.FlexGrowCol, {
+  name: WebAppBodyName,
+  slot: "ScrollableWrapper"
+})(() => ({
+  alignItems: "stretch"
+}));
+const WebAppBodyScrollable = (0, import_material.styled)(import_react_flexbox.FlexGrowCol, {
+  ...defaultStyledOptions,
+  name: WebAppBodyName,
+  slot: "Scrollable"
+})(({ theme, mobileScrollingBreakpoint = "sm", variant }) => {
+  const props = variant === "scrollable" ? import_lib.scrollableContent : import_lib.fixedContent;
+  return {
+    ...props,
+    alignItems: "stretch",
+    justifyContent: "start",
+    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+      inset: "unset",
+      position: "relative"
+    }
+  };
+});
+const WebAppBody = ({
+  children,
+  breadcrumbs,
+  disableBreadcrumbGutter,
+  mobileScrollingBreakpoint,
+  spacing = 1,
+  variant,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(WebAppBodyRoot, { mobileScrollingBreakpoint, spacing, variant, ...props, children: [
+    breadcrumbs ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WebAppBodyBreadcrumb, { disableBreadcrumbGutter, spacing, children: breadcrumbs }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WebAppBodyScrollableWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WebAppBodyScrollable, { mobileScrollingBreakpoint, variant, children }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WebAppBody
+});
+//# sourceMappingURL=Body.js.map

package/dist/node/components/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Body.tsx"],"sourcesContent":["import { Breakpoint, styled } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { ReactNode } from 'react'\n\nimport { fixedContent, scrollableContent } from './lib'\n\nconst WebAppBodyName = 'WebAppBody'\nconst propsNotForwarded = ['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter']\nconst defaultStyledOptions = {\n  shouldForwardProp: (prop: string) => !propsNotForwarded.includes(prop),\n}\n\nconst WebAppBodyRoot = styled(FlexGrowCol, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Root',\n})<WebAppBodyProps>(({ spacing, theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const scrollable = variant === 'scrollable'\n  return theme.unstable_sx({\n    alignItems: 'stretch',\n    gap: 1,\n    justifyContent: 'flex-start',\n    overflowX: 'visible',\n    overflowY: scrollable ? 'scroll' : 'hidden',\n    paddingY: spacing,\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      overflowY: 'scroll',\n    },\n  })\n})\n\nconst WebAppBodyBreadcrumb = styled(FlexRow, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Breadcrumb',\n})<WebAppBodyProps>(({ theme, disableBreadcrumbGutter, spacing }) =>\n  theme.unstable_sx({\n    justifyContent: 'start',\n    marginX: disableBreadcrumbGutter ? 0 : spacing,\n  }),\n)\n\nconst WebAppBodyScrollableWrapper = styled(FlexGrowCol, {\n  name: WebAppBodyName,\n  slot: 'ScrollableWrapper',\n})<WebAppBodyProps>(() => ({\n  alignItems: 'stretch',\n}))\n\nconst WebAppBodyScrollable = styled(FlexGrowCol, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Scrollable',\n})<WebAppBodyProps>(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const props = variant === 'scrollable' ? scrollableContent : fixedContent\n  return {\n    ...props,\n    alignItems: 'stretch',\n    justifyContent: 'start',\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      inset: 'unset',\n      position: 'relative',\n    },\n  }\n})\n\nexport interface WebAppBodyProps extends FlexBoxProps {\n  breadcrumbs?: ReactNode\n  disableBreadcrumbGutter?: boolean\n  mobileScrollingBreakpoint?: Breakpoint\n  spacing?: string | number\n  variant?: 'scrollable' | 'fixed'\n}\n\nexport const WebAppBody: React.FC<WebAppBodyProps> = ({\n  children,\n  breadcrumbs,\n  disableBreadcrumbGutter,\n  mobileScrollingBreakpoint,\n  spacing = 1,\n  variant,\n  ...props\n}) => {\n  return (\n    <WebAppBodyRoot mobileScrollingBreakpoint={mobileScrollingBreakpoint} spacing={spacing} variant={variant} {...props}>\n      {breadcrumbs ? (\n        <WebAppBodyBreadcrumb disableBreadcrumbGutter={disableBreadcrumbGutter} spacing={spacing}>\n          {breadcrumbs}\n        </WebAppBodyBreadcrumb>\n      ) : null}\n      <WebAppBodyScrollableWrapper>\n        <WebAppBodyScrollable mobileScrollingBreakpoint={mobileScrollingBreakpoint} variant={variant}>\n          {children}\n        </WebAppBodyScrollable>\n      </WebAppBodyScrollableWrapper>\n    </WebAppBodyRoot>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoFI;AApFJ,sBAAmC;AACnC,2BAAmD;AAGnD,iBAAgD;AAEhD,MAAM,iBAAiB;AACvB,MAAM,oBAAoB,CAAC,6BAA6B,WAAW,WAAW,yBAAyB;AACvG,MAAM,uBAAuB;AAAA,EAC3B,mBAAmB,CAAC,SAAiB,CAAC,kBAAkB,SAAS,IAAI;AACvE;AAEA,MAAM,qBAAiB,wBAAO,kCAAa;AAAA,EACzC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,SAAS,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AACrF,QAAM,aAAa,YAAY;AAC/B,SAAO,MAAM,YAAY;AAAA,IACvB,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,WAAW,aAAa,WAAW;AAAA,IACnC,UAAU;AAAA,IACV,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,WAAW;AAAA,IACb;AAAA,EACF,CAAC;AACH,CAAC;AAED,MAAM,2BAAuB,wBAAO,8BAAS;AAAA,EAC3C,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC;AAAA,EAAmB,CAAC,EAAE,OAAO,yBAAyB,QAAQ,MAC7D,MAAM,YAAY;AAAA,IAChB,gBAAgB;AAAA,IAChB,SAAS,0BAA0B,IAAI;AAAA,EACzC,CAAC;AACH;AAEA,MAAM,kCAA8B,wBAAO,kCAAa;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,OAAO;AAAA,EACzB,YAAY;AACd,EAAE;AAEF,MAAM,2BAAuB,wBAAO,kCAAa;AAAA,EAC/C,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AAC5E,QAAM,QAAQ,YAAY,eAAe,+BAAoB;AAC7D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;AAUM,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,kBAAe,2BAAsD,SAAkB,SAAmB,GAAG,OAC3G;AAAA,kBACC,4CAAC,wBAAqB,yBAAkD,SACrE,uBACH,IACE;AAAA,IACJ,4CAAC,+BACC,sDAAC,wBAAqB,2BAAsD,SACzE,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/Body.mjs

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled } from "@mui/material";
+import { FlexGrowCol, FlexRow } from "@xylabs/react-flexbox";
+import { fixedContent, scrollableContent } from "./lib";
+const WebAppBodyName = "WebAppBody";
+const propsNotForwarded = ["mobileScrollingBreakpoint", "variant", "spacing", "disableBreadcrumbGutter"];
+const defaultStyledOptions = {
+  shouldForwardProp: (prop) => !propsNotForwarded.includes(prop)
+};
+const WebAppBodyRoot = styled(FlexGrowCol, {
+  ...defaultStyledOptions,
+  name: WebAppBodyName,
+  slot: "Root"
+})(({ spacing, theme, mobileScrollingBreakpoint = "sm", variant }) => {
+  const scrollable = variant === "scrollable";
+  return theme.unstable_sx({
+    alignItems: "stretch",
+    gap: 1,
+    justifyContent: "flex-start",
+    overflowX: "visible",
+    overflowY: scrollable ? "scroll" : "hidden",
+    paddingY: spacing,
+    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+      overflowY: "scroll"
+    }
+  });
+});
+const WebAppBodyBreadcrumb = styled(FlexRow, {
+  ...defaultStyledOptions,
+  name: WebAppBodyName,
+  slot: "Breadcrumb"
+})(
+  ({ theme, disableBreadcrumbGutter, spacing }) => theme.unstable_sx({
+    justifyContent: "start",
+    marginX: disableBreadcrumbGutter ? 0 : spacing
+  })
+);
+const WebAppBodyScrollableWrapper = styled(FlexGrowCol, {
+  name: WebAppBodyName,
+  slot: "ScrollableWrapper"
+})(() => ({
+  alignItems: "stretch"
+}));
+const WebAppBodyScrollable = styled(FlexGrowCol, {
+  ...defaultStyledOptions,
+  name: WebAppBodyName,
+  slot: "Scrollable"
+})(({ theme, mobileScrollingBreakpoint = "sm", variant }) => {
+  const props = variant === "scrollable" ? scrollableContent : fixedContent;
+  return {
+    ...props,
+    alignItems: "stretch",
+    justifyContent: "start",
+    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+      inset: "unset",
+      position: "relative"
+    }
+  };
+});
+const WebAppBody = ({
+  children,
+  breadcrumbs,
+  disableBreadcrumbGutter,
+  mobileScrollingBreakpoint,
+  spacing = 1,
+  variant,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(WebAppBodyRoot, { mobileScrollingBreakpoint, spacing, variant, ...props, children: [
+    breadcrumbs ? /* @__PURE__ */ jsx(WebAppBodyBreadcrumb, { disableBreadcrumbGutter, spacing, children: breadcrumbs }) : null,
+    /* @__PURE__ */ jsx(WebAppBodyScrollableWrapper, { children: /* @__PURE__ */ jsx(WebAppBodyScrollable, { mobileScrollingBreakpoint, variant, children }) })
+  ] });
+};
+export {
+  WebAppBody
+};
+//# sourceMappingURL=Body.mjs.map

package/dist/node/components/Body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Body.tsx"],"sourcesContent":["import { Breakpoint, styled } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { ReactNode } from 'react'\n\nimport { fixedContent, scrollableContent } from './lib'\n\nconst WebAppBodyName = 'WebAppBody'\nconst propsNotForwarded = ['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter']\nconst defaultStyledOptions = {\n  shouldForwardProp: (prop: string) => !propsNotForwarded.includes(prop),\n}\n\nconst WebAppBodyRoot = styled(FlexGrowCol, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Root',\n})<WebAppBodyProps>(({ spacing, theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const scrollable = variant === 'scrollable'\n  return theme.unstable_sx({\n    alignItems: 'stretch',\n    gap: 1,\n    justifyContent: 'flex-start',\n    overflowX: 'visible',\n    overflowY: scrollable ? 'scroll' : 'hidden',\n    paddingY: spacing,\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      overflowY: 'scroll',\n    },\n  })\n})\n\nconst WebAppBodyBreadcrumb = styled(FlexRow, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Breadcrumb',\n})<WebAppBodyProps>(({ theme, disableBreadcrumbGutter, spacing }) =>\n  theme.unstable_sx({\n    justifyContent: 'start',\n    marginX: disableBreadcrumbGutter ? 0 : spacing,\n  }),\n)\n\nconst WebAppBodyScrollableWrapper = styled(FlexGrowCol, {\n  name: WebAppBodyName,\n  slot: 'ScrollableWrapper',\n})<WebAppBodyProps>(() => ({\n  alignItems: 'stretch',\n}))\n\nconst WebAppBodyScrollable = styled(FlexGrowCol, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Scrollable',\n})<WebAppBodyProps>(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const props = variant === 'scrollable' ? scrollableContent : fixedContent\n  return {\n    ...props,\n    alignItems: 'stretch',\n    justifyContent: 'start',\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      inset: 'unset',\n      position: 'relative',\n    },\n  }\n})\n\nexport interface WebAppBodyProps extends FlexBoxProps {\n  breadcrumbs?: ReactNode\n  disableBreadcrumbGutter?: boolean\n  mobileScrollingBreakpoint?: Breakpoint\n  spacing?: string | number\n  variant?: 'scrollable' | 'fixed'\n}\n\nexport const WebAppBody: React.FC<WebAppBodyProps> = ({\n  children,\n  breadcrumbs,\n  disableBreadcrumbGutter,\n  mobileScrollingBreakpoint,\n  spacing = 1,\n  variant,\n  ...props\n}) => {\n  return (\n    <WebAppBodyRoot mobileScrollingBreakpoint={mobileScrollingBreakpoint} spacing={spacing} variant={variant} {...props}>\n      {breadcrumbs ? (\n        <WebAppBodyBreadcrumb disableBreadcrumbGutter={disableBreadcrumbGutter} spacing={spacing}>\n          {breadcrumbs}\n        </WebAppBodyBreadcrumb>\n      ) : null}\n      <WebAppBodyScrollableWrapper>\n        <WebAppBodyScrollable mobileScrollingBreakpoint={mobileScrollingBreakpoint} variant={variant}>\n          {children}\n        </WebAppBodyScrollable>\n      </WebAppBodyScrollableWrapper>\n    </WebAppBodyRoot>\n  )\n}\n"],"mappings":"AAoFI,SAEI,KAFJ;AApFJ,SAAqB,cAAc;AACnC,SAAuB,aAAa,eAAe;AAGnD,SAAS,cAAc,yBAAyB;AAEhD,MAAM,iBAAiB;AACvB,MAAM,oBAAoB,CAAC,6BAA6B,WAAW,WAAW,yBAAyB;AACvG,MAAM,uBAAuB;AAAA,EAC3B,mBAAmB,CAAC,SAAiB,CAAC,kBAAkB,SAAS,IAAI;AACvE;AAEA,MAAM,iBAAiB,OAAO,aAAa;AAAA,EACzC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,SAAS,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AACrF,QAAM,aAAa,YAAY;AAC/B,SAAO,MAAM,YAAY;AAAA,IACvB,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,WAAW,aAAa,WAAW;AAAA,IACnC,UAAU;AAAA,IACV,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,WAAW;AAAA,IACb;AAAA,EACF,CAAC;AACH,CAAC;AAED,MAAM,uBAAuB,OAAO,SAAS;AAAA,EAC3C,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC;AAAA,EAAmB,CAAC,EAAE,OAAO,yBAAyB,QAAQ,MAC7D,MAAM,YAAY;AAAA,IAChB,gBAAgB;AAAA,IAChB,SAAS,0BAA0B,IAAI;AAAA,EACzC,CAAC;AACH;AAEA,MAAM,8BAA8B,OAAO,aAAa;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,OAAO;AAAA,EACzB,YAAY;AACd,EAAE;AAEF,MAAM,uBAAuB,OAAO,aAAa;AAAA,EAC/C,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AAC5E,QAAM,QAAQ,YAAY,eAAe,oBAAoB;AAC7D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;AAUM,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,qBAAC,kBAAe,2BAAsD,SAAkB,SAAmB,GAAG,OAC3G;AAAA,kBACC,oBAAC,wBAAqB,yBAAkD,SACrE,uBACH,IACE;AAAA,IACJ,oBAAC,+BACC,8BAAC,wBAAqB,2BAAsD,SACzE,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/Chrome.d.mts

@@ -0,0 +1,14 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WebAppNavigationType } from '@xyo-network/react-app-settings';
+import { ReactNode } from 'react';
+export interface WebAppChromeProps extends FlexBoxProps {
+    appName: string;
+    appbar?: ReactNode;
+    errorPage?: ReactNode;
+    footer?: ReactNode;
+    footerElevation?: number;
+    menuItems?: ReactNode;
+    navigationType?: WebAppNavigationType;
+}
+export declare const WebAppChrome: import("react").ForwardRefExoticComponent<WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Chrome.d.ts.map

package/dist/node/components/Chrome.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,YAAY,8GAiCxB,CAAA"}

package/dist/node/components/Chrome.d.ts

@@ -0,0 +1,14 @@
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WebAppNavigationType } from '@xyo-network/react-app-settings';
+import { ReactNode } from 'react';
+export interface WebAppChromeProps extends FlexBoxProps {
+    appName: string;
+    appbar?: ReactNode;
+    errorPage?: ReactNode;
+    footer?: ReactNode;
+    footerElevation?: number;
+    menuItems?: ReactNode;
+    navigationType?: WebAppNavigationType;
+}
+export declare const WebAppChrome: import("react").ForwardRefExoticComponent<WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Chrome.d.ts.map

package/dist/node/components/Chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,YAAY,8GAiCxB,CAAA"}

package/dist/node/components/Chrome.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Chrome_exports = {};
+__export(Chrome_exports, {
+  WebAppChrome: () => WebAppChrome
+});
+module.exports = __toCommonJS(Chrome_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_appbar = require("@xyo-network/react-appbar");
+var import_react_footer = require("@xyo-network/react-footer");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_react = require("react");
+var import_react_helmet = require("react-helmet");
+var import_ErrorPage = require("./ErrorPage");
+const WebAppChrome = (0, import_react.forwardRef)(
+  ({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = "menu", ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_helmet.Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { content: "website", property: "og:type" }) }),
+      appbar ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_appbar.ApplicationAppBar, { systemToolbar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_appbar.SystemToolbar, { menuItems: navigationType === "menu" ? menuItems : void 0 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexGrowRow, { id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch", children: [
+        navigationType !== "menu" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          menuItems,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, { orientation: "vertical" })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexGrowCol, { id: "main-flex", justifyContent: "flex-start", alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_shared.ErrorBoundary,
+          {
+            fallbackWithError: (error) => {
+              return errorPage ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ErrorPage.WebAppErrorPage, { error });
+            },
+            children
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { id: "footer-flex", alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Paper, { elevation: footerElevation, square: true, children: footer ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_footer.Footer, { dynamicHeight: true }) }) })
+    ] });
+  }
+);
+WebAppChrome.displayName = "WebAppChrome";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WebAppChrome
+});
+//# sourceMappingURL=Chrome.js.map

package/dist/node/components/Chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Chrome.tsx"],"sourcesContent":["import { Divider, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { WebAppNavigationType } from '@xyo-network/react-app-settings'\nimport { ApplicationAppBar, SystemToolbar } from '@xyo-network/react-appbar'\nimport { Footer } from '@xyo-network/react-footer'\nimport { ErrorBoundary } from '@xyo-network/react-shared'\nimport { forwardRef, ReactNode } from 'react'\nimport { Helmet } from 'react-helmet'\n\nimport { WebAppErrorPage } from './ErrorPage'\n\nexport interface WebAppChromeProps extends FlexBoxProps {\n  appName: string\n  appbar?: ReactNode\n  errorPage?: ReactNode\n  footer?: ReactNode\n  footerElevation?: number\n  menuItems?: ReactNode\n  navigationType?: WebAppNavigationType\n}\n\nexport const WebAppChrome = forwardRef<HTMLDivElement, WebAppChromeProps>(\n  ({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu', ...props }, ref) => {\n    return (\n      <FlexCol id=\"web-chrome-flex\" alignItems=\"stretch\" overflow=\"hidden\" height=\"100vh\" ref={ref} {...props}>\n        <Helmet defaultTitle={appName} titleTemplate={`%s | ${appName}`}>\n          <meta content=\"website\" property=\"og:type\" />\n        </Helmet>\n        {appbar ?? <ApplicationAppBar systemToolbar={<SystemToolbar menuItems={navigationType === 'menu' ? menuItems : undefined} />} />}\n        <FlexGrowRow id=\"sidebar-nav-flex\" overflow=\"hidden\" alignItems=\"stretch\">\n          {navigationType !== 'menu' ? (\n            <>\n              {menuItems}\n              <Divider orientation=\"vertical\" />\n            </>\n          ) : null}\n          <FlexGrowCol id=\"main-flex\" justifyContent=\"flex-start\" alignItems=\"stretch\">\n            <ErrorBoundary\n              fallbackWithError={(error) => {\n                return errorPage ?? <WebAppErrorPage error={error} />\n              }}\n            >\n              {children}\n            </ErrorBoundary>\n          </FlexGrowCol>\n        </FlexGrowRow>\n        <FlexCol id=\"footer-flex\" alignItems=\"stretch\">\n          <Paper elevation={footerElevation} square>\n            {footer ?? <Footer dynamicHeight />}\n          </Paper>\n        </FlexCol>\n      </FlexCol>\n    )\n  },\n)\n\nWebAppChrome.displayName = 'WebAppChrome'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BU;AA1BV,sBAA+B;AAC/B,2BAAgE;AAEhE,0BAAiD;AACjD,0BAAuB;AACvB,0BAA8B;AAC9B,mBAAsC;AACtC,0BAAuB;AAEvB,uBAAgC;AAYzB,MAAM,mBAAe;AAAA,EAC1B,CAAC,EAAE,SAAS,QAAQ,UAAU,WAAW,QAAQ,kBAAkB,GAAG,WAAW,iBAAiB,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5H,WACE,6CAAC,gCAAQ,IAAG,mBAAkB,YAAW,WAAU,UAAS,UAAS,QAAO,SAAQ,KAAW,GAAG,OAChG;AAAA,kDAAC,8BAAO,cAAc,SAAS,eAAe,QAAQ,OAAO,IAC3D,sDAAC,UAAK,SAAQ,WAAU,UAAS,WAAU,GAC7C;AAAA,MACC,UAAU,4CAAC,yCAAkB,eAAe,4CAAC,qCAAc,WAAW,mBAAmB,SAAS,YAAY,QAAW,GAAI;AAAA,MAC9H,6CAAC,oCAAY,IAAG,oBAAmB,UAAS,UAAS,YAAW,WAC7D;AAAA,2BAAmB,SAClB,4EACG;AAAA;AAAA,UACD,4CAAC,2BAAQ,aAAY,YAAW;AAAA,WAClC,IACE;AAAA,QACJ,4CAAC,oCAAY,IAAG,aAAY,gBAAe,cAAa,YAAW,WACjE;AAAA,UAAC;AAAA;AAAA,YACC,mBAAmB,CAAC,UAAU;AAC5B,qBAAO,aAAa,4CAAC,oCAAgB,OAAc;AAAA,YACrD;AAAA,YAEC;AAAA;AAAA,QACH,GACF;AAAA,SACF;AAAA,MACA,4CAAC,gCAAQ,IAAG,eAAc,YAAW,WACnC,sDAAC,yBAAM,WAAW,iBAAiB,QAAM,MACtC,oBAAU,4CAAC,8BAAO,eAAa,MAAC,GACnC,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}

package/dist/node/components/Chrome.mjs

@@ -0,0 +1,38 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Divider, Paper } from "@mui/material";
+import { FlexCol, FlexGrowCol, FlexGrowRow } from "@xylabs/react-flexbox";
+import { ApplicationAppBar, SystemToolbar } from "@xyo-network/react-appbar";
+import { Footer } from "@xyo-network/react-footer";
+import { ErrorBoundary } from "@xyo-network/react-shared";
+import { forwardRef } from "react";
+import { Helmet } from "react-helmet";
+import { WebAppErrorPage } from "./ErrorPage";
+const WebAppChrome = forwardRef(
+  ({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = "menu", ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(FlexCol, { id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref, ...props, children: [
+      /* @__PURE__ */ jsx(Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: /* @__PURE__ */ jsx("meta", { content: "website", property: "og:type" }) }),
+      appbar ?? /* @__PURE__ */ jsx(ApplicationAppBar, { systemToolbar: /* @__PURE__ */ jsx(SystemToolbar, { menuItems: navigationType === "menu" ? menuItems : void 0 }) }),
+      /* @__PURE__ */ jsxs(FlexGrowRow, { id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch", children: [
+        navigationType !== "menu" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          menuItems,
+          /* @__PURE__ */ jsx(Divider, { orientation: "vertical" })
+        ] }) : null,
+        /* @__PURE__ */ jsx(FlexGrowCol, { id: "main-flex", justifyContent: "flex-start", alignItems: "stretch", children: /* @__PURE__ */ jsx(
+          ErrorBoundary,
+          {
+            fallbackWithError: (error) => {
+              return errorPage ?? /* @__PURE__ */ jsx(WebAppErrorPage, { error });
+            },
+            children
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(FlexCol, { id: "footer-flex", alignItems: "stretch", children: /* @__PURE__ */ jsx(Paper, { elevation: footerElevation, square: true, children: footer ?? /* @__PURE__ */ jsx(Footer, { dynamicHeight: true }) }) })
+    ] });
+  }
+);
+WebAppChrome.displayName = "WebAppChrome";
+export {
+  WebAppChrome
+};
+//# sourceMappingURL=Chrome.mjs.map

package/dist/node/components/Chrome.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Chrome.tsx"],"sourcesContent":["import { Divider, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { WebAppNavigationType } from '@xyo-network/react-app-settings'\nimport { ApplicationAppBar, SystemToolbar } from '@xyo-network/react-appbar'\nimport { Footer } from '@xyo-network/react-footer'\nimport { ErrorBoundary } from '@xyo-network/react-shared'\nimport { forwardRef, ReactNode } from 'react'\nimport { Helmet } from 'react-helmet'\n\nimport { WebAppErrorPage } from './ErrorPage'\n\nexport interface WebAppChromeProps extends FlexBoxProps {\n  appName: string\n  appbar?: ReactNode\n  errorPage?: ReactNode\n  footer?: ReactNode\n  footerElevation?: number\n  menuItems?: ReactNode\n  navigationType?: WebAppNavigationType\n}\n\nexport const WebAppChrome = forwardRef<HTMLDivElement, WebAppChromeProps>(\n  ({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu', ...props }, ref) => {\n    return (\n      <FlexCol id=\"web-chrome-flex\" alignItems=\"stretch\" overflow=\"hidden\" height=\"100vh\" ref={ref} {...props}>\n        <Helmet defaultTitle={appName} titleTemplate={`%s | ${appName}`}>\n          <meta content=\"website\" property=\"og:type\" />\n        </Helmet>\n        {appbar ?? <ApplicationAppBar systemToolbar={<SystemToolbar menuItems={navigationType === 'menu' ? menuItems : undefined} />} />}\n        <FlexGrowRow id=\"sidebar-nav-flex\" overflow=\"hidden\" alignItems=\"stretch\">\n          {navigationType !== 'menu' ? (\n            <>\n              {menuItems}\n              <Divider orientation=\"vertical\" />\n            </>\n          ) : null}\n          <FlexGrowCol id=\"main-flex\" justifyContent=\"flex-start\" alignItems=\"stretch\">\n            <ErrorBoundary\n              fallbackWithError={(error) => {\n                return errorPage ?? <WebAppErrorPage error={error} />\n              }}\n            >\n              {children}\n            </ErrorBoundary>\n          </FlexGrowCol>\n        </FlexGrowRow>\n        <FlexCol id=\"footer-flex\" alignItems=\"stretch\">\n          <Paper elevation={footerElevation} square>\n            {footer ?? <Footer dynamicHeight />}\n          </Paper>\n        </FlexCol>\n      </FlexCol>\n    )\n  },\n)\n\nWebAppChrome.displayName = 'WebAppChrome'\n"],"mappings":"AA0BU,SAKE,UALF,KAKE,YALF;AA1BV,SAAS,SAAS,aAAa;AAC/B,SAAuB,SAAS,aAAa,mBAAmB;AAEhE,SAAS,mBAAmB,qBAAqB;AACjD,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,kBAA6B;AACtC,SAAS,cAAc;AAEvB,SAAS,uBAAuB;AAYzB,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,SAAS,QAAQ,UAAU,WAAW,QAAQ,kBAAkB,GAAG,WAAW,iBAAiB,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5H,WACE,qBAAC,WAAQ,IAAG,mBAAkB,YAAW,WAAU,UAAS,UAAS,QAAO,SAAQ,KAAW,GAAG,OAChG;AAAA,0BAAC,UAAO,cAAc,SAAS,eAAe,QAAQ,OAAO,IAC3D,8BAAC,UAAK,SAAQ,WAAU,UAAS,WAAU,GAC7C;AAAA,MACC,UAAU,oBAAC,qBAAkB,eAAe,oBAAC,iBAAc,WAAW,mBAAmB,SAAS,YAAY,QAAW,GAAI;AAAA,MAC9H,qBAAC,eAAY,IAAG,oBAAmB,UAAS,UAAS,YAAW,WAC7D;AAAA,2BAAmB,SAClB,iCACG;AAAA;AAAA,UACD,oBAAC,WAAQ,aAAY,YAAW;AAAA,WAClC,IACE;AAAA,QACJ,oBAAC,eAAY,IAAG,aAAY,gBAAe,cAAa,YAAW,WACjE;AAAA,UAAC;AAAA;AAAA,YACC,mBAAmB,CAAC,UAAU;AAC5B,qBAAO,aAAa,oBAAC,mBAAgB,OAAc;AAAA,YACrD;AAAA,YAEC;AAAA;AAAA,QACH,GACF;AAAA,SACF;AAAA,MACA,oBAAC,WAAQ,IAAG,eAAc,YAAW,WACnC,8BAAC,SAAM,WAAW,iBAAiB,QAAM,MACtC,oBAAU,oBAAC,UAAO,eAAa,MAAC,GACnC,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}

package/dist/node/components/Chrome.stories.js

@@ -0,0 +1,79 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Chrome_stories_exports = {};
+__export(Chrome_stories_exports, {
+  Default: () => Default,
+  DefaultSideBar: () => DefaultSideBar,
+  WithFixedSizePage: () => WithFixedSizePage,
+  default: () => Chrome_stories_default
+});
+module.exports = __toCommonJS(Chrome_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_link = require("@xylabs/react-link");
+var import_react_appbar = require("@xyo-network/react-appbar");
+var import_react_router_dom = require("react-router-dom");
+var import_Chrome = require("./Chrome");
+var import_Page = require("./Page");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_Chrome.WebAppChrome,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "webapp/WebAppChrome"
+};
+const rowArray = [32, 64, 128, 256, 512, 1024];
+const Children = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_Page.WebAppPage,
+  {
+    breadcrumbs: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Breadcrumbs, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_link.LinkEx, { children: "BreadCrumbs" }) }),
+    ...props,
+    children: rowArray.map((height) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { height, children: height }, height);
+    })
+  }
+);
+const Template = (args) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Chrome.WebAppChrome,
+    {
+      menuItems: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.List, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_appbar.MenuListItemContainer, { primary: "Hello" }) }),
+      height: "calc(100vh - 2rem)",
+      ...args
+    }
+  ) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const DefaultSideBar = Template.bind({});
+DefaultSideBar.args = { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children, {}), navigationType: "sidebar" };
+const WithFixedSizePage = Template.bind({});
+WithFixedSizePage.args = { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children, { variant: "fixed" }), navigationType: "sidebar" };
+var Chrome_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default,
+  DefaultSideBar,
+  WithFixedSizePage
+});
+//# sourceMappingURL=Chrome.stories.js.map

package/dist/node/components/Chrome.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Chrome.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Breadcrumbs, List } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { MenuListItemContainer } from '@xyo-network/react-appbar'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { WebAppChrome } from './Chrome'\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WebAppChrome,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/WebAppChrome',\n} as Meta<typeof WebAppChrome>\n\nconst rowArray = [32, 64, 128, 256, 512, 1024]\n\nconst Children: React.FC<WebAppPageProps> = (props) => (\n  <WebAppPage\n    breadcrumbs={\n      <Breadcrumbs>\n        <LinkEx>BreadCrumbs</LinkEx>\n      </Breadcrumbs>\n    }\n    {...props}\n  >\n    {rowArray.map((height) => {\n      return (\n        <FlexRow key={height} height={height}>\n          {height}\n        </FlexRow>\n      )\n    })}\n  </WebAppPage>\n)\n\nconst Template: StoryFn<typeof WebAppChrome> = (args) => {\n  return (\n    <BrowserRouter>\n      <WebAppChrome\n        menuItems={\n          <List>\n            <MenuListItemContainer primary=\"Hello\" />\n          </List>\n        }\n        height=\"calc(100vh - 2rem)\"\n        {...args}\n      ></WebAppChrome>\n    </BrowserRouter>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst DefaultSideBar = Template.bind({})\nDefaultSideBar.args = { children: <Children />, navigationType: 'sidebar' }\n\nconst WithFixedSizePage = Template.bind({})\nWithFixedSizePage.args = { children: <Children variant=\"fixed\" />, navigationType: 'sidebar' }\n\nexport { Default, DefaultSideBar, WithFixedSizePage }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BQ;AA3BR,sBAAkC;AAElC,2BAAwB;AACxB,wBAAuB;AACvB,0BAAsC;AACtC,8BAA8B;AAE9B,oBAA6B;AAC7B,kBAA4C;AAE5C,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAW,CAAC,IAAI,IAAI,KAAK,KAAK,KAAK,IAAI;AAE7C,MAAM,WAAsC,CAAC,UAC3C;AAAA,EAAC;AAAA;AAAA,IACC,aACE,4CAAC,+BACC,sDAAC,4BAAO,yBAAW,GACrB;AAAA,IAED,GAAG;AAAA,IAEH,mBAAS,IAAI,CAAC,WAAW;AACxB,aACE,4CAAC,gCAAqB,QACnB,oBADW,MAEd;AAAA,IAEJ,CAAC;AAAA;AACH;AAGF,MAAM,WAAyC,CAAC,SAAS;AACvD,SACE,4CAAC,yCACC;AAAA,IAAC;AAAA;AAAA,MACC,WACE,4CAAC,wBACC,sDAAC,6CAAsB,SAAQ,SAAQ,GACzC;AAAA,MAEF,QAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACL,GACH;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,4CAAC,YAAS,GAAI,gBAAgB,UAAU;AAE1E,MAAM,oBAAoB,SAAS,KAAK,CAAC,CAAC;AAC1C,kBAAkB,OAAO,EAAE,UAAU,4CAAC,YAAS,SAAQ,SAAQ,GAAI,gBAAgB,UAAU;AAK7F,IAAO,yBAAQ;","names":[]}

package/dist/node/components/Chrome.stories.mjs

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { Breadcrumbs, List } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { LinkEx } from "@xylabs/react-link";
+import { MenuListItemContainer } from "@xyo-network/react-appbar";
+import { BrowserRouter } from "react-router-dom";
+import { WebAppChrome } from "./Chrome";
+import { WebAppPage } from "./Page";
+const StorybookEntry = {
+  argTypes: {},
+  component: WebAppChrome,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "webapp/WebAppChrome"
+};
+const rowArray = [32, 64, 128, 256, 512, 1024];
+const Children = (props) => /* @__PURE__ */ jsx(
+  WebAppPage,
+  {
+    breadcrumbs: /* @__PURE__ */ jsx(Breadcrumbs, { children: /* @__PURE__ */ jsx(LinkEx, { children: "BreadCrumbs" }) }),
+    ...props,
+    children: rowArray.map((height) => {
+      return /* @__PURE__ */ jsx(FlexRow, { height, children: height }, height);
+    })
+  }
+);
+const Template = (args) => {
+  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(
+    WebAppChrome,
+    {
+      menuItems: /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(MenuListItemContainer, { primary: "Hello" }) }),
+      height: "calc(100vh - 2rem)",
+      ...args
+    }
+  ) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const DefaultSideBar = Template.bind({});
+DefaultSideBar.args = { children: /* @__PURE__ */ jsx(Children, {}), navigationType: "sidebar" };
+const WithFixedSizePage = Template.bind({});
+WithFixedSizePage.args = { children: /* @__PURE__ */ jsx(Children, { variant: "fixed" }), navigationType: "sidebar" };
+var Chrome_stories_default = StorybookEntry;
+export {
+  Default,
+  DefaultSideBar,
+  WithFixedSizePage,
+  Chrome_stories_default as default
+};
+//# sourceMappingURL=Chrome.stories.mjs.map

package/dist/node/components/Chrome.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Chrome.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Breadcrumbs, List } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { MenuListItemContainer } from '@xyo-network/react-appbar'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { WebAppChrome } from './Chrome'\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WebAppChrome,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/WebAppChrome',\n} as Meta<typeof WebAppChrome>\n\nconst rowArray = [32, 64, 128, 256, 512, 1024]\n\nconst Children: React.FC<WebAppPageProps> = (props) => (\n  <WebAppPage\n    breadcrumbs={\n      <Breadcrumbs>\n        <LinkEx>BreadCrumbs</LinkEx>\n      </Breadcrumbs>\n    }\n    {...props}\n  >\n    {rowArray.map((height) => {\n      return (\n        <FlexRow key={height} height={height}>\n          {height}\n        </FlexRow>\n      )\n    })}\n  </WebAppPage>\n)\n\nconst Template: StoryFn<typeof WebAppChrome> = (args) => {\n  return (\n    <BrowserRouter>\n      <WebAppChrome\n        menuItems={\n          <List>\n            <MenuListItemContainer primary=\"Hello\" />\n          </List>\n        }\n        height=\"calc(100vh - 2rem)\"\n        {...args}\n      ></WebAppChrome>\n    </BrowserRouter>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst DefaultSideBar = Template.bind({})\nDefaultSideBar.args = { children: <Children />, navigationType: 'sidebar' }\n\nconst WithFixedSizePage = Template.bind({})\nWithFixedSizePage.args = { children: <Children variant=\"fixed\" />, navigationType: 'sidebar' }\n\nexport { Default, DefaultSideBar, WithFixedSizePage }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AA4BQ;AA3BR,SAAS,aAAa,YAAY;AAElC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAC7B,SAAS,kBAAmC;AAE5C,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAW,CAAC,IAAI,IAAI,KAAK,KAAK,KAAK,IAAI;AAE7C,MAAM,WAAsC,CAAC,UAC3C;AAAA,EAAC;AAAA;AAAA,IACC,aACE,oBAAC,eACC,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAED,GAAG;AAAA,IAEH,mBAAS,IAAI,CAAC,WAAW;AACxB,aACE,oBAAC,WAAqB,QACnB,oBADW,MAEd;AAAA,IAEJ,CAAC;AAAA;AACH;AAGF,MAAM,WAAyC,CAAC,SAAS;AACvD,SACE,oBAAC,iBACC;AAAA,IAAC;AAAA;AAAA,MACC,WACE,oBAAC,QACC,8BAAC,yBAAsB,SAAQ,SAAQ,GACzC;AAAA,MAEF,QAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACL,GACH;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,oBAAC,YAAS,GAAI,gBAAgB,UAAU;AAE1E,MAAM,oBAAoB,SAAS,KAAK,CAAC,CAAC;AAC1C,kBAAkB,OAAO,EAAE,UAAU,oBAAC,YAAS,SAAQ,SAAQ,GAAI,gBAAgB,UAAU;AAK7F,IAAO,yBAAQ;","names":[]}

package/dist/node/components/ErrorPage.d.mts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WebAppPageProps } from './Page';
+export interface WebAppErrorPageProps extends WebAppPageProps {
+    error?: Error;
+}
+export declare const WebAppErrorPage: React.FC<WebAppErrorPageProps>;
+/** @deprecated use WebAppErrorPage instead */
+export declare const ErrorPage: import("react").FC<WebAppErrorPageProps>;
+//# sourceMappingURL=ErrorPage.d.ts.map

package/dist/node/components/ErrorPage.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAEpD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQ1D,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,SAAS,0CAAkB,CAAA"}

package/dist/node/components/ErrorPage.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WebAppPageProps } from './Page';
+export interface WebAppErrorPageProps extends WebAppPageProps {
+    error?: Error;
+}
+export declare const WebAppErrorPage: React.FC<WebAppErrorPageProps>;
+/** @deprecated use WebAppErrorPage instead */
+export declare const ErrorPage: import("react").FC<WebAppErrorPageProps>;
+//# sourceMappingURL=ErrorPage.d.ts.map

package/dist/node/components/ErrorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAEpD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQ1D,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,SAAS,0CAAkB,CAAA"}

package/dist/node/components/ErrorPage.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ErrorPage_exports = {};
+__export(ErrorPage_exports, {
+  ErrorPage: () => ErrorPage,
+  WebAppErrorPage: () => WebAppErrorPage
+});
+module.exports = __toCommonJS(ErrorPage_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_button = require("@xylabs/react-button");
+var import_Page = require("./Page");
+const WebAppErrorPage = ({ error, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Page.WebAppPage, { title: "Oops! Something went wrong", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Oops! Something went wrong!" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: `${error}` }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { href: "/", variant: "contained", children: "Homepage" })
+] });
+const ErrorPage = WebAppErrorPage;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ErrorPage,
+  WebAppErrorPage
+});
+//# sourceMappingURL=ErrorPage.js.map

package/dist/node/components/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ErrorPage.tsx"],"sourcesContent":["import { ButtonEx } from '@xylabs/react-button'\n\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nexport interface WebAppErrorPageProps extends WebAppPageProps {\n  error?: Error\n}\n\nexport const WebAppErrorPage: React.FC<WebAppErrorPageProps> = ({ error, ...props }) => (\n  <WebAppPage title=\"Oops! Something went wrong\" {...props}>\n    <h1>Oops! Something went wrong!</h1>\n    <p>{`${error}`}</p>\n    <ButtonEx href=\"/\" variant=\"contained\">\n      Homepage\n    </ButtonEx>\n  </WebAppPage>\n)\n\n/** @deprecated use WebAppErrorPage instead */\nexport const ErrorPage = WebAppErrorPage\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AATF,0BAAyB;AAEzB,kBAA4C;AAMrC,MAAM,kBAAkD,CAAC,EAAE,OAAO,GAAG,MAAM,MAChF,6CAAC,0BAAW,OAAM,8BAA8B,GAAG,OACjD;AAAA,8CAAC,QAAG,yCAA2B;AAAA,EAC/B,4CAAC,OAAG,aAAG,KAAK,IAAG;AAAA,EACf,4CAAC,gCAAS,MAAK,KAAI,SAAQ,aAAY,sBAEvC;AAAA,GACF;AAIK,MAAM,YAAY;","names":[]}

package/dist/node/components/ErrorPage.mjs

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ButtonEx } from "@xylabs/react-button";
+import { WebAppPage } from "./Page";
+const WebAppErrorPage = ({ error, ...props }) => /* @__PURE__ */ jsxs(WebAppPage, { title: "Oops! Something went wrong", ...props, children: [
+  /* @__PURE__ */ jsx("h1", { children: "Oops! Something went wrong!" }),
+  /* @__PURE__ */ jsx("p", { children: `${error}` }),
+  /* @__PURE__ */ jsx(ButtonEx, { href: "/", variant: "contained", children: "Homepage" })
+] });
+const ErrorPage = WebAppErrorPage;
+export {
+  ErrorPage,
+  WebAppErrorPage
+};
+//# sourceMappingURL=ErrorPage.mjs.map

package/dist/node/components/ErrorPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ErrorPage.tsx"],"sourcesContent":["import { ButtonEx } from '@xylabs/react-button'\n\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nexport interface WebAppErrorPageProps extends WebAppPageProps {\n  error?: Error\n}\n\nexport const WebAppErrorPage: React.FC<WebAppErrorPageProps> = ({ error, ...props }) => (\n  <WebAppPage title=\"Oops! Something went wrong\" {...props}>\n    <h1>Oops! Something went wrong!</h1>\n    <p>{`${error}`}</p>\n    <ButtonEx href=\"/\" variant=\"contained\">\n      Homepage\n    </ButtonEx>\n  </WebAppPage>\n)\n\n/** @deprecated use WebAppErrorPage instead */\nexport const ErrorPage = WebAppErrorPage\n"],"mappings":"AASE,SACE,KADF;AATF,SAAS,gBAAgB;AAEzB,SAAS,kBAAmC;AAMrC,MAAM,kBAAkD,CAAC,EAAE,OAAO,GAAG,MAAM,MAChF,qBAAC,cAAW,OAAM,8BAA8B,GAAG,OACjD;AAAA,sBAAC,QAAG,yCAA2B;AAAA,EAC/B,oBAAC,OAAG,aAAG,KAAK,IAAG;AAAA,EACf,oBAAC,YAAS,MAAK,KAAI,SAAQ,aAAY,sBAEvC;AAAA,GACF;AAIK,MAAM,YAAY;","names":[]}

package/dist/node/components/NotFoundPage/Page.d.mts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { WebAppPageProps } from '../Page';
+export declare const WebAppNotFoundPage: React.FC<WebAppPageProps>;
+/** @deprecated  use WebAppNotFoundPage instead */
+export declare const NotFoundPage: import("react").FC<WebAppPageProps>;
+//# sourceMappingURL=Page.d.ts.map

package/dist/node/components/NotFoundPage/Page.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAIxD,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,YAAY,qCAAqB,CAAA"}