@raona/components
Version:
React components used at Raona to work with SPFx
33 lines (32 loc) • 2.76 kB
JavaScript
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var IconButton_1 = require("../../IconButton");
// import { MetaStyles } from '../../../entities';
var stylesConstants_1 = require("../stylesConstants");
exports.CardMeta = function (props) {
var metaStyles = props.metaStyles, isFav = props.isFav, isLocked = props.isLocked, handleDeleteClick = props.handleDeleteClick, handleAddToCatalog = props.handleAddToCatalog, handleSaveAsFavorite = props.handleSaveAsFavorite, saveFavoriteToolTipText = props.saveFavoriteToolTipText, addToCatalogToolTipText = props.addToCatalogToolTipText, deleteToolTipText = props.deleteToolTipText, handleShareClick = props.handleShareClick, shareToolTipText = props.shareToolTipText, handleLockClick = props.handleLockClick, lockToolTipText = props.lockToolTipText, iconColor = props.iconColor;
var styles = metaStyles ? __assign({}, metaStyles) : __assign({}, stylesConstants_1.userMetaStyles); //Default Styles for this component
return (React.createElement("div", { className: styles.metaDiv },
handleShareClick &&
React.createElement(IconButton_1.IconButton, { className: styles.icon, iconName: styles.shareIcon, handleOnClick: handleShareClick, toolTipText: shareToolTipText, iconColor: iconColor }),
handleAddToCatalog &&
React.createElement(IconButton_1.IconButton, { className: styles.icon, iconName: styles.catalogIconFill, handleOnClick: handleAddToCatalog, toolTipText: addToCatalogToolTipText, iconColor: iconColor }),
handleDeleteClick &&
React.createElement(IconButton_1.IconButton, { className: styles.icon, iconName: styles.deleteIcon, handleOnClick: handleDeleteClick, toolTipText: deleteToolTipText, iconColor: iconColor }),
handleSaveAsFavorite &&
React.createElement(IconButton_1.IconButton, { className: styles.icon, iconName: isFav ? styles.iconActive : styles.favIconFill, handleOnClick: handleSaveAsFavorite, toolTipText: saveFavoriteToolTipText, iconColor: iconColor }),
handleLockClick &&
React.createElement(IconButton_1.IconButton, { className: styles.icon, iconName: isLocked ? styles.lockIconClosed : styles.lockIconOpen, handleOnClick: handleLockClick, toolTipText: lockToolTipText, iconColor: iconColor })));
};