@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
69 lines (68 loc) • 2.02 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.WrapperTable = exports.TableRow = exports.TableCell = exports.Table = exports.HeaderTableRow = exports.HeaderTableCell = void 0;
var _material = require("@mui/material");
var Table = exports.Table = (0, _material.styled)(_material.Table)({
borderSpacing: '0px 10px',
background: '#F7F8FD',
padding: '0px 5px',
maxHeight: '100%',
overflow: 'auto',
position: 'relative'
});
var TableRow = exports.TableRow = (0, _material.styled)(_material.TableRow)(function (_ref) {
var selected = _ref.selected,
theme = _ref.theme;
return {
borderBottom: 'none',
borderRadius: '10px',
cursor: 'pointer',
position: 'relative',
boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.10)',
'&:hover': {
boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.25)'
},
'& > td': {
backgroundColor: selected ? theme.palette.primary.light : '#FFF'
}
};
});
var HeaderTableRow = exports.HeaderTableRow = (0, _material.styled)(_material.TableRow)({
borderBottom: 'none'
});
var TableCell = exports.TableCell = (0, _material.styled)(_material.TableCell)({
border: 'none',
padding: '10px',
minHeight: '64px',
backgroundColor: '#FFF',
position: 'relative',
transition: 'background-color 600ms',
'&:first-of-type': {
borderRadius: '10px 0px 0px 10px'
},
'&:last-of-type': {
borderRadius: '0px 10px 10px 0px'
}
});
var HeaderTableCell = exports.HeaderTableCell = (0, _material.styled)(_material.TableCell)({
border: 'none',
padding: '10px',
background: '#F7F8FD'
});
var WrapperTable = exports.WrapperTable = (0, _material.styled)('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'isLoading';
}
})(function (_ref2) {
var isLoading = _ref2.isLoading;
return {
width: '100%',
maxWidth: '100%',
height: '100%',
maxHeight: '100%',
overflow: isLoading ? 'hidden' : 'auto',
paddingRight: isLoading ? '10px' : 0
};
});