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

package/dist/esm/Message/QuickResponse/QuickResponse.js

@@ -9,19 +9,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Label, LabelGroup } from '@patternfly/react-core';
 import { CheckIcon } from '@patternfly/react-icons';
 export const QuickResponse = ({ quickResponses, quickResponseContainerProps = { numLabels: 5 }, onSelect, isCompact }) => {
-    const [selectedQuickResponse, setSelectedQuickResponse] = React.useState();
+    const [selectedQuickResponse, setSelectedQuickResponse] = useState();
     const handleQuickResponseClick = (id, onClick) => {
         setSelectedQuickResponse(id);
         onClick && onClick();
         onSelect && onSelect(id);
     };
-    return (React.createElement(LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${(quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className) ? quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className : ''}` }, quickResponseContainerProps), quickResponses.map((_a) => {
-        var { id, onClick, content, className } = _a, props = __rest(_a, ["id", "onClick", "content", "className"]);
-        return (React.createElement(Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? React.createElement(CheckIcon, null) : undefined, color: "blue", key: id, onClick: () => handleQuickResponseClick(id, onClick), className: `${id === selectedQuickResponse ? 'pf-chatbot__message-quick-response--selected' : ''} ${className ? className : ''}`, isCompact: isCompact }, props), content));
-    })));
+    return (_jsx(LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${(quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className) ? quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className : ''}` }, quickResponseContainerProps, { children: quickResponses.map((_a) => {
+            var { id, onClick, content, className } = _a, props = __rest(_a, ["id", "onClick", "content", "className"]);
+            return (_jsx(Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? _jsx(CheckIcon, {}) : undefined, color: "blue", onClick: () => handleQuickResponseClick(id, onClick), className: `${id === selectedQuickResponse ? 'pf-chatbot__message-quick-response--selected' : ''} ${className ? className : ''}`, isCompact: isCompact }, props, { children: content }), id));
+        }) })));
 };
 export default QuickResponse;

package/dist/esm/Message/QuickStarts/FallbackImg.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { FC } from 'react';
 interface FallbackImgProps {
     /** Image source */
     src: string;
@@ -9,5 +9,5 @@ interface FallbackImgProps {
     /** Fallback */
     fallback?: React.ReactNode;
 }
-declare const FallbackImg: React.FC<FallbackImgProps>;
+declare const FallbackImg: FC<FallbackImgProps>;
 export default FallbackImg;

package/dist/esm/Message/QuickStarts/FallbackImg.js

@@ -1,9 +1,10 @@
-import * as React from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
 const FallbackImg = ({ src, alt, className, fallback }) => {
-    const [isSrcValid, setIsSrcValid] = React.useState(true);
+    const [isSrcValid, setIsSrcValid] = useState(true);
     if (src && isSrcValid) {
-        return React.createElement("img", { className: className, src: src, alt: alt, onError: () => setIsSrcValid(false) });
+        return _jsx("img", { className: className, src: src, alt: alt, onError: () => setIsSrcValid(false) });
     }
-    return React.createElement(React.Fragment, null, fallback);
+    return _jsx(_Fragment, { children: fallback });
 };
 export default FallbackImg;

package/dist/esm/Message/QuickStarts/QuickStartTile.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { FC } from 'react';
 import { QuickStart, QuickstartAction } from './types';
 export declare const camelize: (str: string) => string;
 export interface QuickStartTileProps {
@@ -25,5 +25,5 @@ export interface QuickStartTileProps {
     /** Sets the tile to compact styling */
     isCompact?: boolean;
 }
-declare const QuickStartTile: React.FC<QuickStartTileProps>;
+declare const QuickStartTile: FC<QuickStartTileProps>;
 export default QuickStartTile;

package/dist/esm/Message/QuickStarts/QuickStartTile.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import RocketIcon from '@patternfly/react-icons/dist/js/icons/rocket-icon';
 import OutlinedBookmarkIcon from '@patternfly/react-icons/dist/js/icons/outlined-bookmark-icon';
 import { Card, CardBody, CardHeader, CardFooter, CardTitle, Icon, Button, Flex, Stack, Label, pluralize } from '@patternfly/react-core';
@@ -16,11 +16,10 @@ const QuickStartTile = ({ className, quickStart, onClick, onSelectQuickStart, mi
     const { metadata: { name: id }, spec: { icon, displayName, description, durationMinutes, prerequisites, link, type } } = quickStart;
     let quickStartIcon;
     if (typeof icon === 'object') {
-        quickStartIcon = React.createElement(Icon, { size: "2xl" }, icon);
+        quickStartIcon = _jsx(Icon, { size: "2xl", children: icon });
     }
     else {
-        quickStartIcon = (React.createElement(Icon, { size: "2xl" },
-            React.createElement(FallbackImg, { src: icon, alt: "", className: "pfext-catalog-item-icon__img", fallback: React.createElement(RocketIcon, null) })));
+        quickStartIcon = (_jsx(Icon, { size: "2xl", children: _jsx(FallbackImg, { src: icon, alt: "", className: "pfext-catalog-item-icon__img", fallback: _jsx(RocketIcon, {}) }) }));
     }
     const onSelect = () => {
         if (!link) {
@@ -32,21 +31,9 @@ const QuickStartTile = ({ className, quickStart, onClick, onSelectQuickStart, mi
         onClick && onClick();
     };
     const ActionIcon = (action === null || action === void 0 ? void 0 : action.icon) || OutlinedBookmarkIcon;
-    const additionalAction = action ? (React.createElement(Button, Object.assign({ "aria-label": action['aria-label'], icon: React.createElement(ActionIcon, null), variant: "plain", onClick: action.onClick }, action.buttonProps))) : undefined;
-    return (React.createElement(Card, { className: `pf-chatbot__quickstarts-tile ${className ? className : ''}`, id: `${id}-chatbot-qs-tile`, style: { height: '100%' }, "data-testid": `chatbot-qs-card-${camelize(displayName)}`, isCompact: isCompact },
-        React.createElement(CardHeader, Object.assign({}, (action && {
-            actions: { actions: additionalAction }
-        })), quickStartIcon),
-        React.createElement(CardTitle, null,
-            React.createElement(QuickStartTileHeader, { name: displayName, onSelect: onSelect, quickStartId: id })),
-        React.createElement(CardBody, null,
-            React.createElement(Stack, { hasGutter: true },
-                React.createElement(Flex, { spaceItems: { default: 'spaceItemsSm' } },
-                    type && React.createElement(Label, { color: type.color }, type.text),
-                    durationMinutes && (React.createElement(Label, { variant: "outline", "data-test": "duration", icon: React.createElement(OutlinedClockIcon, null) }, pluralize(durationMinutes, minuteWord, minuteWordPlural)))),
-                React.createElement(QuickStartTileDescription, { description: description, prerequisites: prerequisites, prerequisiteWord: prerequisiteWord, prerequisiteWordPlural: prerequisiteWordPlural, quickStartButtonAriaLabel: quickStartButtonAriaLabel }))),
-        React.createElement(CardFooter, null,
-            React.createElement(Button, { variant: "link", isInline: true, onClick: onSelect },
-                React.createElement("span", { className: "pf-v6-c-button__text" }, "Start")))));
+    const additionalAction = action ? (_jsx(Button, Object.assign({ "aria-label": action['aria-label'], icon: _jsx(ActionIcon, {}), variant: "plain", onClick: action.onClick }, action.buttonProps))) : undefined;
+    return (_jsxs(Card, { className: `pf-chatbot__quickstarts-tile ${className ? className : ''}`, id: `${id}-chatbot-qs-tile`, style: { height: '100%' }, "data-testid": `chatbot-qs-card-${camelize(displayName)}`, isCompact: isCompact, children: [_jsx(CardHeader, Object.assign({}, (action && {
+                actions: { actions: additionalAction }
+            }), { children: quickStartIcon })), _jsx(CardTitle, { children: _jsx(QuickStartTileHeader, { name: displayName, onSelect: onSelect, quickStartId: id }) }), _jsx(CardBody, { children: _jsxs(Stack, { hasGutter: true, children: [_jsxs(Flex, { spaceItems: { default: 'spaceItemsSm' }, children: [type && _jsx(Label, { color: type.color, children: type.text }), durationMinutes && (_jsx(Label, { variant: "outline", "data-test": "duration", icon: _jsx(OutlinedClockIcon, {}), children: pluralize(durationMinutes, minuteWord, minuteWordPlural) }))] }), _jsx(QuickStartTileDescription, { description: description, prerequisites: prerequisites, prerequisiteWord: prerequisiteWord, prerequisiteWordPlural: prerequisiteWordPlural, quickStartButtonAriaLabel: quickStartButtonAriaLabel })] }) }), _jsx(CardFooter, { children: _jsx(Button, { variant: "link", isInline: true, onClick: onSelect, children: _jsx("span", { className: "pf-v6-c-button__text", children: "Start" }) }) })] }));
 };
 export default QuickStartTile;

package/dist/esm/Message/QuickStarts/QuickStartTileDescription.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { FC } from 'react';
 interface QuickStartTileDescriptionProps {
     /** QuickStart description */
     description: string;
@@ -19,5 +19,5 @@ interface QuickStartTileDescriptionProps {
  *                 Defaults to adding an 's'.
  */
 export declare function pluralizeWord(i: number, singular: string, plural?: string): string;
-declare const QuickStartTileDescription: React.FC<QuickStartTileDescriptionProps>;
+declare const QuickStartTileDescription: FC<QuickStartTileDescriptionProps>;
 export default QuickStartTileDescription;

package/dist/esm/Message/QuickStarts/QuickStartTileDescription.js

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { Button, Flex, pluralize, Popover } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 /** This function is a helper for pluralizing strings stolen from React.
@@ -16,20 +17,13 @@ export function pluralizeWord(i, singular, plural) {
 }
 const QuickStartTileDescription = ({ description, prerequisites, prerequisiteWord = 'Prerequisite', prerequisiteWordPlural = 'Prerequisites', quickStartButtonAriaLabel = 'Show prerequisites' }) => {
     const prereqs = prerequisites === null || prerequisites === void 0 ? void 0 : prerequisites.filter((p) => p);
-    const buttonRef = React.useRef(null);
+    const buttonRef = useRef(null);
     const pluralizedPrereq = pluralizeWord((prereqs === null || prereqs === void 0 ? void 0 : prereqs.length) || 0, prerequisiteWord, prerequisiteWordPlural);
-    return (React.createElement(React.Fragment, null,
-        description,
-        prereqs && prereqs.length > 0 && (React.createElement(Flex, { spaceItems: { default: 'spaceItemsSm' } },
-            React.createElement("h5", null, pluralize(prereqs.length, prerequisiteWord, prerequisiteWordPlural)),
-            React.createElement(Button, { variant: "link", isInline: true, "data-testid": "qs-card-prereqs", ref: buttonRef, onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                }, "aria-label": quickStartButtonAriaLabel },
-                React.createElement(InfoCircleIcon, null)),
-            React.createElement(Popover, { "aria-label": pluralizedPrereq, headerContent: pluralizedPrereq, triggerRef: buttonRef, bodyContent: React.createElement("div", null,
-                    React.createElement("ul", { "aria-label": pluralizedPrereq }, prereqs.map((prerequisite, index) => (
-                    // eslint-disable-next-line react/no-array-index-key
-                    React.createElement("li", { key: index }, prerequisite))))) })))));
+    return (_jsxs(_Fragment, { children: [description, prereqs && prereqs.length > 0 && (_jsxs(Flex, { spaceItems: { default: 'spaceItemsSm' }, children: [_jsx("h5", { children: pluralize(prereqs.length, prerequisiteWord, prerequisiteWordPlural) }), _jsx(Button, { variant: "link", isInline: true, "data-testid": "qs-card-prereqs", ref: buttonRef, onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                        }, "aria-label": quickStartButtonAriaLabel, children: _jsx(InfoCircleIcon, {}) }), _jsx(Popover, { "aria-label": pluralizedPrereq, headerContent: pluralizedPrereq, triggerRef: buttonRef, bodyContent: _jsx("div", { children: _jsx("ul", { "aria-label": pluralizedPrereq, children: prereqs.map((prerequisite, index) => (
+                                // eslint-disable-next-line react/no-array-index-key
+                                _jsx("li", { children: prerequisite }, index))) }) }) })] }))] }));
 };
 export default QuickStartTileDescription;

package/dist/esm/Message/QuickStarts/QuickStartTileDescription.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 { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import userEvent from '@testing-library/user-event';
@@ -20,16 +20,16 @@ describe('pluralizeWord function', () => {
 });
 describe('QuickStart tile description', () => {
     it('should render no prereqs correctly', () => {
-        render(React.createElement(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description }));
+        render(_jsx(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description }));
         expect(screen.queryByRole('heading')).toBeFalsy();
     });
     it('should render singular prereq correctly', () => {
-        render(React.createElement(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
+        render(_jsx(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
         expect(screen.getByRole('heading', { name: /1 Prerequisite/i })).toBeTruthy();
         expect(screen.getByRole('button', { name: /Show prerequisite/i })).toBeTruthy();
     });
     it('should render plural prereq correctly', () => {
-        render(React.createElement(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description, prerequisites: [
+        render(_jsx(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description, prerequisites: [
                 `You completed the "Getting started with a sample" quick start.`,
                 `You completed the app quick start`
             ] }));
@@ -37,7 +37,7 @@ describe('QuickStart tile description', () => {
         expect(screen.getByRole('button', { name: /Show prerequisites/i })).toBeTruthy();
     });
     it('should be able to click prereqs link', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(React.createElement(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
+        render(_jsx(QuickStartTileDescription, { description: monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
         const button = screen.getByRole('button', { name: /Show prerequisites/i });
         expect(screen.queryByRole('dialog', { name: /Prerequisite/i })).toBeFalsy();
         yield userEvent.click(button);

package/dist/esm/Message/QuickStarts/QuickStartTileHeader.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type { FunctionComponent } from 'react';
 interface QuickStartTileHeaderProps {
     /** Name for the header */
     name: string;
@@ -7,5 +7,5 @@ interface QuickStartTileHeaderProps {
     /** Callback for when the name of the QuickStart is clicked */
     onSelect: (e: React.FormEvent<HTMLInputElement> | React.MouseEvent<Element, MouseEvent>) => void;
 }
-declare const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps>;
+declare const QuickStartTileHeader: FunctionComponent<QuickStartTileHeaderProps>;
 export default QuickStartTileHeader;

package/dist/esm/Message/QuickStarts/QuickStartTileHeader.js

@@ -1,5 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Button, Flex } from '@patternfly/react-core';
-const QuickStartTileHeader = ({ name, quickStartId, onSelect }) => (React.createElement(Flex, { flexWrap: { default: 'nowrap' } },
-    React.createElement(Button, { "data-test": "title", id: quickStartId, variant: "link", isInline: true, onClick: onSelect }, name)));
+const QuickStartTileHeader = ({ name, quickStartId, onSelect }) => (_jsx(Flex, { flexWrap: { default: 'nowrap' }, children: _jsx(Button, { "data-test": "title", id: quickStartId, variant: "link", isInline: true, onClick: onSelect, children: name }) }));
 export default QuickStartTileHeader;

package/dist/esm/Message/QuickStarts/types.d.ts

@@ -1,4 +1,5 @@
 import { ButtonProps } from '@patternfly/react-core';
+import type { ComponentType, ReactNode, SyntheticEvent } from 'react';
 export interface AccessReviewResourceAttributes {
     group?: string;
     resource?: string;
@@ -66,9 +67,9 @@ export interface QuickstartAction {
     /** Screen reader aria label. */
     'aria-label': string;
     /** Icon to be rendered as a plain button, by default Bookmark outlined will be used. */
-    icon?: React.ComponentType<unknown>;
+    icon?: ComponentType<unknown>;
     /** Callback with synthetic event parameter. */
-    onClick?: (e: React.SyntheticEvent) => void;
+    onClick?: (e: SyntheticEvent) => void;
     /** Additional button props to be rendered as extra props. */
     buttonProps?: ButtonProps;
 }
@@ -82,7 +83,7 @@ export interface QuickStartSpec {
     version?: number;
     displayName: string;
     durationMinutes?: number;
-    icon: React.ReactNode;
+    icon: ReactNode;
     description: string;
     prerequisites?: string[];
     introduction?: string;

package/dist/esm/Message/TableMessage/TableMessage.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ExtraProps } from 'react-markdown';
 import { TableProps } from '@patternfly/react-table';
 interface Properties {
@@ -16,5 +15,5 @@ export interface TableNode {
     tagName: string;
     type: string;
 }
-declare const TableMessage: ({ children, ...props }: TableProps & ExtraProps) => React.JSX.Element;
+declare const TableMessage: ({ children, ...props }: Omit<TableProps, "ref"> & ExtraProps) => import("react/jsx-runtime").JSX.Element;
 export default TableMessage;

package/dist/esm/Message/TableMessage/TableMessage.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Main - Message - Content - Table
-// ============================================================================
 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,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// Chatbot Main - Message - Content - Table
+// ============================================================================
+import { Children, cloneElement } from 'react';
 import { Table } from '@patternfly/react-table';
 const TableMessage = (_a) => {
     var _b;
@@ -45,9 +46,9 @@ const TableMessage = (_a) => {
     // The data structure does not otherwise know this information at that level
     // This is somewhat opinionated and may break if 3rd party library changes
     // See Tr and Tbody for other usage
-    const modifyChildren = (children) => React.Children.map(children, (child) => {
+    const modifyChildren = (children) => Children.map(children, (child) => {
         if (child && (headerTextValues === null || headerTextValues === void 0 ? void 0 : headerTextValues.length) > 0) {
-            return React.cloneElement(child, { extraHeaders: headerTextValues });
+            return cloneElement(child, { extraHeaders: headerTextValues });
         }
         return child;
     });
@@ -57,6 +58,6 @@ const TableMessage = (_a) => {
     }
     return (
     // gridBreakPoint is so we show mobile-styled-PF table
-    React.createElement(Table, Object.assign({ "aria-label": props['aria-label'], gridBreakPoint: "grid", className: `pf-chatbot__message-table ${className ? className : ''}` }, rest), modifyChildren(children)));
+    _jsx(Table, Object.assign({ "aria-label": props['aria-label'], gridBreakPoint: "grid", className: `pf-chatbot__message-table ${className ? className : ''}` }, rest, { children: modifyChildren(children) })));
 };
 export default TableMessage;

package/dist/esm/Message/TableMessage/TbodyMessage.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { ExtraProps } from 'react-markdown';
 import { TbodyProps } from '@patternfly/react-table';
-declare const TbodyProps: ({ children, ...props }: TbodyProps & ExtraProps & {
+declare const TbodyProps: ({ children, ...props }: Omit<TbodyProps, "ref"> & ExtraProps & {
     extraHeaders?: string[];
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TbodyProps;

package/dist/esm/Message/TableMessage/TbodyMessage.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Main - Message - Content - Table
-// ============================================================================
 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,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// Chatbot Main - Message - Content - Table
+// ============================================================================
+import { Children, cloneElement } from 'react';
 import { Tbody } from '@patternfly/react-table';
 const TbodyProps = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     // passthrough so we can place dataLabel on tds
     const modifyChildren = (children) => {
         if (children && props.extraHeaders) {
-            return React.Children.map(children, (child) => React.cloneElement(child, { extraHeaders: props.extraHeaders }));
+            return Children.map(children, (child) => cloneElement(child, { extraHeaders: props.extraHeaders }));
         }
         return children;
     };
-    return React.createElement(Tbody, Object.assign({}, props), modifyChildren(children));
+    return _jsx(Tbody, Object.assign({}, props, { children: modifyChildren(children) }));
 };
 export default TbodyProps;

package/dist/esm/Message/TableMessage/TdMessage.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ExtraProps } from 'react-markdown';
 import { TdProps } from '@patternfly/react-table';
-declare const TdMessage: ({ children, ...props }: TdProps & ExtraProps) => React.JSX.Element;
+declare const TdMessage: ({ children, ...props }: Omit<TdProps, "ref"> & ExtraProps) => import("react/jsx-runtime").JSX.Element;
 export default TdMessage;

package/dist/esm/Message/TableMessage/TdMessage.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Main - Message - Content - Table
-// ============================================================================
 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,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Td } from '@patternfly/react-table';
 const TdMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return React.createElement(Td, Object.assign({}, props), children);
+    return _jsx(Td, Object.assign({}, props, { children: children }));
 };
 export default TdMessage;

package/dist/esm/Message/TableMessage/ThMessage.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ExtraProps } from 'react-markdown';
 import { ThProps } from '@patternfly/react-table';
-declare const ThMessage: ({ children, ...props }: ThProps & ExtraProps) => React.JSX.Element;
+declare const ThMessage: ({ children, ...props }: Omit<ThProps, "ref"> & ExtraProps) => import("react/jsx-runtime").JSX.Element;
 export default ThMessage;

package/dist/esm/Message/TableMessage/ThMessage.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Main - Message - Content - Table
-// ============================================================================
 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,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Th } from '@patternfly/react-table';
 const ThMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return React.createElement(Th, Object.assign({}, props), children);
+    return _jsx(Th, Object.assign({}, props, { children: children }));
 };
 export default ThMessage;

package/dist/esm/Message/TableMessage/TheadMessage.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ExtraProps } from 'react-markdown';
 import { TheadProps } from '@patternfly/react-table';
-declare const TheadMessage: ({ children, ...props }: TheadProps & ExtraProps) => React.JSX.Element;
+declare const TheadMessage: ({ children, ...props }: Omit<TheadProps, "ref"> & ExtraProps) => import("react/jsx-runtime").JSX.Element;
 export default TheadMessage;

package/dist/esm/Message/TableMessage/TheadMessage.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Main - Message - Content - Table
-// ============================================================================
 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,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Thead } from '@patternfly/react-table';
 const TheadMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return React.createElement(Thead, Object.assign({}, props), children);
+    return (_jsx(Thead, Object.assign({}, props, { children: children })));
 };
 export default TheadMessage;

package/dist/esm/Message/TableMessage/TrMessage.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { ExtraProps } from 'react-markdown';
 import { TrProps } from '@patternfly/react-table';
-declare const TrMessage: ({ children, ...props }: TrProps & ExtraProps & {
+declare const TrMessage: ({ children, ...props }: Omit<TrProps, "ref"> & ExtraProps & {
     extraHeaders?: string[];
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrMessage;

package/dist/esm/Message/TableMessage/TrMessage.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Main - Message - Content - Table
-// ============================================================================
 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,21 +9,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// Chatbot Main - Message - Content - Table
+// ============================================================================
+import { Children, cloneElement } from 'react';
 import { Tr } from '@patternfly/react-table';
 const TrMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     let tdIndex = 0;
     // passthrough so we can place dataLabel on tds
     // places column name on correct child
-    const modifyChildren = (children) => React.Children.map(children, (child) => {
+    const modifyChildren = (children) => Children.map(children, (child) => {
         if (child.type.name === 'td' && props.extraHeaders) {
-            const clonedChild = React.cloneElement(child, { dataLabel: props.extraHeaders[tdIndex] });
+            const clonedChild = cloneElement(child, { dataLabel: props.extraHeaders[tdIndex] });
             tdIndex = tdIndex + 1;
             return clonedChild;
         }
         return child;
     });
-    return React.createElement(Tr, Object.assign({}, props), modifyChildren(children));
+    return _jsx(Tr, Object.assign({}, props, { children: modifyChildren(children) }));
 };
 export default TrMessage;

package/dist/esm/Message/TextMessage/TextMessage.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ExtraProps } from 'react-markdown';
 import { ContentProps } from '@patternfly/react-core';
-declare const TextMessage: ({ component, children, ...props }: ContentProps & ExtraProps) => React.JSX.Element;
+declare const TextMessage: ({ component, children, ...props }: Omit<ContentProps, "ref"> & ExtraProps) => import("react/jsx-runtime").JSX.Element;
 export default TextMessage;

package/dist/esm/Message/TextMessage/TextMessage.js

@@ -1,6 +1,3 @@
-// ============================================================================
-// Chatbot Main - Message - Content - Text
-// ============================================================================
 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,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Content } from '@patternfly/react-core';
 const TextMessage = (_a) => {
     var { component, children } = _a, props = __rest(_a, ["component", "children"]);
-    return (React.createElement("span", { className: "pf-chatbot__message-text" },
-        React.createElement(Content, Object.assign({ component: component }, props), children)));
+    return (_jsx("span", { className: "pf-chatbot__message-text", children: _jsx(Content, Object.assign({ component: component }, props, { children: children })) }));
 };
 export default TextMessage;

package/dist/esm/Message/UserFeedback/CloseButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { ButtonProps } from '@patternfly/react-core';
 export interface CloseButtonProps extends ButtonProps {
     /** Callback function for when close button is clicked */
@@ -6,5 +6,5 @@ export interface CloseButtonProps extends ButtonProps {
     /** Aria-label for button */
     ariaLabel?: string;
 }
-declare const CloseButton: React.FunctionComponent<CloseButtonProps>;
+declare const CloseButton: FunctionComponent<CloseButtonProps>;
 export default CloseButton;

package/dist/esm/Message/UserFeedback/CloseButton.js

@@ -1,9 +1,6 @@
-// ============================================================================
-// Chatbot Main - Messages - Close Button
-// ============================================================================
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Import PatternFly components
 import { Button } from '@patternfly/react-core';
 import { CloseIcon } from '@patternfly/react-icons';
-const CloseButton = ({ onClose, ariaLabel }) => (React.createElement(Button, { variant: "plain", onClick: onClose, icon: React.createElement(CloseIcon, null), "aria-label": ariaLabel }));
+const CloseButton = ({ onClose, ariaLabel }) => (_jsx(Button, { variant: "plain", onClick: onClose, icon: _jsx(CloseIcon, {}), "aria-label": ariaLabel }));
 export default CloseButton;

package/dist/esm/Message/UserFeedback/UserFeedback.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { CardProps, LabelGroupProps, OUIAProps } from '@patternfly/react-core';
 import QuickResponse from '../QuickResponse/QuickResponse';
 export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProps {
@@ -35,5 +35,5 @@ export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProp
     /** Timestamp passed in by Message for more context in aria announcements */
     timestamp?: string;
 }
-declare const UserFeedback: React.FunctionComponent<UserFeedbackProps>;
+declare const UserFeedback: FunctionComponent<UserFeedbackProps>;
 export default UserFeedback;