@openshift-assisted/ui-lib 2.8.3-cim → 2.9.5-cim

package/build/cjs/common/components/ui/BorderedIcon/BorderedIcon.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVerticalAlign = exports.getPadding = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_icons_1 = require("@patternfly/react-icons");
+const getPadding = (size) => {
+    switch (size) {
+        case react_icons_1.IconSize.sm:
+            return '0.3em';
+        case react_icons_1.IconSize.md:
+            return '1.5em';
+        case react_icons_1.IconSize.lg:
+            return '2em';
+        case react_icons_1.IconSize.xl:
+            return '3em';
+        default:
+            return '1em';
+    }
+};
+exports.getPadding = getPadding;
+const getVerticalAlign = (size) => {
+    switch (size) {
+        case react_icons_1.IconSize.sm:
+            return '-0.3em';
+        case react_icons_1.IconSize.md:
+            return '-1.5em';
+        case react_icons_1.IconSize.lg:
+            return '-2em';
+        case react_icons_1.IconSize.xl:
+            return '-3em';
+        default:
+            return '-1em';
+    }
+};
+exports.getVerticalAlign = getVerticalAlign;
+const BorderedIcon = ({ children, iconSize = react_icons_1.IconSize.sm }) => {
+    const style = {
+        padding: `${(0, exports.getPadding)(iconSize)}`,
+        borderRadius: '50%',
+        border: '2px solid',
+        borderColor: '#D2D2D2',
+        boxSizing: 'content-box',
+        verticalAlign: `${(0, exports.getVerticalAlign)(iconSize)}`,
+    };
+    return react_1.default.cloneElement(children, { style });
+};
+exports.default = BorderedIcon;
+//# sourceMappingURL=BorderedIcon.js.map

package/build/cjs/common/components/ui/BorderedIcon/BorderedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorderedIcon.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/BorderedIcon/BorderedIcon.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,yDAAiE;AAE1D,MAAM,UAAU,GAAG,CAAC,IAAsC,EAAE,EAAE;IACnE,QAAQ,IAAI,EAAE;QACZ,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,OAAO,CAAC;QACjB,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,OAAO,CAAC;QACjB,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB;AAEK,MAAM,gBAAgB,GAAG,CAAC,IAAsC,EAAE,EAAE;IACzE,QAAQ,IAAI,EAAE;QACZ,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,QAAQ,CAAC;QAClB,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,QAAQ,CAAC;QAClB,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,MAAM,CAAC;QAChB,KAAK,sBAAQ,CAAC,EAAE;YACd,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,MAAM,CAAC;KACjB;AACH,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B;AAOF,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,sBAAQ,CAAC,EAAE,EAAqB,EAAE,EAAE;IAC/E,MAAM,KAAK,GAAwB;QACjC,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,EAAE;QAClC,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,aAAa;QACxB,aAAa,EAAE,GAAG,IAAA,wBAAgB,EAAC,QAAQ,CAAC,EAAE;KAC/C,CAAC;IACF,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/build/cjs/common/components/ui/ClusterEventsToolbar.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInitialClusterEventsFilters = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const capitalize_js_1 = tslib_1.__importDefault(require("lodash-es/capitalize.js"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const config_1 = require("../../config");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const utils_1 = require("./utils");
+const utils_2 = require("../../utils");
+const CLUSTER_LEVEL = 'cluster-level-action';
+const DELETED_HOSTS = 'deleted-hosts-action';
+const Placeholder = ({ text }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(react_icons_1.FilterIcon, null),
+    " ",
+    text));
+const mapHosts = (hosts) => (hosts || []).map((host) => {
+    const inventory = (0, utils_2.stringToJSON)(host.inventory) || {};
+    let hostname = host.requestedHostname;
+    if (inventory.hostname !== host.requestedHostname) {
+        hostname += ` (${inventory.hostname || ''})`;
+    }
+    return {
+        hostname,
+        id: host.id,
+    };
+});
+const getInitialClusterEventsFilters = (entityKind, hostId) => ({
+    message: '',
+    hostIds: entityKind === 'host' && hostId ? [hostId] : [],
+    severities: [],
+    clusterLevel: false,
+    deletedHosts: false,
+});
+exports.getInitialClusterEventsFilters = getInitialClusterEventsFilters;
+const mapHostsChips = (t, filters, hosts) => {
+    const chips = [
+        filters.deletedHosts && { key: DELETED_HOSTS, node: t('ai:Deleted hosts') },
+        filters.clusterLevel && { key: CLUSTER_LEVEL, node: t('ai:Cluster-level events') },
+        ...(hosts || [])
+            .filter((host) => { var _a; return (_a = filters.hostIds) === null || _a === void 0 ? void 0 : _a.includes(host.id); })
+            .map((host) => ({ key: host.id, node: host.hostname })),
+    ];
+    return chips.filter(Boolean);
+};
+const ClusterEventsToolbar = ({ filters, setFilters, cluster, hostId, entityKind, severityCounts, }) => {
+    var _a;
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const [isHostExpanded, setHostExpanded] = react_1.default.useState(false);
+    const [isSeverityExpanded, setSeverityExpanded] = react_1.default.useState(false);
+    const [timer, setTimer] = react_1.default.useState();
+    const [messageValue, setMessageValue] = react_1.default.useState(filters.message);
+    const allHosts = react_1.default.useMemo(() => mapHosts(cluster.hosts), [cluster.hosts]);
+    const onClearAllFilters = () => {
+        setFilters((0, exports.getInitialClusterEventsFilters)(entityKind, hostId));
+        setMessageValue('');
+    };
+    const onSelect = (type, isChecked, value) => {
+        const setNextSelectedValues = (type, isChecked, value, filters) => {
+            var _a;
+            return (Object.assign(Object.assign({}, filters), { [type]: isChecked
+                    ? [...(filters[type] || []), value]
+                    : (_a = filters[type]) === null || _a === void 0 ? void 0 : _a.filter((val) => val !== value) }));
+        };
+        const nextFilters = setNextSelectedValues(type, isChecked, value, filters);
+        setFilters(nextFilters);
+    };
+    const onHostToggle = () => setHostExpanded(!isHostExpanded);
+    const onHostSelect = (value, isChecked) => {
+        switch (value) {
+            case DELETED_HOSTS:
+                setFilters(Object.assign(Object.assign({}, filters), { deletedHosts: isChecked }));
+                break;
+            case CLUSTER_LEVEL:
+                setFilters(Object.assign(Object.assign({}, filters), { clusterLevel: isChecked }));
+                break;
+            default:
+                onSelect('hostIds', isChecked, value);
+        }
+    };
+    const onSeverityToggle = () => setSeverityExpanded(!isSeverityExpanded);
+    const onSeveritySelect = (value, isChecked) => {
+        onSelect('severities', isChecked, value);
+    };
+    const onMessageChange = (message) => {
+        setMessageValue(message);
+        clearTimeout(timer);
+        const newTimer = setTimeout(() => {
+            setMessageValue(message);
+            setFilters(Object.assign(Object.assign({}, filters), { message }));
+        }, 500);
+        setTimer(newTimer);
+    };
+    const onDeleteChipGroup = (type) => {
+        if (type === 'Severity') {
+            setFilters(Object.assign(Object.assign({}, filters), { severities: [] }));
+        }
+        else {
+            setFilters(Object.assign(Object.assign({}, filters), { deletedHosts: false, clusterLevel: false, hostIds: [] }));
+        }
+    };
+    const getSelections = () => {
+        const selections = [...(filters.hostIds || [])];
+        if (filters.clusterLevel) {
+            selections.push(CLUSTER_LEVEL);
+        }
+        if (filters.deletedHosts) {
+            selections.push(DELETED_HOSTS);
+        }
+        return selections;
+    };
+    const sortedHosts = allHosts.sort((a, b) => a.hostname && b.hostname && a.hostname < b.hostname ? -1 : 1);
+    const hostChips = mapHostsChips(t, filters, sortedHosts);
+    return (react_1.default.createElement(react_core_1.Toolbar, { id: "clusters-events-toolbar", className: "pf-m-toggle-group-container", collapseListedFiltersBreakpoint: "xl", clearAllFilters: onClearAllFilters, numberOfFiltersText: (numberOfFilters) => t('ai:{{count}} filter applied', { count: numberOfFilters }) },
+        react_1.default.createElement(react_core_1.ToolbarContent, null,
+            entityKind === 'cluster' && (react_1.default.createElement(react_core_1.ToolbarFilter, { categoryName: "Hosts", chips: hostChips, deleteChip: (_, chip) => onHostSelect(typeof chip === 'string' ? chip : chip.key, false), deleteChipGroup: onDeleteChipGroup },
+                react_1.default.createElement(react_core_1.Select, { variant: "checkbox", "aria-label": "hosts", toggleId: "cluster-events-hosts-dropdown-button", onToggle: onHostToggle, onSelect: (e, value) => onHostSelect(value, (0, utils_1.isSelectEventChecked)(e)), selections: getSelections(), customBadgeText: hostChips.length, isOpen: isHostExpanded, placeholderText: react_1.default.createElement(Placeholder, { text: "Hosts" }), maxHeight: 280, zIndex: 600 }, [
+                    react_1.default.createElement(react_core_1.SelectOption, { inputId: `checkbox-${CLUSTER_LEVEL}`, key: CLUSTER_LEVEL, value: CLUSTER_LEVEL }, t('ai:Cluster-level events')),
+                    react_1.default.createElement(react_core_1.SelectOption, { inputId: `checkbox-${DELETED_HOSTS}`, key: DELETED_HOSTS, value: DELETED_HOSTS }, t('ai:Deleted hosts')),
+                    ...sortedHosts.map((host) => (react_1.default.createElement(react_core_1.SelectOption, { inputId: `checkbox-${host.id}`, key: host.id, value: host.id }, host.hostname))),
+                ]))),
+            react_1.default.createElement(react_core_1.ToolbarFilter, { chips: (_a = filters.severities) === null || _a === void 0 ? void 0 : _a.map((severity) => ({
+                    key: severity,
+                    node: (0, capitalize_js_1.default)(severity),
+                })), deleteChip: (_, chip) => onSeveritySelect(typeof chip === 'string' ? chip : chip.key, false), deleteChipGroup: onDeleteChipGroup, categoryName: "Severity" },
+                react_1.default.createElement(react_core_1.Select, { variant: "checkbox", "aria-label": "Severity", toggleId: "cluster-events-severity-dropdown-button", onToggle: onSeverityToggle, onSelect: (event, value) => onSeveritySelect(value, (0, utils_1.isSelectEventChecked)(event)), selections: filters.severities, isOpen: isSeverityExpanded, placeholderText: react_1.default.createElement(Placeholder, { text: "Severity" }) }, config_1.EVENT_SEVERITIES.map((severity) => (react_1.default.createElement(react_core_1.SelectOption, { "data-testid": `${severity}-filter-option`, key: severity, value: severity },
+                    (0, capitalize_js_1.default)(severity),
+                    " ",
+                    react_1.default.createElement(react_core_1.Badge, { isRead: true }, severityCounts[severity])))))),
+            react_1.default.createElement(react_core_1.ToolbarItem, null,
+                react_1.default.createElement(react_core_1.InputGroup, null,
+                    react_1.default.createElement(react_core_1.TextInput, { name: "search-text", id: "search-text", type: react_core_1.TextInputTypes.search, "aria-label": "text to be searched", onChange: onMessageChange, value: messageValue, placeholder: t('ai:Filter by text') }),
+                    react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.control, "aria-label": "search text button" },
+                        react_1.default.createElement(react_icons_1.SearchIcon, null)))))));
+};
+exports.default = ClusterEventsToolbar;
+//# sourceMappingURL=ClusterEventsToolbar.js.map

package/build/cjs/common/components/ui/ClusterEventsToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClusterEventsToolbar.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/ClusterEventsToolbar.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/ConfirmationModal.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const ConfirmationModal = ({ title, titleIconVariant, content, confirmationButtonText = 'Yes', confirmationButtonVariant = 'danger', onClose, onConfirm, }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (React.createElement(react_core_1.Modal, { title: title, titleIconVariant: titleIconVariant, isOpen: true, onClose: onClose, variant: react_core_1.ModalVariant.small, actions: [
+            React.createElement(react_core_1.Button, { "data-testid": "confirm-modal-submit", key: "confirm", variant: confirmationButtonVariant, onClick: onConfirm }, confirmationButtonText),
+            React.createElement(react_core_1.Button, { key: "cancel", variant: "link", onClick: onClose }, t('ai:Cancel')),
+        ] }, content));
+};
+exports.default = ConfirmationModal;
+//# sourceMappingURL=ConfirmationModal.js.map

package/build/cjs/common/components/ui/ConfirmationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/ConfirmationModal.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAA8F;AAC9F,iFAAqE;AAYrE,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,sBAAsB,GAAG,KAAK,EAC9B,yBAAyB,GAAG,QAAQ,EACpC,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,kBAAK,IACJ,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,yBAAY,CAAC,KAAK,EAC3B,OAAO,EAAE;YACP,oBAAC,mBAAM,mBACO,sBAAsB,EAClC,GAAG,EAAC,SAAS,EACb,OAAO,EAAE,yBAAyB,EAClC,OAAO,EAAE,SAAS,IAEjB,sBAAsB,CAChB;YACT,oBAAC,mBAAM,IAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,IACjD,CAAC,CAAC,WAAW,CAAC,CACR;SACV,IAEA,OAAO,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/build/cjs/common/components/ui/DetailList.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailItem = exports.DetailList = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+require("./DetailList.css");
+const RenderIf_1 = require("./RenderIf");
+const DetailList = ({ children, title, titleComponent = 'h2', }) => (react_1.default.createElement(react_core_1.TextContent, null,
+    title && react_1.default.createElement(react_core_1.Text, { component: titleComponent }, title),
+    react_1.default.createElement(react_core_1.TextList, { component: react_core_1.TextListVariants.dl, className: "detail-list" }, children)));
+exports.DetailList = DetailList;
+const hasDetailItemList = (data) => {
+    return Array.isArray(data);
+};
+const DetailItem = ({ title, value = '', idPrefix, testId, isHidden = false, classNameValue, }) => isHidden ? null : (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(RenderIf_1.RenderIf, { condition: title !== undefined },
+        react_1.default.createElement(react_core_1.TextListItem, { component: react_core_1.TextListItemVariants.dt, id: idPrefix ? `${idPrefix}-title` : undefined, "data-testid": testId ? `${testId}-title` : undefined }, title)),
+    react_1.default.createElement(react_core_1.TextListItem, { component: react_core_1.TextListItemVariants.dd, id: idPrefix ? `${idPrefix}-value` : undefined, "data-testid": testId ? `${testId}-value` : undefined, className: classNameValue }, hasDetailItemList(value) ? (react_1.default.createElement(react_core_1.TextList, { component: react_core_1.TextListVariants.dl }, value.map((item, idx) => [
+        react_1.default.createElement(react_core_1.TextListItem, { "data-testid": testId ? `${testId}-title-${idx}` : undefined, key: item.title, component: react_core_1.TextListItemVariants.dt }, item.title),
+        react_1.default.createElement(react_core_1.TextListItem, { "data-testid": testId ? `${testId}-value-${idx}` : undefined, key: `dd-${item.title}`, component: react_core_1.TextListItemVariants.dd }, item.value),
+    ]))) : (value))));
+exports.DetailItem = DetailItem;
+//# sourceMappingURL=DetailList.js.map

package/build/cjs/common/components/ui/DetailList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailList.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/DetailList.tsx"],"names":[],"mappings":";;;;AAAA,0DAAqD;AACrD,uDAQgC;AAGhC,4BAA0B;AAC1B,yCAAsC;AAqB/B,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,KAAK,EACL,cAAc,GAAG,IAAI,GACtB,EAAE,EAAE,CAAC,CACJ,8BAAC,wBAAW;IACT,KAAK,IAAI,8BAAC,iBAAI,IAAC,SAAS,EAAE,cAAc,IAAG,KAAK,CAAQ;IACzD,8BAAC,qBAAQ,IAAC,SAAS,EAAE,6BAAgB,CAAC,EAAE,EAAE,SAAS,EAAC,aAAa,IAC9D,QAAQ,CACA,CACC,CACf,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAA8B,EAA0B,EAAE;IACnF,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEK,MAAM,UAAU,GAA2C,CAAC,EACjE,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,cAAc,GACf,EAAE,EAAE,CACH,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB;IACE,8BAAC,mBAAQ,IAAC,SAAS,EAAE,KAAK,KAAK,SAAS;QACtC,8BAAC,yBAAY,IACX,SAAS,EAAE,iCAAoB,CAAC,EAAE,EAClC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACjC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,IAElD,KAAK,CACO,CACN;IACX,8BAAC,yBAAY,IACX,SAAS,EAAE,iCAAoB,CAAC,EAAE,EAClC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACjC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnD,SAAS,EAAE,cAAc,IAExB,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,8BAAC,qBAAQ,IAAC,SAAS,EAAE,6BAAgB,CAAC,EAAE,IACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;QACxB,8BAAC,yBAAY,mBACE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1D,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAE,iCAAoB,CAAC,EAAE,IAEjC,IAAI,CAAC,KAAK,CACE;QACf,8BAAC,yBAAY,mBACE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1D,GAAG,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,EACvB,SAAS,EAAE,iCAAoB,CAAC,EAAE,IAEjC,IAAI,CAAC,KAAK,CACE;KAChB,CAAC,CACO,CACZ,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACY,CACd,CACJ,CAAC;AAjDS,QAAA,UAAU,cAiDnB"}

package/build/cjs/common/components/ui/EventsList.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_table_1 = require("@patternfly/react-table");
+const react_icons_1 = require("@patternfly/react-icons");
+const uiState_1 = require("./uiState");
+const utils_1 = require("./utils");
+const table_1 = require("./table");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const getEventRowKey = ({ rowData }) => { var _a, _b; 
+// eslint-disable-next-line
+return ((_a = rowData === null || rowData === void 0 ? void 0 : rowData.props) === null || _a === void 0 ? void 0 : _a.event.eventTime) + ((_b = rowData === null || rowData === void 0 ? void 0 : rowData.props) === null || _b === void 0 ? void 0 : _b.event.message); };
+const getLabelColor = (severity) => {
+    switch (severity) {
+        case 'info':
+            return 'blue';
+        case 'warning':
+            return 'orange';
+        case 'error':
+            return 'red';
+        case 'critical':
+            return 'purple';
+    }
+};
+const getLabelIcon = (severity) => {
+    switch (severity) {
+        case 'info':
+            return react_1.default.createElement(react_icons_1.InfoCircleIcon, null);
+        case 'warning':
+            return react_1.default.createElement(react_icons_1.ExclamationTriangleIcon, null);
+        case 'error':
+        case 'critical':
+            return react_1.default.createElement(react_icons_1.ExclamationCircleIcon, null);
+    }
+};
+const EventsList = ({ events, resetFilters }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    if (events.length === 0) {
+        return (react_1.default.createElement(uiState_1.EmptyState, { icon: react_icons_1.SearchIcon, title: t('ai:No matching events'), content: t('ai:There are no events that match the current filters. Adjust or clear the filters to view events.'), primaryAction: react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.primary, onClick: resetFilters, id: "empty-state-cluster-events-clear-filters-button", "data-ouia-id": "button-clear-events-filter" }, t('ai:Clear filters')) }));
+    }
+    const rows = events.map((event) => ({
+        cells: [
+            {
+                title: react_1.default.createElement("strong", null, (0, utils_1.getHumanizedDateTime)(event.eventTime)),
+            },
+            {
+                title: (react_1.default.createElement(react_1.default.Fragment, null,
+                    event.severity !== 'info' && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(react_core_1.Label, { color: getLabelColor(event.severity), icon: getLabelIcon(event.severity) }, event.severity),
+                        ' ')),
+                    event.message)),
+            },
+        ],
+        props: { event },
+    }));
+    return (react_1.default.createElement(react_table_1.Table, { rows: rows, cells: [
+            { title: t('ai:Time'), cellTransforms: [table_1.fitContent, table_1.noPadding] },
+            { title: t('ai:Message'), cellTransforms: [react_table_1.breakWord] },
+        ], variant: react_table_1.TableVariant.compact, "aria-label": t('ai:Events table'), borders: false },
+        react_1.default.createElement(react_table_1.TableBody, { rowKey: getEventRowKey })));
+};
+exports.default = EventsList;
+//# sourceMappingURL=EventsList.js.map

package/build/cjs/common/components/ui/EventsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsList.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/EventsList.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/EventsModal.css

@@ -0,0 +1,9 @@
+.events-modal__body {
+  display: flex;
+  flex-direction: column;
+}
+
+.events-modal__event-list {
+  height: 34vh;
+  overflow: auto;
+}

package/build/cjs/common/components/ui/ExternalLink.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const ExternalLink = ({ href, onClick, children }) => {
+    const handleClick = (event) => {
+        event.stopPropagation(); // Stop event propagation here
+        if (onClick) {
+            onClick(event);
+        }
+    };
+    return (react_1.default.createElement(react_core_1.Text, { component: "a", href: href, onClick: handleClick, target: "_blank", rel: "noopener noreferrer" },
+        children ? children : href,
+        " ",
+        react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, { color: "rgb(0, 123, 186)" })));
+};
+exports.default = ExternalLink;
+//# sourceMappingURL=ExternalLink.js.map

package/build/cjs/common/components/ui/ExternalLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalLink.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/ExternalLink.tsx"],"names":[],"mappings":";;;AAAA,0DAAqD;AACrD,uDAA8C;AAC9C,yDAA8D;AAO9D,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChF,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,8BAA8B;QACvD,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAI,IAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;QAC5F,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;;QAAE,8BAAC,iCAAmB,IAAC,KAAK,EAAC,kBAAkB,GAAG,CACxE,CACR,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,YAAY,CAAC"}

package/build/cjs/common/components/ui/GridGap.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+/**
+ * This component allows to maintain grid gap behaviour of PF Form by wrapping
+ * FormGroup components which are inside of Grid
+ */
+const GridGap = (props) => react_1.default.createElement("div", Object.assign({}, props, { className: "pf-c-form" }));
+exports.default = GridGap;
+//# sourceMappingURL=GridGap.js.map

package/build/cjs/common/components/ui/GridGap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridGap.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/GridGap.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B;;;GAGG;AACH,MAAM,OAAO,GAAa,CAAC,KAAK,EAAE,EAAE,CAAC,uDAAS,KAAK,IAAE,SAAS,EAAC,WAAW,IAAG,CAAC;AAE9E,kBAAe,OAAO,CAAC"}

package/build/cjs/common/components/ui/ModalProgress.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const ModalProgress = ({ error, progress }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (React.createElement(react_core_1.Stack, { hasGutter: true },
+        error && (React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Alert, { variant: react_core_1.AlertVariant.danger, title: error.title, isInline: true }, error.message))),
+        progress !== null && (React.createElement(react_core_1.StackItem, null,
+            React.createElement(react_core_1.Progress, { value: progress, measureLocation: react_core_1.ProgressMeasureLocation.outside, "aria-label": t('ai:Progress') })))));
+};
+exports.default = ModalProgress;
+//# sourceMappingURL=ModalProgress.js.map

package/build/cjs/common/components/ui/ModalProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProgress.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/ModalProgress.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,uDAOgC;AAChC,iFAAqE;AAUrE,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,kBAAK,IAAC,SAAS;QACb,KAAK,IAAI,CACR,oBAAC,sBAAS;YACR,oBAAC,kBAAK,IAAC,OAAO,EAAE,yBAAY,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,UAC9D,KAAK,CAAC,OAAO,CACR,CACE,CACb;QACA,QAAQ,KAAK,IAAI,IAAI,CACpB,oBAAC,sBAAS;YACR,oBAAC,qBAAQ,IACP,KAAK,EAAE,QAAQ,EACf,eAAe,EAAE,oCAAuB,CAAC,OAAO,gBACpC,CAAC,CAAC,aAAa,CAAC,GAC5B,CACQ,CACb,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/build/cjs/common/components/ui/OpenShiftVersionDropdown.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpenShiftVersionDropdown = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+const formik_1 = require("formik");
+const formik_2 = require("./formik");
+const ExternalLink_1 = tslib_1.__importDefault(require("./ExternalLink"));
+const config_1 = require("../../config");
+const OpenShiftVersionDropdown = ({ name, items, versions, getHelperText, showReleasesLink, }) => {
+    const [field, , { setValue }] = (0, formik_1.useField)(name);
+    const [isOpen, setOpen] = react_1.default.useState(false);
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    const fieldId = (0, formik_2.getFieldId)(name, 'input');
+    const isDisabled = versions.length === 0;
+    const { defaultLabel, defaultValue } = react_1.default.useMemo(() => {
+        const defaultVersion = versions.find((item) => item.default);
+        return {
+            defaultLabel: (defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.label) || '',
+            defaultValue: (defaultVersion === null || defaultVersion === void 0 ? void 0 : defaultVersion.value) || '',
+        };
+    }, [versions]);
+    const [helperText, setHelperText] = react_1.default.useState(getHelperText(versions, defaultValue, t));
+    const [current, setCurrent] = react_1.default.useState(defaultLabel);
+    const versionsY = Array.from(new Set(items.map((val) => { var _a; return (_a = val.value.match(/^\d+\.(\d+)/)) === null || _a === void 0 ? void 0 : _a[1]; })));
+    const lastVersion = versionsY.slice(-1)[0];
+    const parsedVersions = versionsY.map((y) => ({
+        y: y,
+        versions: items.filter((val) => { var _a; return ((_a = val.value.match(/^\d+\.(\d+)/)) === null || _a === void 0 ? void 0 : _a[1]) === y; }),
+    }));
+    const dropdownItems = parsedVersions.map(({ y, versions }) => {
+        const items = versions.map(({ value, label }) => (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value }, label)));
+        if (y !== lastVersion) {
+            items.push(react_1.default.createElement(react_core_1.DropdownSeparator, { key: `separator-${y || ''}` }));
+        }
+        return items;
+    });
+    const onSelect = react_1.default.useCallback((event) => {
+        const newLabel = event === null || event === void 0 ? void 0 : event.currentTarget.innerText;
+        const newValue = event === null || event === void 0 ? void 0 : event.currentTarget.id;
+        if (newLabel && newValue) {
+            setCurrent(newLabel);
+            setValue(newValue);
+            setHelperText(getHelperText(versions, newValue, t));
+            setOpen(false);
+        }
+    }, [setCurrent, setHelperText, setOpen, getHelperText, t, versions, setValue]);
+    const toggle = react_1.default.useMemo(() => (react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: (val) => setOpen(!isDisabled && val), toggleIndicator: react_icons_1.CaretDownIcon, isDisabled: isDisabled, isText: true, className: "pf-u-w-100" }, current)), [setOpen, current, isDisabled]);
+    return (react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: t('ai:OpenShift version'), isRequired: true },
+        react_1.default.createElement(react_core_1.Dropdown, Object.assign({}, field, { name: name, id: fieldId, onSelect: onSelect, dropdownItems: dropdownItems, toggle: toggle, isOpen: isOpen, className: "pf-u-w-100" })),
+        react_1.default.createElement(react_core_1.HelperText, { style: { display: 'inherit' } }, helperText),
+        showReleasesLink && (react_1.default.createElement(ExternalLink_1.default, { href: `${window.location.origin}/${config_1.OCP_RELEASES_PAGE}` },
+            react_1.default.createElement("span", { "data-ouia-id": "openshift-releases-link" }, t('ai:Learn more about OpenShift releases'))))));
+};
+exports.OpenShiftVersionDropdown = OpenShiftVersionDropdown;
+//# sourceMappingURL=OpenShiftVersionDropdown.js.map

package/build/cjs/common/components/ui/OpenShiftVersionDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenShiftVersionDropdown.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/OpenShiftVersionDropdown.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/PopoverIcon.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const PopoverIcon = (_a) => {
+    var { component, variant = 'plain', IconComponent = react_icons_1.OutlinedQuestionCircleIcon, noVerticalAlign = false, buttonClassName, buttonOuiaId, buttonStyle } = _a, props = tslib_1.__rest(_a, ["component", "variant", "IconComponent", "noVerticalAlign", "buttonClassName", "buttonOuiaId", "buttonStyle"]);
+    return (react_1.default.createElement(react_core_1.Popover, Object.assign({}, props),
+        react_1.default.createElement(react_core_1.Button, { component: component, variant: variant, onClick: (e) => e.preventDefault(), className: (0, classnames_1.default)('pf-c-form__group-label-help', 'pf-u-p-0', buttonClassName), ouiaId: buttonOuiaId, style: buttonStyle },
+            react_1.default.createElement(IconComponent, { noVerticalAlign: noVerticalAlign }))));
+};
+exports.default = PopoverIcon;
+//# sourceMappingURL=PopoverIcon.js.map

package/build/cjs/common/components/ui/PopoverIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverIcon.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PopoverIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAoC;AACpC,uDAAsE;AACtE,yDAAqE;AAcrE,MAAM,WAAW,GAA+B,CAAC,EAShD,EAAE,EAAE;QAT4C,EAC/C,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,aAAa,GAAG,wCAA0B,EAC1C,eAAe,GAAG,KAAK,EACvB,eAAe,EACf,YAAY,EACZ,WAAW,OAEZ,EADI,KAAK,sBARuC,8GAShD,CADS;IACJ,OAAA,CACJ,8BAAC,oBAAO,oBAAK,KAAK;QAChB,8BAAC,mBAAM,IACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAClC,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAA6B,EAAE,UAAU,EAAE,eAAe,CAAC,EACjF,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,WAAW;YAElB,8BAAC,aAAa,IAAC,eAAe,EAAE,eAAe,GAAI,CAC5C,CACD,CACX,CAAA;CAAA,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/build/cjs/common/components/ui/PreviewBadge.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TechnologyPreview = exports.DeveloperPreview = exports.PreviewBadgePosition = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const constants_1 = require("../../config/constants");
+const ExternalLink_1 = tslib_1.__importDefault(require("./ExternalLink"));
+const use_translation_wrapper_1 = require("../../hooks/use-translation-wrapper");
+var PreviewBadgePosition;
+(function (PreviewBadgePosition) {
+    PreviewBadgePosition[PreviewBadgePosition["default"] = 0] = "default";
+    PreviewBadgePosition[PreviewBadgePosition["inline"] = 1] = "inline";
+    PreviewBadgePosition[PreviewBadgePosition["inlineRight"] = 2] = "inlineRight";
+})(PreviewBadgePosition = exports.PreviewBadgePosition || (exports.PreviewBadgePosition = {}));
+const PreviewBadge = ({ position = PreviewBadgePosition.inline, className = 'pf-u-ml-md', text, popoverText, externalLink, testId, }) => {
+    let clsName = className;
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    switch (position) {
+        case PreviewBadgePosition.inlineRight:
+            clsName += ' pf-u-float-right';
+            break;
+        case PreviewBadgePosition.inline:
+            clsName += ' pf-u-display-inline';
+            break;
+    }
+    const bodyContent = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: { marginBottom: 'var(--pf-global--spacer--sm)' } }, popoverText),
+        externalLink && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ExternalLink_1.default, { href: externalLink }, t('ai:Learn more'))))));
+    return (react_1.default.createElement("span", { onClick: (e) => e.preventDefault() },
+        react_1.default.createElement(react_core_1.Popover, { bodyContent: bodyContent, position: "top" },
+            react_1.default.createElement(react_core_1.Label, Object.assign({ style: { cursor: 'pointer' }, color: "orange", icon: react_1.default.createElement(react_icons_1.InfoCircleIcon, { color: "var(--pf-c-label__content--Color)" }), className: clsName }, (testId ? { 'data-testid': testId } : {})), text))));
+};
+const DeveloperPreview = (props) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(PreviewBadge, Object.assign({ text: t('ai:Developer Preview'), popoverText: t('ai:Developer preview features are not intended to be used in production environments. The clusters deployed with the developer preview features are considered to be development clusters and are not supported through the Red Hat Customer Portal case management system.') }, props)));
+};
+exports.DeveloperPreview = DeveloperPreview;
+exports.DeveloperPreview.displayName = 'DeveloperPreview';
+const TechnologyPreview = (props) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(PreviewBadge, Object.assign({ text: t('ai:Technology Preview'), popoverText: t('ai:Technology preview features provide early access to upcoming product innovations, enabling you to test functionality and provide feedback during the development process.'), externalLink: constants_1.TECH_SUPPORT_LEVEL_LINK }, props)));
+};
+exports.TechnologyPreview = TechnologyPreview;
+exports.TechnologyPreview.displayName = 'TechnologyPreview';
+//# sourceMappingURL=PreviewBadge.js.map

package/build/cjs/common/components/ui/PreviewBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewBadge.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PreviewBadge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAAwD;AACxD,yDAAyD;AACzD,sDAAiE;AACjE,0EAA0C;AAE1C,iFAAqE;AASrE,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,qEAAO,CAAA;IACP,mEAAM,CAAA;IACN,6EAAW,CAAA;AACb,CAAC,EAJW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAI/B;AAQD,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,GAAG,oBAAoB,CAAC,MAAM,EACtC,SAAS,GAAG,YAAY,EACxB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,MAAM,GACP,EAAE,EAAE;IACH,IAAI,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,QAAQ,QAAQ,EAAE;QAChB,KAAK,oBAAoB,CAAC,WAAW;YACnC,OAAO,IAAI,mBAAmB,CAAC;YAC/B,MAAM;QACR,KAAK,oBAAoB,CAAC,MAAM;YAC9B,OAAO,IAAI,sBAAsB,CAAC;YAClC,MAAM;KACT;IACD,MAAM,WAAW,GAAG,CAClB;QACE,uCAAK,KAAK,EAAE,EAAE,YAAY,EAAE,8BAA8B,EAAE,IAAG,WAAW,CAAO;QAChF,YAAY,IAAI,CACf;YACE,8BAAC,sBAAY,IAAC,IAAI,EAAE,YAAY,IAAG,CAAC,CAAC,eAAe,CAAC,CAAgB,CACpE,CACJ,CACA,CACJ,CAAC;IACF,OAAO,CACL,wCAAM,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;QACtC,8BAAC,oBAAO,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAC,KAAK;YAC/C,8BAAC,kBAAK,kBACJ,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,8BAAC,4BAAc,IAAC,KAAK,EAAC,mCAAmC,GAAG,EAClE,SAAS,EAAE,OAAO,IACd,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE5C,IAAI,CACC,CACA,CACL,CACR,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,YAAY,kBACX,IAAI,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAC/B,WAAW,EAAE,CAAC,CACZ,6QAA6Q,CAC9Q,IACG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,gBAAgB,oBAW3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAE3C,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,8BAAC,YAAY,kBACX,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAChC,WAAW,EAAE,CAAC,CACZ,8KAA8K,CAC/K,EACD,YAAY,EAAE,mCAAuB,IACjC,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,iBAAiB,qBAY5B;AACF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/build/cjs/common/components/ui/PrismCode.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleAIPrismTheme = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prism_react_renderer_1 = tslib_1.__importStar(require("prism-react-renderer"));
+const react_core_1 = require("@patternfly/react-core");
+const react_tokens_1 = require("@patternfly/react-tokens");
+const github_1 = tslib_1.__importDefault(require("prism-react-renderer/themes/github"));
+require("./PrismCode.css");
+exports.SimpleAIPrismTheme = {
+    plain: {
+        color: react_tokens_1.global_Color_100.value,
+        backgroundColor: github_1.default.plain.backgroundColor,
+        fontSize: '.93em',
+    },
+    styles: [
+        {
+            types: ['variable'],
+            style: {
+                color: react_tokens_1.global_palette_blue_300.value,
+            },
+        },
+        {
+            types: ['class-name', 'function', 'tag', 'attr-name'],
+            style: {
+                color: react_tokens_1.global_palette_purple_400.value,
+            },
+        },
+    ],
+};
+const PrismCode = ({ code, language = 'bash', theme = github_1.default, copiable = false, }) => (react_1.default.createElement(prism_react_renderer_1.default, Object.assign({}, prism_react_renderer_1.defaultProps, { code: code, language: language, theme: theme }), ({ className, style, tokens, getLineProps, getTokenProps }) => (react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.pre, className: className, style: style },
+    copiable && (react_1.default.createElement(react_core_1.ClipboardCopy, { isReadOnly: true, variant: 'inline-compact', onCopy: (e) => (0, react_core_1.clipboardCopyFunc)(e, code), style: { float: 'right', background: 'inherit' } })),
+    tokens.map((line, i) => (react_1.default.createElement("div", Object.assign({ key: i }, getLineProps({ line, key: i })), line.map((token, key) => (react_1.default.createElement("span", Object.assign({ key: key }, getTokenProps({ token, key }))))))))))));
+exports.default = PrismCode;
+//# sourceMappingURL=PrismCode.js.map

package/build/cjs/common/components/ui/PrismCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismCode.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/PrismCode.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,qFAAqF;AACrF,uDAA8F;AAC9F,2DAIkC;AAClC,wFAA8D;AAC9D,2BAAyB;AACZ,QAAA,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,+BAAgB,CAAC,KAAK;QAC7B,eAAe,EAAE,gBAAY,CAAC,KAAK,CAAC,eAAe;QACnD,QAAQ,EAAE,OAAO;KAClB;IACD,MAAM,EAAE;QACN;YACE,KAAK,EAAE,CAAC,UAAU,CAAC;YACnB,KAAK,EAAE;gBACL,KAAK,EAAE,sCAAuB,CAAC,KAAK;aACrC;SACF;QACD;YACE,KAAK,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,CAAC;YACrD,KAAK,EAAE;gBACL,KAAK,EAAE,wCAAyB,CAAC,KAAK;aACvC;SACF;KACF;CACF,CAAC;AAOF,MAAM,SAAS,GAA6B,CAAC,EAC3C,IAAI,EACJ,QAAQ,GAAG,MAAM,EACjB,KAAK,GAAG,gBAAY,EACpB,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE,CAAC,CACJ,8BAAC,8BAAS,oBAAK,mCAAY,IAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,KACtE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,8BAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;IAClE,QAAQ,IAAI,CACX,8BAAC,0BAAa,IACZ,UAAU,QACV,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,8BAAiB,EAAC,CAAC,EAAE,IAAI,CAAC,EACzC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAGlC,CACjB;IACA,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,qDAAK,GAAG,EAAE,CAAC,IAAM,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,sDAAM,GAAG,EAAE,GAAG,IAAM,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAI,CACtD,CAAC,CACE,CACP,CAAC,CACG,CACR,CACS,CACb,CAAC;AAEF,kBAAe,SAAS,CAAC"}