@rabahzeineddine/material-ui
Version:
Material ui custom components
48 lines (47 loc) • 2.63 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var styles_1 = require("@material-ui/core/styles");
var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
var AppBar_1 = __importDefault(require("@material-ui/core/AppBar"));
var Toolbar_1 = __importDefault(require("@material-ui/core/Toolbar"));
var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
var Close_1 = __importDefault(require("@material-ui/icons/Close"));
var Slide_1 = __importDefault(require("@material-ui/core/Slide"));
var style_1 = __importDefault(require("./style"));
var core_1 = require("@material-ui/core");
var useStyles = styles_1.makeStyles(style_1.default);
var Transition = react_1.default.forwardRef(function Transition(props, ref) {
return react_1.default.createElement(Slide_1.default, __assign({ direction: "up", ref: ref }, props));
});
function FullScreenDialog(props) {
var classes = useStyles();
var _a = react_1.default.useState(true), open = _a[0], setOpen = _a[1];
var handleClose = function () {
setOpen(false);
};
return (react_1.default.createElement("div", null,
react_1.default.createElement(Dialog_1.default, { fullScreen: true, open: open, onClose: handleClose, onExited: props.closeDialog, TransitionComponent: Transition },
react_1.default.createElement(AppBar_1.default, { className: classes.appBar },
react_1.default.createElement(Toolbar_1.default, null,
react_1.default.createElement(IconButton_1.default, { edge: "start", color: "inherit", onClick: handleClose, "aria-label": "close" },
react_1.default.createElement(Close_1.default, null)),
react_1.default.createElement(Typography_1.default, { variant: "h6", className: classes.title }, props.title))),
react_1.default.createElement(core_1.DialogContent, null, props.children))));
}
exports.default = FullScreenDialog;