@up-group-ui/react-controls
Version:
Up shared react controls
27 lines • 2.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
require("./bootstrap-grid.css");
var index_1 = (0, tslib_1.__importDefault)(require("../../Display/SvgIcon/index"));
var styles_1 = require("./styles");
var UpTile = function (props) {
var _a = react_1.default.useState(false), isCollapse = _a[0], setCollapse = _a[1];
var handleCollapse = function () { return setCollapse(!isCollapse); };
var title = props.title, children = props.children, maxHeight = props.maxHeight, footer = props.footer;
return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('UpTile', styles_1.getStyles) }, { children: (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'box box-home' + (!isCollapse ? '' : ' collapsed-box') }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: "box-header with-border" }, { children: [(0, jsx_runtime_1.jsx)("h3", (0, tslib_1.__assign)({ className: "box-title" }, { children: title }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: "box-tools pull-right" }, { children: (0, jsx_runtime_1.jsx)("button", (0, tslib_1.__assign)({ "data-widget": "collapse", type: "button", className: "btn btn-box-tool", onClick: handleCollapse }, { children: (0, jsx_runtime_1.jsx)(index_1.default, { height: 15, width: 15, iconName: isCollapse ? 'plus' : 'minus' }, void 0) }), void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: "box-body" }, { children: (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ style: maxHeight !== null
? {
maxHeight: maxHeight + "px",
overflowY: 'auto',
}
: {} }, { children: children }), void 0) }), void 0), footer && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: "box-footer text-center" }, { children: footer }), void 0)] }), void 0) }), void 0));
};
UpTile.defaultProps = {
title: null,
footer: null,
maxHeight: null,
};
exports.default = UpTile;
//# sourceMappingURL=UpTile.js.map