@variocube/app-ui 1.14.0

package/esm/layout/ErrorBoundary.js

@@ -0,0 +1,186 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { Component, Fragment } from "react";
+import { Accordion, AccordionDetails, AccordionSummary, Box, Typography } from "@mui/material";
+import { NotFoundSvg } from "./NotFoundSvg";
+import ErrorStackParser from "error-stack-parser";
+import { ExpandMore } from "@mui/icons-material";
+const codeSx = {
+    background: '#263238',
+    color: '#fff',
+    fontSize: '0.8rem',
+    padding: 1,
+    borderRadius: '3px',
+    overflowX: 'auto',
+    width: '100%'
+};
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            hasError: false
+        };
+    }
+    /**
+     * This lifecycle is invoked after an error has been thrown by a descendant component.
+     * It receives the error that was thrown as a parameter and should return a value to update state.
+     * @param error
+     * @doc https://reactjs.org/docs/react-component.html#static-getderivedstatefromerror
+     */
+    static getDerivedStateFromError(error) {
+        // Store error context
+        ErrorBoundary.errorContext = {
+            url: location.href,
+            referrer: document.referrer,
+            userAgent: navigator.userAgent,
+            error
+        };
+        // Update state so the next render will show the fallback UI
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('An error occurred', { error, errorInfo });
+    }
+    reportBugsnag() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.props.bugsnagConfig) {
+                console.warn('Bugsnag not configured. Skip reporting to bugsnag.');
+                return;
+            }
+            if (!ErrorBoundary.errorContext) {
+                console.warn('Error context not specified. Cannot report to bugsnag.');
+                return;
+            }
+            const { bugsnagConfig: { apiKey, getUser } } = this.props;
+            const { error, url, referrer, userAgent } = ErrorBoundary.errorContext;
+            const stackTraces = ErrorStackParser.parse(error)
+                .map(({ fileName: file, lineNumber, columnNumber, functionName: method }) => ({
+                file,
+                lineNumber,
+                columnNumber,
+                method
+            }));
+            const payload = {
+                apiKey,
+                payloadVersion: '5',
+                notifier: {
+                    name: "variocube app-ui",
+                    version: '1.0.11',
+                    url: 'https://github.com'
+                },
+                events: [
+                    {
+                        exceptions: [{
+                                errorClass: error.message,
+                                stacktrace: stackTraces,
+                                type: 'browserjs'
+                            }],
+                        request: {
+                            httpMethod: '',
+                            url,
+                            referrer
+                        },
+                        user: getUser(),
+                        metaData: {
+                            userAgent: { userAgent },
+                            sessionStorage: sessionStorage,
+                            localStorage: localStorage
+                        }
+                    }
+                ]
+            };
+            try {
+                const response = yield fetch('https://notify.bugsnag.com/', {
+                    method: 'POST',
+                    body: JSON.stringify(payload)
+                });
+                if (response.ok) {
+                    console.info('successfully reported error to bugsnag');
+                }
+            }
+            catch (error) {
+                console.log('failed to report error to bugsnag', error);
+            }
+        });
+    }
+    renderStorage(storage) {
+        const { anonymizeStorageKeyPatterns = [] } = this.props;
+        const kv = [];
+        for (let i = 0; i < storage.length; i++) {
+            const key = storage.key(i);
+            if (key) {
+                let value = storage.getItem(key);
+                if (value && anonymizeStorageKeyPatterns.find(p => key.indexOf(p) > -1)) {
+                    value = "*****";
+                }
+                kv.push({ key, value });
+            }
+        }
+        if (kv.length === 0)
+            return React.createElement(Box, { component: "code", sx: Object.assign(Object.assign({}, codeSx), { mb: 2 }) }, "NONE");
+        return kv
+            .sort((x, y) => x.key.localeCompare(y.key))
+            .map((o, i) => {
+            let value = o.value;
+            try {
+                value = JSON.stringify(JSON.parse(value), null, 3);
+            }
+            catch (error) {
+                console.log('cannot parse value', error);
+            }
+            return (React.createElement(Fragment, { key: 'kv-' + i },
+                React.createElement(Typography, { variant: "caption" }, o.key),
+                React.createElement(Box, { component: "code", sx: Object.assign(Object.assign({}, codeSx), { mb: 2 }) }, value)));
+        });
+    }
+    render() {
+        if (!this.state.hasError)
+            return this.props.children;
+        this.reportBugsnag()
+            .catch(err => console.error('failed to report to bugsnag', err));
+        const { errorContext: { error, url, referrer, userAgent } = {} } = ErrorBoundary;
+        return (React.createElement(Box, { p: 3 },
+            React.createElement(NotFoundSvg, { style: { width: '100%', maxHeight: 300 } }),
+            React.createElement(Box, { p: 4 }),
+            React.createElement(Typography, { variant: "h2", align: "center" }, "Oops, something went wrong!"),
+            React.createElement(Box, { p: 2 }),
+            React.createElement(Accordion, null,
+                React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMore, null) },
+                    React.createElement(Typography, null, error === null || error === void 0 ? void 0 : error.message)),
+                React.createElement(AccordionDetails, { sx: {
+                        display: 'flex',
+                        flexDirection: 'column'
+                    } },
+                    React.createElement(Typography, { variant: "overline" },
+                        React.createElement("strong", null, "URL")),
+                    React.createElement(Box, { component: "code", sx: codeSx }, url),
+                    React.createElement(Box, { my: 1 }),
+                    React.createElement(Typography, { variant: "overline" },
+                        React.createElement("strong", null, "Referrer")),
+                    React.createElement(Box, { component: "code", sx: codeSx }, referrer),
+                    React.createElement(Box, { my: 1 }),
+                    React.createElement(Typography, { variant: "overline" },
+                        React.createElement("strong", null, "User-Agent")),
+                    React.createElement(Box, { component: "code", sx: codeSx }, userAgent),
+                    React.createElement(Box, { my: 1 }),
+                    React.createElement(Typography, { variant: "overline" },
+                        React.createElement("strong", null, "Trace")),
+                    React.createElement(Box, { component: "code", sx: codeSx }, error === null || error === void 0 ? void 0 : error.stack),
+                    React.createElement(Box, { my: 1 }),
+                    React.createElement(Typography, { variant: "overline" },
+                        React.createElement("strong", null, "Session Storage")),
+                    this.renderStorage(sessionStorage),
+                    React.createElement(Box, { my: 1 }),
+                    React.createElement(Typography, { variant: "overline" },
+                        React.createElement("strong", null, "Local Storage")),
+                    this.renderStorage(localStorage)))));
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/esm/layout/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/layout/ErrorBoundary.tsx"],"names":[],"mappings":"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"}

package/esm/layout/NotFound.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from "react";
+interface NotFoundProps {
+    svg?: ReactElement;
+    errorMsg?: string;
+    pathMsg?: string;
+    backToHomeMsg?: string;
+}
+export declare function NotFound(props: NotFoundProps): JSX.Element;
+export {};

package/esm/layout/NotFound.js

@@ -0,0 +1,26 @@
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import { NotFoundSvg } from "./NotFoundSvg";
+import { ContainerLayout } from "../container";
+import React from "react";
+export function NotFound(props) {
+    const { svg, errorMsg, pathMsg, backToHomeMsg } = props;
+    const path = window.location.pathname;
+    const defaultErrorMsg = "404: Not Found";
+    const defaultPathMsg = "We could not find the following path:";
+    const defaultBackToHomeMsg = "Back to Home";
+    return (React.createElement(ContainerLayout, null,
+        React.createElement(Stack, { direction: "column", alignItems: "center" },
+            !svg &&
+                React.createElement(NotFoundSvg, { style: { width: '100%', maxHeight: 300 } }),
+            svg &&
+                svg),
+        React.createElement(Grid, { container: true, spacing: 6 },
+            React.createElement(Grid, { item: true, xs: 12 },
+                React.createElement(Typography, { variant: "h3", align: "center" }, errorMsg != "" ? errorMsg : defaultErrorMsg),
+                React.createElement(Typography, { variant: "body1", align: "center" }, pathMsg != "" ? pathMsg : defaultPathMsg),
+                React.createElement(Typography, { variant: "body1", align: "center" }, path)),
+            React.createElement(Grid, { item: true, xs: 12 },
+                React.createElement(Typography, { variant: "body1", align: "center" },
+                    React.createElement(Button, { href: "/" }, backToHomeMsg != "" ? backToHomeMsg : defaultBackToHomeMsg))))));
+}
+//# sourceMappingURL=NotFound.js.map

package/esm/layout/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../src/layout/NotFound.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAC,GAAG,EAAE,QAAQ,EAAC,OAAO,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAErD,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAEtC,MAAM,eAAe,GAAG,gBAAgB,CAAC;IACzC,MAAM,cAAc,GAAG,uCAAuC,CAAC;IAC/D,MAAM,oBAAoB,GAAG,cAAc,CAAC;IAE5C,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,KAAK,IACJ,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ;YAElB,CAAC,GAAG;gBACD,oBAAC,WAAW,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAI;YAE5D,GAAG;gBACF,GAAG,CAEC;QACR,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;gBACf,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,IAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAc;gBAClG,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,IAAE,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAc;gBAClG,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAc,CAEzD;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;gBACf,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ;oBACxC,oBAAC,MAAM,IAAC,IAAI,EAAC,GAAG,IAAE,aAAa,IAAI,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAU,CAC3E,CACR,CACF,CACS,CACnB,CAAC;AACJ,CAAC"}

package/esm/layout/NotFoundSvg.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare function NotFoundSvg(props: SVGProps<SVGSVGElement>): JSX.Element;

package/esm/layout/NotFoundSvg.js

@@ -0,0 +1,37 @@
+import React from "react";
+export function NotFoundSvg(props) {
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1120.592", height: "777.916", "data-name": "Layer 1", viewBox: "0 0 1120.592 777.916" }, props),
+        React.createElement("circle", { cx: "212.592", cy: "103", r: "64", fill: "#ff6584" }),
+        React.createElement("path", { fill: "#f2f2f2", d: "M563.68 404.164c0 151.011-89.774 203.739-200.515 203.739s-200.516-52.728-200.516-203.74 200.516-343.12 200.516-343.12 200.515 192.11 200.515 343.12z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("path", { fill: "#3f3d56", d: "M316.156 523.761L318.21 397.378 403.674 241.024 318.532 377.552 319.455 320.725 378.357 207.605 319.699 305.687 319.699 305.687 321.359 203.481 384.433 113.423 321.621 187.409 322.658 0 316.138 248.096 316.674 237.861 252.547 139.704 315.646 257.508 309.671 371.654 309.493 368.625 235.565 265.329 309.269 379.328 308.522 393.603 308.388 393.818 308.449 394.99 293.29 684.589 313.544 684.589 315.974 535.005 389.496 421.285 316.156 523.761z" }),
+        React.createElement("path", { fill: "#f2f2f2", d: "M1160.296 466.014c0 123.61-73.484 166.77-164.131 166.77s-164.132-43.16-164.132-166.77 164.132-280.862 164.132-280.862 164.131 157.252 164.131 280.862z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("path", { fill: "#3f3d56", d: "M950.482 552.833L952.162 449.383 1022.119 321.4 952.426 433.154 953.182 386.639 1001.396 294.044 953.382 374.329 953.382 374.329 954.741 290.669 1006.369 216.952 954.954 277.514 955.804 124.11 950.467 327.188 950.906 318.811 898.414 238.464 950.064 334.893 945.173 428.327 945.027 425.847 884.514 341.294 944.844 434.608 944.232 446.293 944.123 446.469 944.173 447.428 931.764 684.478 948.343 684.478 950.332 562.037 1010.514 468.952 950.482 552.833z" }),
+        React.createElement("ellipse", { cx: "554.592", cy: "680.479", fill: "#3f3d56", rx: "554.592", ry: "28.034" }),
+        React.createElement("ellipse", { cx: "892.445", cy: "726.797", fill: "#3f3d56", rx: "94.989", ry: "4.802" }),
+        React.createElement("ellipse", { cx: "548.72", cy: "773.114", fill: "#3f3d56", rx: "94.989", ry: "4.802" }),
+        React.createElement("ellipse", { cx: "287.944", cy: "734.279", fill: "#3f3d56", rx: "217.014", ry: "10.97" }),
+        React.createElement("circle", { cx: "97.084", cy: "566.27", r: "79", fill: "#2f2e41" }),
+        React.createElement("path", { fill: "#2f2e41", d: "M99.805 689.023H123.805V732.023H99.805z", transform: "rotate(.675 5272.615 -2689.677)" }),
+        React.createElement("path", { fill: "#2f2e41", d: "M147.802 689.589H171.802V732.589H147.802z", transform: "rotate(.675 5320.612 -2689.112)" }),
+        React.createElement("ellipse", { cx: "119.546", cy: "732.616", fill: "#2f2e41", rx: "7.5", ry: "20", transform: "rotate(-89.325 68.811 722.182)" }),
+        React.createElement("ellipse", { cx: "167.554", cy: "732.182", fill: "#2f2e41", rx: "7.5", ry: "20", transform: "rotate(-89.325 116.82 721.748)" }),
+        React.createElement("circle", { cx: "99.319", cy: "546.295", r: "27", fill: "#fff" }),
+        React.createElement("circle", { cx: "99.319", cy: "546.295", r: "9", fill: "#3f3d56" }),
+        React.createElement("path", { fill: "#ff6a00", d: "M61.026 552.946c-6.042-28.64 14.687-57.264 46.3-63.933s62.139 11.143 68.18 39.783-14.978 38.93-46.59 45.6-61.848 7.191-67.89-21.45z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("path", { fill: "#ff6a00", d: "M257.296 671.384c0 55.076-32.74 74.306-73.13 74.306q-1.403 0-2.802-.03c-1.872-.04-3.725-.13-5.557-.255-36.451-2.58-64.77-22.8-64.77-74.02 0-53.01 67.738-119.897 72.826-124.847l.009-.01.294-.284s73.13 70.064 73.13 125.14z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("path", { fill: "#3f3d56", d: "M181.502 737.265l26.747-37.374-26.814 41.477-.071 4.291c-1.872-.04-3.725-.129-5.557-.254l2.883-55.102-.022-.428.049-.08.272-5.204-26.881-41.58 26.965 37.676.063 1.105 2.179-41.633-23.014-42.965 23.294 35.658 2.268-86.314.009-.294v.285l-.379 68.064 22.911-26.983-23.004 32.847-.606 37.275 21.391-35.774-21.48 41.259-.339 20.723 31.056-49.791-31.172 57.023z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("circle", { cx: "712.485", cy: "565.415", r: "79", fill: "#2f2e41" }),
+        React.createElement("path", { fill: "#2f2e41", d: "M741.777 691.824H765.777V734.824H741.777z", transform: "rotate(-17.083 530.717 814.976)" }),
+        React.createElement("path", { fill: "#2f2e41", d: "M787.659 677.723H811.659V720.723H787.659z", transform: "rotate(-17.083 576.611 800.885)" }),
+        React.createElement("ellipse", { cx: "767.887", cy: "732.003", fill: "#2f2e41", rx: "20", ry: "7.5", transform: "rotate(-17.083 544.826 833.656)" }),
+        React.createElement("ellipse", { cx: "813.475", cy: "716.946", fill: "#2f2e41", rx: "20", ry: "7.5", transform: "rotate(-17.083 590.415 818.599)" }),
+        React.createElement("circle", { cx: "708.522", cy: "545.71", r: "27", fill: "#fff" }),
+        React.createElement("circle", { cx: "708.522", cy: "545.71", r: "9", fill: "#3f3d56" }),
+        React.createElement("path", { fill: "#ff6a00", d: "M657.355 578.743c-14.49-25.433-3.478-59.016 24.594-75.009s62.576-8.34 77.066 17.093-2.39 41.643-30.463 57.636-56.707 25.713-71.197.28zM611.296 661.299c0 50.557-30.054 68.21-67.13 68.21q-1.288 0-2.572-.03a109.57 109.57 0 01-5.1-.232c-33.461-2.368-59.458-20.929-59.458-67.948 0-48.66 62.181-110.06 66.852-114.603l.008-.009.27-.261s67.13 64.316 67.13 114.873z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("path", { fill: "#3f3d56", d: "M541.72 721.774l24.553-34.307-24.614 38.074-.065 3.939a109.57 109.57 0 01-5.1-.233l2.645-50.582-.02-.393.045-.073.25-4.777-24.676-38.169 24.753 34.586.058 1.014 2-38.217-21.126-39.44 21.383 32.732 2.082-79.232.008-.27v.261l-.347 62.48 21.03-24.77-21.116 30.152-.557 34.218 19.637-32.84-19.718 37.875-.311 19.023 28.507-45.707-28.614 52.345z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("path", { fill: "#ff6a00", d: "M875.296 682.384c0 55.076-32.74 74.306-73.13 74.306q-1.403 0-2.802-.03c-1.872-.04-3.725-.13-5.557-.255-36.451-2.58-64.77-22.8-64.77-74.02 0-53.01 67.738-119.897 72.826-124.847l.009-.01.294-.284s73.13 70.064 73.13 125.14z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("path", { fill: "#3f3d56", d: "M799.502 748.265l26.747-37.374-26.814 41.477-.071 4.291c-1.872-.04-3.725-.129-5.557-.254l2.883-55.102-.022-.428.049-.08.272-5.204-26.881-41.58 26.965 37.676.063 1.105 2.179-41.633-23.014-42.965 23.294 35.658 2.268-86.314.01-.294v.285l-.38 68.064 22.911-26.983-23.004 32.847-.606 37.275 21.391-35.774-21.48 41.259-.339 20.723 31.056-49.791-31.172 57.023z", transform: "translate(-39.704 -61.042)" }),
+        React.createElement("ellipse", { cx: "721.517", cy: "656.822", fill: "#2f2e41", rx: "12.4", ry: "39.5", transform: "rotate(-64.626 653.41 657.688)" }),
+        React.createElement("ellipse", { cx: "112.517", cy: "651.822", fill: "#2f2e41", rx: "12.4", ry: "39.5", transform: "rotate(-68.158 47.55 650.645)" })));
+}
+//# sourceMappingURL=NotFoundSvg.js.map

package/esm/layout/NotFoundSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundSvg.js","sourceRoot":"","sources":["../../src/layout/NotFoundSvg.tsx"],"names":[],"mappings":"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"}

package/esm/layout/UserNav.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+type Props = {
+    onSettingClick?: () => void;
+    onChangePasswordClick?: () => void;
+    onLogoutClick?: () => void;
+    showDarkModeSwitch?: boolean;
+    i18n?: {
+        settings?: string;
+        changePassword?: string;
+        darkMode?: string;
+        logout?: string;
+    };
+};
+export declare function UserNav(props: Props): JSX.Element;
+export {};

package/esm/layout/UserNav.js

@@ -0,0 +1,50 @@
+import React, { Fragment, useState } from "react";
+import { Avatar, Divider, ListItemIcon, ListItemText, Menu, MenuItem, useTheme } from "@mui/material";
+import PersonIcon from '@mui/icons-material/Person';
+import SettingsIcon from '@mui/icons-material/Settings';
+import LockIcon from '@mui/icons-material/Lock';
+import DarkModeIcon from '@mui/icons-material/DarkMode';
+import LogoutIcon from '@mui/icons-material/PowerSettingsNew';
+import { usePaletteMode } from "../VCThemeProvider";
+export function UserNav(props) {
+    const { onSettingClick, onChangePasswordClick, onLogoutClick, showDarkModeSwitch, i18n: { settings, changePassword, darkMode, logout } = {} } = props;
+    const theme = useTheme();
+    const { mode, setMode } = usePaletteMode();
+    const [anchorEl, setAnchorEl] = useState(null);
+    return (React.createElement(Fragment, null,
+        React.createElement(Avatar, { sx: {
+                bgcolor: theme.palette.grey["500"],
+                width: 30,
+                height: 30,
+                cursor: 'pointer'
+            }, variant: "circular", onClick: ev => setAnchorEl(ev.currentTarget) },
+            React.createElement(PersonIcon, null)),
+        React.createElement(Menu, { open: anchorEl !== null, anchorEl: anchorEl, onClose: () => setAnchorEl(null), anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right'
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'right'
+            } },
+            onSettingClick && (React.createElement(MenuItem, { onClick: onSettingClick },
+                React.createElement(ListItemIcon, null,
+                    React.createElement(SettingsIcon, { fontSize: "small" })),
+                React.createElement(ListItemText, null, settings !== null && settings !== void 0 ? settings : 'Settings'))),
+            onChangePasswordClick && (React.createElement(MenuItem, { onClick: onChangePasswordClick },
+                React.createElement(ListItemIcon, null,
+                    React.createElement(LockIcon, { fontSize: "small" })),
+                React.createElement(ListItemText, null, changePassword !== null && changePassword !== void 0 ? changePassword : 'Change password'))),
+            showDarkModeSwitch && (React.createElement(MenuItem, { onClick: () => setMode((mode === 'dark') ? "light" : "dark") },
+                React.createElement(ListItemIcon, null,
+                    React.createElement(DarkModeIcon, { fontSize: "small" })),
+                React.createElement(ListItemText, null, darkMode !== null && darkMode !== void 0 ? darkMode : 'Dark Mode',
+                    ": ",
+                    mode === 'dark' ? 'ON' : 'OFF'))),
+            onLogoutClick && (React.createElement(Fragment, null,
+                React.createElement(Divider, null),
+                React.createElement(MenuItem, { onClick: onLogoutClick },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(LogoutIcon, { fontSize: "small", sx: { color: theme.palette.error.main } })),
+                    React.createElement(ListItemText, { sx: { color: theme.palette.error.main } }, logout !== null && logout !== void 0 ? logout : 'Logout')))))));
+}
+//# sourceMappingURL=UserNav.js.map

package/esm/layout/UserNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserNav.js","sourceRoot":"","sources":["../../src/layout/UserNav.tsx"],"names":[],"mappings":"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"}

package/esm/layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./ErrorBoundary";
+export * from "./UserNav";
+export * from "./NotFound";
+export * from "./layout-context";
+export * from "./page-title";

package/esm/layout/index.js

@@ -0,0 +1,6 @@
+export * from "./ErrorBoundary";
+export * from "./UserNav";
+export * from "./NotFound";
+export * from "./layout-context";
+export * from "./page-title";
+//# sourceMappingURL=index.js.map

package/esm/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAA"}

package/esm/layout/layout-context.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from "react";
+interface LayoutProviderProps {
+    appName: string;
+}
+export declare function LayoutProvider({ appName, children }: PropsWithChildren<LayoutProviderProps>): JSX.Element;
+export declare const useLayoutContext: () => {
+    setPageTitle: (name?: string) => void;
+};
+export {};

package/esm/layout/layout-context.js

@@ -0,0 +1,23 @@
+import React, { createContext, useContext, useEffect, useMemo, useState } from "react";
+const LayoutContext = createContext({
+    setPageTitle: () => void 0,
+});
+export function LayoutProvider({ appName, children }) {
+    const [pageTitle, setPageTitle] = useState();
+    useEffect(() => {
+        document.title = pageTitle ? `${pageTitle} | ${appName}` : appName;
+    }, [pageTitle]);
+    const value = useMemo(() => ({ setPageTitle }), []);
+    return (React.createElement(LayoutContext.Provider, { value: value }, children));
+}
+export const useLayoutContext = () => {
+    const value = useContext(LayoutContext);
+    if (!value) {
+        throw new Error("Cannot find layout context. Are you missing a LayoutProvider in your component tree?");
+    }
+    const { setPageTitle } = value;
+    return {
+        setPageTitle,
+    };
+};
+//# sourceMappingURL=layout-context.js.map

package/esm/layout/layout-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-context.js","sourceRoot":"","sources":["../../src/layout/layout-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAqB,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAMxG,MAAM,aAAa,GAAG,aAAa,CAAoB;IACtD,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CAC1B,CAAC,CAAC;AAMH,MAAM,UAAU,cAAc,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAyC;IACzF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAU,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IACpE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,YAAY,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAElD,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAClC,QAAQ,CACe,CACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACxC,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,sFAAsF,CAAC,CAAC;IACzG,CAAC;IACD,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC;IAC7B,OAAO;QACN,YAAY;KACZ,CAAC;AACH,CAAC,CAAC"}

package/esm/layout/page-title.d.ts

@@ -0,0 +1,7 @@
+import { TypographyProps } from "@mui/material";
+import { ReactNode } from "react";
+interface PageTitleProps extends Omit<TypographyProps, "children" | "ref" | "title"> {
+    title?: ReactNode;
+}
+export declare function PageTitle({ title, variant, ...rest }: Readonly<PageTitleProps>): JSX.Element;
+export {};

package/esm/layout/page-title.js

@@ -0,0 +1,41 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Typography } from "@mui/material";
+import React, { isValidElement, useEffect } from "react";
+import { useLayoutContext } from "./layout-context";
+export function PageTitle(_a) {
+    var { title, variant = "h1" } = _a, rest = __rest(_a, ["title", "variant"]);
+    const { setPageTitle } = useLayoutContext();
+    useEffect(() => {
+        setPageTitle(reactNodeToString(title));
+    }, [title]);
+    return React.createElement(Typography, Object.assign({ variant: variant, component: "h1", title: "title" }, rest), title);
+}
+function reactNodeToString(reactNode) {
+    let string = "";
+    if (typeof reactNode === "string") {
+        string = reactNode;
+    }
+    else if (typeof reactNode === "number") {
+        string = reactNode.toString();
+    }
+    else if (reactNode instanceof Array) {
+        reactNode.forEach(function (child) {
+            string += reactNodeToString(child);
+        });
+    }
+    else if (isValidElement(reactNode)) {
+        string += reactNodeToString(reactNode.props.children);
+    }
+    return string;
+}
+//# sourceMappingURL=page-title.js.map

package/esm/layout/page-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-title.js","sourceRoot":"","sources":["../../src/layout/page-title.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,eAAe,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAC,cAAc,EAAa,SAAS,EAAC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAMlD,MAAM,UAAU,SAAS,CAAC,EAA0D;QAA1D,EAAC,KAAK,EAAE,OAAO,GAAG,IAAI,OAAoC,EAA/B,IAAI,cAA/B,oBAAgC,CAAD;IACxD,MAAM,EAAC,YAAY,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,oBAAC,UAAU,kBAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,IAAK,IAAI,GAAG,KAAK,CAAc,CAAC;AAClG,CAAC;AAED,SAAS,iBAAiB,CAAC,SAA2B;IACrD,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QACnC,MAAM,GAAG,SAAS,CAAC;IACpB,CAAC;SAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC1C,MAAM,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC/B,CAAC;SAAM,IAAI,SAAS,YAAY,KAAK,EAAE,CAAC;QACvC,SAAS,CAAC,OAAO,CAAC,UAAS,KAAK;YAC/B,MAAM,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACJ,CAAC;SAAM,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;QACtC,MAAM,IAAI,iBAAiB,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACvD,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}

package/esm/list/List.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ListProps as MuiListProps } from "@mui/material";
+import { SkeletonListItemProps } from "./SkeletonListItem";
+export type ListProps = MuiListProps & {
+    /** Whether the list is loading and skeleton list items should be shown. */
+    loading?: boolean;
+    /** The error that should be shown. */
+    error?: any;
+    /** The number of skeleton items to show. */
+    items?: number;
+    /** Properties of the skeleton list items. */
+    skeleton?: SkeletonListItemProps;
+};
+export declare function List(props: ListProps): JSX.Element;

package/esm/list/List.js

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { List as MuiList } from "@mui/material";
+import React from "react";
+import { ErrorAlert } from "../ErrorAlert";
+import { SkeletonListItem } from "./SkeletonListItem";
+export function List(props) {
+    const { children, error, loading, items = 3, skeleton = {} } = props, listProps = __rest(props, ["children", "error", "loading", "items", "skeleton"]);
+    if (error) {
+        return React.createElement(ErrorAlert, { error: error });
+    }
+    return (React.createElement(MuiList, Object.assign({}, listProps), loading
+        ? Array.from({ length: items }).map(() => React.createElement(SkeletonListItem, Object.assign({}, skeleton)))
+        : children));
+}
+//# sourceMappingURL=List.js.map

package/esm/list/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,IAAI,IAAI,OAAO,EAA4B,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,gBAAgB,EAAwB,MAAM,oBAAoB,CAAC;AAgB3E,MAAM,UAAU,IAAI,CAAC,KAAgB;IACpC,MAAM,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,EAAE,KAEV,KAAK,EADL,SAAS,UACT,KAAK,EAPH,qDAOL,CAAQ,CAAC;IAEV,IAAI,KAAK,EAAE,CAAC;QACX,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IACrC,CAAC;IACD,OAAO,CACN,oBAAC,OAAO,oBAAK,SAAS,GACpB,OAAO;QACP,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,QAAQ,EAAI,CAAC;QAC3E,CAAC,CAAC,QAAQ,CACF,CACV,CAAC;AACH,CAAC"}

package/esm/list/SkeletonListItem.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface SkeletonListItemProps {
+    /** Whether the list item has an icon. */
+    icon?: boolean;
+    /** Whether the list item has a primary text. */
+    primary?: boolean;
+    /** The number of lines in the secondary text. */
+    secondary?: number;
+    /** Whether the list item has a secondary action. */
+    action?: boolean;
+    /** Whether the list item has a divider. */
+    divider?: boolean;
+}
+export declare function SkeletonListItem(props: Readonly<SkeletonListItemProps>): JSX.Element;

package/esm/list/SkeletonListItem.js

@@ -0,0 +1,11 @@
+import { ListItem, ListItemIcon, ListItemSecondaryAction, ListItemText, Skeleton } from "@mui/material";
+import React, { Fragment } from "react";
+export function SkeletonListItem(props) {
+    const { icon = true, primary = true, secondary = 1, action = false, divider = false, } = props;
+    return (React.createElement(ListItem, { divider: divider },
+        icon && (React.createElement(ListItemIcon, null,
+            React.createElement(Skeleton, { variant: "circular", width: 40, height: 40 }))),
+        React.createElement(ListItemText, { primary: primary && React.createElement(Skeleton, { variant: "text" }), secondary: React.createElement(Fragment, null, Array.from({ length: secondary }).map(() => React.createElement(Skeleton, { variant: "text" }))) }),
+        React.createElement(ListItemSecondaryAction, null, action && React.createElement(Skeleton, { variant: "rounded", width: 40, height: 40 }))));
+}
+//# sourceMappingURL=SkeletonListItem.js.map

package/esm/list/SkeletonListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonListItem.js","sourceRoot":"","sources":["../../src/list/SkeletonListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAE,uBAAuB,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AACtG,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAmBtC,MAAM,UAAU,gBAAgB,CAAC,KAAsC;IACtE,MAAM,EACL,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,CAAC,EACb,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,GACf,GAAG,KAAK,CAAC;IAEV,OAAO,CACN,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO;QACxB,IAAI,IAAI,CACR,oBAAC,YAAY;YACZ,oBAAC,QAAQ,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACxC,CACf;QACD,oBAAC,YAAY,IACZ,OAAO,EAAE,OAAO,IAAI,oBAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,GAAG,EAC/C,SAAS,EACR,oBAAC,QAAQ,QACP,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,oBAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,GAAG,CAAC,CAC7D,GAEX;QACF,oBAAC,uBAAuB,QACtB,MAAM,IAAI,oBAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACvC,CAChB,CACX,CAAC;AACH,CAAC"}

package/esm/list/index.d.ts

@@ -0,0 +1 @@
+export { List } from "./List";

package/esm/list/index.js

@@ -0,0 +1,2 @@
+export { List } from "./List";
+//# sourceMappingURL=index.js.map

package/esm/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}