@etsoo/toolpad 1.0.11 → 1.0.13

package/babel.config.json

@@ -0,0 +1,11 @@
+{
+  "presets": [["@babel/env"]],
+  "plugins": [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "corejs": 3
+      }
+    ]
+  ]
+}

package/build/cjs/Account/Account.js

@@ -0,0 +1,104 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Account = Account;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Popover_1 = __importDefault(require("@mui/material/Popover"));
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const SignInButton_1 = require("./SignInButton");
+const SignOutButton_1 = require("./SignOutButton");
+const AccountPreview_1 = require("./AccountPreview");
+const AccountPopoverHeader_1 = require("./AccountPopoverHeader");
+const AccountPopoverFooter_1 = require("./AccountPopoverFooter");
+const AppProvider_1 = require("../AppProvider/AppProvider");
+/**
+ *
+ * Demos:
+ *
+ * - [Account](https://mui.com/toolpad/core/react-account/)
+ * - [Dashboard Layout](https://mui.com/toolpad/core/react-dashboard-layout/)
+ * - [Sign-in Page](https://mui.com/toolpad/core/react-sign-in-page/)
+ *
+ * API:
+ *
+ * - [Account API](https://mui.com/toolpad/core/api/account)
+ */
+function Account(props) {
+    const { slots, slotProps } = props;
+    const [anchorEl, setAnchorEl] = React.useState(null);
+    const session = React.useContext(AppProvider_1.SessionContext);
+    const authentication = React.useContext(AppProvider_1.AuthenticationContext);
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    if (!authentication) {
+        return null;
+    }
+    if (!session?.user) {
+        return slots?.signInButton ? ((0, jsx_runtime_1.jsx)(slots.signInButton, { onClick: authentication.signIn })) : ((0, jsx_runtime_1.jsx)(SignInButton_1.SignInButton, { ...slotProps?.signInButton }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [slots?.preview ? ((0, jsx_runtime_1.jsx)(slots.preview, { handleClick: handleClick, open: open })) : ((0, jsx_runtime_1.jsx)(AccountPreview_1.AccountPreview, { variant: "condensed", handleClick: handleClick, open: open, ...slotProps?.preview })), slots?.popover ? ((0, jsx_runtime_1.jsx)(slots.popover, { ...slotProps?.popover })) : ((0, jsx_runtime_1.jsx)(Popover_1.default, { anchorEl: anchorEl, id: "account-menu", open: open, onClose: handleClose, onClick: handleClose, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" }, ...slotProps?.popover, slotProps: {
+                    paper: {
+                        elevation: 0,
+                        sx: {
+                            overflow: "visible",
+                            filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
+                            mt: 1,
+                            "&::before": {
+                                content: '""',
+                                display: "block",
+                                position: "absolute",
+                                top: 0,
+                                right: 14,
+                                width: 10,
+                                height: 10,
+                                bgcolor: "background.paper",
+                                transform: "translateY(-50%) rotate(45deg)",
+                                zIndex: 0
+                            }
+                        }
+                    },
+                    ...slotProps?.popover?.slotProps
+                }, children: slots?.popoverContent ? ((0, jsx_runtime_1.jsx)(slots.popoverContent, { ...slotProps?.popoverContent })) : ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "column", ...slotProps?.popoverContent, children: [(0, jsx_runtime_1.jsx)(AccountPopoverHeader_1.AccountPopoverHeader, { children: (0, jsx_runtime_1.jsx)(AccountPreview_1.AccountPreview, { variant: "expanded" }) }), (0, jsx_runtime_1.jsx)(Divider_1.default, {}), (0, jsx_runtime_1.jsx)(AccountPopoverFooter_1.AccountPopoverFooter, { children: (0, jsx_runtime_1.jsx)(SignOutButton_1.SignOutButton, { ...slotProps?.signOutButton }) })] })) }))] }));
+}

package/build/cjs/Account/Account.test.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Account_1 = require("./Account");
+const describeConformance_1 = __importDefault(require("../utils/describeConformance"));
+const AppProviderComponent_1 = require("../AppProvider/AppProviderComponent");
+(0, vitest_1.describe)("AppProvider", () => {
+    (0, describeConformance_1.default)((0, jsx_runtime_1.jsx)(Account_1.Account, {}), () => ({
+        skip: ["themeDefaultProps"]
+    }));
+    (0, vitest_1.test)("renders nothing in button when no authentication", async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Account_1.Account, {}));
+        (0, vitest_1.expect)(react_1.screen.queryByRole("button")).not.toBeInTheDocument();
+    });
+    (0, vitest_1.test)("renders log in button when no session", async () => {
+        const auth = { signIn: vitest_1.vi.fn(), signOut: vitest_1.vi.fn() };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { authentication: auth, children: (0, jsx_runtime_1.jsx)(Account_1.Account, {}) }));
+        const loginButton = react_1.screen.getByRole("button", { name: "Sign In" });
+        await user_event_1.default.click(loginButton);
+        (0, vitest_1.expect)(auth.signIn).toHaveBeenCalled();
+    });
+    (0, vitest_1.test)("renders content correctly when there is a session", async () => {
+        const auth = { signIn: vitest_1.vi.fn(), signOut: vitest_1.vi.fn() };
+        const session = { user: { name: "John Doe", email: "john@example.com" } };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { authentication: auth, session: session, children: (0, jsx_runtime_1.jsx)(Account_1.Account, {}) }));
+        const userButton = react_1.screen.getByRole("button", { name: "Current User" });
+        await user_event_1.default.click(userButton);
+        (0, vitest_1.expect)(react_1.screen.getByText("John Doe")).toBeInTheDocument();
+        (0, vitest_1.expect)(react_1.screen.getByText("john@example.com")).toBeInTheDocument();
+        const signOutButton = react_1.screen.getByRole("button", { name: "Sign Out" });
+        await user_event_1.default.click(signOutButton);
+        (0, vitest_1.expect)(auth.signOut).toHaveBeenCalled();
+    });
+});

package/build/cjs/Account/AccountPopoverFooter.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountPopoverFooter = AccountPopoverFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+function AccountPopoverFooter(props) {
+    const { children, ...rest } = props;
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, { ...rest, sx: {
+            display: "flex",
+            flexDirection: "row",
+            p: 1,
+            justifyContent: "flex-end",
+            ...rest.sx
+        }, children: children }));
+}

package/build/cjs/Account/AccountPopoverHeader.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountPopoverHeader = AccountPopoverHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+function AccountPopoverHeader(props) {
+    const { children, ...rest } = props;
+    return (0, jsx_runtime_1.jsx)(Stack_1.default, { ...rest, children: children });
+}

package/build/cjs/Account/AccountPreview.js

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountPreview = AccountPreview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+const AppProvider_1 = require("../AppProvider");
+const LocaleContext_1 = require("../shared/locales/LocaleContext");
+function formatNameInitials(user) {
+    if (user == null)
+        return null;
+    const name = user.latinName || user.name;
+    if (name == null)
+        return null;
+    const chars = name
+        .trim()
+        .split(/\s+/g)
+        .map((part) => {
+        const firstChar = part.charAt(0).toUpperCase();
+        return firstChar >= "A" && firstChar <= "Z" ? firstChar : "";
+    })
+        .filter((c) => c)
+        .slice(-2);
+    if (chars.length === 0)
+        return null;
+    return chars.join("");
+}
+/**
+ * The AccountPreview component displays user account information.
+ *
+ * Demos:
+ *
+ * - [Account](https://mui.com/toolpad/core/react-account/)
+ *
+ * API:
+ *
+ * - [AccountPreview API](https://mui.com/toolpad/core/api/account-preview)
+ */
+function AccountPreview(props) {
+    const { slots, variant = "condensed", slotProps, open, handleClick } = props;
+    const session = React.useContext(AppProvider_1.SessionContext);
+    const localeText = (0, LocaleContext_1.useLocaleText)();
+    if (!session || !session.user) {
+        return null;
+    }
+    const avatarContent = slots?.avatar ? ((0, jsx_runtime_1.jsx)(slots.avatar, {})) : ((0, jsx_runtime_1.jsx)(Avatar_1.default, { src: session.user?.image || "", alt: session.user?.name || session.user?.email || "", sx: {
+            height: variant === "expanded" ? 48 : 32,
+            width: variant === "expanded" ? 48 : 32
+        }, ...slotProps?.avatar, children: session.user?.image ? null : formatNameInitials(session.user) }));
+    if (variant === "expanded") {
+        return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "flex-start", spacing: 2, padding: 2, children: [avatarContent, (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "column", justifyContent: "space-evenly", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", fontWeight: "bolder", noWrap: true, children: session.user?.name }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", noWrap: true, children: session.user?.email })] }), handleClick &&
+                    (slots?.moreIconButton ? ((0, jsx_runtime_1.jsx)(slots.moreIconButton, {})) : ((0, jsx_runtime_1.jsx)(IconButton_1.default, { size: "small", onClick: handleClick, ...slotProps?.moreIconButton, sx: { alignSelf: "flex-start", ...slotProps?.moreIconButton?.sx }, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, { fontSize: "small" }) })))] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: session.user.name ?? "Account", children: slots?.avatarIconButton ? ((0, jsx_runtime_1.jsx)(slots.avatarIconButton, {})) : ((0, jsx_runtime_1.jsx)(IconButton_1.default, { onClick: handleClick, "aria-label": localeText.accountIconButtonAriaLabel, size: "small", "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, ...slotProps?.avatarIconButton, children: avatarContent })) }));
+}

package/build/cjs/Account/AccountPreview.test.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const AccountPreview_1 = require("./AccountPreview");
+const AppProviderComponent_1 = require("../AppProvider/AppProviderComponent");
+(0, vitest_1.describe)("AccountPreview", () => {
+    const auth = { signIn: vitest_1.vi.fn(), signOut: vitest_1.vi.fn() };
+    const session = {
+        user: {
+            name: "John Doe",
+            email: "john@example.com",
+            image: "https://example.com/avatar.jpg"
+        }
+    };
+    (0, vitest_1.test)("renders nothing when no session is provided", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { authentication: auth, children: (0, jsx_runtime_1.jsx)(AccountPreview_1.AccountPreview, {}) }));
+        (0, vitest_1.expect)(react_1.screen.queryByRole("button")).not.toBeInTheDocument();
+    });
+    (0, vitest_1.test)("displays condensed variant by default", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { authentication: auth, session: session, children: (0, jsx_runtime_1.jsx)(AccountPreview_1.AccountPreview, {}) }));
+        const avatar = react_1.screen.getByRole("img", { name: "John Doe" });
+        (0, vitest_1.expect)(avatar).toBeInTheDocument();
+        (0, vitest_1.expect)(react_1.screen.queryByText("John Doe")).not.toBeInTheDocument();
+        (0, vitest_1.expect)(avatar).toHaveAttribute("src", "https://example.com/avatar.jpg");
+    });
+    (0, vitest_1.test)("displays user name, email, and avatar in expanded variant", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { authentication: auth, session: session, children: (0, jsx_runtime_1.jsx)(AccountPreview_1.AccountPreview, { variant: "expanded" }) }));
+        (0, vitest_1.expect)(react_1.screen.getByText("John Doe")).toBeInTheDocument();
+        (0, vitest_1.expect)(react_1.screen.getByText("john@example.com")).toBeInTheDocument();
+        (0, vitest_1.expect)(react_1.screen.getByRole("img", { name: "John Doe" })).toBeInTheDocument();
+    });
+    (0, vitest_1.test)("calls handleClick when more icon button is clicked in expanded variant", async () => {
+        const handleClick = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { authentication: auth, session: session, children: (0, jsx_runtime_1.jsx)(AccountPreview_1.AccountPreview, { variant: "expanded", handleClick: handleClick }) }));
+        const moreButton = react_1.screen.getByRole("button");
+        await user_event_1.default.click(moreButton);
+        (0, vitest_1.expect)(handleClick).toHaveBeenCalled();
+    });
+    (0, vitest_1.test)("calls handleClick when avatar is clicked in condensed variant", async () => {
+        const handleClick = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { authentication: auth, session: session, children: (0, jsx_runtime_1.jsx)(AccountPreview_1.AccountPreview, { handleClick: handleClick }) }));
+        const avatarButton = react_1.screen.getByRole("button", { name: "Current User" });
+        await user_event_1.default.click(avatarButton);
+        (0, vitest_1.expect)(handleClick).toHaveBeenCalled();
+    });
+});

package/build/cjs/Account/SignInButton.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignInButton = SignInButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const AppProvider_1 = require("../AppProvider/AppProvider");
+const LocaleContext_1 = require("../shared/locales/LocaleContext");
+function SignInButton(props) {
+    const authentication = React.useContext(AppProvider_1.AuthenticationContext);
+    const localeText = (0, LocaleContext_1.useLocaleText)();
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { disableElevation: true, variant: "contained", size: "small", onClick: authentication?.signIn, sx: {
+            textTransform: "capitalize",
+            filter: "opacity(0.9)",
+            transition: "filter 0.2s ease-in",
+            "&:hover": {
+                filter: "opacity(1)"
+            }
+        }, ...props, children: localeText.signInLabel }));
+}

package/build/cjs/Account/SignOutButton.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignOutButton = SignOutButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Logout_1 = __importDefault(require("@mui/icons-material/Logout"));
+const AppProvider_1 = require("../AppProvider/AppProvider");
+const LocaleContext_1 = require("../shared/locales/LocaleContext");
+function SignOutButton(props) {
+    const authentication = React.useContext(AppProvider_1.AuthenticationContext);
+    const localeText = (0, LocaleContext_1.useLocaleText)();
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { disabled: !authentication, variant: "outlined", size: "small", disableElevation: true, onClick: authentication?.signOut, sx: {
+            textTransform: "capitalize",
+            fontWeight: "normal",
+            filter: "opacity(0.9)",
+            transition: "filter 0.2s ease-in",
+            "&:hover": {
+                filter: "opacity(1)"
+            }
+        }, startIcon: (0, jsx_runtime_1.jsx)(Logout_1.default, {}), ...props, children: localeText.signOutLabel }));
+}

package/build/cjs/Account/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Account"), exports);
+__exportStar(require("./AccountPreview"), exports);
+__exportStar(require("./AccountPopoverHeader"), exports);
+__exportStar(require("./AccountPopoverFooter"), exports);
+__exportStar(require("./SignOutButton"), exports);
+__exportStar(require("./SignInButton"), exports);

package/build/cjs/AppProvider/AppProvider.js

@@ -0,0 +1,40 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionContext = exports.AuthenticationContext = void 0;
+const React = __importStar(require("react"));
+exports.AuthenticationContext = React.createContext(null);
+exports.SessionContext = React.createContext(null);

package/build/cjs/AppProvider/AppProvider.test.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
+const styles_1 = require("@mui/material/styles");
+const AppProviderComponent_1 = require("./AppProviderComponent");
+(0, vitest_1.describe)("AppProvider", () => {
+    (0, vitest_1.test)("renders content correctly", async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { children: "Hello world" }));
+        (0, vitest_1.expect)(react_1.screen.getByText("Hello world")).toBeTruthy();
+    });
+    (0, vitest_1.test)("renders content correctly when using legacy theme", async () => {
+        const legacyTheme = (0, styles_1.createTheme)();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { theme: legacyTheme, children: "Hello world" }));
+        (0, vitest_1.expect)(react_1.screen.getByText("Hello world")).toBeTruthy();
+    });
+});

package/build/cjs/AppProvider/AppProviderComponent.js

@@ -0,0 +1,33 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppProvider = AppProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const context_1 = require("../shared/context");
+const AppThemeProvider_1 = require("./AppThemeProvider");
+const styles_1 = require("@mui/material/styles");
+const AppProvider_1 = require("./AppProvider");
+const LocaleContext_1 = require("../shared/locales/LocaleContext");
+function createTheme() {
+    return (0, styles_1.createTheme)({
+        cssVariables: {
+            colorSchemeSelector: "data-toolpad-color-scheme"
+        },
+        colorSchemes: { dark: true }
+    });
+}
+/**
+ *
+ * Demos:
+ *
+ * - [App Provider](https://mui.com/toolpad/core/react-app-provider/)
+ * - [Dashboard Layout](https://mui.com/toolpad/core/react-dashboard-layout/)
+ *
+ * API:
+ *
+ * - [AppProvider API](https://mui.com/toolpad/core/api/app-provider)
+ */
+function AppProvider(props) {
+    const { children, theme = createTheme(), branding = null, localeText, navigation = [], router = null, authentication = null, session = null, window: appWindow } = props;
+    return ((0, jsx_runtime_1.jsx)(context_1.WindowContext.Provider, { value: appWindow, children: (0, jsx_runtime_1.jsx)(AppProvider_1.AuthenticationContext.Provider, { value: authentication, children: (0, jsx_runtime_1.jsx)(AppProvider_1.SessionContext.Provider, { value: session, children: (0, jsx_runtime_1.jsx)(context_1.RouterContext.Provider, { value: router, children: (0, jsx_runtime_1.jsx)(AppThemeProvider_1.AppThemeProvider, { theme: theme, window: appWindow, children: (0, jsx_runtime_1.jsx)(LocaleContext_1.LocaleProvider, { localeText: localeText, children: (0, jsx_runtime_1.jsx)(context_1.BrandingContext.Provider, { value: branding, children: (0, jsx_runtime_1.jsx)(context_1.NavigationContext.Provider, { value: navigation, children: children }) }) }) }) }) }) }) }));
+}