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

package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { TooltipProps, DropdownProps } from '@patternfly/react-core';
+import type { FunctionComponent } from 'react';
+import { TooltipProps, DropdownProps, MenuToggleProps } from '@patternfly/react-core';
 export interface ChatbotHeaderSelectorDropdownProps extends Omit<DropdownProps, 'toggle'> {
     /** Value of the selected dropdown item */
     value: string;
@@ -13,7 +13,10 @@ export interface ChatbotHeaderSelectorDropdownProps extends Omit<DropdownProps,
     menuToggleAriaLabel?: string;
     /** Text displayed in Tooltip wrapping the display mode dropdown */
     tooltipContent?: string;
+    /** Sets menu to compact styling. */
     isCompact?: boolean;
+    /** Additional props passed to toggle */
+    toggleProps?: MenuToggleProps;
 }
-export declare const ChatbotHeaderSelectorDropdown: React.FunctionComponent<ChatbotHeaderSelectorDropdownProps>;
+export declare const ChatbotHeaderSelectorDropdown: FunctionComponent<ChatbotHeaderSelectorDropdownProps>;
 export default ChatbotHeaderSelectorDropdown;

package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.js

@@ -10,26 +10,23 @@ 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.ChatbotHeaderSelectorDropdown = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_core_1 = require("@patternfly/react-core");
 const ChatbotHeaderSelectorDropdown = (_a) => {
-    var { value, className, children, onSelect, tooltipProps, tooltipContent = 'Select model', menuToggleAriaLabel, isCompact } = _a, props = __rest(_a, ["value", "className", "children", "onSelect", "tooltipProps", "tooltipContent", "menuToggleAriaLabel", "isCompact"]);
-    const [isOptionsMenuOpen, setIsOptionsMenuOpen] = react_1.default.useState(false);
-    const [defaultAriaLabel, setDefaultAriaLabel] = react_1.default.useState('Select model');
-    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: tooltipContent, position: "bottom", 
+    var { value, className, children, onSelect, tooltipProps, tooltipContent = 'Select model', menuToggleAriaLabel, isCompact, toggleProps } = _a, props = __rest(_a, ["value", "className", "children", "onSelect", "tooltipProps", "tooltipContent", "menuToggleAriaLabel", "isCompact", "toggleProps"]);
+    const [isOptionsMenuOpen, setIsOptionsMenuOpen] = (0, react_1.useState)(false);
+    const [defaultAriaLabel, setDefaultAriaLabel] = (0, react_1.useState)('Select model');
+    const toggle = (toggleRef) => ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: tooltipContent, position: "bottom", 
         // prevents VO announcements of both aria label and tooltip
-        aria: "none" }, tooltipProps),
-        react_1.default.createElement(react_core_1.MenuToggle, { variant: "secondary", "aria-label": menuToggleAriaLabel !== null && menuToggleAriaLabel !== void 0 ? menuToggleAriaLabel : defaultAriaLabel, ref: toggleRef, isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined, className: `${isCompact ? 'pf-m-compact' : ''}` }, value)));
-    return (react_1.default.createElement(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__selections ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
+        aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, Object.assign({ variant: "secondary", "aria-label": menuToggleAriaLabel !== null && menuToggleAriaLabel !== void 0 ? menuToggleAriaLabel : defaultAriaLabel, ref: toggleRef, isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined, className: `${isCompact ? 'pf-m-compact' : ''}` }, toggleProps, { children: value })) })));
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__selections ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
             onSelect && onSelect(e, value);
             setDefaultAriaLabel(`Select model: ${value}`);
             setIsOptionsMenuOpen(false);
-        }, onOpenChange: (isOpen) => setIsOptionsMenuOpen(isOpen), popperProps: { position: 'right', appendTo: 'inline' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, props), children));
+        }, onOpenChange: (isOpen) => setIsOptionsMenuOpen(isOpen), popperProps: { position: 'right', appendTo: 'inline' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, props, { children: children })));
 };
 exports.ChatbotHeaderSelectorDropdown = ChatbotHeaderSelectorDropdown;
 exports.default = exports.ChatbotHeaderSelectorDropdown;

package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.test.js

@@ -8,39 +8,37 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@patternfly/react-core");
-const react_2 = require("@testing-library/react");
+const react_1 = require("@testing-library/react");
 const ChatbotHeaderSelectorDropdown_1 = require("./ChatbotHeaderSelectorDropdown");
 require("@testing-library/jest-dom");
 describe('ChatbotHeaderSelectorDropdown', () => {
-    const dropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 1"),
-        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 2"),
-        react_1.default.createElement(react_core_1.DropdownItem, null, "Option 3")));
+    const dropdownItems = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, { children: "Option 1" }), (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, { children: "Option 2" }), (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, { children: "Option 3" })] }));
     it('should render ChatbotHeaderSelectorDropdown', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1" }, dropdownItems));
-        expect(react_2.screen.getByRole('button', { name: /Select model/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1", children: dropdownItems }));
+        expect(react_1.screen.getByRole('button', { name: /Select model/i })).toBeTruthy();
     });
     it('should call onselect handler when a dropdown item is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
         const onSelect = jest.fn();
-        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1", className: "custom-header-selector-dropdown", onSelect: onSelect }, dropdownItems));
-        (0, react_2.act)(() => {
-            react_2.fireEvent.click(react_2.screen.getByRole('button', { name: /Select model/i }));
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1", className: "custom-header-selector-dropdown", onSelect: onSelect, children: dropdownItems }));
+        (0, react_1.act)(() => {
+            react_1.fireEvent.click(react_1.screen.getByRole('button', { name: /Select model/i }));
         });
-        yield (0, react_2.waitFor)(() => {
+        yield (0, react_1.waitFor)(() => {
             expect(container.querySelector('.custom-header-selector-dropdown')).toBeTruthy();
-            expect(react_2.screen.getByText('Option 3'));
-            react_2.fireEvent.click(react_2.screen.getByText('Option 3'));
+            expect(react_1.screen.getByText('Option 3'));
+            react_1.fireEvent.click(react_1.screen.getByText('Option 3'));
             expect(onSelect).toHaveBeenCalled();
         });
     }));
     it('should handle isCompact', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1", isCompact: true }, dropdownItems));
-        expect(react_2.screen.getByRole('button', { name: /Select model/i })).toHaveClass('pf-m-compact');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1", isCompact: true, children: dropdownItems }));
+        expect(react_1.screen.getByRole('button', { name: /Select model/i })).toHaveClass('pf-m-compact');
+    });
+    it('should handle toggleProps', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderSelectorDropdown_1.ChatbotHeaderSelectorDropdown, { value: "Option 1", toggleProps: { isDisabled: true }, children: dropdownItems }));
+        expect(react_1.screen.getByRole('button', { name: /Select model/i })).toBeDisabled();
     });
 });

package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
 export interface ChatbotHeaderTitleProps {
     /** Content to be displayed in the chatbot header */
@@ -18,5 +18,5 @@ export interface ChatbotHeaderTitleProps {
     /** Content to display by default; this will be shown if a case is not explicitly set */
     showOnDefault?: React.ReactNode | string;
 }
-export declare const ChatbotHeaderTitle: React.FunctionComponent<ChatbotHeaderTitleProps>;
+export declare const ChatbotHeaderTitle: FunctionComponent<ChatbotHeaderTitleProps>;
 export default ChatbotHeaderTitle;

package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChatbotHeaderTitle = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@patternfly/react-core");
 const Chatbot_1 = require("../Chatbot/Chatbot");
 const ChatbotHeaderTitle = ({ className, children, displayMode, showOnFullScreen, showOnDocked, showOnEmbedded, showOnDrawer, showOnDefault }) => {
@@ -29,7 +26,7 @@ const ChatbotHeaderTitle = ({ className, children, displayMode, showOnFullScreen
             return children;
         }
     };
-    return (react_1.default.createElement(react_core_1.SplitItem, { isFilled: true, className: `pf-chatbot__title ${className || ''}` }, renderChildren()));
+    return ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { isFilled: true, className: `pf-chatbot__title ${className || ''}`, children: renderChildren() }));
 };
 exports.ChatbotHeaderTitle = ChatbotHeaderTitle;
 exports.default = exports.ChatbotHeaderTitle;

package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.test.js

@@ -3,53 +3,53 @@ 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");
 const Chatbot_1 = require("../Chatbot/Chatbot");
 const ChatbotHeaderTitle_1 = __importDefault(require("./ChatbotHeaderTitle"));
 describe('ChatbotHeaderTitle', () => {
     it('should render ChatbotHeaderTitle with children', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, null, "Chatbot Header Title"));
-        expect(react_2.screen.getByText('Chatbot Header Title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { children: "Chatbot Header Title" }));
+        expect(react_1.screen.getByText('Chatbot Header Title')).toBeTruthy();
     });
     it('should render ChatbotHeaderTitle with custom classname', () => {
-        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { className: "custom-header-class" }, "Chatbot Header Title"));
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { className: "custom-header-class", children: "Chatbot Header Title" }));
         expect(container.querySelector('.custom-header-class')).toBeTruthy();
     });
     it('should render title for default display mode', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.default, showOnDefault: "Default header title" }));
-        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.default, showOnDefault: "Default header title" }));
+        expect(react_1.screen.getByText('Default header title')).toBeTruthy();
     });
     it('should render title for docked display mode', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.docked, showOnDocked: "Docked header title" }));
-        expect(react_2.screen.getByText('Docked header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.docked, showOnDocked: "Docked header title" }));
+        expect(react_1.screen.getByText('Docked header title')).toBeTruthy();
     });
     it('should fallback to default title when docked display mode title is not configured', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.docked, showOnDefault: "Default header title" }));
-        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.docked, showOnDefault: "Default header title" }));
+        expect(react_1.screen.getByText('Default header title')).toBeTruthy();
     });
     it('should render title for embedded display mode', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.embedded, showOnEmbedded: "Embedded header title" }));
-        expect(react_2.screen.getByText('Embedded header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.embedded, showOnEmbedded: "Embedded header title" }));
+        expect(react_1.screen.getByText('Embedded header title')).toBeTruthy();
     });
     it('should fallback to default title when embedded display mode title is not configured', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.embedded, showOnDefault: "Default header title" }));
-        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.embedded, showOnDefault: "Default header title" }));
+        expect(react_1.screen.getByText('Default header title')).toBeTruthy();
     });
     it('should render title for fullscreen display mode', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, showOnFullScreen: "Fullscreen header title", className: "custom-header-class" }));
-        expect(react_2.screen.getByText('Fullscreen header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, showOnFullScreen: "Fullscreen header title", className: "custom-header-class" }));
+        expect(react_1.screen.getByText('Fullscreen header title')).toBeTruthy();
     });
     it('should fallback to default title when fullscreen display mode title is not configured', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, showOnDefault: "Default header title" }));
-        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.fullscreen, showOnDefault: "Default header title" }));
+        expect(react_1.screen.getByText('Default header title')).toBeTruthy();
     });
     it('should render title for drawer display mode', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.drawer, showOnDrawer: "Drawer header title", className: "custom-header-class" }));
-        expect(react_2.screen.getByText('Drawer header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.drawer, showOnDrawer: "Drawer header title", className: "custom-header-class" }));
+        expect(react_1.screen.getByText('Drawer header title')).toBeTruthy();
     });
     it('should fallback to default title when drawer display mode title is not configured', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.drawer, showOnDefault: "Default header title" }));
-        expect(react_2.screen.getByText('Default header title')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotHeaderTitle_1.default, { displayMode: Chatbot_1.ChatbotDisplayMode.drawer, showOnDefault: "Default header title" }));
+        expect(react_1.screen.getByText('Default header title')).toBeTruthy();
     });
 });

package/dist/cjs/ChatbotModal/ChatbotModal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { ModalProps } from '@patternfly/react-core';
 import { ChatbotDisplayMode } from '../Chatbot';
 export interface ChatbotModalProps extends Omit<ModalProps, 'ref'> {
@@ -9,5 +9,5 @@ export interface ChatbotModalProps extends Omit<ModalProps, 'ref'> {
     /** Sets modal to compact styling. */
     isCompact?: boolean;
 }
-export declare const ChatbotModal: React.FunctionComponent<ChatbotModalProps>;
+export declare const ChatbotModal: FunctionComponent<ChatbotModalProps>;
 export default ChatbotModal;

package/dist/cjs/ChatbotModal/ChatbotModal.js

@@ -10,23 +10,17 @@ 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.ChatbotModal = void 0;
-// ============================================================================
-// Code Modal - Chatbot Modal with Code Editor
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 // Import PatternFly components
 const react_core_1 = require("@patternfly/react-core");
 const Chatbot_1 = require("../Chatbot");
 const ChatbotModal = (_a) => {
     var { children, displayMode = Chatbot_1.ChatbotDisplayMode.default, className, isOpen, isCompact } = _a, props = __rest(_a, ["children", "displayMode", "className", "isOpen", "isCompact"]);
-    const modal = (react_1.default.createElement(react_core_1.Modal, Object.assign({ isOpen: isOpen, ouiaId: "ChatbotModal", "aria-labelledby": "chatbot-modal-title", "aria-describedby": "chatbot-modal", className: `pf-chatbot__chatbot-modal pf-chatbot__chatbot-modal--${displayMode} ${isCompact ? 'pf-m-compact' : ''} ${className}`, backdropClassName: "pf-chatbot__chatbot-modal-backdrop" }, props), children));
+    const modal = ((0, jsx_runtime_1.jsx)(react_core_1.Modal, Object.assign({ isOpen: isOpen, ouiaId: "ChatbotModal", "aria-labelledby": "chatbot-modal-title", "aria-describedby": "chatbot-modal", className: `pf-chatbot__chatbot-modal pf-chatbot__chatbot-modal--${displayMode} ${isCompact ? 'pf-m-compact' : ''} ${className}`, backdropClassName: "pf-chatbot__chatbot-modal-backdrop" }, props, { children: children })));
     if ((displayMode === Chatbot_1.ChatbotDisplayMode.fullscreen || displayMode === Chatbot_1.ChatbotDisplayMode.embedded) && isOpen) {
-        return react_1.default.createElement("div", { className: "pf-v6-c-backdrop pf-chatbot__backdrop" }, modal);
+        return (0, jsx_runtime_1.jsx)("div", { className: "pf-v6-c-backdrop pf-chatbot__backdrop", children: modal });
     }
     return modal;
 };

package/dist/cjs/ChatbotModal/ChatbotModal.test.js

@@ -3,26 +3,14 @@ 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");
 const ChatbotModal_1 = __importDefault(require("./ChatbotModal"));
 require("@testing-library/jest-dom");
 const react_core_1 = require("@patternfly/react-core");
 describe('ChatbotModal', () => {
     it('should render compact modal', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotModal_1.default, { "data-testid": "modal", isCompact: true, isOpen: true },
-            react_1.default.createElement(react_core_1.ModalHeader, { title: "Modal with description", labelId: "modal-with-description-title", description: "A description is used when you want to provide more info about the modal than the title is able to describe. The content in the description is static and will not scroll with the rest of the modal body." }),
-            react_1.default.createElement(react_core_1.ModalBody, { tabIndex: 0, id: "modal-box-body-with-description" },
-                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Semper auctor neque vitae tempus. Diam donec adipiscing tristique risus. Augue eget arcu dictum varius duis. Ut enim blandit volutpat maecenas volutpat blandit aliquam. Sit amet mauris commodo quis imperdiet massa tincidunt. Habitant morbi tristique senectus et netus. Fames ac turpis egestas sed tempus urna. Neque laoreet suspendisse interdum consectetur libero id. Volutpat lacus laoreet non curabitur gravida arcu ac tortor. Porta nibh venenatis cras sed felis eget velit. Nullam non nisi est sit amet facilisis. Nunc mi ipsum faucibus vitae. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Egestas sed tempus urna et pharetra pharetra massa massa ultricies. Lacinia quis vel eros donec ac odio tempor orci. Malesuada fames ac turpis egestas integer eget aliquet.",
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("br", null),
-                "Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Molestie at elementum eu facilisis sed odio morbi. Elit pellentesque habitant morbi tristique. Consequat nisl vel pretium lectus quam id leo in vitae. Quis varius quam quisque id diam vel quam elementum. Viverra nam libero justo laoreet sit amet cursus. Sollicitudin tempor id eu nisl nunc. Orci nulla pellentesque dignissim enim sit amet venenatis. Dignissim enim sit amet venenatis urna cursus eget. Iaculis at erat pellentesque adipiscing commodo elit. Faucibus pulvinar elementum integer enim neque volutpat. Nullam vehicula ipsum a arcu cursus vitae congue mauris. Nunc mattis enim ut tellus elementum sagittis vitae. Blandit cursus risus at ultrices. Tellus mauris a diam maecenas sed enim. Non diam phasellus vestibulum lorem sed risus ultricies tristique nulla.",
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("br", null),
-                "Nulla pharetra diam sit amet nisl suscipit adipiscing. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Sed felis eget velit aliquet sagittis id consectetur purus. Tincidunt tortor aliquam nulla facilisi cras fermentum. Volutpat est velit egestas dui id ornare arcu odio. Pharetra magna ac placerat vestibulum. Ultrices sagittis orci a scelerisque purus semper eget duis at. Nisi est sit amet facilisis magna etiam tempor orci eu. Convallis tellus id interdum velit. Facilisis sed odio morbi quis commodo odio aenean sed.",
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("br", null),
-                "Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Magna etiam tempor orci eu lobortis elementum. Quis auctor elit sed vulputate mi sit. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Erat velit scelerisque in dictum non. Sit amet nulla facilisi morbi tempus iaculis urna. Enim ut tellus elementum sagittis vitae et leo duis ut. Lectus arcu bibendum at varius vel pharetra vel turpis. Morbi tristique senectus et netus et. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Nisl purus in mollis nunc sed id semper risus. Id neque aliquam vestibulum morbi. Mauris a diam maecenas sed enim ut sem. Egestas tellus rutrum tellus pellentesque.")));
-        expect(react_2.screen.getByTestId('modal')).toHaveClass('pf-m-compact');
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(ChatbotModal_1.default, { "data-testid": "modal", isCompact: true, isOpen: true, children: [(0, jsx_runtime_1.jsx)(react_core_1.ModalHeader, { title: "Modal with description", labelId: "modal-with-description-title", description: "A description is used when you want to provide more info about the modal than the title is able to describe. The content in the description is static and will not scroll with the rest of the modal body." }), (0, jsx_runtime_1.jsxs)(react_core_1.ModalBody, { tabIndex: 0, id: "modal-box-body-with-description", children: ["Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Semper auctor neque vitae tempus. Diam donec adipiscing tristique risus. Augue eget arcu dictum varius duis. Ut enim blandit volutpat maecenas volutpat blandit aliquam. Sit amet mauris commodo quis imperdiet massa tincidunt. Habitant morbi tristique senectus et netus. Fames ac turpis egestas sed tempus urna. Neque laoreet suspendisse interdum consectetur libero id. Volutpat lacus laoreet non curabitur gravida arcu ac tortor. Porta nibh venenatis cras sed felis eget velit. Nullam non nisi est sit amet facilisis. Nunc mi ipsum faucibus vitae. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Egestas sed tempus urna et pharetra pharetra massa massa ultricies. Lacinia quis vel eros donec ac odio tempor orci. Malesuada fames ac turpis egestas integer eget aliquet.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Molestie at elementum eu facilisis sed odio morbi. Elit pellentesque habitant morbi tristique. Consequat nisl vel pretium lectus quam id leo in vitae. Quis varius quam quisque id diam vel quam elementum. Viverra nam libero justo laoreet sit amet cursus. Sollicitudin tempor id eu nisl nunc. Orci nulla pellentesque dignissim enim sit amet venenatis. Dignissim enim sit amet venenatis urna cursus eget. Iaculis at erat pellentesque adipiscing commodo elit. Faucibus pulvinar elementum integer enim neque volutpat. Nullam vehicula ipsum a arcu cursus vitae congue mauris. Nunc mattis enim ut tellus elementum sagittis vitae. Blandit cursus risus at ultrices. Tellus mauris a diam maecenas sed enim. Non diam phasellus vestibulum lorem sed risus ultricies tristique nulla.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Nulla pharetra diam sit amet nisl suscipit adipiscing. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Sed felis eget velit aliquet sagittis id consectetur purus. Tincidunt tortor aliquam nulla facilisi cras fermentum. Volutpat est velit egestas dui id ornare arcu odio. Pharetra magna ac placerat vestibulum. Ultrices sagittis orci a scelerisque purus semper eget duis at. Nisi est sit amet facilisis magna etiam tempor orci eu. Convallis tellus id interdum velit. Facilisis sed odio morbi quis commodo odio aenean sed.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Magna etiam tempor orci eu lobortis elementum. Quis auctor elit sed vulputate mi sit. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Erat velit scelerisque in dictum non. Sit amet nulla facilisi morbi tempus iaculis urna. Enim ut tellus elementum sagittis vitae et leo duis ut. Lectus arcu bibendum at varius vel pharetra vel turpis. Morbi tristique senectus et netus et. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Nisl purus in mollis nunc sed id semper risus. Id neque aliquam vestibulum morbi. Mauris a diam maecenas sed enim ut sem. Egestas tellus rutrum tellus pellentesque."] })] }));
+        expect(react_1.screen.getByTestId('modal')).toHaveClass('pf-m-compact');
     });
 });

package/dist/cjs/ChatbotPopover/ChatbotPopover.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { PopoverProps } from '@patternfly/react-core';
-export declare const ChatbotPopover: React.FunctionComponent<PopoverProps>;
+export declare const ChatbotPopover: FunctionComponent<PopoverProps>;
 export default ChatbotPopover;

package/dist/cjs/ChatbotPopover/ChatbotPopover.js

@@ -10,20 +10,14 @@ 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.ChatbotPopover = void 0;
-// ============================================================================
-// Chatbot Popover
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 // Import PatternFly components
 const react_core_1 = require("@patternfly/react-core");
 const ChatbotPopover = (_a) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(react_core_1.Popover, Object.assign({ className: `pf-chatbot__popover  ${className !== null && className !== void 0 ? className : ''}`, showClose: false }, props), children));
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Popover, Object.assign({ className: `pf-chatbot__popover ${className !== null && className !== void 0 ? className : ''}`, showClose: false }, props, { children: children })));
 };
 exports.ChatbotPopover = ChatbotPopover;
 exports.default = exports.ChatbotPopover;

package/dist/cjs/ChatbotToggle/ChatbotToggle.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ButtonProps, TooltipProps } from '@patternfly/react-core';
 export interface ChatbotToggleProps extends ButtonProps {
     /** Contents of the tooltip applied to the toggle button */
@@ -22,5 +21,5 @@ export interface ChatbotToggleProps extends ButtonProps {
     /** Test id applied to default open icon */
     openIconTestId?: string;
 }
-declare const ChatbotToggle: React.ForwardRefExoticComponent<ChatbotToggleProps & React.RefAttributes<any>>;
+declare const ChatbotToggle: import("react").ForwardRefExoticComponent<ChatbotToggleProps & import("react").RefAttributes<any>>;
 export default ChatbotToggle;

package/dist/cjs/ChatbotToggle/ChatbotToggle.js

@@ -14,24 +14,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// ============================================================================
-// Chatbot Toggle
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_core_1 = require("@patternfly/react-core");
 const angle_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/angle-down-icon"));
-const ChatIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
-    react_1.default.createElement("path", { fill: "var(--pf-t--global--icon--color--inverse)", stroke: "var(--pf-t--global--icon--color--inverse)", strokeLinejoin: "round", strokeWidth: ".75", d: "M3.577 14.382c0 .198.12.38.31.46l.19.04a.492.492 0 0 0 .349-.143l3.028-3.028h8.513a.489.489 0 0 0 .492-.492V2.491A.489.489 0 0 0 15.967 2H1.691a.489.489 0 0 0-.492.491v8.728c0 .135.056.262.143.349a.498.498 0 0 0 .349.143h1.878v2.663h.008v.008ZM2.19 10.72V2.983h13.278v7.729H7.24a.512.512 0 0 0-.35.143l-2.322 2.322v-1.974a.498.498 0 0 0-.142-.348.492.492 0 0 0-.35-.143H2.19v.008Z" }),
-    react_1.default.createElement("path", { fill: "var(--pf-t--global--text--color--inverse)", stroke: "var(--pf-t--global--text--color--inverse)", strokeLinejoin: "round", strokeWidth: ".75", d: "M22.301 9.135h-3.963a.489.489 0 0 0-.492.491c0 .27.222.492.492.492h3.472v7.737h-1.88a.404.404 0 0 0-.348.134.492.492 0 0 0-.143.35v1.973l-2.322-2.323a.492.492 0 0 0-.349-.142H8.532v-4.265a.489.489 0 0 0-.492-.492.494.494 0 0 0-.491.492v4.756c0 .277.222.492.491.492h8.514l3.028 3.028a.492.492 0 0 0 .349.142l.19-.04a.502.502 0 0 0 .31-.459V18.83h1.878c.111-.008.262-.048.349-.135a.491.491 0 0 0 .142-.349v-8.72a.489.489 0 0 0-.491-.491h-.008Z" })));
+const ChatIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "var(--pf-t--global--icon--color--inverse)", stroke: "var(--pf-t--global--icon--color--inverse)", strokeLinejoin: "round", strokeWidth: ".75", d: "M3.577 14.382c0 .198.12.38.31.46l.19.04a.492.492 0 0 0 .349-.143l3.028-3.028h8.513a.489.489 0 0 0 .492-.492V2.491A.489.489 0 0 0 15.967 2H1.691a.489.489 0 0 0-.492.491v8.728c0 .135.056.262.143.349a.498.498 0 0 0 .349.143h1.878v2.663h.008v.008ZM2.19 10.72V2.983h13.278v7.729H7.24a.512.512 0 0 0-.35.143l-2.322 2.322v-1.974a.498.498 0 0 0-.142-.348.492.492 0 0 0-.35-.143H2.19v.008Z" }), (0, jsx_runtime_1.jsx)("path", { fill: "var(--pf-t--global--text--color--inverse)", stroke: "var(--pf-t--global--text--color--inverse)", strokeLinejoin: "round", strokeWidth: ".75", d: "M22.301 9.135h-3.963a.489.489 0 0 0-.492.491c0 .27.222.492.492.492h3.472v7.737h-1.88a.404.404 0 0 0-.348.134.492.492 0 0 0-.143.35v1.973l-2.322-2.323a.492.492 0 0 0-.349-.142H8.532v-4.265a.489.489 0 0 0-.492-.492.494.494 0 0 0-.491.492v4.756c0 .277.222.492.491.492h8.514l3.028 3.028a.492.492 0 0 0 .349.142l.19-.04a.502.502 0 0 0 .31-.459V18.83h1.878c.111-.008.262-.048.349-.135a.491.491 0 0 0 .142-.349v-8.72a.489.489 0 0 0-.491-.491h-.008Z" })] }));
 const ChatbotToggleBase = (_a) => {
     var { tooltipLabel, isChatbotVisible, onToggleChatbot, tooltipProps, toggleButtonLabel, closedToggleIcon: ClosedToggleIcon, innerRef, isRound = true, className, openIconTestId } = _a, props = __rest(_a, ["tooltipLabel", "isChatbotVisible", "onToggleChatbot", "tooltipProps", "toggleButtonLabel", "closedToggleIcon", "innerRef", "isRound", "className", "openIconTestId"]);
     // Configure icon
-    const closedIcon = ClosedToggleIcon ? react_1.default.createElement(ClosedToggleIcon, null) : react_1.default.createElement(ChatIcon, null);
-    const icon = isChatbotVisible ? react_1.default.createElement(angle_down_icon_1.default, { "data-testid": openIconTestId }) : closedIcon;
-    return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ content: tooltipLabel, 
+    const closedIcon = ClosedToggleIcon ? (0, jsx_runtime_1.jsx)(ClosedToggleIcon, {}) : (0, jsx_runtime_1.jsx)(ChatIcon, {});
+    const icon = isChatbotVisible ? (0, jsx_runtime_1.jsx)(angle_down_icon_1.default, { "data-testid": openIconTestId }) : closedIcon;
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ content: tooltipLabel, 
         // 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 ${isChatbotVisible ? 'pf-chatbot__button--active' : ''} ${isRound ? 'pf-chatbot__button--round' : ''} ${className ? className : ''}`, variant: "plain", "aria-label": toggleButtonLabel || `${tooltipLabel} toggle`, onClick: onToggleChatbot, "aria-expanded": isChatbotVisible, icon: react_1.default.createElement(react_core_1.Icon, { isInline: true }, icon), ref: innerRef }, props))));
+        aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ className: `pf-chatbot__button ${isChatbotVisible ? 'pf-chatbot__button--active' : ''} ${isRound ? 'pf-chatbot__button--round' : ''} ${className ? className : ''}`, variant: "plain", "aria-label": toggleButtonLabel || `${tooltipLabel} toggle`, onClick: onToggleChatbot, "aria-expanded": isChatbotVisible, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { isInline: true, children: icon }), ref: innerRef }, props)) })));
 };
-const ChatbotToggle = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(ChatbotToggleBase, Object.assign({ innerRef: ref }, props))));
+const ChatbotToggle = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(ChatbotToggleBase, Object.assign({ innerRef: ref }, props))));
 exports.default = ChatbotToggle;

package/dist/cjs/ChatbotToggle/ChatbotToggle.test.js

@@ -12,49 +12,49 @@ 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 ChatbotToggle_1 = __importDefault(require("./ChatbotToggle"));
 describe('ChatbotToggle', () => {
     it('should render tooltipLabel correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(ChatbotToggle_1.default, { tooltipLabel: "Tooltip" }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Tooltip toggle/i }));
-        expect(react_2.screen.getByRole('tooltip', { name: /Tooltip/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotToggle_1.default, { tooltipLabel: "Tooltip" }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Tooltip toggle/i }));
+        expect(react_1.screen.getByRole('tooltip', { name: /Tooltip/i })).toBeTruthy();
     }));
     it('should render toggleButtonLabel correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", toggleButtonLabel: "Button" }));
-        expect(react_2.screen.getByRole('button', { name: /Button/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", toggleButtonLabel: "Button" }));
+        expect(react_1.screen.getByRole('button', { name: /Button/i })).toBeTruthy();
     }));
     it('should call onToggleChatbot when clicked', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", onToggleChatbot: spy }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button'));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", onToggleChatbot: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button'));
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should handle isChatbotVisible correctly when true', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", isChatbotVisible: true, openIconTestId: "Open" }));
-        expect(react_2.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
-        expect(react_2.screen.getByRole('button')).toHaveClass('pf-chatbot__button--active');
-        expect(react_2.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
-        expect(react_2.screen.getByTestId('Open')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", isChatbotVisible: true, openIconTestId: "Open" }));
+        expect(react_1.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
+        expect(react_1.screen.getByRole('button')).toHaveClass('pf-chatbot__button--active');
+        expect(react_1.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
+        expect(react_1.screen.getByTestId('Open')).toBeTruthy();
     });
     it('should handle isChatbotVisible correctly when false', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", isChatbotVisible: false, openIconTestId: "Open" }));
-        expect(react_2.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
-        expect(react_2.screen.getByRole('button')).not.toHaveClass('pf-chatbot__button--active');
-        expect(react_2.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');
-        expect(react_2.screen.queryByTestId('Open')).toBeFalsy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", isChatbotVisible: false, openIconTestId: "Open" }));
+        expect(react_1.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
+        expect(react_1.screen.getByRole('button')).not.toHaveClass('pf-chatbot__button--active');
+        expect(react_1.screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');
+        expect(react_1.screen.queryByTestId('Open')).toBeFalsy();
     });
     it('should handle isRound correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", isRound: true }));
-        expect(react_2.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
-        expect(react_2.screen.getByRole('button')).toHaveClass('pf-chatbot__button--round');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", isRound: true }));
+        expect(react_1.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
+        expect(react_1.screen.getByRole('button')).toHaveClass('pf-chatbot__button--round');
     });
     it('should handle className correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", className: "test" }));
-        expect(react_2.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
-        expect(react_2.screen.getByRole('button')).toHaveClass('test');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ChatbotToggle_1.default, { tooltipLabel: "Chatbot", className: "test" }));
+        expect(react_1.screen.getByRole('button')).toHaveClass('pf-chatbot__button');
+        expect(react_1.screen.getByRole('button')).toHaveClass('test');
     });
 });

package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface ChatbotWelcomePromptProps extends React.HTMLProps<HTMLDivElement> {
     /** Title for the welcome message*/
     title: string;
@@ -20,5 +20,5 @@ export interface WelcomePrompt {
     /** Callback handler for the onClick event for welcome prompt */
     onClick?: () => void;
 }
-export declare const ChatbotWelcomePrompt: React.FunctionComponent<ChatbotWelcomePromptProps>;
+export declare const ChatbotWelcomePrompt: FunctionComponent<ChatbotWelcomePromptProps>;
 export default ChatbotWelcomePrompt;

package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.js

@@ -10,31 +10,17 @@ 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.ChatbotWelcomePrompt = void 0;
-// ============================================================================
-// Chatbot Layout - Chat - Welcome
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@patternfly/react-core");
 const ChatbotWelcomePrompt = (_a) => {
     var { title, description, prompts, className, testId, isCompact = false } = _a, props = __rest(_a, ["title", "description", "prompts", "className", "testId", "isCompact"]);
-    return (react_1.default.createElement("div", Object.assign({ "data-testid": testId, className: `pf-chatbot--layout--welcome ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props),
-        react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.h1 },
-            react_1.default.createElement("span", { className: "pf-chatbot__hello" }, title),
-            react_1.default.createElement("br", null),
-            react_1.default.createElement("span", { className: "pf-chatbot__question" }, description)),
-        prompts && (react_1.default.createElement("div", { className: "pf-chatbot__prompt-suggestions" }, prompts === null || prompts === void 0 ? void 0 : prompts.map((prompt, index) => (react_1.default.createElement(react_core_1.Card, { key: `welcome-prompt-${index}`, className: "pf-chatbot__prompt-suggestion", isClickable: true, isCompact: isCompact },
-            react_1.default.createElement(react_core_1.CardHeader, { selectableActions: {
-                    onClickAction: prompt.onClick,
-                    selectableActionId: `welcome-prompt-input-${index}`,
-                    selectableActionAriaLabelledby: `welcome-prompt-title-${index}`
-                } },
-                react_1.default.createElement(react_core_1.CardTitle, { id: `welcome-prompt-title-${index}` }, prompt.title)),
-            prompt.message && react_1.default.createElement(react_core_1.CardBody, null, prompt.message))))))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": testId, className: `pf-chatbot--layout--welcome ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.Content, { component: react_core_1.ContentVariants.h1, children: [(0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__hello", children: title }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__question", children: description })] }), prompts && ((0, jsx_runtime_1.jsx)("div", { className: "pf-chatbot__prompt-suggestions", children: prompts === null || prompts === void 0 ? void 0 : prompts.map((prompt, index) => ((0, jsx_runtime_1.jsxs)(react_core_1.Card, { className: "pf-chatbot__prompt-suggestion", isClickable: true, isCompact: isCompact, children: [(0, jsx_runtime_1.jsx)(react_core_1.CardHeader, { selectableActions: {
+                                onClickAction: prompt.onClick,
+                                selectableActionId: `welcome-prompt-input-${index}`,
+                                selectableActionAriaLabelledby: `welcome-prompt-title-${index}`
+                            }, children: (0, jsx_runtime_1.jsx)(react_core_1.CardTitle, { id: `welcome-prompt-title-${index}`, children: prompt.title }) }), prompt.message && (0, jsx_runtime_1.jsx)(react_core_1.CardBody, { children: prompt.message })] }, `welcome-prompt-${index}`))) }))] })));
 };
 exports.ChatbotWelcomePrompt = ChatbotWelcomePrompt;
 exports.default = exports.ChatbotWelcomePrompt;