@redocly/theme
Version:
Shared UI components lib
53 lines • 3.1 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CatalogEntityRelationsNodeContent = CatalogEntityRelationsNodeContent;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const CatalogEntityIcon_1 = require("../../../../components/Catalog/CatalogEntityIcon");
const utils_1 = require("../../../../core/utils");
function CatalogEntityRelationsNodeContent({ entityType, label, isRoot, }) {
const formattedEntityType = (0, utils_1.customCatalogOptionsCasing)(entityType);
return (react_1.default.createElement(CatalogEntityRelationsNodeContentWrapper, { isRoot: isRoot, "data-component-name": "Catalog/CatalogEntity/CatalogEntityGraph/CatalogEntityRelationsNodeContent" },
react_1.default.createElement(CatalogEntityRelationsNodeTypeRow, { isRoot: isRoot },
isRoot ? (react_1.default.createElement(CatalogEntityIcon_1.CatalogEntityIcon, { entityType: entityType, forceColor: "var(--catalog-entity-relations-node-root-icon-color)" })) : (react_1.default.createElement(CatalogEntityIcon_1.CatalogEntityIcon, { entityType: entityType, defaultColor: false })),
react_1.default.createElement("span", null, formattedEntityType)),
react_1.default.createElement(CatalogEntityRelationsNodeLabelRow, { isRoot: isRoot }, label)));
}
const CatalogEntityRelationsNodeTypeRow = styled_components_1.default.div `
display: flex;
align-items: center;
gap: var(--catalog-entity-relations-node-gap);
line-height: var(--line-height-sm);
font-size: var(--font-size-sm);
color: ${({ isRoot }) => isRoot
? 'var(--catalog-entity-relations-node-root-text-color)'
: 'var(--text-color-description)'};
`;
const CatalogEntityRelationsNodeLabelRow = styled_components_1.default.div `
display: flex;
align-items: center;
gap: var(--catalog-entity-relations-node-gap);
line-height: var(--line-height-lg);
font-size: var(--font-size-lg);
color: ${({ isRoot }) => isRoot ? 'var(--catalog-entity-relations-node-root-text-color)' : 'var(--text-color-primary)'};
`;
const CatalogEntityRelationsNodeContentWrapper = styled_components_1.default.div `
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--catalog-entity-relations-node-gap);
padding: var(--catalog-entity-relations-node-padding);
border-radius: var(--catalog-entity-relations-node-border-radius);
font-style: normal;
font-weight: var(--catalog-entity-relations-node-font-weight);
background: ${({ isRoot }) => isRoot
? 'var(--catalog-entity-relations-node-root-bg-color)'
: 'var(--catalog-entity-relations-node-bg-color)'};
border: ${({ isRoot }) => isRoot
? 'none'
: `var(--catalog-entity-relations-node-border-width) var(--catalog-entity-relations-node-border-style) var(--catalog-entity-relations-node-border-color)`};
`;
//# sourceMappingURL=CatalogEntityRelationsNodeContent.js.map