mod-arch-shared
Version:
Shared UI components and utilities for modular architecture micro-frontend projects
22 lines • 2.25 kB
JavaScript
import * as React from 'react';
import { ClipboardCopy, DescriptionList, DescriptionListDescription, DescriptionListGroup, DescriptionListTerm, Flex, FlexItem, Popover, Stack, StackItem, } from '@patternfly/react-core';
import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
import '../components/NotebookController.scss';
import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
const ResourceNameTooltip = ({ children, resource, wrap = true, }) => (React.createElement("div", { style: { display: wrap ? 'block' : 'inline-flex' } },
React.createElement(Flex, { gap: { default: 'gapXs' }, alignItems: { default: 'alignItemsCenter' } },
React.createElement(FlexItem, null, children),
resource.metadata?.name && (React.createElement(Popover, { position: "right", bodyContent: React.createElement(Stack, { hasGutter: true },
React.createElement(StackItem, null, "Resource names and types are used to find your resources in the cluster."),
React.createElement(StackItem, null,
React.createElement(DescriptionList, { isCompact: true, isHorizontal: true },
React.createElement(DescriptionListGroup, null,
React.createElement(DescriptionListTerm, null, "Resource name"),
React.createElement(DescriptionListDescription, null,
React.createElement(ClipboardCopy, { hoverTip: "Copy", clickTip: "Copied", variant: "inline-compact", "data-testid": "resource-name-text" }, resource.metadata.name))),
React.createElement(DescriptionListGroup, null,
React.createElement(DescriptionListTerm, null, "Resource type"),
React.createElement(DescriptionListDescription, { "data-testid": "resource-kind-text" }, resource.kind))))) },
React.createElement(DashboardPopupIconButton, { "data-testid": "resource-name-icon-button", icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info", style: { paddingTop: 0, paddingBottom: 0 } }))))));
export default ResourceNameTooltip;
//# sourceMappingURL=ResourceNameTooltip.js.map