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

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/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))));

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

@@ -15,11 +15,11 @@ import { AttachButton } from './AttachButton';
 describe('Attach button', () => {
     it('should render button correctly', () => {
         render(React.createElement(AttachButton, null));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Attach' })).toBeTruthy();
     });
     it('should handle isDisabled prop', () => {
         render(React.createElement(AttachButton, { isDisabled: true }));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toBeDisabled();
+        expect(screen.getByRole('button', { name: 'Attach' })).toBeDisabled();
     });
     it('should handle spread props, including aria-label', () => {
         render(React.createElement(AttachButton, { "aria-label": "test" }));
@@ -28,22 +28,22 @@ describe('Attach button', () => {
     it('should handle onClick', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(AttachButton, { onClick: spy }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         expect(screen.getByRole('tooltip', { name: 'Attach' })).toBeTruthy();
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle className prop', () => {
         render(React.createElement(AttachButton, { className: "test" }));
-        expect(screen.getByRole('button', { name: 'Attach button' })).toHaveClass('test');
+        expect(screen.getByRole('button', { name: 'Attach' })).toHaveClass('test');
     });
     it('should handle custom tooltip correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(AttachButton, { onClick: jest.fn, tooltipContent: "Test" }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         expect(screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
     }));
     it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
         render(React.createElement(AttachButton, { tooltipProps: { id: 'test' } }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         expect(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
@@ -51,7 +51,7 @@ describe('Attach button', () => {
     it('should handle onAttachAccepted prop', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         render(React.createElement(AttachButton, { onAttachAccepted: spy, inputTestId: "input" }));
-        yield userEvent.click(screen.getByRole('button', { name: 'Attach button' }));
+        yield userEvent.click(screen.getByRole('button', { name: 'Attach' }));
         const file = new File(['test'], 'test.json');
         const input = screen.getByTestId('input');
         yield userEvent.upload(input, file);