@patternfly/chatbot 6.3.0-prerelease.13 → 6.3.0-prerelease.14

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

@@ -12,87 +12,87 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
 require("@testing-library/jest-dom");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
 const UserFeedbackComplete_1 = __importDefault(require("./UserFeedbackComplete"));
 describe('UserFeedbackComplete', () => {
     it('should render correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12" }));
-        expect(react_2.screen.getByText('Feedback submitted')).toBeTruthy();
-        react_2.screen.getByText(/We've received your response. Thank you for sharing your feedback!/i);
-        expect(react_2.screen.queryByRole('button', { name: /Close/i })).toBeFalsy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12" }));
+        expect(react_1.screen.getByText('Feedback submitted')).toBeTruthy();
+        react_1.screen.getByText(/We've received your response. Thank you for sharing your feedback!/i);
+        expect(react_1.screen.queryByRole('button', { name: /Close/i })).toBeFalsy();
     });
     it('should render different title correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", title: "Thanks!" }));
-        expect(react_2.screen.getByText('Thanks!')).toBeTruthy();
-        react_2.screen.getByText(/We've received your response. Thank you for sharing your feedback!/i);
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", title: "Thanks!" }));
+        expect(react_1.screen.getByText('Thanks!')).toBeTruthy();
+        react_1.screen.getByText(/We've received your response. Thank you for sharing your feedback!/i);
     });
     it('should render different string body correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", body: "Thanks!" }));
-        expect(react_2.screen.getByText('Feedback submitted')).toBeTruthy();
-        expect(react_2.screen.getByText('Thanks!')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", body: "Thanks!" }));
+        expect(react_1.screen.getByText('Feedback submitted')).toBeTruthy();
+        expect(react_1.screen.getByText('Thanks!')).toBeTruthy();
     });
     it('should render different node body correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", body: react_1.default.createElement("div", null, "Thanks!") }));
-        expect(react_2.screen.getByText('Feedback submitted')).toBeTruthy();
-        expect(react_2.screen.getByText('Thanks!')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", body: (0, jsx_runtime_1.jsx)("div", { children: "Thanks!" }) }));
+        expect(react_1.screen.getByText('Feedback submitted')).toBeTruthy();
+        expect(react_1.screen.getByText('Thanks!')).toBeTruthy();
     });
     it('should handle onClose correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", onClose: spy }));
-        const closeButton = react_2.screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", onClose: spy }));
+        const closeButton = react_1.screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' });
         expect(closeButton).toBeTruthy();
         yield user_event_1.default.click(closeButton);
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should be able to change close button aria label', () => {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", onClose: spy, closeButtonAriaLabel: "Ima button" }));
-        expect(react_2.screen.getByRole('button', { name: /Ima button/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", onClose: spy, closeButtonAriaLabel: "Ima button" }));
+        expect(react_1.screen.getByRole('button', { name: /Ima button/i })).toBeTruthy();
     });
     it('should handle className', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", className: "test", "data-testid": "card" }));
-        expect(react_2.screen.getByTestId('card')).toHaveClass('test');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", className: "test", "data-testid": "card" }));
+        expect(react_1.screen.getByTestId('card')).toHaveClass('test');
     }));
     it('should apply id', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", id: "test", "data-testid": "card" }));
-        expect(react_2.screen.getByTestId('card').parentElement).toHaveAttribute('id', 'test');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", id: "test", "data-testid": "card" }));
+        expect(react_1.screen.getByTestId('card').parentElement).toHaveAttribute('id', 'test');
     }));
     it('renders with no timeout by default', () => {
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12" }));
-        (0, react_2.act)(() => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12" }));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(8000);
         });
-        expect(react_2.screen.getByText('Feedback submitted')).toBeVisible();
+        expect(react_1.screen.getByText('Feedback submitted')).toBeVisible();
         jest.useRealTimers();
     });
     it('should handle timeout correctly after 8000ms when timeout = true', () => __awaiter(void 0, void 0, void 0, function* () {
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true }));
-        (0, react_2.act)(() => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true }));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(7999);
         });
-        expect(react_2.screen.getByText('Feedback submitted')).toBeVisible();
-        (0, react_2.act)(() => {
+        expect(react_1.screen.getByText('Feedback submitted')).toBeVisible();
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(1);
         });
-        expect(react_2.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
+        expect(react_1.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
         jest.useRealTimers();
     }));
     it('should handle timeout correctly when timeout = numeric value', () => __awaiter(void 0, void 0, void 0, function* () {
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: 300 }));
-        (0, react_2.act)(() => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: 300 }));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(299);
         });
-        expect(react_2.screen.getByText('Feedback submitted')).toBeVisible();
-        (0, react_2.act)(() => {
+        expect(react_1.screen.getByText('Feedback submitted')).toBeVisible();
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(1);
         });
-        expect(react_2.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
+        expect(react_1.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
         jest.useRealTimers();
     }));
     it('does not get removed on timeout if the user is focused on the card', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -100,13 +100,13 @@ describe('UserFeedbackComplete', () => {
             advanceTimers: (delay) => jest.advanceTimersByTime(delay)
         });
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" }));
-        expect(react_2.screen.getByText('Feedback submitted')).toBeTruthy();
-        yield user.click(react_2.screen.getByTestId('card'));
-        (0, react_2.act)(() => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" }));
+        expect(react_1.screen.getByText('Feedback submitted')).toBeTruthy();
+        yield user.click(react_1.screen.getByTestId('card'));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(8000);
         });
-        expect(react_2.screen.getByText('Feedback submitted')).toBeTruthy();
+        expect(react_1.screen.getByText('Feedback submitted')).toBeTruthy();
         jest.useRealTimers();
     }));
     it('does not remove the card on timeout if the user is hovered over it', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -114,10 +114,10 @@ describe('UserFeedbackComplete', () => {
             advanceTimers: (delay) => jest.advanceTimersByTime(delay)
         });
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" }));
-        const card = react_2.screen.getByTestId('card');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" }));
+        const card = react_1.screen.getByTestId('card');
         yield user.hover(card);
-        (0, react_2.act)(() => {
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(8000);
         });
         expect(card).toBeVisible();
@@ -128,19 +128,17 @@ describe('UserFeedbackComplete', () => {
             advanceTimers: (delay) => jest.advanceTimersByTime(delay)
         });
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement("div", null,
-            react_1.default.createElement("input", null),
-            react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" })));
-        const card = react_2.screen.getByTestId('card');
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", {}), (0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" })] }));
+        const card = react_1.screen.getByTestId('card');
         yield user.click(card);
-        (0, react_2.act)(() => {
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(8000);
         });
-        yield user.click(react_2.screen.getByRole('textbox'));
-        (0, react_2.act)(() => {
+        yield user.click(react_1.screen.getByRole('textbox'));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(3000);
         });
-        expect(react_2.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
+        expect(react_1.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
         jest.useRealTimers();
     }));
     it('removes the card after the user removes hover from the card and 3000ms have passed', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -148,19 +146,17 @@ describe('UserFeedbackComplete', () => {
             advanceTimers: (delay) => jest.advanceTimersByTime(delay)
         });
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement("div", null,
-            react_1.default.createElement("input", null),
-            react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" })));
-        const card = react_2.screen.getByTestId('card');
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", {}), (0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" })] }));
+        const card = react_1.screen.getByTestId('card');
         yield user.hover(card);
-        (0, react_2.act)(() => {
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(8000);
         });
-        yield user.hover(react_2.screen.getByRole('textbox'));
-        (0, react_2.act)(() => {
+        yield user.hover(react_1.screen.getByRole('textbox'));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(3000);
         });
-        expect(react_2.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
+        expect(react_1.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
         jest.useRealTimers();
     }));
     it('removes the card after the user removes hover from the card and timeoutAnimation time has passed', () => __awaiter(void 0, void 0, void 0, function* () {
@@ -168,26 +164,24 @@ describe('UserFeedbackComplete', () => {
             advanceTimers: (delay) => jest.advanceTimersByTime(delay)
         });
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement("div", null,
-            react_1.default.createElement("input", null),
-            react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", timeoutAnimation: 1000 })));
-        const card = react_2.screen.getByTestId('card');
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", {}), (0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", timeoutAnimation: 1000 })] }));
+        const card = react_1.screen.getByTestId('card');
         yield user.hover(card);
-        (0, react_2.act)(() => {
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(8000);
         });
-        yield user.hover(react_2.screen.getByRole('textbox'));
-        (0, react_2.act)(() => {
+        yield user.hover(react_1.screen.getByRole('textbox'));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(1000);
         });
-        expect(react_2.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
+        expect(react_1.screen.queryByText('Feedback submitted')).not.toBeInTheDocument();
         jest.useRealTimers();
     }));
     it('does not call the onTimeout callback before the timeout period has expired', () => {
         const spy = jest.fn();
         jest.useFakeTimers();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", onTimeout: spy }));
-        (0, react_2.act)(() => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", onTimeout: spy }));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(7999);
         });
         expect(spy).not.toHaveBeenCalled();
@@ -196,32 +190,30 @@ describe('UserFeedbackComplete', () => {
     it('calls the onTimeout callback after the timeout period has expired', () => {
         jest.useFakeTimers();
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", onTimeout: spy }));
-        (0, react_2.act)(() => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", onTimeout: spy }));
+        (0, react_1.act)(() => {
             jest.advanceTimersByTime(8000);
         });
         expect(spy).toHaveBeenCalledTimes(1);
         jest.useRealTimers();
     });
     it('renders without aria-live and aria-atomic attributes by default', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" }));
-        const card = react_2.screen.getByTestId('card').parentElement;
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card" }));
+        const card = react_1.screen.getByTestId('card').parentElement;
         expect(card).not.toHaveAttribute('aria-live');
         expect(card).not.toHaveAttribute('aria-atomic');
     });
     it('has an aria-live value of polite and aria-atomic value of false when isLiveRegion = true', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", isLiveRegion: true }));
-        const card = react_2.screen.getByTestId('card').parentElement;
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", timeout: true, "data-testid": "card", isLiveRegion: true }));
+        const card = react_1.screen.getByTestId('card').parentElement;
         expect(card).toHaveAttribute('aria-live', 'polite');
         expect(card).toHaveAttribute('aria-atomic', 'false');
     });
     it('calls onMouseEnter appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         const user = user_event_1.default.setup();
-        (0, react_2.render)(react_1.default.createElement("div", null,
-            react_1.default.createElement("input", null),
-            react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", onMouseEnter: spy })));
-        const card = react_2.screen.getByTestId('card');
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", {}), (0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", onMouseEnter: spy })] }));
+        const card = react_1.screen.getByTestId('card');
         expect(spy).toHaveBeenCalledTimes(0);
         yield user.hover(card);
         expect(spy).toHaveBeenCalledTimes(1);
@@ -229,25 +221,23 @@ describe('UserFeedbackComplete', () => {
     it('calls onMouseLeave appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
         const user = user_event_1.default.setup();
-        (0, react_2.render)(react_1.default.createElement("div", null,
-            react_1.default.createElement("input", null),
-            react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", onMouseLeave: spy })));
-        const card = react_2.screen.getByTestId('card');
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", {}), (0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", onMouseLeave: spy })] }));
+        const card = react_1.screen.getByTestId('card');
         expect(spy).toHaveBeenCalledTimes(0);
         yield user.hover(card);
-        yield user.hover(react_2.screen.getByRole('textbox'));
+        yield user.hover(react_1.screen.getByRole('textbox'));
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should focus on load by default', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card" }));
-        expect(react_2.screen.getByTestId('card').parentElement).toHaveFocus();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card" }));
+        expect(react_1.screen.getByTestId('card').parentElement).toHaveFocus();
     });
     it('should not focus on load if focusOnLoad = false', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", focusOnLoad: false }));
-        expect(react_2.screen.getByTestId('card').parentElement).not.toHaveFocus();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", focusOnLoad: false }));
+        expect(react_1.screen.getByTestId('card').parentElement).not.toHaveFocus();
     });
     it('should handle isCompact', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", isCompact: true }));
-        expect(react_2.screen.getByTestId('card')).toHaveClass('pf-m-compact');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedbackComplete_1.default, { timestamp: "12/12/12", "data-testid": "card", isCompact: true }));
+        expect(react_1.screen.getByTestId('card')).toHaveClass('pf-m-compact');
     });
 });

package/dist/cjs/MessageBar/AttachButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ButtonProps, DropEvent, TooltipProps } from '@patternfly/react-core';
 export interface AttachButtonProps extends ButtonProps {
     /** Callback for when button is clicked */
@@ -19,4 +18,4 @@ export interface AttachButtonProps extends ButtonProps {
     inputTestId?: string;
     isCompact?: boolean;
 }
-export declare const AttachButton: React.ForwardRefExoticComponent<AttachButtonProps & React.RefAttributes<any>>;
+export declare const AttachButton: import("react").ForwardRefExoticComponent<AttachButtonProps & import("react").RefAttributes<any>>;

package/dist/cjs/MessageBar/AttachButton.js

@@ -10,15 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AttachButton = void 0;
-// ============================================================================
-// Chatbot Footer - Message Bar - Attach
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 // Import PatternFly components
 const react_core_1 = require("@patternfly/react-core");
 const react_dropzone_1 = require("react-dropzone");
@@ -29,12 +24,8 @@ const AttachButtonBase = (_a) => {
         multiple: true,
         onDropAccepted: onAttachAccepted
     });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", Object.assign({ "data-testid": inputTestId }, getInputProps(), { hidden: true })),
-        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', 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)))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ "data-testid": inputTestId }, getInputProps(), { hidden: true })), (0, jsx_runtime_1.jsx)(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, { children: (0, jsx_runtime_1.jsx)(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: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(paperclip_icon_1.PaperclipIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) }))] }));
 };
-exports.AttachButton = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(AttachButtonBase, Object.assign({ innerRef: ref }, props))));
+exports.AttachButton = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(AttachButtonBase, Object.assign({ innerRef: ref }, props))));

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

@@ -12,59 +12,59 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
 require("@testing-library/jest-dom");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
 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' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, {}));
+        expect(react_1.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' })).toBeDisabled();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { isDisabled: true }));
+        expect(react_1.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" }));
-        expect(react_2.screen.getByRole('button', { name: 'test' }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { "aria-label": "test" }));
+        expect(react_1.screen.getByRole('button', { name: 'test' }));
     });
     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' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Attach' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Attach' }));
+        expect(react_1.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' })).toHaveClass('test');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { className: "test" }));
+        expect(react_1.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' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { onClick: jest.fn, tooltipContent: "Test" }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Attach' }));
+        expect(react_1.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' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Attach' })).toHaveAttribute('id', 'test');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { tooltipProps: { id: 'test' } }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Attach' }));
+        expect(react_1.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
     // See also https://developer.mozilla.org/en-US/docs/Web/API/File/File for what that file variable is doing
     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' }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { onAttachAccepted: spy, inputTestId: "input" }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Attach' }));
         const file = new File(['test'], 'test.json');
-        const input = react_2.screen.getByTestId('input');
+        const input = react_1.screen.getByTestId('input');
         yield user_event_1.default.upload(input, file);
         expect(input.files).toHaveLength(1);
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle isCompact', () => {
-        (0, react_2.render)(react_1.default.createElement(AttachButton_1.AttachButton, { isCompact: true, "data-testid": "button" }));
-        expect(react_2.screen.getByTestId('button')).toHaveClass('pf-m-compact');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(AttachButton_1.AttachButton, { isCompact: true, "data-testid": "button" }));
+        expect(react_1.screen.getByTestId('button')).toHaveClass('pf-m-compact');
     });
 });

package/dist/cjs/MessageBar/MessageBar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { ButtonProps, DropEvent, TextAreaProps, TooltipProps } from '@patternfly/react-core';
 import { ChatbotDisplayMode } from '../Chatbot';
 export interface MessageBarWithAttachMenuProps {
@@ -80,5 +80,5 @@ export interface MessageBarProps extends TextAreaProps {
     displayMode?: ChatbotDisplayMode;
     isCompact?: boolean;
 }
-export declare const MessageBar: React.FunctionComponent<MessageBarProps>;
+export declare const MessageBar: FunctionComponent<MessageBarProps>;
 export default MessageBar;