@ansible/ansible-ui-framework 0.0.232 → 0.0.234

package/cjs/PageCatalog.js

@@ -1,178 +0,0 @@
-"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);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardList = exports.CardSection = exports.CatalogCard = exports.CatalogCardListItemIcon = exports.CatalogCardItemType = exports.CatalogColor = exports.CatalogIconColor = exports.Catalog = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/* eslint-disable @typescript-eslint/no-empty-function */
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_1 = require("react");
-var Grid_1 = require("./components/Grid");
-var IconWrapper_1 = require("./components/IconWrapper");
-var Scrollable_1 = require("./components/Scrollable");
-function Catalog(props) {
-    var keyFn = props.keyFn, items = props.items, itemToCardFn = props.itemToCardFn, isSelected = props.isSelected, selectItem = props.selectItem, unselectItem = props.unselectItem, itemActions = props.itemActions, showSelect = props.showSelect;
-    var catalogCards = (0, react_1.useMemo)(function () {
-        var _a;
-        return ((0, jsx_runtime_1.jsx)(Grid_1.Grid, __assign({ size: (_a = props.cardWidth) !== null && _a !== void 0 ? _a : 470 }, { children: items.map(function (item) { return ((0, jsx_runtime_1.jsx)(CatalogCard, { item: item, itemToCardFn: itemToCardFn, isSelected: isSelected, selectItem: selectItem, unselectItem: unselectItem, itemActions: itemActions, showSelect: showSelect }, keyFn(item))); }) })));
-    }, [
-        props.cardWidth,
-        items,
-        keyFn,
-        itemToCardFn,
-        isSelected,
-        selectItem,
-        unselectItem,
-        itemActions,
-        showSelect,
-    ]);
-    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ style: { flexGrow: 1 } }, { children: (0, jsx_runtime_1.jsx)("div", { children: catalogCards }) })));
-}
-exports.Catalog = Catalog;
-var CatalogIconColor;
-(function (CatalogIconColor) {
-    CatalogIconColor["red"] = "red";
-    CatalogIconColor["green"] = "green";
-    CatalogIconColor["blue"] = "blue";
-    CatalogIconColor["yellow"] = "yellow";
-})(CatalogIconColor = exports.CatalogIconColor || (exports.CatalogIconColor = {}));
-var CatalogColor;
-(function (CatalogColor) {
-    CatalogColor["blue"] = "blue";
-    CatalogColor["cyan"] = "cyan";
-    CatalogColor["green"] = "green";
-    CatalogColor["orange"] = "orange";
-    CatalogColor["purple"] = "purple";
-    CatalogColor["red"] = "red";
-    CatalogColor["grey"] = "grey";
-})(CatalogColor = exports.CatalogColor || (exports.CatalogColor = {}));
-var CatalogCardItemType;
-(function (CatalogCardItemType) {
-    CatalogCardItemType["Description"] = "description";
-    CatalogCardItemType["List"] = "list";
-})(CatalogCardItemType = exports.CatalogCardItemType || (exports.CatalogCardItemType = {}));
-var CatalogCardListItemIcon;
-(function (CatalogCardListItemIcon) {
-    CatalogCardListItemIcon["Checkmark"] = "checkmark";
-    CatalogCardListItemIcon["Plus"] = "plus";
-    CatalogCardListItemIcon["CheckCircle"] = "check-circle";
-    CatalogCardListItemIcon["ExclamationCircle"] = "exclamation-circle";
-})(CatalogCardListItemIcon = exports.CatalogCardListItemIcon || (exports.CatalogCardListItemIcon = {}));
-function CatalogCard(props) {
-    var _a;
-    var t = props.t;
-    t = t ? t : function (t) { return t; };
-    var item = props.item, itemToCardFn = props.itemToCardFn, isSelected = props.isSelected, selectItem = props.selectItem, unselectItem = props.unselectItem, itemActions = props.itemActions, showSelect = props.showSelect;
-    var card = (0, react_1.useMemo)(function () { return itemToCardFn(item); }, [item, itemToCardFn]);
-    var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
-    var onSelect = (0, react_1.useCallback)(function () { }, []);
-    var onClick = (0, react_1.useCallback)(function () {
-        if (isSelected(item)) {
-            unselectItem(item);
-        }
-        else {
-            selectItem(item);
-        }
-    }, [isSelected, item, selectItem, unselectItem]);
-    var showDropdown = itemActions !== undefined && itemActions.length > 0;
-    var showActions = showSelect || showDropdown;
-    var dropdownItems = (0, react_1.useMemo)(function () {
-        return itemActions === null || itemActions === void 0 ? void 0 : itemActions.map(function (itemAction, index) {
-            // if (isItemActionClick(itemAction)) {
-            //   return (
-            //     <DropdownItem
-            //       key={itemAction.label}
-            //       onClick={() => {
-            //         itemAction.onClick(item)
-            //         setIsOpen(false)
-            //       }}
-            //     >
-            //       {itemAction.label}
-            //     </DropdownItem>
-            //   )
-            // }
-            return (0, jsx_runtime_1.jsx)(react_core_1.DropdownSeparator, {}, index);
-        });
-    }, [itemActions]);
-    var disabled = !card.onClick;
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Card, __assign({ id: card.id, onClick: card.onClick, isFlat: true, isLarge: true, isSelectable: !disabled, isRounded: true, style: {
-            transition: 'box-shadow 0.25s',
-            cursor: !disabled ? 'pointer' : undefined,
-        } }, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.CardHeader, __assign({ style: { opacity: !disabled ? undefined : '0.5' } }, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true, style: { width: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ isFilled: true }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [card.icon && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                                                display: 'flex',
-                                                height: 40,
-                                                width: 40,
-                                                marginTop: -20,
-                                                marginBottom: -20,
-                                                marginRight: 12,
-                                                alignItems: 'center',
-                                                justifyItems: 'stretch',
-                                            } }, { children: (0, jsx_runtime_1.jsx)(IconWrapper_1.IconWrapper, __assign({ size: "lg" }, { children: card.icon })) }))), (0, jsx_runtime_1.jsx)(react_core_1.CardTitle, { children: card.title })] })) })), card.badge && card.badgeTooltip && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (e) { return e.stopPropagation(); } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Popover, __assign({ headerContent: card.badgeTooltipTitle, bodyContent: card.badgeTooltip, removeFindDomNode: true }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Label, __assign({ color: card.badgeColor }, { children: card.badge })) })) })) })), card.badge && !card.badgeTooltip && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.Label, __assign({ color: card.badgeColor }, { children: card.badge })) }))] })), showActions && ((0, jsx_runtime_1.jsxs)(react_core_1.CardActions, __assign({ hasNoOffset: true }, { children: [showDropdown && ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { onSelect: onSelect, toggle: (0, jsx_runtime_1.jsx)(react_core_1.KebabToggle, { onToggle: setIsOpen }), isOpen: isOpen, isPlain: true, dropdownItems: dropdownItems, position: "right" })), showSelect && ((0, jsx_runtime_1.jsx)(react_core_1.Checkbox, { isChecked: isSelected(item), onChange: onClick, "aria-label": "card checkbox example", id: "check-1", name: "check1" }))] })))] })), card.items && ((0, jsx_runtime_1.jsx)(Scrollable_1.Scrollable, { children: (0, jsx_runtime_1.jsx)(react_core_1.CardBody, __assign({ style: { paddingTop: 0, opacity: !disabled ? undefined : '0.5' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionList, { children: card.items &&
-                            card.items.map(function (item, index) {
-                                switch (item.type) {
-                                    case CatalogCardItemType.Description:
-                                        return ((0, jsx_runtime_1.jsx)(react_core_1.DescriptionList, { children: (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListGroup, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { opacity: 9 } }, { children: item.description })) }) }, index));
-                                    case CatalogCardItemType.List:
-                                        return ((0, jsx_runtime_1.jsx)(react_core_1.DescriptionList, __assign({ orientation: item.horizontal ? { sm: 'horizontal' } : undefined }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListGroup, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DescriptionListTerm, { children: item.title }), (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, { children: (0, jsx_runtime_1.jsx)(CardList, { icon: item.icon, items: item.items }) })] }) }), index));
-                                    default:
-                                        return (0, jsx_runtime_1.jsx)(react_1.Fragment, {}, index);
-                                }
-                            }) }) })) })), (card.labels || card.learnMore) && ((0, jsx_runtime_1.jsx)(react_core_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        alignItems: 'end',
-                        gap: 16,
-                    } }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: { flexGrow: 1, opacity: !disabled ? undefined : '0.5' } }, { children: card.labels && ((0, jsx_runtime_1.jsx)(react_core_1.LabelGroup, { children: card.labels.map(function (item) { return ((0, jsx_runtime_1.jsx)(react_core_1.Label, __assign({ color: item.color }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Truncate, { content: item.label, style: { minWidth: 0 } }) }), item.label)); }) })) })), card.learnMore && ((0, jsx_runtime_1.jsxs)(react_core_1.Button, __assign({ variant: "link", icon: (0, jsx_runtime_1.jsx)(react_icons_1.ExternalLinkAltIcon, {}), isInline: true, onClick: function () { return window.open(card.learnMore, '_blank'); } }, { children: ["\u00A0", t('Learn more')] })))] })) })), card.alertTitle && ((0, jsx_runtime_1.jsx)(react_core_1.Alert, __assign({ title: card.alertTitle, isInline: true, variant: card.alertVariant }, { children: card.alertContent })))] }), (_a = card.id) !== null && _a !== void 0 ? _a : card.title));
-}
-exports.CatalogCard = CatalogCard;
-function CardSection(props) {
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Stack, { children: [props.title && ((0, jsx_runtime_1.jsx)(react_core_1.StackItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.Title, __assign({ headingLevel: "h6", style: { paddingBottom: 8 } }, { children: props.title })) })), props.children] }));
-}
-exports.CardSection = CardSection;
-function CardList(props) {
-    var items = props.items, icon = props.icon;
-    return ((0, jsx_runtime_1.jsx)(react_core_1.List, __assign({ isPlain: true }, { children: items === null || items === void 0 ? void 0 : items.map(function (listItem, index) {
-            var itemIcon;
-            if (listItem.icon) {
-                itemIcon = ((0, jsx_runtime_1.jsx)(IconWrapper_1.IconWrapper, __assign({ size: "md", noPadding: true }, { children: listItem.icon })));
-            }
-            else if (icon) {
-                itemIcon = ((0, jsx_runtime_1.jsx)(IconWrapper_1.IconWrapper, __assign({ size: "md", noPadding: true }, { children: icon })));
-            }
-            return ((0, jsx_runtime_1.jsxs)(react_core_1.ListItem, __assign({ icon: itemIcon, style: { opacity: 0.85 } }, { children: [listItem.text, listItem.help && (
-                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-                    (0, jsx_runtime_1.jsx)("div", __assign({ onClick: function (e) { return e.stopPropagation(); } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Popover, __assign({ headerContent: listItem.helpTitle, bodyContent: listItem.help, removeFindDomNode: true }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", style: {
-                                    padding: 0,
-                                    marginLeft: '8px',
-                                    verticalAlign: 'middle',
-                                } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.OutlinedQuestionCircleIcon, {}) })) })) })))] }), index));
-        }) })));
-}
-exports.CardList = CardList;

package/mjs/PageCatalog.d.ts

@@ -1,113 +0,0 @@
-import { ReactNode } from 'react';
-import { ITypedAction } from './TypedActions';
-declare type CatalogFilterValue = string;
-interface ICatalogFilterGroup {
-    id: string;
-    label: string;
-    filters?: ICatalogFilter[];
-}
-interface ICatalogFilter {
-    id?: string;
-    label?: string;
-    value: CatalogFilterValue;
-    filters?: ICatalogFilter[];
-}
-export declare function Catalog<T extends object>(props: {
-    keyFn: (item: T) => string;
-    items: T[];
-    itemToCardFn: (item: T) => ICatalogCard;
-    filterGroups?: ICatalogFilterGroup[];
-    onBack?: () => void;
-    cardWidth?: number;
-    selectItem: (item: T) => void;
-    unselectItem: (item: T) => void;
-    isSelected: (item: T) => boolean;
-    itemActions?: ITypedAction<T>[];
-    showSelect: boolean;
-}): JSX.Element;
-export declare enum CatalogIconColor {
-    'red' = "red",
-    'green' = "green",
-    'blue' = "blue",
-    'yellow' = "yellow"
-}
-export declare enum CatalogColor {
-    blue = "blue",
-    cyan = "cyan",
-    green = "green",
-    orange = "orange",
-    purple = "purple",
-    red = "red",
-    grey = "grey"
-}
-export interface ICatalogCard {
-    id: string;
-    icon?: ReactNode;
-    title: string;
-    items?: CatalogCardItem[];
-    labels?: {
-        label: string;
-        color?: CatalogColor;
-    }[];
-    learnMore?: string;
-    badge?: string;
-    badgeColor?: CatalogColor;
-    badgeTooltip?: string;
-    badgeTooltipTitle?: string;
-    alertTitle?: string;
-    alertContent?: ReactNode;
-    alertVariant?: 'success' | 'danger' | 'warning' | 'info' | 'default';
-    onClick?: () => void;
-}
-export interface ICatalogCardFeatureGroup {
-    title: string;
-    features: string[];
-}
-export declare enum CatalogCardItemType {
-    Description = "description",
-    List = "list"
-}
-export interface ICatalogCardDescription {
-    type: CatalogCardItemType.Description;
-    title?: string;
-    description: string;
-}
-export interface ICatalogCardList {
-    type: CatalogCardItemType.List;
-    title: string;
-    items: ICatalogCardListItem[];
-    horizontal?: boolean;
-    icon?: ReactNode;
-}
-export declare enum CatalogCardListItemIcon {
-    Checkmark = "checkmark",
-    Plus = "plus",
-    CheckCircle = "check-circle",
-    ExclamationCircle = "exclamation-circle"
-}
-export interface ICatalogCardListItem {
-    icon?: ReactNode;
-    text: string;
-    helpTitle?: string;
-    help?: ReactNode;
-}
-export declare type CatalogCardItem = ICatalogCardDescription | ICatalogCardList;
-export declare function CatalogCard<T extends object>(props: {
-    item: T;
-    itemToCardFn: (item: T) => ICatalogCard;
-    isSelected: (item: T) => boolean;
-    selectItem: (item: T) => void;
-    unselectItem: (item: T) => void;
-    itemActions?: ITypedAction<T>[];
-    showSelect: boolean;
-    t?: (t: string) => string;
-}): JSX.Element;
-export declare function CardSection(props: {
-    title?: string;
-    children: ReactNode;
-}): JSX.Element;
-export declare function CardList(props: {
-    icon?: ReactNode;
-    items: ICatalogCardListItem[];
-}): JSX.Element;
-export {};

package/mjs/PageCatalog.js

@@ -1,140 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { Alert, Button, Card, CardActions, CardBody, CardFooter, CardHeader, CardTitle, Checkbox, DescriptionList, DescriptionListDescription, DescriptionListGroup, DescriptionListTerm, Dropdown, DropdownSeparator, KebabToggle, Label, LabelGroup, List, ListItem, PageSection, Popover, Split, SplitItem, Stack, StackItem, Title, Truncate, } from '@patternfly/react-core';
-import { ExternalLinkAltIcon, OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
-import { Fragment, useCallback, useMemo, useState } from 'react';
-import { Grid } from './components/Grid';
-import { IconWrapper } from './components/IconWrapper';
-import { Scrollable } from './components/Scrollable';
-export function Catalog(props) {
-    const { keyFn, items, itemToCardFn, isSelected, selectItem, unselectItem, itemActions, showSelect, } = props;
-    const catalogCards = useMemo(() => {
-        return (_jsx(Grid, { size: props.cardWidth ?? 470, children: items.map((item) => (_jsx(CatalogCard, { item: item, itemToCardFn: itemToCardFn, isSelected: isSelected, selectItem: selectItem, unselectItem: unselectItem, itemActions: itemActions, showSelect: showSelect }, keyFn(item)))) }));
-    }, [
-        props.cardWidth,
-        items,
-        keyFn,
-        itemToCardFn,
-        isSelected,
-        selectItem,
-        unselectItem,
-        itemActions,
-        showSelect,
-    ]);
-    return (_jsx(PageSection, { style: { flexGrow: 1 }, children: _jsx("div", { children: catalogCards }) }));
-}
-export var CatalogIconColor;
-(function (CatalogIconColor) {
-    CatalogIconColor["red"] = "red";
-    CatalogIconColor["green"] = "green";
-    CatalogIconColor["blue"] = "blue";
-    CatalogIconColor["yellow"] = "yellow";
-})(CatalogIconColor || (CatalogIconColor = {}));
-export var CatalogColor;
-(function (CatalogColor) {
-    CatalogColor["blue"] = "blue";
-    CatalogColor["cyan"] = "cyan";
-    CatalogColor["green"] = "green";
-    CatalogColor["orange"] = "orange";
-    CatalogColor["purple"] = "purple";
-    CatalogColor["red"] = "red";
-    CatalogColor["grey"] = "grey";
-})(CatalogColor || (CatalogColor = {}));
-export var CatalogCardItemType;
-(function (CatalogCardItemType) {
-    CatalogCardItemType["Description"] = "description";
-    CatalogCardItemType["List"] = "list";
-})(CatalogCardItemType || (CatalogCardItemType = {}));
-export var CatalogCardListItemIcon;
-(function (CatalogCardListItemIcon) {
-    CatalogCardListItemIcon["Checkmark"] = "checkmark";
-    CatalogCardListItemIcon["Plus"] = "plus";
-    CatalogCardListItemIcon["CheckCircle"] = "check-circle";
-    CatalogCardListItemIcon["ExclamationCircle"] = "exclamation-circle";
-})(CatalogCardListItemIcon || (CatalogCardListItemIcon = {}));
-export function CatalogCard(props) {
-    let { t } = props;
-    t = t ? t : (t) => t;
-    const { item, itemToCardFn, isSelected, selectItem, unselectItem, itemActions, showSelect } = props;
-    const card = useMemo(() => itemToCardFn(item), [item, itemToCardFn]);
-    const [isOpen, setIsOpen] = useState(false);
-    const onSelect = useCallback(() => { }, []);
-    const onClick = useCallback(() => {
-        if (isSelected(item)) {
-            unselectItem(item);
-        }
-        else {
-            selectItem(item);
-        }
-    }, [isSelected, item, selectItem, unselectItem]);
-    const showDropdown = itemActions !== undefined && itemActions.length > 0;
-    const showActions = showSelect || showDropdown;
-    const dropdownItems = useMemo(() => itemActions?.map((itemAction, index) => {
-        // if (isItemActionClick(itemAction)) {
-        //   return (
-        //     <DropdownItem
-        //       key={itemAction.label}
-        //       onClick={() => {
-        //         itemAction.onClick(item)
-        //         setIsOpen(false)
-        //       }}
-        //     >
-        //       {itemAction.label}
-        //     </DropdownItem>
-        //   )
-        // }
-        return _jsx(DropdownSeparator, {}, index);
-    }), [itemActions]);
-    const disabled = !card.onClick;
-    return (_jsxs(Card, { id: card.id, onClick: card.onClick, isFlat: true, isLarge: true, isSelectable: !disabled, isRounded: true, style: {
-            transition: 'box-shadow 0.25s',
-            cursor: !disabled ? 'pointer' : undefined,
-        }, children: [_jsxs(CardHeader, { style: { opacity: !disabled ? undefined : '0.5' }, children: [_jsxs(Split, { hasGutter: true, style: { width: '100%' }, children: [_jsx(SplitItem, { isFilled: true, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [card.icon && (_jsx("div", { style: {
-                                                display: 'flex',
-                                                height: 40,
-                                                width: 40,
-                                                marginTop: -20,
-                                                marginBottom: -20,
-                                                marginRight: 12,
-                                                alignItems: 'center',
-                                                justifyItems: 'stretch',
-                                            }, children: _jsx(IconWrapper, { size: "lg", children: card.icon }) })), _jsx(CardTitle, { children: card.title })] }) }), card.badge && card.badgeTooltip && (_jsx(SplitItem, { children: _jsx("div", { onClick: (e) => e.stopPropagation(), children: _jsx(Popover, { headerContent: card.badgeTooltipTitle, bodyContent: card.badgeTooltip, removeFindDomNode: true, children: _jsx(Label, { color: card.badgeColor, children: card.badge }) }) }) })), card.badge && !card.badgeTooltip && (_jsx(SplitItem, { children: _jsx(Label, { color: card.badgeColor, children: card.badge }) }))] }), showActions && (_jsxs(CardActions, { hasNoOffset: true, children: [showDropdown && (_jsx(Dropdown, { onSelect: onSelect, toggle: _jsx(KebabToggle, { onToggle: setIsOpen }), isOpen: isOpen, isPlain: true, dropdownItems: dropdownItems, position: "right" })), showSelect && (_jsx(Checkbox, { isChecked: isSelected(item), onChange: onClick, "aria-label": "card checkbox example", id: "check-1", name: "check1" }))] }))] }), card.items && (_jsx(Scrollable, { children: _jsx(CardBody, { style: { paddingTop: 0, opacity: !disabled ? undefined : '0.5' }, children: _jsx(DescriptionList, { children: card.items &&
-                            card.items.map((item, index) => {
-                                switch (item.type) {
-                                    case CatalogCardItemType.Description:
-                                        return (_jsx(DescriptionList, { children: _jsx(DescriptionListGroup, { children: _jsx("span", { style: { opacity: 9 }, children: item.description }) }) }, index));
-                                    case CatalogCardItemType.List:
-                                        return (_jsx(DescriptionList, { orientation: item.horizontal ? { sm: 'horizontal' } : undefined, children: _jsxs(DescriptionListGroup, { children: [_jsx(DescriptionListTerm, { children: item.title }), _jsx(DescriptionListDescription, { children: _jsx(CardList, { icon: item.icon, items: item.items }) })] }) }, index));
-                                    default:
-                                        return _jsx(Fragment, {}, index);
-                                }
-                            }) }) }) })), (card.labels || card.learnMore) && (_jsx(CardFooter, { children: _jsxs("div", { style: {
-                        display: 'flex',
-                        flexDirection: 'row',
-                        alignItems: 'end',
-                        gap: 16,
-                    }, children: [_jsx("div", { style: { flexGrow: 1, opacity: !disabled ? undefined : '0.5' }, children: card.labels && (_jsx(LabelGroup, { children: card.labels.map((item) => (_jsx(Label, { color: item.color, children: _jsx(Truncate, { content: item.label, style: { minWidth: 0 } }) }, item.label))) })) }), card.learnMore && (_jsxs(Button, { variant: "link", icon: _jsx(ExternalLinkAltIcon, {}), isInline: true, onClick: () => window.open(card.learnMore, '_blank'), children: ["\u00A0", t('Learn more')] }))] }) })), card.alertTitle && (_jsx(Alert, { title: card.alertTitle, isInline: true, variant: card.alertVariant, children: card.alertContent }))] }, card.id ?? card.title));
-}
-export function CardSection(props) {
-    return (_jsxs(Stack, { children: [props.title && (_jsx(StackItem, { children: _jsx(Title, { headingLevel: "h6", style: { paddingBottom: 8 }, children: props.title }) })), props.children] }));
-}
-export function CardList(props) {
-    const { items, icon } = props;
-    return (_jsx(List, { isPlain: true, children: items?.map((listItem, index) => {
-            let itemIcon;
-            if (listItem.icon) {
-                itemIcon = (_jsx(IconWrapper, { size: "md", noPadding: true, children: listItem.icon }));
-            }
-            else if (icon) {
-                itemIcon = (_jsx(IconWrapper, { size: "md", noPadding: true, children: icon }));
-            }
-            return (_jsxs(ListItem, { icon: itemIcon, style: { opacity: 0.85 }, children: [listItem.text, listItem.help && (
-                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-                    _jsx("div", { onClick: (e) => e.stopPropagation(), children: _jsx(Popover, { headerContent: listItem.helpTitle, bodyContent: listItem.help, removeFindDomNode: true, children: _jsx(Button, { variant: "link", style: {
-                                    padding: 0,
-                                    marginLeft: '8px',
-                                    verticalAlign: 'middle',
-                                }, children: _jsx(OutlinedQuestionCircleIcon, {}) }) }) }))] }, index));
-        }) }));
-}