@patternfly/chatbot 1.0.0

package/dist/cjs/MessageBar/MicrophoneButton.js

@@ -0,0 +1,69 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrophoneButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+// Import FontAwesome icons
+const microphone_icon_1 = require("@patternfly/react-icons/dist/esm/icons/microphone-icon");
+const MicrophoneButton = (_a) => {
+    var { isListening, onIsListeningChange, onSpeechRecognition, className, tooltipProps, tooltipContent = { active: 'Stop listening', inactive: 'Use microphone' }, language = 'en-US', isCompact } = _a, props = __rest(_a, ["isListening", "onIsListeningChange", "onSpeechRecognition", "className", "tooltipProps", "tooltipContent", "language", "isCompact"]);
+    // Microphone
+    // --------------------------------------------------------------------------
+    const [speechRecognition, setSpeechRecognition] = (0, react_1.useState)();
+    // Listen for speech
+    const startListening = (0, react_1.useCallback)(() => {
+        if (speechRecognition) {
+            speechRecognition.start();
+            onIsListeningChange(true);
+        }
+    }, [onIsListeningChange, speechRecognition]);
+    // Stop listening for speech
+    const stopListening = (0, react_1.useCallback)(() => {
+        if (speechRecognition && isListening) {
+            speechRecognition.stop();
+            onIsListeningChange(false);
+        }
+    }, [isListening, onIsListeningChange, speechRecognition]);
+    // Detect speech recognition browser support
+    (0, react_1.useEffect)(() => {
+        if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
+            // Initialize SpeechRecognition
+            const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
+            recognition.continuous = false;
+            recognition.interimResults = false;
+            recognition.lang = language;
+            recognition.onresult = (event) => {
+                const result = event.results[0][0].transcript;
+                onSpeechRecognition(result);
+                recognition.stop();
+                // turn button off
+                onIsListeningChange(false);
+            };
+            recognition.onerror = (event) => {
+                // eslint-disable-next-line no-console
+                console.error('Speech recognition error:', event.error);
+                recognition.stop();
+            };
+            setSpeechRecognition(recognition);
+        }
+    }, [onSpeechRecognition, language, onIsListeningChange]);
+    if (!speechRecognition) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(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, { children: (0, jsx_runtime_1.jsx)(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: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(microphone_icon_1.MicrophoneIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })));
+};
+exports.MicrophoneButton = MicrophoneButton;
+exports.default = exports.MicrophoneButton;

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

@@ -0,0 +1,16 @@
+import type { FunctionComponent } from 'react';
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface SendButtonProps extends ButtonProps {
+    /** Callback for when button is clicked */
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Class Name for SendButton */
+    className?: string;
+    /** Props to control the PF Tooltip component */
+    tooltipProps?: Omit<TooltipProps, 'content'>;
+    /** English text "Send" used in the tooltip */
+    tooltipContent?: string;
+    /** Whether send button has compact styling */
+    isCompact?: boolean;
+}
+export declare const SendButton: FunctionComponent<SendButtonProps>;
+export default SendButton;

package/dist/cjs/MessageBar/SendButton.js

@@ -0,0 +1,26 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+const paper_plane_icon_1 = require("@patternfly/react-icons/dist/esm/icons/paper-plane-icon");
+const SendButton = (_a) => {
+    var { className, onClick, tooltipProps, tooltipContent = 'Send', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "tooltipContent", "isCompact"]);
+    return ((0, jsx_runtime_1.jsx)(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, { children: (0, jsx_runtime_1.jsx)(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: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)(paper_plane_icon_1.PaperPlaneIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })));
+};
+exports.SendButton = SendButton;
+exports.default = exports.SendButton;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,58 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 SendButton_1 = require("./SendButton");
+const renderSend = (props) => {
+    const spy = jest.fn();
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(SendButton_1.SendButton, Object.assign({ onClick: spy }, props)));
+};
+describe('Send button', () => {
+    it('should render button correctly', () => {
+        renderSend();
+        expect(react_1.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_1.render)((0, jsx_runtime_1.jsx)(SendButton_1.SendButton, { onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Send' }));
+        expect(react_1.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_1.render)((0, jsx_runtime_1.jsx)(SendButton_1.SendButton, { onClick: jest.fn, tooltipContent: "Test" }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Send' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
+    }));
+    it('should handle className prop', () => {
+        renderSend({ className: 'test' });
+        expect(react_1.screen.getByRole('button', { name: 'Send' })).toHaveClass('test');
+    });
+    it('should handle spread props, including aria-label', () => {
+        renderSend({ 'aria-label': 'test' });
+        expect(react_1.screen.getByRole('button', { name: 'test' }));
+    });
+    it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        renderSend({ tooltipProps: { id: 'test' } });
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Send' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Send' })).toHaveAttribute('id', 'test');
+    }));
+    it('should handle isCompact', () => {
+        renderSend({ 'data-testid': 'button', isCompact: true });
+        expect(react_1.screen.getByTestId('button')).toHaveClass('pf-m-compact');
+    });
+});

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

@@ -0,0 +1,16 @@
+import type { FunctionComponent } from 'react';
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface StopButtonProps extends ButtonProps {
+    /** Callback for when button is clicked */
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Class name for StopButton */
+    className?: string;
+    /** Props to control the PF Tooltip component */
+    tooltipProps?: Omit<TooltipProps, 'content'>;
+    /** English text "Stop" used in the tooltip */
+    tooltipContent?: string;
+    /** Whether stop button has compact styling */
+    isCompact?: boolean;
+}
+export declare const StopButton: FunctionComponent<StopButtonProps>;
+export default StopButton;

package/dist/cjs/MessageBar/StopButton.js

@@ -0,0 +1,25 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StopButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+const StopButton = (_a) => {
+    var { className, onClick, tooltipProps, tooltipContent = 'Stop', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "tooltipContent", "isCompact"]);
+    return ((0, jsx_runtime_1.jsx)(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, { children: (0, jsx_runtime_1.jsx)(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: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: isCompact ? 'lg' : 'xl', isInline: true, children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("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)) })));
+};
+exports.StopButton = StopButton;
+exports.default = exports.StopButton;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,58 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 StopButton_1 = require("./StopButton");
+const renderStop = (props) => {
+    const spy = jest.fn();
+    (0, react_1.render)((0, jsx_runtime_1.jsx)(StopButton_1.StopButton, Object.assign({ onClick: spy }, props)));
+};
+describe('Stop button', () => {
+    it('should render button correctly', () => {
+        renderStop();
+        expect(react_1.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_1.render)((0, jsx_runtime_1.jsx)(StopButton_1.StopButton, { onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Stop' }));
+        expect(react_1.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_1.render)((0, jsx_runtime_1.jsx)(StopButton_1.StopButton, { onClick: jest.fn, tooltipContent: "Test" }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Stop' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Test' })).toBeTruthy();
+    }));
+    it('should handle className prop', () => {
+        renderStop({ className: 'test' });
+        expect(react_1.screen.getByRole('button', { name: 'Stop' })).toHaveClass('test');
+    });
+    it('should handle spread props, including aria-label', () => {
+        renderStop({ 'aria-label': 'test' });
+        expect(react_1.screen.getByRole('button', { name: 'test' }));
+    });
+    it('should handle tooltipProps prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        renderStop({ tooltipProps: { id: 'test' } });
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Stop' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Stop' })).toHaveAttribute('id', 'test');
+    }));
+    it('should handle isCompact', () => {
+        renderStop({ 'data-testid': 'button', isCompact: true });
+        expect(react_1.screen.getByTestId('button')).toHaveClass('pf-m-compact');
+    });
+});

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

@@ -0,0 +1,5 @@
+export { default } from './MessageBar';
+export * from './MessageBar';
+export * from './AttachButton';
+export * from './MicrophoneButton';
+export * from './SendButton';

package/dist/cjs/MessageBar/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var MessageBar_1 = require("./MessageBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MessageBar_1).default; } });
+__exportStar(require("./MessageBar"), exports);
+__exportStar(require("./AttachButton"), exports);
+__exportStar(require("./MicrophoneButton"), exports);
+__exportStar(require("./SendButton"), exports);

package/dist/cjs/MessageBox/JumpButton.d.ts

@@ -0,0 +1,16 @@
+import type { FunctionComponent } from 'react';
+import { TooltipProps, ButtonProps } from '@patternfly/react-core';
+export interface JumpButtonProps {
+    /** Position of the Jump Button(top/bottom) */
+    position: 'top' | 'bottom';
+    /** Callback for the onClick event */
+    onClick: () => void;
+    /** Flag to change the visibilty of the button */
+    isHidden?: boolean;
+    /** Additional props passed to jump buttons */
+    jumpButtonProps?: ButtonProps;
+    /** Additional props passed to tooltip */
+    jumpButtonTooltipProps?: TooltipProps;
+}
+declare const JumpButton: FunctionComponent<JumpButtonProps>;
+export default JumpButton;

package/dist/cjs/MessageBox/JumpButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Import PatternFly components
+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, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick }, jumpButtonProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? (0, jsx_runtime_1.jsx)(arrow_up_icon_1.ArrowUpIcon, {}) : (0, jsx_runtime_1.jsx)(arrow_down_icon_1.ArrowDownIcon, {}) }) })) })));
+exports.default = JumpButton;

package/dist/cjs/MessageBox/JumpButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,39 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const JumpButton_1 = __importDefault(require("./JumpButton"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe('JumpButton', () => {
+    it('should render top button correctly', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "top", onClick: jest.fn() }));
+        expect(react_1.screen.getByRole('button', { name: /Back to top/i })).toBeTruthy();
+    });
+    it('should render bottom button correctly', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "bottom", onClick: jest.fn() }));
+        expect(react_1.screen.getByRole('button', { name: /Back to bottom/i })).toBeTruthy();
+    });
+    it('should call onClick appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "bottom", onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Back to 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_1.render)((0, jsx_runtime_1.jsx)(JumpButton_1.default, { position: "bottom", onClick: jest.fn(), isHidden: true }));
+        expect(react_1.screen.queryByRole('button', { name: /Back to bottom/i })).toBeFalsy();
+    }));
+});

package/dist/cjs/MessageBox/MessageBox.d.ts

@@ -0,0 +1,42 @@
+import { HTMLProps, ReactNode } from 'react';
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface MessageBoxProps extends HTMLProps<HTMLDivElement> {
+    /** Content that can be announced, such as a new message, for screen readers */
+    announcement?: string;
+    /** Custom aria-label for scrollable portion of message box */
+    ariaLabel?: string;
+    /** Content to be displayed in the message box */
+    children: ReactNode;
+    /** Custom classname for the MessageBox component */
+    className?: string;
+    /** @deprecated innerRef has been deprecated. Use ref instead. Ref applied to message box  */
+    innerRef?: React.Ref<HTMLDivElement>;
+    /** Modifier that controls how content in MessageBox is positioned within the container */
+    position?: 'top' | 'bottom';
+    /** Click handler for additional logic for when scroll to top jump button is clicked */
+    onScrollToTopClick?: () => void;
+    /** Click handler for additional logic for when scroll to bottom jump button is clicked */
+    onScrollToBottomClick?: () => void;
+    /** Flag to enable automatic scrolling when new messages are added */
+    enableSmartScroll?: boolean;
+    /** Props passed to top jump button */
+    jumpButtonTopProps?: ButtonProps;
+    /** Props passed to bottom jump button */
+    jumpButtonBottomProps?: ButtonProps;
+    /** Props passed to top jump button tooltip */
+    jumpButtonTopTooltipProps?: TooltipProps;
+    /** Props passed to top jump button tooltip */
+    jumpButtonBottomTooltipProps?: TooltipProps;
+}
+export interface MessageBoxHandle extends HTMLDivElement {
+    /** Scrolls to the top of the message box */
+    scrollToTop: (options?: ScrollOptions) => void;
+    /** Scrolls to the bottom of the message box */
+    scrollToBottom: (options?: {
+        resumeSmartScroll?: boolean;
+    } & ScrollOptions) => void;
+    /** Returns whether the smart scroll feature is currently active */
+    isSmartScrollActive: () => boolean;
+}
+export declare const MessageBox: import("react").ForwardRefExoticComponent<Omit<MessageBoxProps, "ref"> & import("react").RefAttributes<MessageBoxHandle | null>>;
+export default MessageBox;