@bemit/consent-ui-mui
Version:
© 2022 [bemit](https://bemit.eu)
88 lines • 1.98 kB
JavaScript
import React from 'react';
import Dialog from '@mui/material/Dialog';
import { ConsentUiBox } from '@bemit/consent-ui-mui/ConsentUiBox';
import { jsx as _jsx } from "react/jsx-runtime";
export const dialogPositions = {
center: {
alignItems: 'center',
justifyContent: 'center'
},
top: {
alignItems: 'flex-start',
justifyContent: 'center'
},
bottom: {
alignItems: 'flex-end',
justifyContent: 'center'
},
bottomLeft: {
alignItems: 'flex-end',
justifyContent: 'flex-start'
},
bottomRight: {
alignItems: 'flex-end',
justifyContent: 'flex-end'
},
topLeft: {
alignItems: 'flex-start',
justifyContent: 'flex-start'
},
topRight: {
alignItems: 'flex-start',
justifyContent: 'flex-end'
},
centerLeft: {
alignItems: 'center',
justifyContent: 'flex-start'
},
centerRight: {
alignItems: 'center',
justifyContent: 'flex-end'
}
};
export const ConsentUiBoxDialog = ({
open,
fullWidth,
minWidth = 280,
borderRadius = 6,
maxHeight = '92vh',
maxWidth,
variant,
maxWidthDetails,
fullWidthDetails,
dialogPosition,
showDetails,
setShowDetails,
e2e,
...props
}) => {
return _jsx(Dialog, {
open: open,
maxWidth: showDetails && typeof maxWidthDetails !== 'undefined' ? maxWidthDetails : maxWidth,
fullWidth: showDetails && typeof fullWidthDetails !== 'undefined' ? fullWidthDetails : fullWidth,
TransitionProps: {
unmountOnExit: true,
style: {
minWidth: minWidth,
...(dialogPosition || {})
}
},
"data-e2e-cc": e2e ? 'cc-dialog' : undefined,
PaperProps: {
variant: variant,
style: {
borderRadius: borderRadius,
display: 'flex',
flexDirection: 'column',
overflow: 'auto',
maxHeight: maxHeight
}
},
children: _jsx(ConsentUiBox, {
showDetails: showDetails,
setShowDetails: setShowDetails,
e2e: e2e,
...props
})
});
};