@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
102 lines (101 loc) • 3.42 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.RootList = exports.RootColumn = exports.FreeColumnWrapperHeader = exports.FreeColumnTitle = exports.FreeColumnHeader = exports.FreeColumCreateColumn = void 0;
var _material = require("@mui/material");
var _utils = require("../../../../utils");
var RootColumn = exports.RootColumn = (0, _material.styled)('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return (0, _utils.handleProps)(prop, ['horizontal', 'hover', 'shadow', 'columnWidth', 'variant', 'borderColor', 'sx', 'existsLabel', 'existsFooter']);
}
})(function (_ref) {
var _ref$columnWidth = _ref.columnWidth,
columnWidth = _ref$columnWidth === void 0 ? 400 : _ref$columnWidth,
theme = _ref.theme,
variant = _ref.variant,
borderColor = _ref.borderColor,
existsLabel = _ref.existsLabel,
existsFooter = _ref.existsFooter;
return Object.assign({
display: 'flex',
flexDirection: 'column',
rowGap: '12px',
minWidth: columnWidth,
maxWidth: columnWidth,
borderRadius: '10px',
minHeight: 'auto',
height: '100%',
width: '100%',
maxHeight: '100%',
overflowY: 'auto',
backgroundColor: theme.palette.background["default"]
}, variant === 'float' && {
boxShadow: theme.shadows[1]
}, variant === 'fixed' && {
border: "1px solid ".concat(theme.palette.text.secondary)
}, variant === 'border' && {
border: "1px solid ".concat(borderColor != null ? borderColor : theme.palette.text.secondary)
}, variant === 'transparent' && {
backgroundColor: 'transparent'
}, existsLabel && !existsFooter && {
gridTemplateRows: 'auto 1fr'
}, existsFooter && !existsLabel && {
gridTemplateRows: '1fr auto'
}, existsLabel && existsFooter && {
gridTemplateRows: 'auto 1fr auto'
});
});
var RootList = exports.RootList = (0, _material.styled)('ul', {
shouldForwardProp: function shouldForwardProp(prop) {
return (0, _utils.handleProps)(prop, ['scrollable']);
}
})(function (_ref2) {
var scrollable = _ref2.scrollable;
return Object.assign({
display: 'flex',
flexDirection: 'column',
rowGap: 10,
listStyle: 'none',
paddingLeft: '8px',
paddingRight: '8px',
paddingTop: '8px',
paddingBottom: 0
}, scrollable && {
overflowY: 'auto'
});
});
var FreeColumnWrapperHeader = exports.FreeColumnWrapperHeader = (0, _material.styled)('div')({
display: 'flex',
flexDirection: 'column'
});
var FreeColumnHeader = exports.FreeColumnHeader = (0, _material.styled)('div')({
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
minHeight: 52
});
var FreeColumnTitle = exports.FreeColumnTitle = (0, _material.styled)('h1')(function (_ref3) {
var theme = _ref3.theme;
return {
textTransform: 'uppercase',
color: theme.palette.text.primary,
fontSize: '16px',
fontWeight: 600
};
});
var FreeColumCreateColumn = exports.FreeColumCreateColumn = (0, _material.styled)('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return (0, _utils.handleProps)(prop, ['columnWidth', 'sx']);
}
})(function (_ref4) {
var _ref4$columnWidth = _ref4.columnWidth,
columnWidth = _ref4$columnWidth === void 0 ? 400 : _ref4$columnWidth;
return {
minWidth: columnWidth,
maxWidth: columnWidth,
padding: '10px',
maxHeight: '100%',
marginRight: '10px'
};
});