@xyo-network/react-webapp 2.25.51 → 2.25.54

package/dist/cjs/components/{WebAppChrome.js → Chrome.js}

@@ -6,11 +6,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_appbar_1 = require("@xyo-network/react-appbar");
+const react_footer_1 = require("@xyo-network/react-footer");
 const react_shared_1 = require("@xyo-network/react-shared");
 const react_helmet_1 = require("react-helmet");
+const ErrorPage_1 = require("./ErrorPage");
 const WebAppChrome = (_a) => {
     var { footerElevation = 4, errorPage, appbar, footer, children, appName } = _a, props = tslib_1.__rest(_a, ["footerElevation", "errorPage", "appbar", "footer", "children", "appName"]);
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", 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, {}), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ overflow: "hidden", justifyContent: "flex-start", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ErrorBoundary, Object.assign({ fallback: errorPage !== null && errorPage !== void 0 ? errorPage : (0, jsx_runtime_1.jsx)(react_shared_1.ErrorPage, {}) }, { children: children })) })), (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: footerElevation, square: true }, { children: footer !== null && footer !== void 0 ? footer : (0, jsx_runtime_1.jsx)(react_shared_1.Footer, { dynamicHeight: true }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch", 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, {}), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ overflow: "hidden", justifyContent: "flex-start", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ErrorBoundary, Object.assign({ fallback: errorPage !== null && errorPage !== void 0 ? errorPage : (0, jsx_runtime_1.jsx)(ErrorPage_1.WebAppErrorPage, {}) }, { children: children })) })), (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: footerElevation, square: true }, { children: footer !== null && footer !== void 0 ? footer : (0, jsx_runtime_1.jsx)(react_footer_1.Footer, { dynamicHeight: true }) }))] })));
 };
 exports.WebAppChrome = WebAppChrome;
-//# sourceMappingURL=WebAppChrome.js.map
+//# sourceMappingURL=Chrome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqC;AACrC,yDAA0E;AAC1E,4DAA6D;AAC7D,4DAAkD;AAClD,4DAAyD;AAEzD,+CAAqC;AAErC,2CAA6C;AAUtC,MAAM,YAAY,GAAgC,CAAC,EAA+E,EAAE,EAAE;QAAnF,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA7E,2EAA+E,CAAF;IACrI,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,IAAK,KAAK,eACpD,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,KAAG,EAChC,uBAAC,2BAAW,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC7E,uBAAC,4BAAa,kBAAC,QAAQ,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,KAAG,gBAAG,QAAQ,IAAiB,IACzE,EACd,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,KACA,CACX,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const WebAppErrorPage: () => JSX.Element;
+/** @deprecated use WebAppErrorPage instead */
+export declare const ErrorPage: () => JSX.Element;

package/dist/cjs/components/ErrorPage.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorPage = exports.WebAppErrorPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_button_1 = require("@xylabs/react-button");
+const Page_1 = require("./Page");
+const WebAppErrorPage = () => ((0, jsx_runtime_1.jsxs)(Page_1.WebAppPage, Object.assign({ title: "Oops! Something went wrong" }, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Oops! Something went wrong!" }), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ href: "/", variant: "contained" }, { children: "Homepage" }))] })));
+exports.WebAppErrorPage = WebAppErrorPage;
+/** @deprecated use WebAppErrorPage instead */
+exports.ErrorPage = exports.WebAppErrorPage;
+//# sourceMappingURL=ErrorPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAE/C,iCAAmC;AAE5B,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CACnC,wBAAC,iBAAU,kBAAC,KAAK,EAAC,4BAA4B,iBAC5C,yEAAoC,EACpC,uBAAC,uBAAQ,kBAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,8BAE3B,KACA,CACd,CAAA;AAPY,QAAA,eAAe,mBAO3B;AAED,8CAA8C;AACjC,QAAA,SAAS,GAAG,uBAAe,CAAA"}

package/dist/cjs/components/NotFoundPage/NotFound.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+declare const NotFound: React.FC<FlexBoxProps>;
+export { NotFound };

package/dist/cjs/components/NotFoundPage/NotFound.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotFound = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const NotFound = (props) => {
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h2" }, { children: "Sorry!" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginY: 3, variant: "body2" }, { children: "Can't find anything here" }))] })));
+};
+exports.NotFound = NotFound;
+//# sourceMappingURL=NotFound.js.map

package/dist/cjs/components/NotFoundPage/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/NotFound.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,yDAAiE;AAEjE,MAAM,QAAQ,GAA2B,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,wBAAC,2BAAW,oBAAK,KAAK,eACpB,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,4BAAoB,EAC5C,uBAAC,qBAAU,kBAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,gBACpC,0BAA0B,IAChB,KACD,CACf,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

package/dist/cjs/components/NotFoundPage/Page.d.ts

@@ -0,0 +1,5 @@
+/// <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>;

package/dist/cjs/components/NotFoundPage/Page.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotFoundPage = exports.WebAppNotFoundPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Page_1 = require("../Page");
+const NotFound_1 = require("./NotFound");
+const WebAppNotFoundPage = (_a) => {
+    var { title } = _a, props = tslib_1.__rest(_a, ["title"]);
+    return ((0, jsx_runtime_1.jsx)(Page_1.WebAppPage, Object.assign({ title: title !== null && title !== void 0 ? title : 'Sorry! Page Not Found' }, props, { children: (0, jsx_runtime_1.jsx)(NotFound_1.NotFound, {}) })));
+};
+exports.WebAppNotFoundPage = WebAppNotFoundPage;
+/** @deprecated  use WebAppNotFoundPage instead */
+exports.NotFoundPage = exports.WebAppNotFoundPage;
+//# sourceMappingURL=Page.js.map

package/dist/cjs/components/NotFoundPage/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";;;;;AAAA,kCAAqD;AACrD,yCAAqC;AAE9B,MAAM,kBAAkB,GAA8B,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CACpF,uBAAC,iBAAU,kBAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,uBAAuB,IAAM,KAAK,cAC5D,uBAAC,mBAAQ,KAAG,IACD,CACd,CAAA;CAAA,CAAA;AAJY,QAAA,kBAAkB,sBAI9B;AAED,kDAAkD;AACrC,QAAA,YAAY,GAAG,0BAAkB,CAAA"}

package/dist/cjs/components/NotFoundPage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotFound';
+export * from './Page';

package/dist/cjs/components/NotFoundPage/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./NotFound"), exports);
+tslib_1.__exportStar(require("./Page"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/NotFoundPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,iDAAsB"}

package/dist/cjs/components/Page.d.ts

@@ -0,0 +1,10 @@
+import { ContainerProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { ReactNode } from 'react';
+export interface WebAppPageProps extends FlexBoxProps {
+    container?: ContainerProps['maxWidth'];
+    breadcrumbs?: ReactNode;
+}
+export declare const WebAppPage: React.FC<WebAppPageProps>;
+/** @deprecated use WebAppPagePage instead */
+export declare const FlexPage: import("react").FC<WebAppPageProps>;

package/dist/cjs/components/Page.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexPage = exports.WebAppPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_pixel_1 = require("@xylabs/react-pixel");
+const react_shared_1 = require("@xylabs/react-shared");
+const react_helmet_1 = require("react-helmet");
+const react_router_dom_1 = require("react-router-dom");
+const WebAppPage = (_a) => {
+    var { title, container, breadcrumbs, children } = _a, props = tslib_1.__rest(_a, ["title", "container", "breadcrumbs", "children"]);
+    const userEvents = (0, react_pixel_1.useUserEvents)();
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    (0, react_shared_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield (userEvents === null || userEvents === void 0 ? void 0 : userEvents.viewContent({ name: title !== null && title !== void 0 ? title : 'NodeBasePage', path: location.pathname }));
+    }), [pathname, title, userEvents]);
+    const Body = (props) => ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ gap: 2, paddingY: 2, justifyContent: "flex-start", alignItems: "stretch" }, props, { children: [breadcrumbs, children] })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowCol, Object.assign({ alignItems: "stretch", justifyContent: "flex-start", minHeight: 0, overflow: "visible scroll" }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container }, { children: (0, jsx_runtime_1.jsx)(Body, Object.assign({}, props)) }))) : ((0, jsx_runtime_1.jsx)(Body, Object.assign({}, props)))] })));
+};
+exports.WebAppPage = WebAppPage;
+/** @deprecated use WebAppPagePage instead */
+exports.FlexPage = exports.WebAppPage;
+//# sourceMappingURL=Page.js.map

package/dist/cjs/components/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AACzD,yDAAiE;AACjE,qDAAmD;AACnD,uDAAqD;AAErD,+CAAqC;AACrC,uDAA8C;AAMvC,MAAM,UAAU,GAA8B,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAnD,iDAAqD,CAAF;IACvG,MAAM,UAAU,GAAG,IAAA,2BAAa,GAAE,CAAA;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAA;IAElC,IAAA,6BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,MAAM,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA,CAAA;IAC3F,CAAC,CAAA,EACD,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAA;IAED,MAAM,IAAI,GAA2B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9C,wBAAC,2BAAW,kBAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACzF,WAAW,EACX,QAAQ,KACG,CACf,CAAA;IAED,OAAO,CACL,wBAAC,2BAAW,kBAAC,UAAU,EAAC,SAAS,EAAC,cAAc,EAAC,YAAY,EAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAC,gBAAgB,iBACnG,uBAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,oBAAS,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,gBACnJ,uBAAC,IAAI,oBAAK,KAAK,EAAI,IACT,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,IAAI,oBAAK,KAAK,EAAI,CACpB,KACW,CACf,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,UAAU,cA+BtB;AAED,6CAA6C;AAChC,QAAA,QAAQ,GAAG,kBAAU,CAAA"}

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

@@ -1 +1,4 @@
-export * from './WebAppChrome';
+export * from './Chrome';
+export * from './ErrorPage';
+export * from './NotFoundPage';
+export * from './Page';

package/dist/cjs/components/index.js

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./WebAppChrome"), exports);
+tslib_1.__exportStar(require("./Chrome"), exports);
+tslib_1.__exportStar(require("./ErrorPage"), exports);
+tslib_1.__exportStar(require("./NotFoundPage"), exports);
+tslib_1.__exportStar(require("./Page"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,sDAA2B;AAC3B,yDAA8B;AAC9B,iDAAsB"}