@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
89 lines (87 loc) • 3.48 kB
JavaScript
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
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 React from 'react';
import Modal from '@mui/material/Modal';
import Typography from '@mui/material/Typography';
import LinearProgress from '@mui/material/LinearProgress';
import Paper from '@mui/material/Paper';
import CircularProgress from '@mui/material/CircularProgress';
export function UIBlocker(props) {
const { message, progress = 'indeterminate' } = props,
modalProps = __rest(props, ['message', 'progress']);
const hasMessage = Boolean(message);
const isIndeterminateProgress = progress === 'indeterminate';
const ProgressComponent = hasMessage ? LinearProgress : CircularProgress;
const progressValue = isIndeterminateProgress ? void 0 : progress;
const progressVariant = isIndeterminateProgress ? 'indeterminate' : 'determinate';
const progressSx = hasMessage
? {
position: 'absolute',
bottom: '0',
width: '100%',
left: '0',
borderBottomLeftRadius: '3px',
borderBottomRightRadius: '3px'
}
: void 0;
const onClose = () => false;
return React.createElement(
Modal,
Object.assign({ onClose: onClose, 'aria-labelledby': 'uiBlockerModalModalTitle' }, modalProps),
React.createElement(
Paper,
{
sx: {
p: 4,
top: '50%',
left: '50%',
position: 'absolute',
transform: 'translate(-50%, -50%)'
}
},
React.createElement(Typography, { id: 'uiBlockerModalModalTitle' }, message),
(progress || !hasMessage) &&
React.createElement(ProgressComponent, { variant: progressVariant, value: progressValue, sx: progressSx })
)
);
}
export default UIBlocker;