@patternfly/chatbot 6.3.0-prerelease.2 → 6.3.0-prerelease.21

package/dist/esm/ChatbotConversationHistoryNav/EmptyState.d.ts

@@ -1,5 +1,5 @@
 import { EmptyStateProps } from '@patternfly/react-core';
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface HistoryEmptyStateProps extends EmptyStateProps {
     onClick?: () => void;
     bodyText?: string | React.ReactNode;
@@ -7,5 +7,5 @@ export interface HistoryEmptyStateProps extends EmptyStateProps {
     buttonIcon?: React.ReactNode;
     hasButton?: boolean;
 }
-export declare const HistoryEmptyState: React.FunctionComponent<HistoryEmptyStateProps>;
+export declare const HistoryEmptyState: FunctionComponent<HistoryEmptyStateProps>;
 export default HistoryEmptyState;

package/dist/esm/ChatbotConversationHistoryNav/EmptyState.js

@@ -9,14 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, EmptyState, EmptyStateActions, EmptyStateBody, EmptyStateFooter } from '@patternfly/react-core';
-import React from 'react';
 export const HistoryEmptyState = (_a) => {
     var { bodyText, buttonIcon, buttonText, status, titleText, headingLevel, onClick, hasButton = false } = _a, props = __rest(_a, ["bodyText", "buttonIcon", "buttonText", "status", "titleText", "headingLevel", "onClick", "hasButton"]);
-    return (React.createElement(EmptyState, Object.assign({ status: status, titleText: titleText, headingLevel: headingLevel }, props),
-        React.createElement(EmptyStateBody, null, bodyText),
-        hasButton && (React.createElement(EmptyStateFooter, null,
-            React.createElement(EmptyStateActions, null,
-                React.createElement(Button, { icon: buttonIcon, variant: "secondary", onClick: onClick }, buttonText))))));
+    return (_jsxs(EmptyState, Object.assign({ status: status, titleText: titleText, headingLevel: headingLevel }, props, { children: [_jsx(EmptyStateBody, { children: bodyText }), hasButton && (_jsx(EmptyStateFooter, { children: _jsx(EmptyStateActions, { children: _jsx(Button, { icon: buttonIcon, variant: "secondary", onClick: onClick, children: buttonText }) }) }))] })));
 };
 export default HistoryEmptyState;

package/dist/esm/ChatbotConversationHistoryNav/LoadingState.d.ts

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

package/dist/esm/ChatbotConversationHistoryNav/LoadingState.js

@@ -9,30 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Skeleton } from '@patternfly/react-core';
-import React from 'react';
 export const LoadingState = (_a) => {
     var { screenreaderText } = _a, rest = __rest(_a, ["screenreaderText"]);
-    return (React.createElement("div", { className: "pf-chatbot__history-loading" },
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ screenreaderText: screenreaderText !== null && screenreaderText !== void 0 ? screenreaderText : 'Loading chatbot conversation history', fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest))),
-        React.createElement("div", { className: "pf-chatbot__history-loading-block" },
-            React.createElement(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)),
-            React.createElement(Skeleton, Object.assign({ fontSize: "3xl" }, rest)))));
+    return (_jsxs("div", { className: "pf-chatbot__history-loading", children: [_jsx("div", { className: "pf-chatbot__history-loading-block", children: _jsx(Skeleton, Object.assign({ screenreaderText: screenreaderText !== null && screenreaderText !== void 0 ? screenreaderText : 'Loading chatbot conversation history', fontSize: "3xl" }, rest)) }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] }), _jsxs("div", { className: "pf-chatbot__history-loading-block", children: [_jsx(Skeleton, Object.assign({ fontSize: "sm", width: "70%" }, rest)), _jsx(Skeleton, Object.assign({ fontSize: "3xl" }, rest))] })] }));
 };
 export default LoadingState;

package/dist/esm/ChatbotFooter/ChatbotFooter.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-export interface ChatbotFooterProps extends React.HTMLProps<HTMLDivElement> {
+import type { HTMLProps, FunctionComponent } from 'react';
+export interface ChatbotFooterProps extends HTMLProps<HTMLDivElement> {
     /** Children for the Footer that supports MessageBar and FootNote components*/
     children?: React.ReactNode;
     /** Custom classname for the Footer component */
     className?: string;
+    isCompact?: boolean;
 }
-export declare const ChatbotFooter: React.FunctionComponent<ChatbotFooterProps>;
+export declare const ChatbotFooter: FunctionComponent<ChatbotFooterProps>;
 export default ChatbotFooter;

package/dist/esm/ChatbotFooter/ChatbotFooter.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Footer
-// ============================================================================
 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)
@@ -12,17 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-// Global footer component
-// Supports:
-// - Message bar
-// - Footnote
-// - Footnote popover
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider } from '@patternfly/react-core';
 export const ChatbotFooter = (_a) => {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ className: `pf-chatbot__footer ${className !== null && className !== void 0 ? className : ''}` }, props),
-        React.createElement(Divider, null),
-        React.createElement("div", { className: "pf-chatbot__footer-container" }, children)));
+    var { children, className, isCompact } = _a, props = __rest(_a, ["children", "className", "isCompact"]);
+    return (_jsxs("div", Object.assign({ className: `pf-chatbot__footer ${isCompact ? 'pf-m-compact' : ''} ${className !== null && className !== void 0 ? className : ''}` }, props, { children: [_jsx(Divider, {}), _jsx("div", { className: "pf-chatbot__footer-container", children: children })] })));
 };
 export default ChatbotFooter;

package/dist/esm/ChatbotFooter/ChatbotFooter.test.d.ts

@@ -1 +1 @@
-export {};
+import '@testing-library/jest-dom';

package/dist/esm/ChatbotFooter/ChatbotFooter.test.js

@@ -1,13 +1,18 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from '@testing-library/react';
 import ChatbotFooter from './ChatbotFooter';
+import '@testing-library/jest-dom';
 describe('ChatbotFooter', () => {
     it('should render ChatbotFooter with children', () => {
-        render(React.createElement(ChatbotFooter, null, "Chatbot Content"));
+        render(_jsx(ChatbotFooter, { children: "Chatbot Content" }));
         expect(screen.getByText('Chatbot Content')).toBeTruthy();
     });
     it('should render ChatbotFooter with custom classname', () => {
-        const { container } = render(React.createElement(ChatbotFooter, { className: "custom-class" }, "Chatbot Content"));
+        const { container } = render(_jsx(ChatbotFooter, { className: "custom-class", children: "Chatbot Content" }));
         expect(container.querySelector('.custom-class')).toBeTruthy();
     });
+    it('should handle isCompact', () => {
+        render(_jsx(ChatbotFooter, { className: "custom-class", isCompact: true, "data-testid": "footer", children: "Chatbot Content" }));
+        expect(screen.getByTestId('footer')).toHaveClass('pf-m-compact');
+    });
 });

package/dist/esm/ChatbotFooter/ChatbotFooternote.test.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import ChatbotFootnote from './ChatbotFootnote';
 describe('ChatbotFooternote', () => {
@@ -29,11 +29,11 @@ describe('ChatbotFooternote', () => {
         }
     };
     it('should render ChatbotFooternote', () => {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer" }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer" }));
         expect(screen.getByText('Chatbot footer')).toBeTruthy();
     });
     it('should render ChatbotFooternote with popover', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
         // click on the footer button
         act(() => {
             fireEvent.click(screen.getByRole('button'));
@@ -47,7 +47,7 @@ describe('ChatbotFooternote', () => {
         });
     }));
     it('should call onClick handler when popover cta button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
         // click on the footer button
         act(() => {
             fireEvent.click(screen.getByRole('button'));
@@ -61,7 +61,7 @@ describe('ChatbotFooternote', () => {
         });
     }));
     it('should close the popover when escape is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
+        render(_jsx(ChatbotFootnote, { label: "Chatbot footer", popover: popoverProps }));
         // click on the footer button
         act(() => {
             fireEvent.click(screen.getByRole('button'));

package/dist/esm/ChatbotFooter/ChatbotFootnote.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import type { HTMLProps, FunctionComponent } from 'react';
 import { PopoverProps } from '@patternfly/react-core';
-export interface ChatbotFootnoteProps extends React.HTMLProps<HTMLDivElement> {
+export interface ChatbotFootnoteProps extends Omit<HTMLProps<HTMLDivElement>, 'popover'> {
     /** Label to show for the footnote */
     label: string;
     /** Config for the popover which opens up when footnote is clicked */
@@ -40,5 +40,5 @@ export interface ChatbotFootnotePopoverLink {
     /** URL for the Link */
     url: string;
 }
-export declare const ChatbotFootnote: React.FunctionComponent<ChatbotFootnoteProps>;
+export declare const ChatbotFootnote: FunctionComponent<ChatbotFootnoteProps>;
 export default ChatbotFootnote;

package/dist/esm/ChatbotFooter/ChatbotFootnote.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Footer - Footnote
-// ============================================================================
 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)
@@ -12,7 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 // Import Patternfly components
 import { Button, Content, ContentVariants, Flex } from '@patternfly/react-core';
 // Import Patternfly icons
@@ -24,26 +22,15 @@ export const ChatbotFootnote = (_a) => {
     var _b, _c, _d, _e, _f;
     var { label, popover, className } = _a, props = __rest(_a, ["label", "popover", "className"]);
     // Popover visibility state
-    const [isVisible, setIsVisible] = React.useState(false);
+    const [isVisible, setIsVisible] = useState(false);
     // Define popover body content
-    const popoverBodyContent = (React.createElement(React.Fragment, null,
-        (popover === null || popover === void 0 ? void 0 : popover.bannerImage) && React.createElement("img", { src: popover.bannerImage.src, alt: popover.bannerImage.alt }),
-        React.createElement(Content, { component: ContentVariants.h3 }, popover === null || popover === void 0 ? void 0 : popover.title),
-        React.createElement(Content, { component: ContentVariants.p }, popover === null || popover === void 0 ? void 0 : popover.description)));
+    const popoverBodyContent = (_jsxs(_Fragment, { children: [(popover === null || popover === void 0 ? void 0 : popover.bannerImage) && _jsx("img", { src: popover.bannerImage.src, alt: popover.bannerImage.alt }), _jsx(Content, { component: ContentVariants.h3, children: popover === null || popover === void 0 ? void 0 : popover.title }), _jsx(Content, { component: ContentVariants.p, children: popover === null || popover === void 0 ? void 0 : popover.description })] }));
     // Define popover footer content
-    const popoverFooterContent = (React.createElement(Flex, { gap: { default: 'gapSm' } },
-        (popover === null || popover === void 0 ? void 0 : popover.cta) && (React.createElement(Button, { variant: "secondary", onClick: () => {
-                var _a;
-                setIsVisible(false);
-                (_a = popover.cta) === null || _a === void 0 ? void 0 : _a.onClick();
-            } }, ((_b = popover.cta) === null || _b === void 0 ? void 0 : _b.label) || 'Dismiss')),
-        (popover === null || popover === void 0 ? void 0 : popover.link) && (React.createElement(Button, { variant: "link", component: "a", href: popover.link.url, target: "_blank", icon: React.createElement(ExternalLinkAltIcon, null), iconPosition: "end" }, popover.link.label))));
-    return (React.createElement("div", Object.assign({ className: `pf-chatbot__footnote ${className !== null && className !== void 0 ? className : ''}` }, props),
-        popover && (React.createElement(ChatbotPopover, Object.assign({ className: "pf-chatbot__popover--footnote", "aria-label": ((_c = popover.popoverProps) === null || _c === void 0 ? void 0 : _c['aria-label']) || 'More information', isVisible: isVisible, shouldOpen: (_event, _fn) => setIsVisible(true), shouldClose: (_event, _fn) => setIsVisible(false), bodyContent: popoverBodyContent, footerContent: popoverFooterContent, minWidth: ((_d = popover.popoverProps) === null || _d === void 0 ? void 0 : _d.minWidth) || '432', maxWidth: ((_e = popover.popoverProps) === null || _e === void 0 ? void 0 : _e.maxWidth) || '432', distance: ((_f = popover.popoverProps) === null || _f === void 0 ? void 0 : _f.distance) || 16, showClose: false }, popover.popoverProps),
-            React.createElement(Button, { variant: "link", size: "sm" },
-                label,
-                " ",
-                React.createElement(InfoCircleIcon, null)))),
-        !popover && React.createElement(Content, { component: ContentVariants.small }, label)));
+    const popoverFooterContent = (_jsxs(Flex, { gap: { default: 'gapSm' }, children: [(popover === null || popover === void 0 ? void 0 : popover.cta) && (_jsx(Button, { variant: "secondary", onClick: () => {
+                    var _a;
+                    setIsVisible(false);
+                    (_a = popover.cta) === null || _a === void 0 ? void 0 : _a.onClick();
+                }, children: ((_b = popover.cta) === null || _b === void 0 ? void 0 : _b.label) || 'Dismiss' })), (popover === null || popover === void 0 ? void 0 : popover.link) && (_jsx(Button, { variant: "link", component: "a", href: popover.link.url, target: "_blank", icon: _jsx(ExternalLinkAltIcon, {}), iconPosition: "end", children: popover.link.label }))] }));
+    return (_jsxs("div", Object.assign({ className: `pf-chatbot__footnote ${className !== null && className !== void 0 ? className : ''}` }, props, { children: [popover && (_jsx(ChatbotPopover, Object.assign({ className: "pf-chatbot__popover--footnote", "aria-label": ((_c = popover.popoverProps) === null || _c === void 0 ? void 0 : _c['aria-label']) || 'More information', isVisible: isVisible, shouldOpen: (_event, _fn) => setIsVisible(true), shouldClose: (_event, _fn) => setIsVisible(false), bodyContent: popoverBodyContent, footerContent: popoverFooterContent, minWidth: ((_d = popover.popoverProps) === null || _d === void 0 ? void 0 : _d.minWidth) || '432', maxWidth: ((_e = popover.popoverProps) === null || _e === void 0 ? void 0 : _e.maxWidth) || '432', distance: ((_f = popover.popoverProps) === null || _f === void 0 ? void 0 : _f.distance) || 16, showClose: false }, popover.popoverProps, { children: _jsxs(Button, { variant: "link", size: "sm", children: [label, " ", _jsx(InfoCircleIcon, {})] }) }))), !popover && _jsx(Content, { component: ContentVariants.small, children: label })] })));
 };
 export default ChatbotFootnote;

package/dist/esm/ChatbotHeader/ChatbotHeader.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface ChatbotHeaderProps extends React.HTMLProps<HTMLDivElement> {
+import type { HTMLProps, FunctionComponent } from 'react';
+export interface ChatbotHeaderProps extends HTMLProps<HTMLDivElement> {
     /** Content to be displayed in the chatbot header */
     children: React.ReactNode;
     /** Custom classname for the header component */
     className?: string;
 }
-export declare const ChatbotHeader: React.FunctionComponent<ChatbotHeaderProps>;
+export declare const ChatbotHeader: FunctionComponent<ChatbotHeaderProps>;
 export default ChatbotHeader;

package/dist/esm/ChatbotHeader/ChatbotHeader.js

@@ -1,6 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider } from '@patternfly/react-core';
-export const ChatbotHeader = ({ className, children }) => (React.createElement("div", { className: "pf-chatbot__header-container" },
-    React.createElement("div", { className: `pf-chatbot__header ${className !== null && className !== void 0 ? className : ''}` }, children),
-    React.createElement(Divider, { className: "pf-chatbot__header__divider" })));
+export const ChatbotHeader = ({ className, children }) => (_jsxs("div", { className: "pf-chatbot__header-container", children: [_jsx("div", { className: `pf-chatbot__header${className ? ` ${className}` : ''}`, children: children }), _jsx(Divider, { className: "pf-chatbot__header__divider" })] }));
 export default ChatbotHeader;

package/dist/esm/ChatbotHeader/ChatbotHeader.test.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from '@testing-library/react';
 import ChatbotHeader from './ChatbotHeader';
 describe('ChatbotHeader', () => {
     it('should render ChatbotHeader with children', () => {
-        render(React.createElement(ChatbotHeader, null, "Chatbot Header"));
+        render(_jsx(ChatbotHeader, { children: "Chatbot Header" }));
         expect(screen.getByText('Chatbot Header')).toBeTruthy();
     });
     it('should render ChatbotHeader with custom classname', () => {
-        const { container } = render(React.createElement(ChatbotHeader, { className: "custom-header-class" }, "Chatbot Content"));
+        const { container } = render(_jsx(ChatbotHeader, { className: "custom-header-class", children: "Chatbot Content" }));
         expect(container.querySelector('.custom-header-class')).toBeTruthy();
     });
 });

package/dist/esm/ChatbotHeader/ChatbotHeaderActions.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface ChatbotHeaderActionsProps {
     /** Content to be displayed in the chatbot header */
     children: React.ReactNode;
     /** Custom classname for the header component */
     className?: string;
 }
-export declare const ChatbotHeaderActions: React.FunctionComponent<ChatbotHeaderActionsProps>;
+export declare const ChatbotHeaderActions: FunctionComponent<ChatbotHeaderActionsProps>;
 export default ChatbotHeaderActions;

package/dist/esm/ChatbotHeader/ChatbotHeaderActions.js

@@ -1,3 +1,3 @@
-import React from 'react';
-export const ChatbotHeaderActions = ({ className, children }) => React.createElement("div", { className: `pf-chatbot__actions ${className || ''}` }, children);
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatbotHeaderActions = ({ className, children }) => _jsx("div", { className: `pf-chatbot__actions ${className || ''}`, children: children });
 export default ChatbotHeaderActions;

package/dist/esm/ChatbotHeader/ChatbotHeaderActions.test.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from '@testing-library/react';
 import ChatbotHeaderActions from './ChatbotHeaderActions';
 describe('ChatbotHeaderActions', () => {
     it('should render ChatbotHeaderActions with children', () => {
-        render(React.createElement(ChatbotHeaderActions, null, "Chatbot Header"));
+        render(_jsx(ChatbotHeaderActions, { children: "Chatbot Header" }));
         expect(screen.getByText('Chatbot Header')).toBeTruthy();
     });
     it('should render ChatbotHeaderActions with custom classname', () => {
-        const { container } = render(React.createElement(ChatbotHeaderActions, { className: "custom-header-action-class" }, "Chatbot Content"));
+        const { container } = render(_jsx(ChatbotHeaderActions, { className: "custom-header-action-class", children: "Chatbot Content" }));
         expect(container.querySelector('.custom-header-action-class')).toBeTruthy();
     });
 });

package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { TooltipProps } from '@patternfly/react-core';
-export interface ChatbotHeaderCloseButtonProps {
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface ChatbotHeaderCloseButtonProps extends ButtonProps {
     /** Callback function for when button is clicked */
     onClick: () => void;
     /** Custom classname for the header component */
@@ -13,5 +12,7 @@ export interface ChatbotHeaderCloseButtonProps {
     innerRef?: React.Ref<HTMLButtonElement>;
     /** Content used in tooltip */
     tooltipContent?: string;
+    /** Sets button to compact styling. */
+    isCompact?: boolean;
 }
-export declare const ChatbotHeaderCloseButton: React.ForwardRefExoticComponent<ChatbotHeaderCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ChatbotHeaderCloseButton: import("react").ForwardRefExoticComponent<ChatbotHeaderCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js

@@ -1,10 +1,22 @@
-import React from 'react';
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { Button, Icon, Tooltip } from '@patternfly/react-core';
 import { CloseIcon } from '@patternfly/react-icons';
-const ChatbotHeaderCloseButtonBase = ({ className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close' }) => (React.createElement("div", { className: `pf-chatbot__menu ${className}` },
-    React.createElement(Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
-        // prevents VO announcements of both aria label and tooltip
-        aria: "none" }, tooltipProps),
-        React.createElement(Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: React.createElement(Icon, { size: "xl", isInline: true },
-                React.createElement(CloseIcon, null)) }))));
-export const ChatbotHeaderCloseButton = React.forwardRef((props, ref) => (React.createElement(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));
+const ChatbotHeaderCloseButtonBase = (_a) => {
+    var { className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
+    return (_jsx("div", { className: `pf-chatbot__menu${className ? ` ${className}` : ''}`, children: _jsx(Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
+            // prevents VO announcements of both aria label and tooltip
+            aria: "none" }, tooltipProps, { children: _jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: _jsx(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: _jsx(CloseIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })) }));
+};
+export const ChatbotHeaderCloseButton = forwardRef((props, ref) => (_jsx(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));

package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.d.ts

@@ -1 +1 @@
-export {};
+import '@testing-library/jest-dom';

package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.test.js

@@ -1,15 +1,20 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen } from '@testing-library/react';
 import { ChatbotHeaderCloseButton } from './ChatbotHeaderCloseButton';
+import '@testing-library/jest-dom';
 describe('ChatbotHeaderCloseButton', () => {
     it('should render ChatbotHeaderCloseButton', () => {
-        const { container } = render(React.createElement(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: jest.fn() }));
+        const { container } = render(_jsx(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: jest.fn() }));
         expect(container.querySelector('.custom-header-close-button')).toBeTruthy();
     });
     it('should call onClick handler when close button is pressed', () => {
         const onClick = jest.fn();
-        render(React.createElement(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: onClick }));
+        render(_jsx(ChatbotHeaderCloseButton, { className: "custom-header-close-button", onClick: onClick }));
         fireEvent.click(screen.getByRole('button', { name: 'Close' }));
         expect(onClick).toHaveBeenCalled();
     });
+    it('should render button with isCompact', () => {
+        render(_jsx(ChatbotHeaderCloseButton, { "data-testid": "close-button", onClick: jest.fn(), isCompact: true }));
+        expect(screen.getByTestId('close-button')).toHaveClass('pf-m-compact');
+    });
 });

package/dist/esm/ChatbotHeader/ChatbotHeaderMain.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface ChatbotHeaderMainProps {
     /** Custom classname for the header component */
     className?: string;
     /** Menu and/or chatbot header components */
     children: React.ReactNode;
 }
-export declare const ChatbotHeaderMain: React.FunctionComponent<ChatbotHeaderMainProps>;
+export declare const ChatbotHeaderMain: FunctionComponent<ChatbotHeaderMainProps>;
 export default ChatbotHeaderMain;

package/dist/esm/ChatbotHeader/ChatbotHeaderMain.js

@@ -1,3 +1,3 @@
-import React from 'react';
-export const ChatbotHeaderMain = ({ className, children }) => React.createElement("div", { className: `pf-chatbot__header-main ${className}` }, children);
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChatbotHeaderMain = ({ className, children }) => (_jsx("div", { className: `pf-chatbot__header-main${className ? ` ${className}` : ''}`, children: children }));
 export default ChatbotHeaderMain;

package/dist/esm/ChatbotHeader/ChatbotHeaderMain.test.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen } from '@testing-library/react';
 import ChatbotHeaderMain from './ChatbotHeaderMain';
 describe('ChatbotHeaderMain', () => {
     it('should render ChatbotHeaderMain with children', () => {
-        render(React.createElement(ChatbotHeaderMain, null, "Chatbot Header Main"));
+        render(_jsx(ChatbotHeaderMain, { children: "Chatbot Header Main" }));
         expect(screen.getByText('Chatbot Header Main')).toBeTruthy();
     });
     it('should render ChatbotHeaderMain with custom classname', () => {
-        const { container } = render(React.createElement(ChatbotHeaderMain, { className: "custom-header-class" }, "Chatbot Content"));
+        const { container } = render(_jsx(ChatbotHeaderMain, { className: "custom-header-class", children: "Chatbot Content" }));
         expect(container.querySelector('.custom-header-class')).toBeTruthy();
     });
 });

package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { TooltipProps } from '@patternfly/react-core';
-export interface ChatbotHeaderMenuProps {
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface ChatbotHeaderMenuProps extends ButtonProps {
     /** Callback function to attach to menu toggle on top right of chatbot header. */
     onMenuToggle: () => void;
     /** Custom classname for the header component */
@@ -13,5 +12,7 @@ export interface ChatbotHeaderMenuProps {
     innerRef?: React.Ref<HTMLButtonElement>;
     /** Content used in tooltip */
     tooltipContent?: string;
+    /** Sets menu to compact styling. */
+    isCompact?: boolean;
 }
-export declare const ChatbotHeaderMenu: React.ForwardRefExoticComponent<ChatbotHeaderMenuProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ChatbotHeaderMenu: import("react").ForwardRefExoticComponent<ChatbotHeaderMenuProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js

@@ -1,10 +1,22 @@
-import React from 'react';
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { Button, Icon, Tooltip } from '@patternfly/react-core';
 import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
-const ChatbotHeaderMenuBase = ({ className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef, tooltipContent = 'Menu' }) => (React.createElement("div", { className: `pf-chatbot__menu ${className}` },
-    React.createElement(Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
-        // prevents VO announcements of both aria label and tooltip
-        aria: "none" }, tooltipProps),
-        React.createElement(Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef, icon: React.createElement(Icon, { size: "xl", isInline: true },
-                React.createElement(BarsIcon, null)) }))));
-export const ChatbotHeaderMenu = React.forwardRef((props, ref) => (React.createElement(ChatbotHeaderMenuBase, Object.assign({ innerRef: ref }, props))));
+const ChatbotHeaderMenuBase = (_a) => {
+    var { className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef, tooltipContent = 'Menu', isCompact } = _a, props = __rest(_a, ["className", "onMenuToggle", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
+    return (_jsx("div", { className: `pf-chatbot__menu ${className}`, children: _jsx(Tooltip, Object.assign({ content: tooltipContent, position: "bottom", 
+            // prevents VO announcements of both aria label and tooltip
+            aria: "none" }, tooltipProps, { children: _jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef, icon: _jsx(Icon, { size: isCompact ? 'lg' : 'xl', isInline: true, children: _jsx(BarsIcon, {}) }), size: isCompact ? 'sm' : undefined }, props)) })) }));
+};
+export const ChatbotHeaderMenu = forwardRef((props, ref) => (_jsx(ChatbotHeaderMenuBase, Object.assign({ innerRef: ref }, props))));

package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.d.ts

@@ -1 +1 @@
-export {};
+import '@testing-library/jest-dom';

package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.test.js

@@ -1,15 +1,20 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen } from '@testing-library/react';
 import { ChatbotHeaderMenu } from './ChatbotHeaderMenu';
+import '@testing-library/jest-dom';
 describe('ChatbotHeaderMenu', () => {
     it('should render ChatbotHeaderMenu with custom class', () => {
-        const { container } = render(React.createElement(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: jest.fn() }));
+        const { container } = render(_jsx(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: jest.fn() }));
         expect(container.querySelector('.custom-header-menu')).toBeTruthy();
     });
     it('should call onMenuToggle when ChatbotHeaderMenu button is clicked', () => {
         const onMenuToggle = jest.fn();
-        render(React.createElement(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: onMenuToggle }));
+        render(_jsx(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: onMenuToggle }));
         fireEvent.click(screen.getByRole('button', { name: 'Toggle menu' }));
         expect(onMenuToggle).toHaveBeenCalled();
     });
+    it('should handle isCompact', () => {
+        render(_jsx(ChatbotHeaderMenu, { className: "custom-header-menu", onMenuToggle: jest.fn(), isCompact: true, "data-testid": "button" }));
+        expect(screen.getByTestId('button')).toHaveClass('pf-m-compact');
+    });
 });

package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.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 ChatbotHeaderOptionsDropdownProps extends Omit<DropdownProps, 'toggle'> {
     /** Content to be displayed in the chatbot header */
     children: React.ReactNode;
@@ -9,6 +9,10 @@ export interface ChatbotHeaderOptionsDropdownProps extends Omit<DropdownProps, '
     tooltipProps?: TooltipProps;
     /** Aria label for menu toggle */
     menuToggleAriaLabel?: string;
+    /** Sets menu to compact styling. */
+    isCompact?: boolean;
+    /** Additional props passed to toggle */
+    toggleProps?: MenuToggleProps;
 }
-export declare const ChatbotHeaderOptionsDropdown: React.FunctionComponent<ChatbotHeaderOptionsDropdownProps>;
+export declare const ChatbotHeaderOptionsDropdown: FunctionComponent<ChatbotHeaderOptionsDropdownProps>;
 export default ChatbotHeaderOptionsDropdown;