@up-group-ui/react-controls
Version:
Up shared react controls
51 lines • 2.37 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var typestyle_1 = require("typestyle");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var ButtonGroup_1 = (0, tslib_1.__importDefault)(require("../ButtonGroup"));
var theming_1 = (0, tslib_1.__importDefault)(require("../../../Common/theming"));
var device_1 = require("../../../Common/utils/device");
var getStyle = function (props) {
return (0, typestyle_1.style)({
display: 'flex',
marginTop: '5px',
marginBottom: '5px',
width: '100%',
position: 'relative',
flexDirection: 'row',
$nest: {
'&.up-data-grid-header .header-title': {
lineHeight: '21px',
fontWeight: 'bold',
fontSize: '18px',
flexGrow: 1,
alignSelf: 'center',
color: props.theme.colorMap.grey1,
},
'&.up-data-grid-header .up-btn-wrapper': {
marginLeft: '20px',
},
},
}, (0, typestyle_1.media)(device_1.DeviceSmartphones, {
flexDirection: 'column',
$nest: {
'div > .up-buttons-wrapper': {
justifyContent: 'center',
},
},
}));
};
var UpDataGridHeader = function (props) {
var title = props.title, theme = props.theme, buttons = props.buttons, buttonExport = props.buttonExport;
var renderTitle = function () {
return title && (typeof title === 'string' ? (0, jsx_runtime_1.jsx)("p", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('header-title') }, { children: title }), void 0) : title);
};
return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-data-grid-header', getStyle({ theme: theme })) }, { children: [renderTitle(), (buttons || buttonExport) && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(ButtonGroup_1.default, (0, tslib_1.__assign)({ isAddOn: "right", gutter: 1, align: 'h' }, { children: [buttons, buttonExport] }), void 0) }, void 0))] }), void 0));
};
UpDataGridHeader.defaultProps = {
theme: theming_1.default,
};
exports.default = UpDataGridHeader;
//# sourceMappingURL=UpDataGridHeader.js.map