@patternfly/chatbot 6.3.0-prerelease.10 → 6.3.0-prerelease.12

package/dist/cjs/Message/CodeBlockMessage/CodeBlockMessage.js

@@ -52,7 +52,7 @@ const CodeBlockMessage = (_a) => {
     const actions = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(react_core_1.CodeBlockAction, null,
             language && react_1.default.createElement("div", { className: "pf-chatbot__message-code-block-language" }, language),
-            react_1.default.createElement(react_core_1.Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code button', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children) }, copied ? react_1.default.createElement(check_icon_1.CheckIcon, null) : react_1.default.createElement(copy_icon_1.CopyIcon, null)),
+            react_1.default.createElement(react_core_1.Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children) }, copied ? react_1.default.createElement(check_icon_1.CheckIcon, null) : react_1.default.createElement(copy_icon_1.CopyIcon, null)),
             react_1.default.createElement(react_core_1.Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef }))));
     return (react_1.default.createElement("div", { className: "pf-chatbot__message-code-block" },
         react_1.default.createElement(react_core_1.CodeBlock, { actions: actions },

package/dist/cjs/Message/Message.test.js

@@ -396,7 +396,7 @@ describe('Message', () => {
     it('should render code correctly', () => {
         (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
         expect(react_2.screen.getByText('Here is some YAML code:')).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
         expect(react_2.screen.getByText(/yaml/)).toBeTruthy();
         expect(react_2.screen.getByText(/apiVersion:/i)).toBeTruthy();
         expect(react_2.screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
@@ -412,8 +412,8 @@ describe('Message', () => {
         // need explicit setup since RTL stubs clipboard if you do this
         const user = user_event_1.default.setup();
         (0, react_2.render)(react_1.default.createElement(Message_1.default, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
-        expect(react_2.screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
-        yield user.click(react_2.screen.getByRole('button', { name: 'Copy code button' }));
+        expect(react_2.screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
+        yield user.click(react_2.screen.getByRole('button', { name: 'Copy code' }));
         const clipboardText = yield navigator.clipboard.readText();
         expect(clipboardText.trim()).toEqual(CODE.trim());
     }));

package/dist/cjs/MessageBar/AttachButton.js

@@ -34,7 +34,7 @@ const AttachButtonBase = (_a) => {
         react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--attach", content: tooltipContent, position: "top", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
             // prevents VO announcements of both aria label and tooltip
             aria: "none" }, tooltipProps),
-            react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", ref: innerRef, className: `pf-chatbot__button--attach ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Attach button', isDisabled: isDisabled, onClick: onClick !== null && onClick !== void 0 ? onClick : open, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+            react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", ref: innerRef, className: `pf-chatbot__button--attach ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Attach', isDisabled: isDisabled, onClick: onClick !== null && onClick !== void 0 ? onClick : open, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                     react_1.default.createElement(paperclip_icon_1.PaperclipIcon, null)), size: isCompact ? 'sm' : undefined }, props)))));
 };
 exports.AttachButton = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(AttachButtonBase, Object.assign({ innerRef: ref }, props))));

package/dist/cjs/MessageBar/AttachButton.test.js

@@ -20,11 +20,11 @@ const AttachButton_1 = require("./AttachButton");
 describe('Attach button', () => {
     it('should render button correctly', () => {
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, null));
-        expect(react_2.screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
     });
     it('should handle isDisabled prop', () => {
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { isDisabled: true }));
-        expect(react_2.screen.getByRole('button', { name: 'Attach button' })).toBeDisabled();
+        expect(react_2.screen.getByRole('button', { name: 'Attach' })).toBeDisabled();
     });
     it('should handle spread props, including aria-label', () => {
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { "aria-label": "test" }));
@@ -33,22 +33,22 @@ describe('Attach button', () => {
     it('should handle onClick', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { onClick: spy }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Attach' })).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle className prop', () => {
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { className: "test" }));
-        expect(react_2.screen.getByRole('button', { name: 'Attach button' })).toHaveClass('test');
+        expect(react_2.screen.getByRole('button', { name: 'Attach' })).toHaveClass('test');
     });
     it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { tooltipProps: { id: 'test' } }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Attach' })).toHaveAttribute('id', 'test');
     }));
     // Based on this because I had no idea how to do this and was looking around: https://stackoverflow.com/a/75562651
@@ -56,7 +56,7 @@ describe('Attach button', () => {
     it('should handle onAttachAccepted prop', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { onAttachAccepted: spy, inputTestId: "input" }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach' }));
         const file = new File(['test'], 'test.json');
         const input = react_2.screen.getByTestId('input');
         yield user_event_1.default.upload(input, file);

package/dist/cjs/MessageBar/MessageBar.test.js

@@ -53,9 +53,9 @@ describe('Message bar', () => {
     });
     it('should render correctly', () => {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn }));
-        expect(react_2.screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
-        expect(react_2.screen.queryByRole('button', { name: 'Send button' })).toBeFalsy();
-        expect(react_2.screen.queryByRole('button', { name: 'Microphone button' })).toBeFalsy();
+        expect(react_2.screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
+        expect(react_2.screen.queryByRole('button', { name: 'Send' })).toBeFalsy();
+        expect(react_2.screen.queryByRole('button', { name: 'Use microphone' })).toBeFalsy();
         expect(react_2.screen.getByRole('textbox', { name: /Send a message.../i })).toBeTruthy();
     });
     it('can send via enter key', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -89,15 +89,15 @@ describe('Message bar', () => {
         const input = react_2.screen.getByRole('textbox', { name: /Send a message.../i });
         yield user_event_1.default.type(input, 'Hello world');
         expect(input).toHaveTextContent('Hello world');
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeTruthy();
     }));
     it('can disable send button shown when text is input', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, isSendButtonDisabled: true }));
         const input = react_2.screen.getByRole('textbox', { name: /Send a message.../i });
         yield user_event_1.default.type(input, 'Hello world');
         expect(input).toHaveTextContent('Hello world');
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeDisabled();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeDisabled();
     }));
     it('can click send button', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
@@ -105,24 +105,24 @@ describe('Message bar', () => {
         const input = react_2.screen.getByRole('textbox', { name: /Send a message.../i });
         yield user_event_1.default.type(input, 'Hello world');
         expect(input).toHaveTextContent('Hello world');
-        const sendButton = react_2.screen.getByRole('button', { name: 'Send button' });
+        const sendButton = react_2.screen.getByRole('button', { name: 'Send' });
         expect(sendButton).toBeTruthy();
         yield user_event_1.default.click(sendButton);
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('can always show send button', () => {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, alwayShowSendButton: true }));
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeEnabled();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeEnabled();
     });
     it('can disable send button if always showing', () => {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, alwayShowSendButton: true, isSendButtonDisabled: true }));
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeDisabled();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeDisabled();
     });
     it('can handle buttonProps tooltipContent  appropriately for send', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, alwayShowSendButton: true, buttonProps: { send: { tooltipContent: 'Test' } } }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('can handle buttonProps props appropriately for send', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -163,30 +163,30 @@ describe('Message bar', () => {
         expect(react_2.screen.queryByRole('menuitem', { name: /Logs/i })).toBeFalsy();
         expect(react_2.screen.queryByRole('menuitem', { name: /YAML - Status/i })).toBeFalsy();
         expect(react_2.screen.queryByRole('menuitem', { name: /YAML - All contents/i })).toBeFalsy();
-        const attachButton = react_2.screen.getByRole('button', { name: 'Attach button' });
+        const attachButton = react_2.screen.getByRole('button', { name: 'Attach' });
         yield user_event_1.default.click(attachButton);
         expect(attachToggleClickSpy).toHaveBeenCalledTimes(1);
     }));
     it('can hide attach button', () => {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasAttachButton: false }));
-        expect(react_2.screen.queryByRole('button', { name: 'Attach button' })).toBeFalsy();
+        expect(react_2.screen.queryByRole('button', { name: 'Attach' })).toBeFalsy();
     });
     // Based on this because I had no idea how to do this and was looking around: https://stackoverflow.com/a/75562651
     // See also https://developer.mozilla.org/en-US/docs/Web/API/File/File for what that file variable is doing
     it('can handle handleAttach', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasAttachButton: true, handleAttach: spy, buttonProps: { attach: { inputTestId: 'input' } } }));
-        expect(react_2.screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach button' }));
+        expect(react_2.screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach' }));
         const file = new File(['test'], 'test.json');
         const input = react_2.screen.getByTestId('input');
         yield user_event_1.default.upload(input, file);
         expect(input.files).toHaveLength(1);
         expect(spy).toHaveBeenCalledTimes(1);
     }));
-    it('can handle buttonProps tooltipContent  appropriately for attach', () => __awaiter(void 0, void 0, void 0, function* () {
+    it('can handle buttonProps tooltipContent appropriately for attach', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasAttachButton: true, buttonProps: { attach: { tooltipContent: 'Test' } } }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Attach' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('can handle buttonProps props appropriately for attach', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -197,17 +197,17 @@ describe('Message bar', () => {
     // --------------------------------------------------------------------------
     it('can show stop button', () => {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasStopButton: true, handleStopButton: jest.fn }));
-        expect(react_2.screen.getByRole('button', { name: 'Stop button' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Stop' })).toBeTruthy();
     });
     it('can call handleStopButton', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasStopButton: true, handleStopButton: spy }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop' }));
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('can handle buttonProps tooltipContent appropriately for stop', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasStopButton: true, handleStopButton: jest.fn, buttonProps: { stop: { tooltipContent: 'Test' } } }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('can handle buttonProps props appropriately for stop', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -218,27 +218,27 @@ describe('Message bar', () => {
     // --------------------------------------------------------------------------
     it('can hide microphone button when window.SpeechRecognition is not there', () => {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true }));
-        expect(react_2.screen.queryByRole('button', { name: 'Microphone button' })).toBeFalsy();
+        expect(react_2.screen.queryByRole('button', { name: 'Use microphone' })).toBeFalsy();
     });
     it('can show microphone button', () => {
         mockSpeechRecognition();
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true }));
-        expect(react_2.screen.getByRole('button', { name: 'Microphone button' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Use microphone' })).toBeTruthy();
     });
     it('can handle buttonProps appropriately for microphone', () => __awaiter(void 0, void 0, void 0, function* () {
         mockSpeechRecognition();
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true, buttonProps: {
                 microphone: { tooltipContent: { active: 'Currently listening', inactive: 'Not currently listening' } }
             } }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Microphone button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Use microphone' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Currently listening' })).toBeTruthy();
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Microphone button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop listening' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Not currently listening' })).toBeTruthy();
     }));
     it('can customize the listening placeholder', () => __awaiter(void 0, void 0, void 0, function* () {
         mockSpeechRecognition();
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, hasMicrophoneButton: true, listeningText: "I am listening" }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Microphone button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Use microphone' }));
         const input = react_2.screen.getByRole('textbox', { name: /I am listening/i });
         expect(input).toBeTruthy();
     }));
@@ -249,9 +249,9 @@ describe('Message bar', () => {
     }));
     it('can be controlled', () => {
         (0, react_2.render)(react_1.default.createElement(MessageBar_1.MessageBar, { onSendMessage: jest.fn, value: "test" }));
-        expect(react_2.screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
-        expect(react_2.screen.queryByRole('button', { name: 'Microphone button' })).toBeFalsy();
+        expect(react_2.screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeTruthy();
+        expect(react_2.screen.queryByRole('button', { name: 'Use microphone' })).toBeFalsy();
         expect(react_2.screen.getByRole('textbox', { name: /Send a message.../i })).toBeTruthy();
         expect(react_2.screen.getByRole('textbox', { name: /Send a message.../i })).toHaveValue('test');
     });

package/dist/cjs/MessageBar/MicrophoneButton.js

@@ -69,7 +69,7 @@ const MicrophoneButton = (_a) => {
         return null;
     }
     return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ aria: "none", "aria-live": "polite", id: "pf-chatbot__tooltip--use-microphone", content: isListening ? tooltipContent.active : tooltipContent.inactive, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0 }, tooltipProps),
-        react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--microphone ${isListening ? 'pf-chatbot__button--microphone--active' : ''} ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Microphone button', onClick: isListening ? stopListening : startListening, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+        react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--microphone ${isListening ? 'pf-chatbot__button--microphone--active' : ''} ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || (isListening ? 'Stop listening' : 'Use microphone'), "aria-pressed": isListening, onClick: isListening ? stopListening : startListening, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                 react_1.default.createElement(microphone_icon_1.MicrophoneIcon, null)), size: isCompact ? 'sm' : undefined }, props))));
 };
 exports.MicrophoneButton = MicrophoneButton;

package/dist/cjs/MessageBar/SendButton.js

@@ -27,7 +27,7 @@ const SendButton = (_a) => {
     return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--send", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
         // prevents VO announcements of both aria label and tooltip
         aria: "none" }, tooltipProps),
-        react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send button', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+        react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                 react_1.default.createElement(paper_plane_icon_1.PaperPlaneIcon, null)), size: isCompact ? 'sm' : undefined }, props))));
 };
 exports.SendButton = SendButton;

package/dist/cjs/MessageBar/SendButton.test.js

@@ -24,23 +24,23 @@ const renderSend = (props) => {
 describe('Send button', () => {
     it('should render button correctly', () => {
         renderSend();
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toBeTruthy();
     });
     it('should handle onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         (0, react_2.render)(react_1.default.createElement(SendButton_1.SendButton, { onClick: spy }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Send' })).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(SendButton_1.SendButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle className prop', () => {
         renderSend({ className: 'test' });
-        expect(react_2.screen.getByRole('button', { name: 'Send button' })).toHaveClass('test');
+        expect(react_2.screen.getByRole('button', { name: 'Send' })).toHaveClass('test');
     });
     it('should handle spread props, including aria-label', () => {
         renderSend({ 'aria-label': 'test' });
@@ -48,7 +48,7 @@ describe('Send button', () => {
     });
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         renderSend({ tooltipProps: { id: 'test' } });
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Send' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Send' })).toHaveAttribute('id', 'test');
     }));
     it('should handle isCompact', () => {

package/dist/cjs/MessageBar/StopButton.js

@@ -26,7 +26,7 @@ const StopButton = (_a) => {
     return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--stop", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
         // prevents VO announcements of both aria label and tooltip
         aria: "none" }, tooltipProps),
-        react_1.default.createElement(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--stop ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Stop button', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+        react_1.default.createElement(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--stop ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Stop', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                 react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
                     react_1.default.createElement("path", { d: "M0.5 3C0.5 1.62109 1.62109 0.5 3 0.5H13C14.3789 0.5 15.5 1.62109 15.5 3V13C15.5 14.3789 14.3789 15.5 13 15.5H3C1.62109 15.5 0.5 14.3789 0.5 13V3Z", fill: "currentColor" }))), size: isCompact ? 'sm' : undefined }, props))));
 };

package/dist/cjs/MessageBar/StopButton.test.js

@@ -24,23 +24,23 @@ const renderStop = (props) => {
 describe('Stop button', () => {
     it('should render button correctly', () => {
         renderStop();
-        expect(react_2.screen.getByRole('button', { name: 'Stop button' })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: 'Stop' })).toBeTruthy();
     });
     it('should handle onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         (0, react_2.render)(react_1.default.createElement(StopButton_1.StopButton, { onClick: spy }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Stop' })).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(StopButton_1.StopButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle className prop', () => {
         renderStop({ className: 'test' });
-        expect(react_2.screen.getByRole('button', { name: 'Stop button' })).toHaveClass('test');
+        expect(react_2.screen.getByRole('button', { name: 'Stop' })).toHaveClass('test');
     });
     it('should handle spread props, including aria-label', () => {
         renderStop({ 'aria-label': 'test' });
@@ -48,7 +48,7 @@ describe('Stop button', () => {
     });
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         renderStop({ tooltipProps: { id: 'test' } });
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop button' }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Stop' }));
         expect(react_2.screen.getByRole('tooltip', { name: 'Stop' })).toHaveAttribute('id', 'test');
     }));
     it('should handle isCompact', () => {

package/dist/cjs/MessageBox/JumpButton.js

@@ -12,6 +12,6 @@ const react_core_1 = require("@patternfly/react-core");
 const arrow_up_icon_1 = require("@patternfly/react-icons/dist/esm/icons/arrow-up-icon");
 const arrow_down_icon_1 = require("@patternfly/react-icons/dist/esm/icons/arrow-down-icon");
 const JumpButton = ({ position, isHidden, onClick }) => isHidden ? null : (react_1.default.createElement(react_core_1.Tooltip, { id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" },
-    react_1.default.createElement(react_core_1.Button, { variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Jump ${position} button`, onClick: onClick },
+    react_1.default.createElement(react_core_1.Button, { variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Jump ${position}`, onClick: onClick },
         react_1.default.createElement(react_core_1.Icon, { iconSize: "lg", isInline: true }, position === 'top' ? react_1.default.createElement(arrow_up_icon_1.ArrowUpIcon, null) : react_1.default.createElement(arrow_down_icon_1.ArrowDownIcon, null)))));
 exports.default = JumpButton;

package/dist/cjs/MessageBox/JumpButton.test.js

@@ -20,20 +20,20 @@ const user_event_1 = __importDefault(require("@testing-library/user-event"));
 describe('JumpButton', () => {
     it('should render top button correctly', () => {
         (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "top", onClick: jest.fn() }));
-        expect(react_2.screen.getByRole('button', { name: /Jump top button/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: /Jump top/i })).toBeTruthy();
     });
     it('should render bottom button correctly', () => {
         (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "bottom", onClick: jest.fn() }));
-        expect(react_2.screen.getByRole('button', { name: /Jump bottom button/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: /Jump bottom/i })).toBeTruthy();
     });
     it('should call onClick appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "bottom", onClick: spy }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Jump bottom button/i }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Jump bottom/i }));
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should be hidden if isHidden prop is used', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(JumpButton_1.default, { position: "bottom", onClick: jest.fn(), isHidden: true }));
-        expect(react_2.screen.queryByRole('button', { name: /Jump bottom button/i })).toBeFalsy();
+        expect(react_2.screen.queryByRole('button', { name: /Jump bottom/i })).toBeFalsy();
     }));
 });

package/dist/cjs/MessageBox/MessageBox.test.js

@@ -40,7 +40,7 @@ describe('MessageBox', () => {
         Object.defineProperty(region, 'scrollTop', { configurable: true, value: 0 });
         region.dispatchEvent(new Event('scroll'));
         yield (0, react_2.waitFor)(() => {
-            user_event_1.default.click(react_2.screen.getByRole('button', { name: /Jump bottom button/i }));
+            user_event_1.default.click(react_2.screen.getByRole('button', { name: /Jump bottom/i }));
             expect(spy).toHaveBeenCalled();
         });
     }));
@@ -58,7 +58,7 @@ describe('MessageBox', () => {
         });
         region.dispatchEvent(new Event('scroll'));
         yield (0, react_2.waitFor)(() => {
-            user_event_1.default.click(react_2.screen.getByRole('button', { name: /Jump top button/i }));
+            user_event_1.default.click(react_2.screen.getByRole('button', { name: /Jump top/i }));
             expect(spy).toHaveBeenCalled();
         });
     }));

package/dist/cjs/ResponseActions/ResponseActionButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TooltipProps } from '@patternfly/react-core';
-export interface ResponseActionButtonProps {
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface ResponseActionButtonProps extends ButtonProps {
     /** Aria-label for the button. Defaults to the value of the tooltipContent if none provided */
     ariaLabel?: string;
     /** Aria-label for the button, shown when the button is clicked. Defaults to the value of ariaLabel or tooltipContent if not provided. */

package/dist/cjs/ResponseActions/ResponseActions.d.ts

@@ -26,9 +26,12 @@ export interface ActionProps extends Omit<ButtonProps, 'ref'> {
     /** Id for content controlled by the button, such as the feedback form */
     'aria-controls'?: string;
 }
+type ExtendedActionProps = ActionProps & {
+    [key: string]: any;
+};
 export interface ResponseActionProps {
     /** Props for message actions, such as feedback (positive or negative), copy button, share, and listen */
-    actions: Record<string, ActionProps | undefined> & {
+    actions: Record<string, ExtendedActionProps | undefined> & {
         positive?: ActionProps;
         negative?: ActionProps;
         copy?: ActionProps;

package/dist/cjs/ResponseActions/ResponseActions.js

@@ -39,14 +39,14 @@ const ResponseActions = ({ actions }) => {
         onClick && onClick(e);
     };
     return (react_1.default.createElement("div", { ref: responseActions, className: "pf-chatbot__response-actions" },
-        positive && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_a = positive.ariaLabel) !== null && _a !== void 0 ? _a : 'Good response', clickedAriaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_c = positive.tooltipContent) !== null && _c !== void 0 ? _c : 'Good response', clickedTooltipContent: (_d = positive.clickedTooltipContent) !== null && _d !== void 0 ? _d : 'Response recorded', tooltipProps: positive.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsUpIcon, null), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] })),
-        negative && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_e = negative.ariaLabel) !== null && _e !== void 0 ? _e : 'Bad response', clickedAriaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_g = negative.tooltipContent) !== null && _g !== void 0 ? _g : 'Bad response', clickedTooltipContent: (_h = negative.clickedTooltipContent) !== null && _h !== void 0 ? _h : 'Response recorded', tooltipProps: negative.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsDownIcon, null), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] })),
-        copy && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_j = copy.ariaLabel) !== null && _j !== void 0 ? _j : 'Copy', clickedAriaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_l = copy.tooltipContent) !== null && _l !== void 0 ? _l : 'Copy', clickedTooltipContent: (_m = copy.clickedTooltipContent) !== null && _m !== void 0 ? _m : 'Copied', tooltipProps: copy.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedCopyIcon, null), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] })),
-        share && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_o = share.ariaLabel) !== null && _o !== void 0 ? _o : 'Share', clickedAriaLabel: (_p = share.ariaLabel) !== null && _p !== void 0 ? _p : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_q = share.tooltipContent) !== null && _q !== void 0 ? _q : 'Share', clickedTooltipContent: (_r = share.clickedTooltipContent) !== null && _r !== void 0 ? _r : 'Shared', tooltipProps: share.tooltipProps, icon: react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, null), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] })),
-        listen && (react_1.default.createElement(ResponseActionButton_1.default, { ariaLabel: (_s = listen.ariaLabel) !== null && _s !== void 0 ? _s : 'Listen', clickedAriaLabel: (_t = listen.ariaLabel) !== null && _t !== void 0 ? _t : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_u = listen.tooltipContent) !== null && _u !== void 0 ? _u : 'Listen', clickedTooltipContent: (_v = listen.clickedTooltipContent) !== null && _v !== void 0 ? _v : 'Listening', tooltipProps: listen.tooltipProps, icon: react_1.default.createElement(react_icons_1.VolumeUpIcon, null), isClicked: activeButton === 'listen', ref: listen.ref, "aria-expanded": listen['aria-expanded'], "aria-controls": listen['aria-controls'] })),
+        positive && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, positive, { ariaLabel: (_a = positive.ariaLabel) !== null && _a !== void 0 ? _a : 'Good response', clickedAriaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_c = positive.tooltipContent) !== null && _c !== void 0 ? _c : 'Good response', clickedTooltipContent: (_d = positive.clickedTooltipContent) !== null && _d !== void 0 ? _d : 'Response recorded', tooltipProps: positive.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsUpIcon, null), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] }))),
+        negative && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, negative, { ariaLabel: (_e = negative.ariaLabel) !== null && _e !== void 0 ? _e : 'Bad response', clickedAriaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_g = negative.tooltipContent) !== null && _g !== void 0 ? _g : 'Bad response', clickedTooltipContent: (_h = negative.clickedTooltipContent) !== null && _h !== void 0 ? _h : 'Response recorded', tooltipProps: negative.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsDownIcon, null), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] }))),
+        copy && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, copy, { ariaLabel: (_j = copy.ariaLabel) !== null && _j !== void 0 ? _j : 'Copy', clickedAriaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_l = copy.tooltipContent) !== null && _l !== void 0 ? _l : 'Copy', clickedTooltipContent: (_m = copy.clickedTooltipContent) !== null && _m !== void 0 ? _m : 'Copied', tooltipProps: copy.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedCopyIcon, null), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] }))),
+        share && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, share, { ariaLabel: (_o = share.ariaLabel) !== null && _o !== void 0 ? _o : 'Share', clickedAriaLabel: (_p = share.ariaLabel) !== null && _p !== void 0 ? _p : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_q = share.tooltipContent) !== null && _q !== void 0 ? _q : 'Share', clickedTooltipContent: (_r = share.clickedTooltipContent) !== null && _r !== void 0 ? _r : 'Shared', tooltipProps: share.tooltipProps, icon: react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, null), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] }))),
+        listen && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, listen, { ariaLabel: (_s = listen.ariaLabel) !== null && _s !== void 0 ? _s : 'Listen', clickedAriaLabel: (_t = listen.ariaLabel) !== null && _t !== void 0 ? _t : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_u = listen.tooltipContent) !== null && _u !== void 0 ? _u : 'Listen', clickedTooltipContent: (_v = listen.clickedTooltipContent) !== null && _v !== void 0 ? _v : 'Listening', tooltipProps: listen.tooltipProps, icon: react_1.default.createElement(react_icons_1.VolumeUpIcon, null), 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 (react_1.default.createElement(ResponseActionButton_1.default, { 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: (_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'] }));
+            return (react_1.default.createElement(ResponseActionButton_1.default, 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: (_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'] })));
         })));
 };
 exports.ResponseActions = ResponseActions;

package/dist/cjs/ResponseActions/ResponseActions.test.js

@@ -52,6 +52,13 @@ const CUSTOM_ACTIONS = [
         }
     }
 ];
+const ALL_ACTIONS_DATA_TEST = [
+    { type: 'positive', label: 'Good response', dataTestId: 'positive' },
+    { type: 'negative', label: 'Bad response', dataTestId: 'negative' },
+    { type: 'copy', label: 'Copy', dataTestId: 'copy' },
+    { type: 'share', label: 'Share', dataTestId: 'share' },
+    { type: 'listen', label: 'Listen', dataTestId: 'listen' }
+];
 describe('ResponseActions', () => {
     afterEach(() => {
         jest.clearAllMocks();
@@ -161,6 +168,12 @@ describe('ResponseActions', () => {
             expect(react_2.screen.getByRole('button', { name: label })).toHaveClass('test');
         });
     });
+    it('should be able to add custom attributes to buttons', () => {
+        ALL_ACTIONS_DATA_TEST.forEach(({ type, dataTestId }) => {
+            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), 'data-testid': dataTestId } } }));
+            expect(react_2.screen.getByTestId(dataTestId)).toBeTruthy();
+        });
+    });
     it('should be able to add custom actions', () => {
         CUSTOM_ACTIONS.forEach((action) => {
             const key = Object.keys(action)[0];
@@ -170,10 +183,12 @@ describe('ResponseActions', () => {
                         onClick: action[key].onClick,
                         // doing this just because it's easier to test without a regex for the button name
                         ariaLabel: action[key].ariaLabel.toLowerCase(),
-                        icon: action[key].icon
+                        icon: action[key].icon,
+                        'data-testid': action[key]
                     }
                 } }));
             expect(react_2.screen.getByRole('button', { name: key })).toBeTruthy();
+            expect(react_2.screen.getByTestId(action[key])).toBeTruthy();
         });
     });
 });

package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.js

@@ -47,7 +47,7 @@ const CodeBlockMessage = (_a) => {
     const actions = (React.createElement(React.Fragment, null,
         React.createElement(CodeBlockAction, null,
             language && React.createElement("div", { className: "pf-chatbot__message-code-block-language" }, language),
-            React.createElement(Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code button', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children) }, copied ? React.createElement(CheckIcon, null) : React.createElement(CopyIcon, null)),
+            React.createElement(Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children) }, copied ? React.createElement(CheckIcon, null) : React.createElement(CopyIcon, null)),
             React.createElement(Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef }))));
     return (React.createElement("div", { className: "pf-chatbot__message-code-block" },
         React.createElement(CodeBlock, { actions: actions },

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

@@ -391,7 +391,7 @@ describe('Message', () => {
     it('should render code correctly', () => {
         render(React.createElement(Message, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
         expect(screen.getByText('Here is some YAML code:')).toBeTruthy();
-        expect(screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
         expect(screen.getByText(/yaml/)).toBeTruthy();
         expect(screen.getByText(/apiVersion:/i)).toBeTruthy();
         expect(screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
@@ -407,8 +407,8 @@ describe('Message', () => {
         // need explicit setup since RTL stubs clipboard if you do this
         const user = userEvent.setup();
         render(React.createElement(Message, { avatar: "./img", role: "user", name: "User", content: CODE_MESSAGE }));
-        expect(screen.getByRole('button', { name: 'Copy code button' })).toBeTruthy();
-        yield user.click(screen.getByRole('button', { name: 'Copy code button' }));
+        expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
+        yield user.click(screen.getByRole('button', { name: 'Copy code' }));
         const clipboardText = yield navigator.clipboard.readText();
         expect(clipboardText.trim()).toEqual(CODE.trim());
     }));

package/dist/esm/MessageBar/AttachButton.js

@@ -28,7 +28,7 @@ const AttachButtonBase = (_a) => {
         React.createElement(Tooltip, Object.assign({ id: "pf-chatbot__tooltip--attach", content: tooltipContent, position: "top", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
             // prevents VO announcements of both aria label and tooltip
             aria: "none" }, tooltipProps),
-            React.createElement(Button, Object.assign({ variant: "plain", ref: innerRef, className: `pf-chatbot__button--attach ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Attach button', isDisabled: isDisabled, onClick: onClick !== null && onClick !== void 0 ? onClick : open, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
+            React.createElement(Button, Object.assign({ variant: "plain", ref: innerRef, className: `pf-chatbot__button--attach ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Attach', isDisabled: isDisabled, onClick: onClick !== null && onClick !== void 0 ? onClick : open, icon: React.createElement(Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true },
                     React.createElement(PaperclipIcon, null)), size: isCompact ? 'sm' : undefined }, props)))));
 };
 export const AttachButton = React.forwardRef((props, ref) => (React.createElement(AttachButtonBase, Object.assign({ innerRef: ref }, props))));