@finos/legend-application-marketplace
Version:
Legend Marketplace application core
50 lines • 4.28 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
/**
* Copyright (c) 2026-present, Goldman Sachs
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { observer } from 'mobx-react-lite';
import { Box, Chip, IconButton } from '@mui/material';
import { clsx, MarkdownTextViewer, StarIcon, EmptyStarIcon, } from '@finos/legend-art';
import { LegendMarketplaceCard } from '../MarketplaceCard/LegendMarketplaceCard.js';
import {} from '../../stores/dataAPIs/LegendMarketplaceDataAPIsStore.js';
import { ServiceOwnershipType } from '@finos/legend-graph';
const MAX_DESCRIPTION_LENGTH = 250;
export const LegendServiceCard = observer((props) => {
const { serviceCardState, onClick, isFavorite, onToggleFavorite } = props;
const truncatedDescription = serviceCardState.description &&
serviceCardState.description.length > MAX_DESCRIPTION_LENGTH
? `${serviceCardState.description.substring(0, MAX_DESCRIPTION_LENGTH)}...`
: serviceCardState.description;
const content = (_jsx(Box, { className: "marketplace-legend-service-card__container", children: _jsx(Box, { className: "marketplace-legend-service-card__content", children: _jsxs(Box, { className: "marketplace-legend-service-card__tags", children: [_jsx(IconButton, { className: clsx('marketplace-legend-service-card__favorite-btn', isFavorite &&
'marketplace-legend-service-card__favorite-btn--active'), onClick: (e) => {
e.stopPropagation();
onToggleFavorite();
}, size: "small", title: isFavorite ? 'Remove from favorites' : 'Add to favorites', children: isFavorite ? _jsx(StarIcon, {}) : _jsx(EmptyStarIcon, {}) }), serviceCardState.ownershipType && (_jsx(Chip, { size: "small", label: serviceCardState.ownershipType, className: clsx('marketplace-legend-service-card__owner-chip', serviceCardState.ownershipType ===
ServiceOwnershipType.DEPLOYMENT_OWNERSHIP
? 'marketplace-legend-service-card__owner-chip--did'
: 'marketplace-legend-service-card__owner-chip--owner') }))] }) }) }));
const moreInfoContent = (_jsxs(_Fragment, { children: [_jsx(Box, { className: "marketplace-legend-service-card__name", children: serviceCardState.title }), _jsx(Box, { className: "marketplace-legend-service-card__pattern", children: serviceCardState.service.pattern }), truncatedDescription && (_jsx(Box, { className: "marketplace-legend-service-card__description", children: _jsx(MarkdownTextViewer, { className: "marketplace-legend-service-card__description__markdown", value: {
value: truncatedDescription,
}, components: {
h1: 'h2',
h2: 'h3',
h3: 'h4',
} }) })), _jsx(Box, { sx: { flex: 1 } }), serviceCardState.owners.length > 0 && (_jsx(Box, { className: "marketplace-legend-service-card__owners", children: serviceCardState.owners.map((owner) => (_jsx(Chip, { size: "small", label: owner, className: clsx('marketplace-legend-service-card__owner-chip', serviceCardState.ownershipType ===
ServiceOwnershipType.DEPLOYMENT_OWNERSHIP
? 'marketplace-legend-service-card__owner-chip--did'
: 'marketplace-legend-service-card__owner-chip--owner') }, owner))) }))] }));
return (_jsx(LegendMarketplaceCard, { size: "large", content: content, onClick: onClick, className: "marketplace-legend-service-card", moreInfo: moreInfoContent, moreInfoPreview: "small", cardMedia: serviceCardState.displayImage }));
});
//# sourceMappingURL=LegendServiceCard.js.map