@patternfly/chatbot 6.7.1 → 6.8.0-prerelease.2

package/dist/esm/Message/Message.test.js

@@ -19,15 +19,18 @@ import rehypeExternalLinks from '../__mocks__/rehype-external-links';
 import { AlertActionLink, Button, CodeBlockAction } from '@patternfly/react-core';
 // Mock the icon components
 jest.mock('@patternfly/react-icons', () => ({
-    OutlinedThumbsUpIcon: () => _jsx("div", { children: "OutlinedThumbsUpIcon" }),
-    ThumbsUpIcon: () => _jsx("div", { children: "ThumbsUpIcon" }),
-    OutlinedThumbsDownIcon: () => _jsx("div", { children: "OutlinedThumbsDownIcon" }),
-    ThumbsDownIcon: () => _jsx("div", { children: "ThumbsDownIcon" }),
-    OutlinedCopyIcon: () => _jsx("div", { children: "OutlinedCopyIcon" }),
-    DownloadIcon: () => _jsx("div", { children: "DownloadIcon" }),
-    ExternalLinkAltIcon: () => _jsx("div", { children: "ExternalLinkAltIcon" }),
-    VolumeUpIcon: () => _jsx("div", { children: "VolumeUpIcon" }),
-    PencilAltIcon: () => _jsx("div", { children: "PencilAltIcon" }),
+    RhUiLikeIcon: () => _jsx("div", { children: "RhUiLikeIcon" }),
+    RhUiLikeFillIcon: () => _jsx("div", { children: "RhUiLikeFillIcon" }),
+    RhUiDislikeIcon: () => _jsx("div", { children: "RhUiDislikeIcon" }),
+    RhUiDislikeFillIcon: () => _jsx("div", { children: "RhUiDislikeFillIcon" }),
+    RhUiCopyIcon: () => _jsx("div", { children: "RhUiCopyIcon" }),
+    RhUiCopyFillIcon: () => _jsx("div", { children: "RhUiCopyFillIcon" }),
+    RhUiEditIcon: () => _jsx("div", { children: "RhUiEditIcon" }),
+    RhUiEditFillIcon: () => _jsx("div", { children: "RhUiEditFillIcon" }),
+    RhUiVolumeUpIcon: () => _jsx("div", { children: "RhUiVolumeUpIcon" }),
+    RhUiVolumeUpFillIcon: () => _jsx("div", { children: "RhUiVolumeUpFillIcon" }),
+    RhUiExportIcon: () => _jsx("div", { children: "RhUiExportIcon" }),
+    RhUiExportFillIcon: () => _jsx("div", { children: "RhUiExportFillIcon" }),
     CheckIcon: () => _jsx("div", { children: "CheckIcon" }),
     CloseIcon: () => _jsx("div", { children: "CloseIcon" }),
     ExternalLinkSquareAltIcon: () => _jsx("div", { children: "ExternalLinkSquareAltIcon" }),
@@ -116,6 +119,12 @@ const TABLE = `
  | Cell 3 | Cell 4 |
 
  `;
+const TABLE_WITH_INLINE_CODE = `
+| Status | Finding |
+|---|---|
+| \`1/1 Running\`, 0 restarts | Healthy — no crashes |
+| \`1/1 Ready\` | Desired replicas met |
+`;
 const ONE_COLUMN_TABLE = `
 
  | Column 1 |
@@ -785,6 +794,14 @@ describe('Message', () => {
         render(_jsx(Message, { avatar: "./img", role: "user", name: "User", content: TABLE, tableProps: { 'aria-label': 'Test' } }));
         expect(screen.getByRole('grid', { name: /Test/i })).toBeTruthy();
     });
+    it('should wrap table cell content so inline code does not break grid layout', () => {
+        render(_jsx(Message, { avatar: "./img", role: "user", name: "User", content: TABLE_WITH_INLINE_CODE, tableProps: { 'aria-label': 'Inline code table' } }));
+        const statusCell = screen.getByRole('cell', { name: /1\/1 Running/i });
+        expect(statusCell.querySelector(':scope > .pf-chatbot__message-table-cell-content')).toBeTruthy();
+        expect(statusCell.querySelector(':scope > code')).toBeFalsy();
+        expect(statusCell.querySelector('.pf-chatbot__message-inline-code')).toBeTruthy();
+        expect(screen.getByRole('columnheader', { name: /Status/i }).querySelector('.pf-chatbot__message-table-cell-content')).toBeTruthy();
+    });
     it('should render footnote correctly', () => {
         render(_jsx(Message, { avatar: "./img", role: "user", name: "User", content: FOOTNOTE }));
         expect(screen.getByText(/This is some text with a footnote/i)).toBeTruthy();
@@ -1034,10 +1051,10 @@ describe('Message', () => {
         render(_jsx(Message, { avatar: "./img", role: "bot", name: "Bot", content: "Hi", actions: {
                 positive: { onClick: jest.fn() }
             } }));
-        expect(screen.getByText('OutlinedThumbsUpIcon')).toBeInTheDocument();
+        expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
         yield user.click(screen.getByRole('button', { name: /Good response/i }));
-        expect(screen.getByText('OutlinedThumbsUpIcon')).toBeInTheDocument();
-        expect(screen.queryByText('ThumbsUpIcon')).not.toBeInTheDocument();
+        expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
+        expect(screen.queryByText('RhUiLikeFillIcon')).not.toBeInTheDocument();
     }));
     it('should swap icons when useFilledIconsOnClick is true', () => __awaiter(void 0, void 0, void 0, function* () {
         const user = userEvent.setup();
@@ -1045,8 +1062,8 @@ describe('Message', () => {
                 positive: { onClick: jest.fn() }
             }, useFilledIconsOnClick: true }));
         yield user.click(screen.getByRole('button', { name: /Good response/i }));
-        expect(screen.getByText('ThumbsUpIcon')).toBeInTheDocument();
-        expect(screen.queryByText('OutlinedThumbsUpIcon')).not.toBeInTheDocument();
+        expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
+        expect(screen.queryByText('RhUiLikeIcon')).not.toBeInTheDocument();
     }));
     it('should apply pf-m-visible-interaction class to response actions when showActionsOnInteraction is true', () => {
         render(_jsx(Message, { avatar: "./img", role: "bot", name: "Bot", content: "Hi", showActionsOnInteraction: true, actions: {

package/dist/esm/Message/TableMessage/TableCellContent.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Wraps table cell content in a single element so phrasing content (e.g. inline
+ * code mixed with text) is not a direct child of td/th.
+ */
+declare const TableCellContent: ({ children }: {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TableCellContent;

package/dist/esm/Message/TableMessage/TableCellContent.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Wraps table cell content in a single element so phrasing content (e.g. inline
+ * code mixed with text) is not a direct child of td/th.
+ */
+const TableCellContent = ({ children }) => (_jsx("span", { className: "pf-chatbot__message-table-cell-content", children: children }));
+export default TableCellContent;

package/dist/esm/Message/TableMessage/TdMessage.js

@@ -11,8 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Td } from '@patternfly/react-table';
+import TableCellContent from './TableCellContent';
 const TdMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return _jsx(Td, Object.assign({}, props, { children: children }));
+    return (_jsx(Td, Object.assign({}, props, { children: _jsx(TableCellContent, { children: children }) })));
 };
 export default TdMessage;

package/dist/esm/Message/TableMessage/ThMessage.js

@@ -11,8 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Th } from '@patternfly/react-table';
+import TableCellContent from './TableCellContent';
 const ThMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return _jsx(Th, Object.assign({}, props, { children: children }));
+    return (_jsx(Th, Object.assign({}, props, { children: _jsx(TableCellContent, { children: children }) })));
 };
 export default ThMessage;

package/dist/esm/ResponseActions/ResponseActions.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { ExternalLinkAltIcon, VolumeUpIcon, OutlinedThumbsUpIcon, ThumbsUpIcon, OutlinedThumbsDownIcon, ThumbsDownIcon, OutlinedCopyIcon, DownloadIcon, PencilAltIcon } from '@patternfly/react-icons';
+import { RhUiLikeIcon, RhUiLikeFillIcon, RhUiDislikeIcon, RhUiDislikeFillIcon, RhUiCopyIcon, RhUiCopyFillIcon, RhUiEditIcon, RhUiEditFillIcon, RhUiVolumeUpIcon, RhUiVolumeUpFillIcon, RhUiExportIcon, RhUiExportFillIcon } from '@patternfly/react-icons';
 import ResponseActionButton from './ResponseActionButton';
 import { css } from '@patternfly/react-styles';
 export const ResponseActions = (_a) => {
@@ -85,12 +85,28 @@ export const ResponseActions = (_a) => {
     };
     const iconMap = {
         positive: {
-            filled: _jsx(ThumbsUpIcon, {}),
-            outlined: _jsx(OutlinedThumbsUpIcon, {})
+            filled: _jsx(RhUiLikeFillIcon, {}),
+            outlined: _jsx(RhUiLikeIcon, {})
         },
         negative: {
-            filled: _jsx(ThumbsDownIcon, {}),
-            outlined: _jsx(OutlinedThumbsDownIcon, {})
+            filled: _jsx(RhUiDislikeFillIcon, {}),
+            outlined: _jsx(RhUiDislikeIcon, {})
+        },
+        listen: {
+            filled: _jsx(RhUiVolumeUpFillIcon, {}),
+            outlined: _jsx(RhUiVolumeUpIcon, {})
+        },
+        copy: {
+            filled: _jsx(RhUiCopyFillIcon, {}),
+            outlined: _jsx(RhUiCopyIcon, {})
+        },
+        edit: {
+            filled: _jsx(RhUiEditFillIcon, {}),
+            outlined: _jsx(RhUiEditIcon, {})
+        },
+        download: {
+            filled: _jsx(RhUiExportFillIcon, {}),
+            outlined: _jsx(RhUiExportIcon, {})
         }
     };
     const getIcon = (actionName) => {
@@ -105,7 +121,7 @@ export const ResponseActions = (_a) => {
     // to disappear but the tooltip will remain visible.
     const getTooltipContainer = () => responseActions.current || document.body;
     const getTooltipProps = (tooltipProps) => (Object.assign(Object.assign({}, (showActionsOnInteraction && { appendTo: getTooltipContainer })), tooltipProps));
-    return (_jsxs("div", Object.assign({ ref: responseActions, className: css('pf-chatbot__response-actions', showActionsOnInteraction && 'pf-m-visible-interaction', className) }, props, { children: [positive && (_jsx(ResponseActionButton, Object.assign({}, positive, { ariaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Good response', clickedAriaLabel: (_c = positive.ariaLabel) !== null && _c !== void 0 ? _c : 'Good response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_d = positive.tooltipContent) !== null && _d !== void 0 ? _d : 'Good response', clickedTooltipContent: (_e = positive.clickedTooltipContent) !== null && _e !== void 0 ? _e : 'Good response recorded', tooltipProps: getTooltipProps(positive.tooltipProps), icon: getIcon('positive'), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] }))), negative && (_jsx(ResponseActionButton, Object.assign({}, negative, { ariaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Bad response', clickedAriaLabel: (_g = negative.ariaLabel) !== null && _g !== void 0 ? _g : 'Bad response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_h = negative.tooltipContent) !== null && _h !== void 0 ? _h : 'Bad response', clickedTooltipContent: (_j = negative.clickedTooltipContent) !== null && _j !== void 0 ? _j : 'Bad response recorded', tooltipProps: getTooltipProps(negative.tooltipProps), icon: getIcon('negative'), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] }))), copy && (_jsx(ResponseActionButton, Object.assign({}, copy, { ariaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copy', clickedAriaLabel: (_l = copy.ariaLabel) !== null && _l !== void 0 ? _l : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_m = copy.tooltipContent) !== null && _m !== void 0 ? _m : 'Copy', clickedTooltipContent: (_o = copy.clickedTooltipContent) !== null && _o !== void 0 ? _o : 'Copied', tooltipProps: getTooltipProps(copy.tooltipProps), icon: _jsx(OutlinedCopyIcon, {}), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] }))), edit && (_jsx(ResponseActionButton, Object.assign({}, edit, { ariaLabel: (_p = edit.ariaLabel) !== null && _p !== void 0 ? _p : 'Edit', clickedAriaLabel: (_q = edit.ariaLabel) !== null && _q !== void 0 ? _q : 'Editing', onClick: (e) => handleClick(e, 'edit', edit.onClick), className: edit.className, isDisabled: edit.isDisabled, tooltipContent: (_r = edit.tooltipContent) !== null && _r !== void 0 ? _r : 'Edit ', clickedTooltipContent: (_s = edit.clickedTooltipContent) !== null && _s !== void 0 ? _s : 'Editing', tooltipProps: getTooltipProps(edit.tooltipProps), icon: _jsx(PencilAltIcon, {}), isClicked: activeButton === 'edit', ref: edit.ref, "aria-expanded": edit['aria-expanded'], "aria-controls": edit['aria-controls'] }))), share && (_jsx(ResponseActionButton, Object.assign({}, share, { ariaLabel: (_t = share.ariaLabel) !== null && _t !== void 0 ? _t : 'Share', clickedAriaLabel: (_u = share.ariaLabel) !== null && _u !== void 0 ? _u : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_v = share.tooltipContent) !== null && _v !== void 0 ? _v : 'Share', clickedTooltipContent: (_w = share.clickedTooltipContent) !== null && _w !== void 0 ? _w : 'Shared', tooltipProps: getTooltipProps(share.tooltipProps), icon: _jsx(ExternalLinkAltIcon, {}), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] }))), download && (_jsx(ResponseActionButton, Object.assign({}, download, { ariaLabel: (_x = download.ariaLabel) !== null && _x !== void 0 ? _x : 'Download', clickedAriaLabel: (_y = download.ariaLabel) !== null && _y !== void 0 ? _y : 'Downloaded', onClick: (e) => handleClick(e, 'download', download.onClick), className: download.className, isDisabled: download.isDisabled, tooltipContent: (_z = download.tooltipContent) !== null && _z !== void 0 ? _z : 'Download', clickedTooltipContent: (_0 = download.clickedTooltipContent) !== null && _0 !== void 0 ? _0 : 'Downloaded', tooltipProps: getTooltipProps(download.tooltipProps), icon: _jsx(DownloadIcon, {}), isClicked: activeButton === 'download', ref: download.ref, "aria-expanded": download['aria-expanded'], "aria-controls": download['aria-controls'] }))), listen && (_jsx(ResponseActionButton, Object.assign({}, listen, { ariaLabel: (_1 = listen.ariaLabel) !== null && _1 !== void 0 ? _1 : 'Listen', clickedAriaLabel: (_2 = listen.ariaLabel) !== null && _2 !== void 0 ? _2 : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_3 = listen.tooltipContent) !== null && _3 !== void 0 ? _3 : 'Listen', clickedTooltipContent: (_4 = listen.clickedTooltipContent) !== null && _4 !== void 0 ? _4 : 'Listening', tooltipProps: getTooltipProps(listen.tooltipProps), icon: _jsx(VolumeUpIcon, {}), isClicked: activeButton === 'listen', ref: listen.ref, "aria-expanded": listen['aria-expanded'], "aria-controls": listen['aria-controls'] }))), Object.keys(additionalActions).map((action) => {
+    return (_jsxs("div", Object.assign({ ref: responseActions, className: css('pf-chatbot__response-actions', showActionsOnInteraction && 'pf-m-visible-interaction', className) }, props, { children: [positive && (_jsx(ResponseActionButton, Object.assign({}, positive, { ariaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Good response', clickedAriaLabel: (_c = positive.ariaLabel) !== null && _c !== void 0 ? _c : 'Good response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_d = positive.tooltipContent) !== null && _d !== void 0 ? _d : 'Good response', clickedTooltipContent: (_e = positive.clickedTooltipContent) !== null && _e !== void 0 ? _e : 'Good response recorded', tooltipProps: getTooltipProps(positive.tooltipProps), icon: getIcon('positive'), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] }))), negative && (_jsx(ResponseActionButton, Object.assign({}, negative, { ariaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Bad response', clickedAriaLabel: (_g = negative.ariaLabel) !== null && _g !== void 0 ? _g : 'Bad response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_h = negative.tooltipContent) !== null && _h !== void 0 ? _h : 'Bad response', clickedTooltipContent: (_j = negative.clickedTooltipContent) !== null && _j !== void 0 ? _j : 'Bad response recorded', tooltipProps: getTooltipProps(negative.tooltipProps), icon: getIcon('negative'), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] }))), copy && (_jsx(ResponseActionButton, Object.assign({}, copy, { ariaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copy', clickedAriaLabel: (_l = copy.ariaLabel) !== null && _l !== void 0 ? _l : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_m = copy.tooltipContent) !== null && _m !== void 0 ? _m : 'Copy', clickedTooltipContent: (_o = copy.clickedTooltipContent) !== null && _o !== void 0 ? _o : 'Copied', tooltipProps: getTooltipProps(copy.tooltipProps), icon: getIcon('copy'), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] }))), edit && (_jsx(ResponseActionButton, Object.assign({}, edit, { ariaLabel: (_p = edit.ariaLabel) !== null && _p !== void 0 ? _p : 'Edit', clickedAriaLabel: (_q = edit.ariaLabel) !== null && _q !== void 0 ? _q : 'Editing', onClick: (e) => handleClick(e, 'edit', edit.onClick), className: edit.className, isDisabled: edit.isDisabled, tooltipContent: (_r = edit.tooltipContent) !== null && _r !== void 0 ? _r : 'Edit ', clickedTooltipContent: (_s = edit.clickedTooltipContent) !== null && _s !== void 0 ? _s : 'Editing', tooltipProps: getTooltipProps(edit.tooltipProps), icon: getIcon('edit'), isClicked: activeButton === 'edit', ref: edit.ref, "aria-expanded": edit['aria-expanded'], "aria-controls": edit['aria-controls'] }))), share && (_jsx(ResponseActionButton, Object.assign({}, share, { ariaLabel: (_t = share.ariaLabel) !== null && _t !== void 0 ? _t : 'Share', clickedAriaLabel: (_u = share.ariaLabel) !== null && _u !== void 0 ? _u : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_v = share.tooltipContent) !== null && _v !== void 0 ? _v : 'Share', clickedTooltipContent: (_w = share.clickedTooltipContent) !== null && _w !== void 0 ? _w : 'Shared', tooltipProps: getTooltipProps(share.tooltipProps), icon: getIcon('download'), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] }))), download && (_jsx(ResponseActionButton, Object.assign({}, download, { ariaLabel: (_x = download.ariaLabel) !== null && _x !== void 0 ? _x : 'Download', clickedAriaLabel: (_y = download.ariaLabel) !== null && _y !== void 0 ? _y : 'Downloaded', onClick: (e) => handleClick(e, 'download', download.onClick), className: download.className, isDisabled: download.isDisabled, tooltipContent: (_z = download.tooltipContent) !== null && _z !== void 0 ? _z : 'Download', clickedTooltipContent: (_0 = download.clickedTooltipContent) !== null && _0 !== void 0 ? _0 : 'Downloaded', tooltipProps: getTooltipProps(download.tooltipProps), icon: getIcon('download'), isClicked: activeButton === 'download', ref: download.ref, "aria-expanded": download['aria-expanded'], "aria-controls": download['aria-controls'] }))), listen && (_jsx(ResponseActionButton, Object.assign({}, listen, { ariaLabel: (_1 = listen.ariaLabel) !== null && _1 !== void 0 ? _1 : 'Listen', clickedAriaLabel: (_2 = listen.ariaLabel) !== null && _2 !== void 0 ? _2 : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_3 = listen.tooltipContent) !== null && _3 !== void 0 ? _3 : 'Listen', clickedTooltipContent: (_4 = listen.clickedTooltipContent) !== null && _4 !== void 0 ? _4 : 'Listening', tooltipProps: getTooltipProps(listen.tooltipProps), icon: getIcon('listen'), isClicked: activeButton === 'listen', ref: listen.ref, "aria-expanded": listen['aria-expanded'], "aria-controls": listen['aria-controls'] }))), Object.keys(additionalActions).map((action) => {
                 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
                 return (_createElement(ResponseActionButton, Object.assign({}, additionalActions[action], { key: action, ariaLabel: (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.ariaLabel, clickedAriaLabel: (_b = additionalActions[action]) === null || _b === void 0 ? void 0 : _b.clickedAriaLabel, onClick: (e) => { var _a; return handleClick(e, action, (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.onClick); }, className: (_c = additionalActions[action]) === null || _c === void 0 ? void 0 : _c.className, isDisabled: (_d = additionalActions[action]) === null || _d === void 0 ? void 0 : _d.isDisabled, tooltipContent: (_e = additionalActions[action]) === null || _e === void 0 ? void 0 : _e.tooltipContent, tooltipProps: getTooltipProps((_f = additionalActions[action]) === null || _f === void 0 ? void 0 : _f.tooltipProps), clickedTooltipContent: (_g = additionalActions[action]) === null || _g === void 0 ? void 0 : _g.clickedTooltipContent, icon: (_h = additionalActions[action]) === null || _h === void 0 ? void 0 : _h.icon, isClicked: activeButton === action, ref: (_j = additionalActions[action]) === null || _j === void 0 ? void 0 : _j.ref, "aria-expanded": (_k = additionalActions[action]) === null || _k === void 0 ? void 0 : _k['aria-expanded'], "aria-controls": (_l = additionalActions[action]) === null || _l === void 0 ? void 0 : _l['aria-controls'] })));
             })] })));

package/dist/esm/ResponseActions/ResponseActions.test.js

@@ -16,17 +16,21 @@ import { DownloadIcon, InfoCircleIcon, RedoIcon } from '@patternfly/react-icons'
 import Message from '../Message';
 // Mock the icon components
 jest.mock('@patternfly/react-icons', () => ({
-    OutlinedThumbsUpIcon: () => _jsx("div", { children: "OutlinedThumbsUpIcon" }),
-    ThumbsUpIcon: () => _jsx("div", { children: "ThumbsUpIcon" }),
-    OutlinedThumbsDownIcon: () => _jsx("div", { children: "OutlinedThumbsDownIcon" }),
-    ThumbsDownIcon: () => _jsx("div", { children: "ThumbsDownIcon" }),
-    OutlinedCopyIcon: () => _jsx("div", { children: "OutlinedCopyIcon" }),
+    RhUiLikeIcon: () => _jsx("div", { children: "RhUiLikeIcon" }),
+    RhUiLikeFillIcon: () => _jsx("div", { children: "RhUiLikeFillIcon" }),
+    RhUiDislikeIcon: () => _jsx("div", { children: "RhUiDislikeIcon" }),
+    RhUiDislikeFillIcon: () => _jsx("div", { children: "RhUiDislikeFillIcon" }),
+    RhUiCopyIcon: () => _jsx("div", { children: "RhUiCopyIcon" }),
+    RhUiCopyFillIcon: () => _jsx("div", { children: "RhUiCopyFillIcon" }),
+    RhUiEditIcon: () => _jsx("div", { children: "RhUiEditIcon" }),
+    RhUiEditFillIcon: () => _jsx("div", { children: "RhUiEditFillIcon" }),
+    RhUiVolumeUpIcon: () => _jsx("div", { children: "RhUiVolumeUpIcon" }),
+    RhUiVolumeUpFillIcon: () => _jsx("div", { children: "RhUiVolumeUpFillIcon" }),
+    RhUiExportIcon: () => _jsx("div", { children: "RhUiExportIcon" }),
+    RhUiExportFillIcon: () => _jsx("div", { children: "RhUiExportFillIcon" }),
     DownloadIcon: () => _jsx("div", { children: "DownloadIcon" }),
     InfoCircleIcon: () => _jsx("div", { children: "InfoCircleIcon" }),
-    RedoIcon: () => _jsx("div", { children: "RedoIcon" }),
-    ExternalLinkAltIcon: () => _jsx("div", { children: "ExternalLinkAltIcon" }),
-    VolumeUpIcon: () => _jsx("div", { children: "VolumeUpIcon" }),
-    PencilAltIcon: () => _jsx("div", { children: "PencilAltIcon" })
+    RedoIcon: () => _jsx("div", { children: "RedoIcon" })
 }));
 const ALL_ACTIONS = [
     { type: 'positive', label: 'Good response', clickedLabel: 'Good response recorded' },
@@ -358,10 +362,10 @@ describe('ResponseActions', () => {
                     positive: { onClick: jest.fn() },
                     negative: { onClick: jest.fn() }
                 } }));
-            expect(screen.getByText('OutlinedThumbsUpIcon')).toBeInTheDocument();
-            expect(screen.getByText('OutlinedThumbsDownIcon')).toBeInTheDocument();
-            expect(screen.queryByText('ThumbsUpIcon')).not.toBeInTheDocument();
-            expect(screen.queryByText('ThumbsDownIcon')).not.toBeInTheDocument();
+            expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
+            expect(screen.getByText('RhUiDislikeIcon')).toBeInTheDocument();
+            expect(screen.queryByText('RhUiLikeFillIcon')).not.toBeInTheDocument();
+            expect(screen.queryByText('RhUiDislikeFillIcon')).not.toBeInTheDocument();
         });
         describe('positive actions', () => {
             it('should not swap positive icon when clicked and useFilledIconsOnClick is false', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -370,8 +374,8 @@ describe('ResponseActions', () => {
                         positive: { onClick: jest.fn() }
                     }, useFilledIconsOnClick: false }));
                 yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('OutlinedThumbsUpIcon')).toBeInTheDocument();
-                expect(screen.queryByText('ThumbsUpIcon')).not.toBeInTheDocument();
+                expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
+                expect(screen.queryByText('RhUiLikeFillIcon')).not.toBeInTheDocument();
             }));
             it('should swap positive icon from outline to filled when clicked with useFilledIconsOnClick', () => __awaiter(void 0, void 0, void 0, function* () {
                 const user = userEvent.setup();
@@ -379,8 +383,8 @@ describe('ResponseActions', () => {
                         positive: { onClick: jest.fn() }
                     }, useFilledIconsOnClick: true }));
                 yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('ThumbsUpIcon')).toBeInTheDocument();
-                expect(screen.queryByText('OutlinedThumbsUpIcon')).not.toBeInTheDocument();
+                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
+                expect(screen.queryByText('RhUiLikeIcon')).not.toBeInTheDocument();
             }));
             it('should revert positive icon to outline icon when clicking outside', () => __awaiter(void 0, void 0, void 0, function* () {
                 const user = userEvent.setup();
@@ -388,9 +392,9 @@ describe('ResponseActions', () => {
                                 positive: { onClick: jest.fn() }
                             }, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
                 yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('ThumbsUpIcon')).toBeInTheDocument();
+                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
                 yield user.click(screen.getByTestId('outside'));
-                expect(screen.getByText('OutlinedThumbsUpIcon')).toBeInTheDocument();
+                expect(screen.getByText('RhUiLikeIcon')).toBeInTheDocument();
             }));
             it('should not revert positive icon to outline icon when clicking outside if persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
                 const user = userEvent.setup();
@@ -398,9 +402,9 @@ describe('ResponseActions', () => {
                                 positive: { onClick: jest.fn() }
                             }, persistActionSelection: true, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
                 yield user.click(screen.getByRole('button', { name: 'Good response' }));
-                expect(screen.getByText('ThumbsUpIcon')).toBeInTheDocument();
+                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
                 yield user.click(screen.getByTestId('outside'));
-                expect(screen.getByText('ThumbsUpIcon')).toBeInTheDocument();
+                expect(screen.getByText('RhUiLikeFillIcon')).toBeInTheDocument();
             }));
             describe('negative actions', () => {
                 it('should not swap negative icon when clicked and useFilledIconsOnClick is false', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -409,8 +413,8 @@ describe('ResponseActions', () => {
                             negative: { onClick: jest.fn() }
                         }, useFilledIconsOnClick: false }));
                     yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('OutlinedThumbsDownIcon')).toBeInTheDocument();
-                    expect(screen.queryByText('ThumbsDownIcon')).not.toBeInTheDocument();
+                    expect(screen.getByText('RhUiDislikeIcon')).toBeInTheDocument();
+                    expect(screen.queryByText('RhUiDislikeFillIcon')).not.toBeInTheDocument();
                 }));
                 it('should swap negative icon from outline to filled when clicked with useFilledIconsOnClick', () => __awaiter(void 0, void 0, void 0, function* () {
                     const user = userEvent.setup();
@@ -418,8 +422,8 @@ describe('ResponseActions', () => {
                             negative: { onClick: jest.fn() }
                         }, useFilledIconsOnClick: true }));
                     yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('ThumbsDownIcon')).toBeInTheDocument();
-                    expect(screen.queryByText('OutlinedThumbsDownIcon')).not.toBeInTheDocument();
+                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
+                    expect(screen.queryByText('RhUiDislikeIcon')).not.toBeInTheDocument();
                 }));
                 it('should revert negative icon to outline when clicking outside', () => __awaiter(void 0, void 0, void 0, function* () {
                     const user = userEvent.setup();
@@ -427,9 +431,9 @@ describe('ResponseActions', () => {
                                     negative: { onClick: jest.fn() }
                                 }, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
                     yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('ThumbsDownIcon')).toBeInTheDocument();
+                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
                     yield user.click(screen.getByTestId('outside'));
-                    expect(screen.getByText('OutlinedThumbsDownIcon')).toBeInTheDocument();
+                    expect(screen.getByText('RhUiDislikeIcon')).toBeInTheDocument();
                 }));
                 it('should not revert negative icon to outline icon when clicking outside if persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
                     const user = userEvent.setup();
@@ -437,9 +441,9 @@ describe('ResponseActions', () => {
                                     negative: { onClick: jest.fn() }
                                 }, persistActionSelection: true, useFilledIconsOnClick: true }), _jsx("div", { "data-testid": "outside", children: "Outside" })] }));
                     yield user.click(screen.getByRole('button', { name: 'Bad response' }));
-                    expect(screen.getByText('ThumbsDownIcon')).toBeInTheDocument();
+                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
                     yield user.click(screen.getByTestId('outside'));
-                    expect(screen.getByText('ThumbsDownIcon')).toBeInTheDocument();
+                    expect(screen.getByText('RhUiDislikeFillIcon')).toBeInTheDocument();
                 }));
             });
         });

package/dist/esm/SourcesCardBase/SourcesCardBase.js

@@ -34,7 +34,7 @@ const SourcesCardBase = (_a) => {
     };
     const renderUncontrolledSourceCard = (source, index) => {
         var _a;
-        return (_jsx("li", { className: "pf-chatbot__sources-list-item", children: _jsxs(Card, Object.assign({ isCompact: isCompact, className: "pf-chatbot__sources-card", style: { maxWidth: cardMaxWidth } }, props, { children: [_jsx(CardTitle, Object.assign({ className: "pf-chatbot__sources-card-title" }, cardTitleProps, { children: _jsxs("div", { className: "pf-chatbot__sources-card-title-container", children: [_jsx(Button, Object.assign({ component: "a", variant: ButtonVariant.link, href: source.link, icon: source.isExternal ? _jsx(ExternalLinkSquareAltIcon, {}) : undefined, iconPosition: "end", isInline: true, rel: source.isExternal ? 'noreferrer' : undefined, target: source.isExternal ? '_blank' : undefined, onClick: (_a = source.onClick) !== null && _a !== void 0 ? _a : undefined }, source.titleProps, { children: renderTitle(source.title, index, source.truncateProps) })), source.subtitle && _jsx("span", { className: "pf-chatbot__sources-card-subtitle", children: source.subtitle })] }) })), source.body && (_jsx(CardBody, Object.assign({ className: `pf-chatbot__sources-card-body ${source.footer ? 'pf-chatbot__compact-sources-card-body' : undefined}` }, cardBodyProps, { children: source.hasShowMore ? (
+        return (_jsx("li", { className: "pf-chatbot__sources-list-item", style: { '--pf-chatbot-sources-card-max-width': cardMaxWidth }, children: _jsxs(Card, Object.assign({ isFullHeight: true, isCompact: isCompact, className: "pf-chatbot__sources-card" }, props, { children: [_jsx(CardTitle, Object.assign({ className: "pf-chatbot__sources-card-title" }, cardTitleProps, { children: _jsxs("div", { className: "pf-chatbot__sources-card-title-container", children: [_jsx(Button, Object.assign({ component: "a", variant: ButtonVariant.link, href: source.link, icon: source.isExternal ? _jsx(ExternalLinkSquareAltIcon, {}) : undefined, iconPosition: "end", isInline: true, rel: source.isExternal ? 'noreferrer' : undefined, target: source.isExternal ? '_blank' : undefined, onClick: (_a = source.onClick) !== null && _a !== void 0 ? _a : undefined }, source.titleProps, { children: renderTitle(source.title, index, source.truncateProps) })), source.subtitle && _jsx("span", { className: "pf-chatbot__sources-card-subtitle", children: source.subtitle })] }) })), source.body && (_jsx(CardBody, Object.assign({ className: `pf-chatbot__sources-card-body ${source.footer ? 'pf-chatbot__compact-sources-card-body' : undefined}` }, cardBodyProps, { children: source.hasShowMore ? (
                         // prevents extra VO announcements of button text - parent Message has aria-live
                         _jsx("div", { "aria-live": "off", children: _jsx(ExpandableSection, { variant: ExpandableSectionVariant.truncate, toggleTextCollapsed: showMoreWords, toggleTextExpanded: showLessWords, truncateMaxLines: 2, children: source.body }) })) : (_jsx("div", { className: "pf-chatbot__sources-card-body-text", children: source.body })) }))), source.footer && (_jsx(CardFooter, Object.assign({ className: "pf-chatbot__sources-card-footer" }, cardFooterProps, { children: source.footer })))] })) }, index));
     };

package/dist/esm/SourcesCardBase/SourcesCardBase.test.js

@@ -180,15 +180,15 @@ describe('SourcesCardBase', () => {
                 { title: 'How to make an apple pie', link: '' },
                 { title: 'How to make cookies', link: '' }
             ] }));
-        const firstCard = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-card');
-        expect(firstCard).toHaveStyle({ maxWidth: '400px' });
+        const firstListItem = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
+        expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '400px' });
     });
     it('should apply custom cardMaxWidth when using wrap layout', () => {
         render(_jsx(SourcesCardBase, { layout: "wrap", sources: [
                 { title: 'How to make an apple pie', link: '' },
                 { title: 'How to make cookies', link: '' }
             ], cardMaxWidth: "500px" }));
-        const firstCard = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-card');
-        expect(firstCard).toHaveStyle({ maxWidth: '500px' });
+        const firstListItem = screen.getByText('How to make an apple pie').closest('.pf-chatbot__sources-list-item');
+        expect(firstListItem).toHaveStyle({ '--pf-chatbot-sources-card-max-width': '500px' });
     });
 });

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.test.tsx","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.test.tsx","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/DeepThinking/DeepThinking.test.tsx","../src/DeepThinking/DeepThinking.tsx","../src/DeepThinking/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/FilePreview/FilePreview.test.tsx","../src/FilePreview/FilePreview.tsx","../src/FilePreview/index.ts","../src/ImagePreview/ImagePreview.test.tsx","../src/ImagePreview/ImagePreview.tsx","../src/ImagePreview/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/MarkdownContent/MarkdownContent.test.tsx","../src/MarkdownContent/MarkdownContent.tsx","../src/MarkdownContent/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageInput.tsx","../src/Message/MessageLoading.test.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.test.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/MessageAndActions/MessageAndActions.test.tsx","../src/Message/MessageAndActions/MessageAndActions.tsx","../src/Message/MessageAndActions/index.ts","../src/Message/MessageAttachments/MessageAttachmentItem.test.tsx","../src/Message/MessageAttachments/MessageAttachmentItem.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.test.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.tsx","../src/Message/MessageAttachments/index.ts","../src/Message/Plugins/index.ts","../src/Message/Plugins/rehypeCodeBlockToggle.ts","../src/Message/Plugins/rehypeMoveImagesOutOfParagraphs.ts","../src/Message/QuickResponse/QuickResponse.test.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickResponse/index.ts","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/index.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/SuperscriptMessage/SuperscriptMessage.tsx","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/Message/UserFeedback/index.ts","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/MessageDivider/MessageDivider.test.tsx","../src/MessageDivider/MessageDivider.tsx","../src/MessageDivider/index.ts","../src/Onboarding/Onboarding.test.tsx","../src/Onboarding/Onboarding.tsx","../src/Onboarding/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/ResponseActionsGroups.test.tsx","../src/ResponseActions/ResponseActionsGroups.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/SourcesCardBase/SourcesCardBase.test.tsx","../src/SourcesCardBase/SourcesCardBase.tsx","../src/SourcesCardBase/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/ToolCall/ToolCall.test.tsx","../src/ToolCall/ToolCall.tsx","../src/ToolCall/index.ts","../src/ToolResponse/ToolResponse.test.tsx","../src/ToolResponse/ToolResponse.tsx","../src/ToolResponse/index.ts","../src/__mocks__/monaco-editor.ts","../src/__mocks__/rehype-external-links.ts","../src/__mocks__/rehype-highlight.ts","../src/__mocks__/rehype-sanitize.ts","../src/__mocks__/rehype-unwrap-images.tsx","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}
+{"root":["../src/index.ts","../src/AttachMenu/AttachMenu.tsx","../src/AttachMenu/index.ts","../src/AttachmentEdit/AttachmentEdit.test.tsx","../src/AttachmentEdit/AttachmentEdit.tsx","../src/AttachmentEdit/index.ts","../src/Chatbot/Chatbot.test.tsx","../src/Chatbot/Chatbot.tsx","../src/Chatbot/index.ts","../src/ChatbotAlert/ChatbotAlert.test.tsx","../src/ChatbotAlert/ChatbotAlert.tsx","../src/ChatbotAlert/index.ts","../src/ChatbotContent/ChatbotContent.test.tsx","../src/ChatbotContent/ChatbotContent.tsx","../src/ChatbotContent/index.ts","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryDropdown.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx","../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx","../src/ChatbotConversationHistoryNav/EmptyState.tsx","../src/ChatbotConversationHistoryNav/LoadingState.tsx","../src/ChatbotConversationHistoryNav/index.ts","../src/ChatbotFooter/ChatbotFooter.test.tsx","../src/ChatbotFooter/ChatbotFooter.tsx","../src/ChatbotFooter/ChatbotFooternote.test.tsx","../src/ChatbotFooter/ChatbotFootnote.tsx","../src/ChatbotFooter/index.ts","../src/ChatbotHeader/ChatbotHeader.test.tsx","../src/ChatbotHeader/ChatbotHeader.tsx","../src/ChatbotHeader/ChatbotHeaderActions.test.tsx","../src/ChatbotHeader/ChatbotHeaderActions.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderCloseButton.tsx","../src/ChatbotHeader/ChatbotHeaderMain.test.tsx","../src/ChatbotHeader/ChatbotHeaderMain.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.test.tsx","../src/ChatbotHeader/ChatbotHeaderMenu.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.test.tsx","../src/ChatbotHeader/ChatbotHeaderNewChatButton.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.tsx","../src/ChatbotHeader/ChatbotHeaderSelectorDropdown.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.test.tsx","../src/ChatbotHeader/ChatbotHeaderTitle.tsx","../src/ChatbotHeader/index.ts","../src/ChatbotModal/ChatbotModal.test.tsx","../src/ChatbotModal/ChatbotModal.tsx","../src/ChatbotModal/index.ts","../src/ChatbotPopover/ChatbotPopover.tsx","../src/ChatbotPopover/index.ts","../src/ChatbotToggle/ChatbotToggle.test.tsx","../src/ChatbotToggle/ChatbotToggle.tsx","../src/ChatbotToggle/index.ts","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.tsx","../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx","../src/ChatbotWelcomePrompt/index.ts","../src/CodeModal/CodeModal.test.tsx","../src/CodeModal/CodeModal.tsx","../src/CodeModal/index.ts","../src/Compare/Compare.test.tsx","../src/Compare/Compare.tsx","../src/Compare/index.ts","../src/DeepThinking/DeepThinking.test.tsx","../src/DeepThinking/DeepThinking.tsx","../src/DeepThinking/index.ts","../src/FileDetails/FileDetails.test.tsx","../src/FileDetails/FileDetails.tsx","../src/FileDetails/index.ts","../src/FileDetailsLabel/FileDetailsLabel.test.tsx","../src/FileDetailsLabel/FileDetailsLabel.tsx","../src/FileDetailsLabel/index.ts","../src/FileDropZone/FileDropZone.test.tsx","../src/FileDropZone/FileDropZone.tsx","../src/FileDropZone/index.ts","../src/FilePreview/FilePreview.test.tsx","../src/FilePreview/FilePreview.tsx","../src/FilePreview/index.ts","../src/ImagePreview/ImagePreview.test.tsx","../src/ImagePreview/ImagePreview.tsx","../src/ImagePreview/index.ts","../src/LoadingMessage/LoadingMessage.test.tsx","../src/LoadingMessage/LoadingMessage.tsx","../src/LoadingMessage/index.ts","../src/MarkdownContent/MarkdownContent.test.tsx","../src/MarkdownContent/MarkdownContent.tsx","../src/MarkdownContent/index.ts","../src/Message/Message.test.tsx","../src/Message/Message.tsx","../src/Message/MessageInput.tsx","../src/Message/MessageLoading.test.tsx","../src/Message/MessageLoading.tsx","../src/Message/index.ts","../src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx","../src/Message/CodeBlockMessage/CodeBlockMessage.tsx","../src/Message/ErrorMessage/ErrorMessage.test.tsx","../src/Message/ErrorMessage/ErrorMessage.tsx","../src/Message/ImageMessage/ImageMessage.tsx","../src/Message/LinkMessage/LinkMessage.tsx","../src/Message/ListMessage/ListItemMessage.tsx","../src/Message/ListMessage/OrderedListMessage.tsx","../src/Message/ListMessage/UnorderedListMessage.tsx","../src/Message/MessageAndActions/MessageAndActions.test.tsx","../src/Message/MessageAndActions/MessageAndActions.tsx","../src/Message/MessageAndActions/index.ts","../src/Message/MessageAttachments/MessageAttachmentItem.test.tsx","../src/Message/MessageAttachments/MessageAttachmentItem.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.test.tsx","../src/Message/MessageAttachments/MessageAttachmentsContainer.tsx","../src/Message/MessageAttachments/index.ts","../src/Message/Plugins/index.ts","../src/Message/Plugins/rehypeCodeBlockToggle.ts","../src/Message/Plugins/rehypeMoveImagesOutOfParagraphs.ts","../src/Message/QuickResponse/QuickResponse.test.tsx","../src/Message/QuickResponse/QuickResponse.tsx","../src/Message/QuickResponse/index.ts","../src/Message/QuickStarts/FallbackImg.tsx","../src/Message/QuickStarts/QuickStartTile.tsx","../src/Message/QuickStarts/QuickStartTileDescription.test.tsx","../src/Message/QuickStarts/QuickStartTileDescription.tsx","../src/Message/QuickStarts/QuickStartTileHeader.tsx","../src/Message/QuickStarts/index.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts","../src/Message/QuickStarts/monitor-sampleapp-quickstart.ts","../src/Message/QuickStarts/types.ts","../src/Message/SuperscriptMessage/SuperscriptMessage.tsx","../src/Message/TableMessage/TableCellContent.tsx","../src/Message/TableMessage/TableMessage.tsx","../src/Message/TableMessage/TbodyMessage.tsx","../src/Message/TableMessage/TdMessage.tsx","../src/Message/TableMessage/ThMessage.tsx","../src/Message/TableMessage/TheadMessage.tsx","../src/Message/TableMessage/TrMessage.tsx","../src/Message/TextMessage/TextMessage.tsx","../src/Message/UserFeedback/CloseButton.tsx","../src/Message/UserFeedback/UserFeedback.test.tsx","../src/Message/UserFeedback/UserFeedback.tsx","../src/Message/UserFeedback/UserFeedbackComplete.test.tsx","../src/Message/UserFeedback/UserFeedbackComplete.tsx","../src/Message/UserFeedback/index.ts","../src/MessageBar/AttachButton.test.tsx","../src/MessageBar/AttachButton.tsx","../src/MessageBar/MessageBar.test.tsx","../src/MessageBar/MessageBar.tsx","../src/MessageBar/MicrophoneButton.tsx","../src/MessageBar/SendButton.test.tsx","../src/MessageBar/SendButton.tsx","../src/MessageBar/StopButton.test.tsx","../src/MessageBar/StopButton.tsx","../src/MessageBar/index.ts","../src/MessageBox/JumpButton.test.tsx","../src/MessageBox/JumpButton.tsx","../src/MessageBox/MessageBox.test.tsx","../src/MessageBox/MessageBox.tsx","../src/MessageBox/index.ts","../src/MessageDivider/MessageDivider.test.tsx","../src/MessageDivider/MessageDivider.tsx","../src/MessageDivider/index.ts","../src/Onboarding/Onboarding.test.tsx","../src/Onboarding/Onboarding.tsx","../src/Onboarding/index.ts","../src/PreviewAttachment/PreviewAttachment.test.tsx","../src/PreviewAttachment/PreviewAttachment.tsx","../src/PreviewAttachment/index.ts","../src/ResponseActions/ResponseActionButton.test.tsx","../src/ResponseActions/ResponseActionButton.tsx","../src/ResponseActions/ResponseActions.test.tsx","../src/ResponseActions/ResponseActions.tsx","../src/ResponseActions/ResponseActionsGroups.test.tsx","../src/ResponseActions/ResponseActionsGroups.tsx","../src/ResponseActions/index.ts","../src/Settings/SettingsForm.test.tsx","../src/Settings/SettingsForm.tsx","../src/Settings/index.ts","../src/SourceDetailsMenuItem/SourceDetailsMenuItem.tsx","../src/SourceDetailsMenuItem/index.ts","../src/SourcesCard/SourcesCard.test.tsx","../src/SourcesCard/SourcesCard.tsx","../src/SourcesCard/index.ts","../src/SourcesCardBase/SourcesCardBase.test.tsx","../src/SourcesCardBase/SourcesCardBase.tsx","../src/SourcesCardBase/index.ts","../src/TermsOfUse/TermsOfUse.test.tsx","../src/TermsOfUse/TermsOfUse.tsx","../src/TermsOfUse/index.ts","../src/ToolCall/ToolCall.test.tsx","../src/ToolCall/ToolCall.tsx","../src/ToolCall/index.ts","../src/ToolResponse/ToolResponse.test.tsx","../src/ToolResponse/ToolResponse.tsx","../src/ToolResponse/index.ts","../src/__mocks__/monaco-editor.ts","../src/__mocks__/rehype-external-links.ts","../src/__mocks__/rehype-highlight.ts","../src/__mocks__/rehype-sanitize.ts","../src/__mocks__/rehype-unwrap-images.tsx","../src/tracking/console_tracking_provider.ts","../src/tracking/index.ts","../src/tracking/posthog_tracking_provider.ts","../src/tracking/segment_tracking_provider.ts","../src/tracking/trackingProviderProxy.ts","../src/tracking/tracking_api.ts","../src/tracking/tracking_registry.ts","../src/tracking/tracking_spi.ts","../src/tracking/umami_tracking_provider.ts"],"version":"5.6.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/chatbot",
-  "version": "6.7.1",
+  "version": "6.8.0-prerelease.2",
   "description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarAttach.tsx

@@ -2,7 +2,11 @@ import { useState, isValidElement, cloneElement, Children, FunctionComponent, Re
 import { MessageBar } from '@patternfly/chatbot/dist/dynamic/MessageBar';
 import SourceDetailsMenuItem from '@patternfly/chatbot/dist/dynamic/SourceDetailsMenuItem';
 import { Divider, DropdownGroup, DropdownItem, DropdownList } from '@patternfly/react-core';
-import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon, UploadIcon } from '@patternfly/react-icons';
+import RhUiAttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-icon';
+import RhUiCalendarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-icon';
+import RhUiClipboardIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clipboard-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
+import RhUiUploadIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-upload-icon';
 import { useDropzone } from 'react-dropzone';
 
 export const ChatbotMessageBarDefaultAttachExample: FunctionComponent = () => {
@@ -95,19 +99,19 @@ export const ChatbotMessageBarDefaultAttachExample: FunctionComponent = () => {
     </DropdownList>,
     <DropdownGroup key="message-bar-attach-dropdown-group">
       <DropdownList>
-        <DropdownItem value="Alerts" id="1" icon={<BellIcon />}>
+        <DropdownItem value="Alerts" id="1" icon={<RhUiAttentionBellIcon />}>
           Alerts
         </DropdownItem>
-        <DropdownItem value="Events" id="2" icon={<CalendarAltIcon />}>
+        <DropdownItem value="Events" id="2" icon={<RhUiCalendarIcon />}>
           Events
         </DropdownItem>
-        <DropdownItem value="Logs" id="3" icon={<ClipboardIcon />}>
+        <DropdownItem value="Logs" id="3" icon={<RhUiClipboardIcon />}>
           Logs
         </DropdownItem>
-        <DropdownItem value="YAML - Status" id="4" icon={<CodeIcon />}>
+        <DropdownItem value="YAML - Status" id="4" icon={<RhUiCodeIcon />}>
           YAML - Status
         </DropdownItem>
-        <DropdownItem value="YAML - All contents" id="5" icon={<CodeIcon />}>
+        <DropdownItem value="YAML - All contents" id="5" icon={<RhUiCodeIcon />}>
           YAML - All contents
         </DropdownItem>
       </DropdownList>
@@ -117,7 +121,7 @@ export const ChatbotMessageBarDefaultAttachExample: FunctionComponent = () => {
   const uploadMenuItems = [
     <Divider key="divider" />,
     <DropdownList key="list-2">
-      <DropdownItem key="upload" value="upload" id="upload" icon={<UploadIcon />} onClick={open}>
+      <DropdownItem key="upload" value="upload" id="upload" icon={<RhUiUploadIcon />} onClick={open}>
         Upload from computer
       </DropdownItem>
     </DropdownList>