@xyo-network/react-shared 2.25.26 → 2.25.27

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

@@ -0,0 +1,16 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+export interface ErrorBoundaryState {
+    error?: Error;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | import("react").ReactFragment | JSX.Element | null | undefined;
+}

package/dist/cjs/components/ErrorBoundry.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const react_1 = require("react");
+class ErrorBoundary extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.state = { error: undefined };
+    }
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error(`${error}: ${errorInfo}`);
+    }
+    render() {
+        var _a, _b;
+        if (this.state.error) {
+            return ((_a = this.props.fallback) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h1" }, { children: "Something went wrong." })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1" }, { children: ["[", (_b = this.state.error) === null || _b === void 0 ? void 0 : _b.message, "]"] }))] })));
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundry.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundry.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,iDAA2C;AAC3C,iCAAuD;AAWvD,MAAa,aAAc,SAAQ,iBAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,SAAS,EAAE,CAAC,CAAA;IACzC,CAAC;IAED,MAAM;;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,OAAO,CACL,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAAI,CACrB,wBAAC,mBAAO,eACN,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,2CAAmC,EAC3D,wBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,sBAAG,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,OAAO,UAAe,IAC9D,CACX,CACF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF;AA5BD,sCA4BC"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ErrorPage: () => JSX.Element;

package/dist/cjs/components/ErrorPage.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const FlexPage_1 = require("./FlexPage");
+const ErrorPage = () => ((0, jsx_runtime_1.jsxs)(FlexPage_1.FlexPage, Object.assign({ title: "Oops! Something went wrong" }, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Oops! Something went wrong!" }), (0, jsx_runtime_1.jsx)(sdk_react_1.ButtonEx, Object.assign({ href: "/", variant: "contained" }, { children: "Homepage" }))] })));
+exports.ErrorPage = ErrorPage;
+//# 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,iDAA4C;AAE5C,yCAAqC;AAE9B,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,wBAAC,mBAAQ,kBAAC,KAAK,EAAC,4BAA4B,iBAC1C,yEAAoC,EACpC,uBAAC,oBAAQ,kBAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,8BAE3B,KACF,CACZ,CAAA;AAPY,QAAA,SAAS,aAOrB"}

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

@@ -0,0 +1,8 @@
+import { ContainerProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/sdk-react';
+import { ReactNode } from 'react';
+export interface FlexPageProps extends FlexBoxProps {
+    container?: ContainerProps['maxWidth'];
+    breadcrumbs?: ReactNode;
+}
+export declare const FlexPage: React.FC<FlexPageProps>;

package/dist/cjs/components/FlexPage.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexPage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const react_helmet_1 = require("react-helmet");
+const react_router_dom_1 = require("react-router-dom");
+const FlexPage = (_a) => {
+    var { title, container = 'xl', breadcrumbs, children } = _a, props = tslib_1.__rest(_a, ["title", "container", "breadcrumbs", "children"]);
+    const userEvents = (0, sdk_react_1.useUserEvents)();
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    (0, sdk_react_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)(sdk_react_1.FlexGrowCol, Object.assign({ gap: 2, paddingY: 2, justifyContent: "flex-start", alignItems: "stretch" }, props, { children: [breadcrumbs, children] })));
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_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.FlexPage = FlexPage;
+//# sourceMappingURL=FlexPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexPage.js","sourceRoot":"","sources":["../../../src/components/FlexPage.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyD;AACzD,iDAA4F;AAE5F,+CAAqC;AACrC,uDAA8C;AAMvC,MAAM,QAAQ,GAA4B,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA1D,iDAA4D,CAAF;IAC1G,MAAM,UAAU,GAAG,IAAA,yBAAa,GAAE,CAAA;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAA;IAElC,IAAA,0BAAc;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,uBAAW,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,uBAAW,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,QAAQ,YA+BpB"}

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const NotFound: () => JSX.Element;
+import { FlexBoxProps } from '@xylabs/sdk-react';
+declare const NotFound: React.FC<FlexBoxProps>;
 export { NotFound };

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

@@ -4,8 +4,8 @@ exports.NotFound = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
-const NotFound = () => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowCol, { 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" }))] }) }));
+const NotFound = (props) => {
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_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/NotFound/NotFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../../src/components/NotFound/NotFound.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,iDAA+C;AAE/C,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,OAAO,CACL,2DACE,wBAAC,uBAAW,eACV,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,4BAAoB,EAC5C,uBAAC,qBAAU,kBAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,gBACpC,0BAA0B,IAChB,IACD,GACb,CACJ,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../../src/components/NotFound/NotFound.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,iDAA6D;AAE7D,MAAM,QAAQ,GAA2B,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,wBAAC,uBAAW,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/NotFound/NotFoundPage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FlexPageProps } from '../FlexPage';
+export declare const NotFoundPage: React.FC<FlexPageProps>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.js","sourceRoot":"","sources":["../../../../src/components/NotFound/NotFoundPage.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAqD;AACrD,yCAAqC;AAE9B,MAAM,YAAY,GAA4B,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CAC5E,uBAAC,mBAAQ,kBAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,uBAAuB,IAAM,KAAK,cAC1D,uBAAC,mBAAQ,KAAG,IACH,CACZ,CAAA;CAAA,CAAA;AAJY,QAAA,YAAY,gBAIxB"}

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

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

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

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./NotFound"), exports);
+tslib_1.__exportStar(require("./NotFoundPage"), exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,6 +1,9 @@
 export * from './Ampersand';
 export * from './BasicHero';
 export * from './DarkModeIconButton';
+export * from './ErrorBoundry';
+export * from './ErrorPage';
+export * from './FlexPage';
 export * from './Footer';
 export * from './FullWidthCard';
 export * from './GradientText';

package/dist/cjs/components/index.js

@@ -4,6 +4,9 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Ampersand"), exports);
 tslib_1.__exportStar(require("./BasicHero"), exports);
 tslib_1.__exportStar(require("./DarkModeIconButton"), exports);
+tslib_1.__exportStar(require("./ErrorBoundry"), exports);
+tslib_1.__exportStar(require("./ErrorPage"), exports);
+tslib_1.__exportStar(require("./FlexPage"), exports);
 tslib_1.__exportStar(require("./Footer"), exports);
 tslib_1.__exportStar(require("./FullWidthCard"), exports);
 tslib_1.__exportStar(require("./GradientText"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,+DAAoC;AACpC,mDAAwB;AACxB,0DAA+B;AAC/B,yDAA8B;AAC9B,6DAAkC;AAClC,qDAA0B;AAC1B,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,0DAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,+DAAoC;AACpC,yDAA8B;AAC9B,sDAA2B;AAC3B,qDAA0B;AAC1B,mDAAwB;AACxB,0DAA+B;AAC/B,yDAA8B;AAC9B,6DAAkC;AAClC,qDAA0B;AAC1B,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,0DAA+B"}

package/dist/cjs/contexts/AppSettings/Storage.js

@@ -5,7 +5,7 @@ const appSettingDefault_1 = require("./appSettingDefault");
 const Slug_1 = require("./Slug");
 const StorageBase_1 = require("./StorageBase");
 class AppSettingsStorage extends StorageBase_1.AppSettingsStorageBase {
-    constructor(prefix = 'XyoAppSettings', defaults) {
+    constructor(prefix = 'AppSettings', defaults) {
         super(prefix, Object.assign(Object.assign({}, (0, appSettingDefault_1.appSettingDefault)()), defaults));
     }
     get darkMode() {

package/dist/cjs/contexts/AppSettings/Storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":";;;AAAA,2DAAuD;AACvD,iCAAuC;AACvC,+CAAsD;AAEtD,MAAa,kBAAmB,SAAQ,oCAAsB;IAC5D,YAAY,MAAM,GAAG,gBAAgB,EAAE,QAAkC;QACvE,KAAK,CAAC,MAAM,kCAAO,IAAA,qCAAiB,GAAE,GAAK,QAAQ,EAAG,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF;AApBD,gDAoBC"}
+{"version":3,"file":"Storage.js","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/Storage.ts"],"names":[],"mappings":";;;AAAA,2DAAuD;AACvD,iCAAuC;AACvC,+CAAsD;AAEtD,MAAa,kBAAmB,SAAQ,oCAAsB;IAC5D,YAAY,MAAM,GAAG,aAAa,EAAE,QAAkC;QACpE,KAAK,CAAC,MAAM,kCAAO,IAAA,qCAAiB,GAAE,GAAK,QAAQ,EAAG,CAAA;IACxD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,UAAU,CAAC,qBAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAClD,CAAC;CACF;AApBD,gDAoBC"}