UNPKG

@raona/components

Version:

React components used at Raona to work with SPFx

41 lines (40 loc) 2.73 kB
"use strict"; var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var react_1 = require("react"); var RelatedNewsCard = /** @class */ (function (_super) { __extends(RelatedNewsCard, _super); function RelatedNewsCard() { return _super !== null && _super.apply(this, arguments) || this; } RelatedNewsCard.prototype.render = function () { var _a = this.props, cardStyle = _a.cardStyle, item = _a.item, openItemsOnNewPage = _a.openItemsOnNewPage, handleAddToCatalog = _a.handleAddToCatalog, handleDeleteClick = _a.handleDeleteClick, handleSaveAsFavorite = _a.handleSaveAsFavorite, addToCatalogToolTipText = _a.addToCatalogToolTipText, deleteToolTipText = _a.deleteToolTipText, saveFavoriteToolTipText = _a.saveFavoriteToolTipText, handleShareClick = _a.handleShareClick, shareToolTipText = _a.shareToolTipText, defaultImageUrl = _a.defaultImageUrl, showComments = _a.showComments, handleCardHover = _a.handleCardHover, handleCardClick = _a.handleCardClick; // let styles = RelatedNewsBodyStyle ? { ...RelatedNewsBodyStyle } : { ...RelatedNewsBodyStyleConstant }; // Default Style for this component return ( // <div className="card" style="position: absolute; left: 1008px; top: 576px;"> React.createElement("div", { onMouseOver: function () { return handleCardHover && handleCardHover(item); }, onClick: function () { return handleCardClick && handleCardClick(item); } }, React.createElement("div", null, React.createElement("div", null, item.imageUrl ? React.createElement("span", { style: { backgroundImage: "url(\"" + (item.imageUrl ? item.imageUrl : defaultImageUrl) + "\")" } }) : React.createElement("div", null)), React.createElement("div", null, React.createElement("span", null, item.category), React.createElement("h3", null, item.title))))); }; return RelatedNewsCard; }(react_1.Component)); exports.RelatedNewsCard = RelatedNewsCard;