@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
78 lines (76 loc) • 3.05 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/>.
*/
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', title, ...modalProps } = props;
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,
{ onClose: onClose, 'aria-labelledby': 'uiBlockerModalModalTitle', ...modalProps },
React.createElement(
Paper,
{
sx: {
p: 4,
top: '50%',
left: '50%',
position: 'absolute',
transform: 'translate(-50%, -50%)'
}
},
title && React.createElement(Typography, { variant: 'h6' }, title),
React.createElement(Typography, { id: 'uiBlockerModalModalTitle' }, message),
(progress || !hasMessage) &&
React.createElement(ProgressComponent, { variant: progressVariant, value: progressValue, sx: progressSx })
)
);
}
export default UIBlocker;