@xyo-network/react-webapp 2.82.0 → 2.83.0

package/dist/node/components/lib/cssValues.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cssValues.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,cAAc,EAAE,aAGnB,CAAA;AAEV,eAAO,MAAM,SAAS,EAAE,aAGd,CAAA;AAGV,eAAO,MAAM,iBAAiB,EAAE,aAEtB,CAAA;AAEV,eAAO,MAAM,YAAY,EAAE,aAEjB,CAAA"}

package/dist/node/components/lib/cssValues.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties } from 'react';
-export declare const scrollableWrap: CSSProperties;
-export declare const fixedWrap: CSSProperties;
-export declare const scrollableContent: CSSProperties;
-export declare const fixedContent: CSSProperties;
-//# sourceMappingURL=cssValues.d.ts.map

package/dist/node/components/lib/cssValues.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cssValues.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,cAAc,EAAE,aAGnB,CAAA;AAEV,eAAO,MAAM,SAAS,EAAE,aAGd,CAAA;AAGV,eAAO,MAAM,iBAAiB,EAAE,aAEtB,CAAA;AAEV,eAAO,MAAM,YAAY,EAAE,aAEjB,CAAA"}

package/dist/node/components/lib/index.d.cts

@@ -1,2 +0,0 @@
-export * from './cssValues.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/components/lib/index.d.cts.map

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

package/dist/node/components/lib/index.d.mts

@@ -1,2 +0,0 @@
-export * from './cssValues.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/components/lib/index.d.mts.map

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

package/dist/node/components/lib/index.d.ts

@@ -1,2 +0,0 @@
-export * from './cssValues.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/node/components/lib/index.d.ts.map

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

package/dist/node/index.cjs

@@ -1,300 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ErrorPage: () => ErrorPage,
-  FlexPage: () => FlexPage,
-  NotFoundPage: () => NotFoundPage,
-  WebAppBody: () => WebAppBody,
-  WebAppChrome: () => WebAppChrome,
-  WebAppErrorPage: () => WebAppErrorPage,
-  WebAppNotFoundPage: () => WebAppNotFoundPage,
-  WebAppPage: () => WebAppPage
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Body.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = __toESM(require("react"), 1);
-
-// src/components/lib/cssValues.ts
-var scrollableWrap = {
-  inset: 0,
-  position: "absolute"
-};
-var fixedWrap = {
-  inset: "unset",
-  position: "relative"
-};
-var scrollableContent = {
-  ...fixedWrap
-};
-var fixedContent = {
-  ...scrollableWrap
-};
-
-// src/components/Body.tsx
-var WebAppBodyName = "WebAppBody";
-var propsNotForwarded = /* @__PURE__ */ new Set([
-  "mobileScrollingBreakpoint",
-  "variant",
-  "spacing",
-  "disableBreadcrumbGutter"
-]);
-var defaultStyledOptions = {
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => !propsNotForwarded.has(prop), "shouldForwardProp")
-};
-var 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"
-    }
-  });
-});
-var 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
-}));
-var WebAppBodyScrollableWrapper = (0, import_material.styled)(import_react_flexbox.FlexGrowCol, {
-  name: WebAppBodyName,
-  slot: "ScrollableWrapper"
-})(() => ({
-  alignItems: "stretch"
-}));
-var WebAppBodyScrollable = (0, import_material.styled)(import_react_flexbox.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"
-    }
-  };
-});
-var WebAppBody = /* @__PURE__ */ __name(({ children, breadcrumbs, disableBreadcrumbGutter, mobileScrollingBreakpoint, spacing = 1, variant, ...props }) => {
-  return /* @__PURE__ */ import_react.default.createElement(WebAppBodyRoot, {
-    mobileScrollingBreakpoint,
-    spacing,
-    variant,
-    ...props
-  }, breadcrumbs ? /* @__PURE__ */ import_react.default.createElement(WebAppBodyBreadcrumb, {
-    disableBreadcrumbGutter,
-    spacing
-  }, breadcrumbs) : null, /* @__PURE__ */ import_react.default.createElement(WebAppBodyScrollableWrapper, null, /* @__PURE__ */ import_react.default.createElement(WebAppBodyScrollable, {
-    mobileScrollingBreakpoint,
-    variant
-  }, children)));
-}, "WebAppBody");
-
-// src/components/Chrome.tsx
-var import_material3 = require("@mui/material");
-var import_react_flexbox3 = 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_react4 = __toESM(require("react"), 1);
-var import_react_helmet2 = require("react-helmet");
-
-// src/components/ErrorPage.tsx
-var import_react_button = require("@xylabs/react-button");
-var import_react3 = __toESM(require("react"), 1);
-
-// src/components/Page.tsx
-var import_material2 = require("@mui/material");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_react_pixel = require("@xylabs/react-pixel");
-var import_react2 = __toESM(require("react"), 1);
-var import_react_helmet = require("react-helmet");
-var import_react_router_dom = require("react-router-dom");
-var WebAppPageRoot = (0, import_material2.styled)(import_react_flexbox2.FlexGrowCol, {
-  name: "WebAppPage",
-  shouldForwardProp: /* @__PURE__ */ __name((propName) => propName !== "mobileScrollingBreakpoint" && propName !== "variant", "shouldForwardProp"),
-  slot: "Root"
-})(({ theme, mobileScrollingBreakpoint = "sm", variant }) => {
-  const props = variant === "scrollable" ? scrollableWrap : fixedWrap;
-  return {
-    ...props,
-    alignItems: "stretch",
-    justifyContent: "start",
-    maxWidth: "100vw",
-    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
-      inset: 0,
-      position: "absolute"
-    }
-  };
-});
-var WebAppPage = /* @__PURE__ */ __name(({ disableGutters, disableBreadcrumbGutter, title, container, children, breadcrumbs, mobileScrollingBreakpoint, variant = "scrollable", ...props }) => {
-  const userEvents = (0, import_react_pixel.useUserEvents)();
-  const { pathname } = (0, import_react_router_dom.useLocation)();
-  (0, import_react_async_effect.useAsyncEffect)(async () => {
-    await (userEvents == null ? void 0 : userEvents.viewContent({
-      name: title ?? "NodeBasePage",
-      path: location.pathname
-    }));
-  }, [
-    pathname,
-    title,
-    userEvents
-  ]);
-  return /* @__PURE__ */ import_react2.default.createElement(WebAppPageRoot, {
-    mobileScrollingBreakpoint,
-    variant,
-    ...props
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_helmet.Helmet, {
-    title
-  }), container && container !== "none" ? /* @__PURE__ */ import_react2.default.createElement(import_material2.Container, {
-    disableGutters,
-    style: {
-      alignItems: "stretch",
-      display: "flex",
-      flexDirection: "column",
-      flexGrow: 1,
-      justifyContent: "flex-start"
-    },
-    maxWidth: container
-  }, /* @__PURE__ */ import_react2.default.createElement(WebAppBody, {
-    disableBreadcrumbGutter,
-    breadcrumbs,
-    mobileScrollingBreakpoint,
-    variant,
-    ...props
-  }, children)) : /* @__PURE__ */ import_react2.default.createElement(WebAppBody, {
-    disableBreadcrumbGutter,
-    breadcrumbs,
-    mobileScrollingBreakpoint,
-    paddingX: disableGutters ? 0 : 1,
-    variant,
-    ...props
-  }, children));
-}, "WebAppPage");
-var FlexPage = WebAppPage;
-
-// src/components/ErrorPage.tsx
-var WebAppErrorPage = /* @__PURE__ */ __name(({ error, ...props }) => /* @__PURE__ */ import_react3.default.createElement(WebAppPage, {
-  title: "Oops! Something went wrong",
-  ...props
-}, /* @__PURE__ */ import_react3.default.createElement("h1", null, "Oops! Something went wrong!"), /* @__PURE__ */ import_react3.default.createElement("p", null, `${error}`), /* @__PURE__ */ import_react3.default.createElement(import_react_button.ButtonEx, {
-  href: "/",
-  variant: "contained"
-}, "Homepage")), "WebAppErrorPage");
-var ErrorPage = WebAppErrorPage;
-
-// src/components/Chrome.tsx
-var WebAppChrome = /* @__PURE__ */ (0, import_react4.forwardRef)(({ appName, appbar, children, errorBoundary, errorPage, footer, footerElevation = 4, menuItems, navigationType = "menu", ...props }, ref) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox3.FlexCol, {
-    id: "web-chrome-flex",
-    alignItems: "stretch",
-    overflow: "hidden",
-    height: "100vh",
-    ref,
-    ...props
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_helmet2.Helmet, {
-    defaultTitle: appName,
-    titleTemplate: `%s | ${appName}`
-  }, /* @__PURE__ */ import_react4.default.createElement("meta", {
-    content: "website",
-    property: "og:type"
-  })), appbar ?? /* @__PURE__ */ import_react4.default.createElement(import_react_appbar.ApplicationAppBar, {
-    systemToolbar: /* @__PURE__ */ import_react4.default.createElement(import_react_appbar.SystemToolbar, {
-      menuItems: navigationType === "menu" ? menuItems : void 0
-    })
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox3.FlexGrowRow, {
-    id: "sidebar-nav-flex",
-    overflow: "hidden",
-    alignItems: "stretch"
-  }, navigationType === "menu" ? null : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, menuItems, /* @__PURE__ */ import_react4.default.createElement(import_material3.Divider, {
-    orientation: "vertical"
-  })), /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox3.FlexGrowCol, {
-    id: "main-flex",
-    justifyContent: "flex-start",
-    alignItems: "stretch"
-  }, errorBoundary ? /* @__PURE__ */ import_react4.default.createElement(import_react_shared.ErrorBoundary, {
-    fallbackWithError: /* @__PURE__ */ __name((error) => {
-      return errorPage ?? /* @__PURE__ */ import_react4.default.createElement(WebAppErrorPage, {
-        error
-      });
-    }, "fallbackWithError")
-  }, children) : children)), /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox3.FlexCol, {
-    id: "footer-flex",
-    alignItems: "stretch"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_material3.Paper, {
-    elevation: footerElevation,
-    square: true
-  }, footer ?? /* @__PURE__ */ import_react4.default.createElement(import_react_footer.Footer, {
-    dynamicHeight: true
-  }))));
-});
-WebAppChrome.displayName = "WebAppChrome";
-
-// src/components/NotFoundPage/Page.tsx
-var import_react_shared2 = require("@xyo-network/react-shared");
-var import_react5 = __toESM(require("react"), 1);
-var WebAppNotFoundPage = /* @__PURE__ */ __name(({ title, ...props }) => /* @__PURE__ */ import_react5.default.createElement(WebAppPage, {
-  title: title ?? "Sorry! Page Not Found",
-  ...props
-}, /* @__PURE__ */ import_react5.default.createElement(import_react_shared2.NotFound, null)), "WebAppNotFoundPage");
-var NotFoundPage = WebAppNotFoundPage;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ErrorPage,
-  FlexPage,
-  NotFoundPage,
-  WebAppBody,
-  WebAppChrome,
-  WebAppErrorPage,
-  WebAppNotFoundPage,
-  WebAppPage
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Body.tsx","../../src/components/lib/cssValues.ts","../../src/components/Chrome.tsx","../../src/components/ErrorPage.tsx","../../src/components/Page.tsx","../../src/components/NotFoundPage/Page.tsx"],"sourcesContent":["export * from './components/index.ts'\n","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/index.ts'\n\nconst WebAppBodyName = 'WebAppBody'\nconst propsNotForwarded = new Set(['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter'])\nconst defaultStyledOptions = {\n  shouldForwardProp: (prop: string) => !propsNotForwarded.has(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        ? (\n            <WebAppBodyBreadcrumb disableBreadcrumbGutter={disableBreadcrumbGutter} spacing={spacing}>\n              {breadcrumbs}\n            </WebAppBodyBreadcrumb>\n          )\n        : null}\n      <WebAppBodyScrollableWrapper>\n        <WebAppBodyScrollable mobileScrollingBreakpoint={mobileScrollingBreakpoint} variant={variant}>\n          {children}\n        </WebAppBodyScrollable>\n      </WebAppBodyScrollableWrapper>\n    </WebAppBodyRoot>\n  )\n}\n","import { CSSProperties } from 'react'\n\nexport const scrollableWrap: CSSProperties = {\n  inset: 0,\n  position: 'absolute',\n} as const\n\nexport const fixedWrap: CSSProperties = {\n  inset: 'unset',\n  position: 'relative',\n} as const\n\n// Making a scrollable vs fixed wrapper and content is an inversion of the wrap and content styles\nexport const scrollableContent: CSSProperties = {\n  ...fixedWrap,\n} as const\n\nexport const fixedContent: CSSProperties = {\n  ...scrollableWrap,\n} as const\n","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 React, { forwardRef, ReactNode } from 'react'\nimport { Helmet } from 'react-helmet'\n\nimport { WebAppErrorPage } from './ErrorPage.tsx'\n\nexport interface WebAppChromeProps extends FlexBoxProps {\n  appName: string\n  appbar?: ReactNode\n  errorBoundary?: boolean\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, errorBoundary, 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            ? null\n            : (\n                <>\n                  {menuItems}\n                  <Divider orientation=\"vertical\" />\n                </>\n              )}\n          <FlexGrowCol id=\"main-flex\" justifyContent=\"flex-start\" alignItems=\"stretch\">\n            {errorBoundary\n              ? (\n                  <ErrorBoundary\n                    fallbackWithError={(error) => {\n                      return errorPage ?? <WebAppErrorPage error={error} />\n                    }}\n                  >\n                    {children}\n                  </ErrorBoundary>\n                )\n              : children}\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","import { ButtonEx } from '@xylabs/react-button'\nimport React from 'react'\n\nimport { WebAppPage, WebAppPageProps } from './Page.tsx'\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","import { Container, ContainerProps, styled } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useUserEvents } from '@xylabs/react-pixel'\nimport { WithChildren } from '@xylabs/react-shared'\nimport React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { useLocation } from 'react-router-dom'\n\nimport { WebAppBody, WebAppBodyProps } from './Body.tsx'\nimport { fixedWrap, scrollableWrap } from './lib/index.ts'\n\nconst WebAppPageRoot = styled(FlexGrowCol, {\n  name: 'WebAppPage',\n  shouldForwardProp: propName => propName !== 'mobileScrollingBreakpoint' && propName !== 'variant',\n  slot: 'Root',\n})<WebAppPageProps>(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const props = variant === 'scrollable' ? scrollableWrap : fixedWrap\n  return {\n    ...props,\n    alignItems: 'stretch',\n    justifyContent: 'start',\n    maxWidth: '100vw',\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      inset: 0,\n      position: 'absolute',\n    },\n  }\n})\n\nexport interface WebAppPageProps extends WebAppBodyProps, FlexBoxProps {\n  container?: ContainerProps['maxWidth'] | 'none'\n  disableGutters?: boolean\n}\n\nexport const WebAppPage: React.FC<WithChildren<WebAppPageProps>> = ({\n  disableGutters,\n  disableBreadcrumbGutter,\n  title,\n  container,\n  children,\n  breadcrumbs,\n  mobileScrollingBreakpoint,\n  variant = 'scrollable',\n  ...props\n}) => {\n  const userEvents = useUserEvents()\n  const { pathname } = useLocation()\n\n  useAsyncEffect(\n    async () => {\n      await userEvents?.viewContent({ name: title ?? 'NodeBasePage', path: location.pathname })\n    },\n    [pathname, title, userEvents],\n  )\n\n  return (\n    <WebAppPageRoot mobileScrollingBreakpoint={mobileScrollingBreakpoint} variant={variant} {...props}>\n      <Helmet title={title} />\n      {container && container !== 'none'\n        ? (\n            <Container\n              disableGutters={disableGutters}\n              style={{ alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }}\n              maxWidth={container}\n            >\n              <WebAppBody\n                disableBreadcrumbGutter={disableBreadcrumbGutter}\n                breadcrumbs={breadcrumbs}\n                mobileScrollingBreakpoint={mobileScrollingBreakpoint}\n                variant={variant}\n                {...props}\n              >\n                {children}\n              </WebAppBody>\n            </Container>\n          )\n        : (\n            <WebAppBody\n              disableBreadcrumbGutter={disableBreadcrumbGutter}\n              breadcrumbs={breadcrumbs}\n              mobileScrollingBreakpoint={mobileScrollingBreakpoint}\n              paddingX={disableGutters ? 0 : 1}\n              variant={variant}\n              {...props}\n            >\n              {children}\n            </WebAppBody>\n          )}\n    </WebAppPageRoot>\n  )\n}\n\n/** @deprecated use WebAppPagePage instead */\nexport const FlexPage = WebAppPage\n","import { NotFound } from '@xyo-network/react-shared'\nimport React from 'react'\n\nimport { WebAppPage, WebAppPageProps } from '../Page.tsx'\n\nexport const WebAppNotFoundPage: React.FC<WebAppPageProps> = ({ title, ...props }) => (\n  <WebAppPage title={title ?? 'Sorry! Page Not Found'} {...props}>\n    <NotFound />\n  </WebAppPage>\n)\n\n/** @deprecated  use WebAppNotFoundPage instead */\nexport const NotFoundPage = WebAppNotFoundPage\n"],"mappings":"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","names":["scrollableWrap","inset","position","fixedWrap","scrollableContent","fixedContent","WebAppBodyName","propsNotForwarded","Set","defaultStyledOptions","shouldForwardProp","prop","has","WebAppBodyRoot","styled","FlexGrowCol","name","slot","spacing","theme","mobileScrollingBreakpoint","variant","scrollable","unstable_sx","alignItems","gap","justifyContent","overflowX","overflowY","paddingY","breakpoints","down","WebAppBodyBreadcrumb","FlexRow","disableBreadcrumbGutter","marginX","WebAppBodyScrollableWrapper","WebAppBodyScrollable","props","scrollableContent","fixedContent","inset","position","WebAppBody","children","breadcrumbs","React","import_material","import_react_flexbox","import_react","import_react_helmet","import_react","import_material","import_react_flexbox","import_react","WebAppPageRoot","styled","FlexGrowCol","name","shouldForwardProp","propName","slot","theme","mobileScrollingBreakpoint","variant","props","scrollableWrap","fixedWrap","alignItems","justifyContent","maxWidth","breakpoints","down","inset","position","WebAppPage","disableGutters","disableBreadcrumbGutter","title","container","children","breadcrumbs","userEvents","useUserEvents","pathname","useLocation","useAsyncEffect","viewContent","path","location","React","Helmet","Container","style","display","flexDirection","flexGrow","WebAppBody","paddingX","FlexPage","WebAppErrorPage","error","props","React","WebAppPage","title","h1","p","ButtonEx","href","variant","ErrorPage","WebAppChrome","forwardRef","appName","appbar","children","errorBoundary","errorPage","footer","footerElevation","menuItems","navigationType","props","ref","React","FlexCol","id","alignItems","overflow","height","Helmet","defaultTitle","titleTemplate","meta","content","property","ApplicationAppBar","systemToolbar","SystemToolbar","undefined","FlexGrowRow","Divider","orientation","FlexGrowCol","justifyContent","ErrorBoundary","fallbackWithError","error","WebAppErrorPage","Paper","elevation","square","Footer","dynamicHeight","displayName","import_react_shared","import_react","WebAppNotFoundPage","title","props","React","WebAppPage","NotFound","NotFoundPage"]}

package/dist/node/index.d.cts

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

package/dist/node/index.d.cts.map

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

package/dist/node/index.d.mts

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

package/dist/node/index.d.mts.map

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

package/dist/node/index.d.ts

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

package/dist/node/index.d.ts.map

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

package/dist/node/index.mjs

@@ -1,258 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/Body.tsx
-import { styled } from "@mui/material";
-import { FlexGrowCol, FlexRow } from "@xylabs/react-flexbox";
-import React from "react";
-
-// src/components/lib/cssValues.ts
-var scrollableWrap = {
-  inset: 0,
-  position: "absolute"
-};
-var fixedWrap = {
-  inset: "unset",
-  position: "relative"
-};
-var scrollableContent = {
-  ...fixedWrap
-};
-var fixedContent = {
-  ...scrollableWrap
-};
-
-// src/components/Body.tsx
-var WebAppBodyName = "WebAppBody";
-var propsNotForwarded = /* @__PURE__ */ new Set([
-  "mobileScrollingBreakpoint",
-  "variant",
-  "spacing",
-  "disableBreadcrumbGutter"
-]);
-var defaultStyledOptions = {
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => !propsNotForwarded.has(prop), "shouldForwardProp")
-};
-var 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"
-    }
-  });
-});
-var WebAppBodyBreadcrumb = styled(FlexRow, {
-  ...defaultStyledOptions,
-  name: WebAppBodyName,
-  slot: "Breadcrumb"
-})(({ theme, disableBreadcrumbGutter, spacing }) => theme.unstable_sx({
-  justifyContent: "start",
-  marginX: disableBreadcrumbGutter ? 0 : spacing
-}));
-var WebAppBodyScrollableWrapper = styled(FlexGrowCol, {
-  name: WebAppBodyName,
-  slot: "ScrollableWrapper"
-})(() => ({
-  alignItems: "stretch"
-}));
-var 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"
-    }
-  };
-});
-var WebAppBody = /* @__PURE__ */ __name(({ children, breadcrumbs, disableBreadcrumbGutter, mobileScrollingBreakpoint, spacing = 1, variant, ...props }) => {
-  return /* @__PURE__ */ React.createElement(WebAppBodyRoot, {
-    mobileScrollingBreakpoint,
-    spacing,
-    variant,
-    ...props
-  }, breadcrumbs ? /* @__PURE__ */ React.createElement(WebAppBodyBreadcrumb, {
-    disableBreadcrumbGutter,
-    spacing
-  }, breadcrumbs) : null, /* @__PURE__ */ React.createElement(WebAppBodyScrollableWrapper, null, /* @__PURE__ */ React.createElement(WebAppBodyScrollable, {
-    mobileScrollingBreakpoint,
-    variant
-  }, children)));
-}, "WebAppBody");
-
-// src/components/Chrome.tsx
-import { Divider, Paper } from "@mui/material";
-import { FlexCol, FlexGrowCol as FlexGrowCol3, 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 React4, { forwardRef } from "react";
-import { Helmet as Helmet2 } from "react-helmet";
-
-// src/components/ErrorPage.tsx
-import { ButtonEx } from "@xylabs/react-button";
-import React3 from "react";
-
-// src/components/Page.tsx
-import { Container, styled as styled2 } from "@mui/material";
-import { useAsyncEffect } from "@xylabs/react-async-effect";
-import { FlexGrowCol as FlexGrowCol2 } from "@xylabs/react-flexbox";
-import { useUserEvents } from "@xylabs/react-pixel";
-import React2 from "react";
-import { Helmet } from "react-helmet";
-import { useLocation } from "react-router-dom";
-var WebAppPageRoot = styled2(FlexGrowCol2, {
-  name: "WebAppPage",
-  shouldForwardProp: /* @__PURE__ */ __name((propName) => propName !== "mobileScrollingBreakpoint" && propName !== "variant", "shouldForwardProp"),
-  slot: "Root"
-})(({ theme, mobileScrollingBreakpoint = "sm", variant }) => {
-  const props = variant === "scrollable" ? scrollableWrap : fixedWrap;
-  return {
-    ...props,
-    alignItems: "stretch",
-    justifyContent: "start",
-    maxWidth: "100vw",
-    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
-      inset: 0,
-      position: "absolute"
-    }
-  };
-});
-var WebAppPage = /* @__PURE__ */ __name(({ disableGutters, disableBreadcrumbGutter, title, container, children, breadcrumbs, mobileScrollingBreakpoint, variant = "scrollable", ...props }) => {
-  const userEvents = useUserEvents();
-  const { pathname } = useLocation();
-  useAsyncEffect(async () => {
-    await (userEvents == null ? void 0 : userEvents.viewContent({
-      name: title ?? "NodeBasePage",
-      path: location.pathname
-    }));
-  }, [
-    pathname,
-    title,
-    userEvents
-  ]);
-  return /* @__PURE__ */ React2.createElement(WebAppPageRoot, {
-    mobileScrollingBreakpoint,
-    variant,
-    ...props
-  }, /* @__PURE__ */ React2.createElement(Helmet, {
-    title
-  }), container && container !== "none" ? /* @__PURE__ */ React2.createElement(Container, {
-    disableGutters,
-    style: {
-      alignItems: "stretch",
-      display: "flex",
-      flexDirection: "column",
-      flexGrow: 1,
-      justifyContent: "flex-start"
-    },
-    maxWidth: container
-  }, /* @__PURE__ */ React2.createElement(WebAppBody, {
-    disableBreadcrumbGutter,
-    breadcrumbs,
-    mobileScrollingBreakpoint,
-    variant,
-    ...props
-  }, children)) : /* @__PURE__ */ React2.createElement(WebAppBody, {
-    disableBreadcrumbGutter,
-    breadcrumbs,
-    mobileScrollingBreakpoint,
-    paddingX: disableGutters ? 0 : 1,
-    variant,
-    ...props
-  }, children));
-}, "WebAppPage");
-var FlexPage = WebAppPage;
-
-// src/components/ErrorPage.tsx
-var WebAppErrorPage = /* @__PURE__ */ __name(({ error, ...props }) => /* @__PURE__ */ React3.createElement(WebAppPage, {
-  title: "Oops! Something went wrong",
-  ...props
-}, /* @__PURE__ */ React3.createElement("h1", null, "Oops! Something went wrong!"), /* @__PURE__ */ React3.createElement("p", null, `${error}`), /* @__PURE__ */ React3.createElement(ButtonEx, {
-  href: "/",
-  variant: "contained"
-}, "Homepage")), "WebAppErrorPage");
-var ErrorPage = WebAppErrorPage;
-
-// src/components/Chrome.tsx
-var WebAppChrome = /* @__PURE__ */ forwardRef(({ appName, appbar, children, errorBoundary, errorPage, footer, footerElevation = 4, menuItems, navigationType = "menu", ...props }, ref) => {
-  return /* @__PURE__ */ React4.createElement(FlexCol, {
-    id: "web-chrome-flex",
-    alignItems: "stretch",
-    overflow: "hidden",
-    height: "100vh",
-    ref,
-    ...props
-  }, /* @__PURE__ */ React4.createElement(Helmet2, {
-    defaultTitle: appName,
-    titleTemplate: `%s | ${appName}`
-  }, /* @__PURE__ */ React4.createElement("meta", {
-    content: "website",
-    property: "og:type"
-  })), appbar ?? /* @__PURE__ */ React4.createElement(ApplicationAppBar, {
-    systemToolbar: /* @__PURE__ */ React4.createElement(SystemToolbar, {
-      menuItems: navigationType === "menu" ? menuItems : void 0
-    })
-  }), /* @__PURE__ */ React4.createElement(FlexGrowRow, {
-    id: "sidebar-nav-flex",
-    overflow: "hidden",
-    alignItems: "stretch"
-  }, navigationType === "menu" ? null : /* @__PURE__ */ React4.createElement(React4.Fragment, null, menuItems, /* @__PURE__ */ React4.createElement(Divider, {
-    orientation: "vertical"
-  })), /* @__PURE__ */ React4.createElement(FlexGrowCol3, {
-    id: "main-flex",
-    justifyContent: "flex-start",
-    alignItems: "stretch"
-  }, errorBoundary ? /* @__PURE__ */ React4.createElement(ErrorBoundary, {
-    fallbackWithError: /* @__PURE__ */ __name((error) => {
-      return errorPage ?? /* @__PURE__ */ React4.createElement(WebAppErrorPage, {
-        error
-      });
-    }, "fallbackWithError")
-  }, children) : children)), /* @__PURE__ */ React4.createElement(FlexCol, {
-    id: "footer-flex",
-    alignItems: "stretch"
-  }, /* @__PURE__ */ React4.createElement(Paper, {
-    elevation: footerElevation,
-    square: true
-  }, footer ?? /* @__PURE__ */ React4.createElement(Footer, {
-    dynamicHeight: true
-  }))));
-});
-WebAppChrome.displayName = "WebAppChrome";
-
-// src/components/NotFoundPage/Page.tsx
-import { NotFound } from "@xyo-network/react-shared";
-import React5 from "react";
-var WebAppNotFoundPage = /* @__PURE__ */ __name(({ title, ...props }) => /* @__PURE__ */ React5.createElement(WebAppPage, {
-  title: title ?? "Sorry! Page Not Found",
-  ...props
-}, /* @__PURE__ */ React5.createElement(NotFound, null)), "WebAppNotFoundPage");
-var NotFoundPage = WebAppNotFoundPage;
-export {
-  ErrorPage,
-  FlexPage,
-  NotFoundPage,
-  WebAppBody,
-  WebAppChrome,
-  WebAppErrorPage,
-  WebAppNotFoundPage,
-  WebAppPage
-};
-//# sourceMappingURL=index.mjs.map