@etsoo/toolpad
Version:
Dashboard framework extention based on Toolpad Core
105 lines (104 loc) • 5.59 kB
JavaScript
;
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 }) })] })) }))] }));
}