chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
64 lines (62 loc) • 2.51 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _Tooltip = _interopRequireDefault(require("../../react-chayns-tooltip/component/Tooltip"));
class ImageAccordionHead extends _react.default.PureComponent {
render() {
const {
item,
width,
itemsPerRow,
wrapperHeight
} = this.props;
return /*#__PURE__*/_react.default.createElement("div", {
className: 'wrapper' + (item.props.disabled ? " disabled" : ""),
style: {
height: wrapperHeight
}
}, /*#__PURE__*/_react.default.createElement("div", {
className: 'image' + (!item.props.image ? " no-image" : ""),
style: {
backgroundImage: item.props.image ? `url(${item.props.image})` : undefined,
borderRadius: item.props.circle ? '50%' : '0%'
}
}), item.props.headline && item.props.headline.length > 12 ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
bindListeners: true,
position: 2,
content: {
text: item.props.headline
}
}, /*#__PURE__*/_react.default.createElement("p", {
className: "headline"
}, `${item.props.headline.slice(0, 12)}...`)) : /*#__PURE__*/_react.default.createElement("p", {
className: "headline"
}, item.props.headline), /*#__PURE__*/_react.default.createElement("h5", {
className: "subheadline"
}, item.props.subheadline && item.props.subheadline.length > 13 ? `${item.props.subheadline.slice(0, 13)}...` : item.props.subheadline), item.props.icon && /*#__PURE__*/_react.default.createElement("div", {
className: "icon",
style: {
top: item.props.iconPosition === 2 || item.props.iconPosition === 1 ? '70px' : '0px',
left: item.props.iconPosition === 2 || item.props.iconPosition === 3 ? '10px' : width / itemsPerRow - 15
}
}, item.props.icon));
}
}
exports.default = ImageAccordionHead;
ImageAccordionHead.propTypes = {
item: _propTypes.default.instanceOf(Object),
width: _propTypes.default.number,
itemsPerRow: _propTypes.default.number,
wrapperHeight: _propTypes.default.string
};
ImageAccordionHead.defaultProps = {
item: null,
width: 0,
itemsPerRow: 0,
wrapperHeight: 0
};
ImageAccordionHead.displayName = 'ImageAccordionHead';
//# sourceMappingURL=ImageAccordionHead.js.map