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

package/dist/cjs/ResponseActions/ResponseActionButton.js

@@ -10,12 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResponseActionButtonBase = 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 ResponseActionButtonBase = (_a) => {
     var { ariaLabel, clickedAriaLabel = ariaLabel, className, icon, isDisabled, onClick, tooltipContent, clickedTooltipContent = tooltipContent, tooltipProps, isClicked = false, innerRef } = _a, props = __rest(_a, ["ariaLabel", "clickedAriaLabel", "className", "icon", "isDisabled", "onClick", "tooltipContent", "clickedTooltipContent", "tooltipProps", "isClicked", "innerRef"]);
@@ -25,11 +23,10 @@ const ResponseActionButtonBase = (_a) => {
         }
         return isClicked ? clickedTooltipContent : tooltipContent;
     };
-    return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip-response-action-${tooltipContent}`, content: isClicked ? clickedTooltipContent : tooltipContent, "aria-live": "polite", position: "bottom", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip-response-action-${tooltipContent}`, content: isClicked ? clickedTooltipContent : tooltipContent, "aria-live": "polite", position: "bottom", entryDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.entryDelay) || 0, exitDelay: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.exitDelay) || 0, distance: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.distance) || 8, animationDuration: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.animationDuration) || 0, 
         // prevents VO announcements of both aria label and tooltip
-        aria: "none" }, tooltipProps),
-        react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--response-action ${isClicked ? 'pf-chatbot__button--response-action-clicked' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": generateAriaLabel(), icon: react_1.default.createElement(react_core_1.Icon, { isInline: true, size: "lg" }, icon), isDisabled: isDisabled, onClick: onClick, size: "sm", ref: innerRef }, props))));
+        aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--response-action ${isClicked ? 'pf-chatbot__button--response-action-clicked' : ''} ${className !== null && className !== void 0 ? className : ''}`, "aria-label": generateAriaLabel(), icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { isInline: true, size: "lg", children: icon }), isDisabled: isDisabled, onClick: onClick, size: "sm", ref: innerRef }, props)) })));
 };
 exports.ResponseActionButtonBase = ResponseActionButtonBase;
-const ResponseActionButton = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(exports.ResponseActionButtonBase, Object.assign({ innerRef: ref }, props))));
+const ResponseActionButton = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(exports.ResponseActionButtonBase, Object.assign({ innerRef: ref }, props))));
 exports.default = ResponseActionButton;

package/dist/cjs/ResponseActions/ResponseActionButton.test.js

@@ -12,43 +12,43 @@ 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 react_icons_1 = require("@patternfly/react-icons");
 const ResponseActionButton_1 = __importDefault(require("./ResponseActionButton"));
 describe('ResponseActionButton', () => {
     it('renders aria-label correctly if not clicked', () => {
-        (0, react_2.render)(react_1.default.createElement(ResponseActionButton_1.default, { icon: react_1.default.createElement(react_icons_1.DownloadIcon, null), ariaLabel: "Download", clickedAriaLabel: "Downloaded" }));
-        expect(react_2.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {}), ariaLabel: "Download", clickedAriaLabel: "Downloaded" }));
+        expect(react_1.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
     });
     it('renders aria-label correctly if clicked', () => {
-        (0, react_2.render)(react_1.default.createElement(ResponseActionButton_1.default, { icon: react_1.default.createElement(react_icons_1.DownloadIcon, null), ariaLabel: "Download", clickedAriaLabel: "Downloaded", isClicked: true }));
-        expect(react_2.screen.getByRole('button', { name: 'Downloaded' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {}), ariaLabel: "Download", clickedAriaLabel: "Downloaded", isClicked: true }));
+        expect(react_1.screen.getByRole('button', { name: 'Downloaded' })).toBeTruthy();
     });
     it('renders tooltip correctly if not clicked', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(ResponseActionButton_1.default, { icon: react_1.default.createElement(react_icons_1.DownloadIcon, null), tooltipContent: "Download", clickedTooltipContent: "Downloaded" }));
-        expect(react_2.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {}), tooltipContent: "Download", clickedTooltipContent: "Downloaded" }));
+        expect(react_1.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
         // clicking here just triggers the tooltip; in this button, the logic is divorced from whether it is actually clicked
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Download' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Download' })).toBeTruthy();
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Download' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Download' })).toBeTruthy();
     }));
     it('renders tooltip correctly if clicked', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(ResponseActionButton_1.default, { icon: react_1.default.createElement(react_icons_1.DownloadIcon, null), tooltipContent: "Download", clickedTooltipContent: "Downloaded", isClicked: true }));
-        expect(react_2.screen.getByRole('button', { name: 'Downloaded' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {}), tooltipContent: "Download", clickedTooltipContent: "Downloaded", isClicked: true }));
+        expect(react_1.screen.getByRole('button', { name: 'Downloaded' })).toBeTruthy();
         // clicking here just triggers the tooltip; in this button, the logic is divorced from whether it is actually clicked
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Downloaded' }));
-        expect(react_2.screen.getByRole('tooltip', { name: 'Downloaded' })).toBeTruthy();
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Downloaded' }));
+        expect(react_1.screen.getByRole('tooltip', { name: 'Downloaded' })).toBeTruthy();
     }));
     it('if clicked variant for tooltip is not supplied, it uses the default', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(ResponseActionButton_1.default, { icon: react_1.default.createElement(react_icons_1.DownloadIcon, null), tooltipContent: "Download", isClicked: true }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {}), tooltipContent: "Download", isClicked: true }));
         // clicking here just triggers the tooltip; in this button, the logic is divorced from whether it is actually clicked
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Download' }));
-        expect(react_2.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Download' }));
+        expect(react_1.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
     }));
     it('if clicked variant for aria label is not supplied, it uses the default', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(ResponseActionButton_1.default, { icon: react_1.default.createElement(react_icons_1.DownloadIcon, null), ariaLabel: "Download", isClicked: true }));
-        expect(react_2.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, { icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {}), ariaLabel: "Download", isClicked: true }));
+        expect(react_1.screen.getByRole('button', { name: 'Download' })).toBeTruthy();
     }));
 });

package/dist/cjs/ResponseActions/ResponseActions.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent, MouseEvent } from 'react';
 import { ButtonProps, TooltipProps } from '@patternfly/react-core';
 export interface ActionProps extends Omit<ButtonProps, 'ref'> {
     /** Aria-label for the button */
@@ -39,5 +39,5 @@ export interface ResponseActionProps {
         listen?: ActionProps;
     };
 }
-export declare const ResponseActions: React.FunctionComponent<ResponseActionProps>;
+export declare const ResponseActions: FunctionComponent<ResponseActionProps>;
 export default ResponseActions;

package/dist/cjs/ResponseActions/ResponseActions.js

@@ -15,15 +15,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResponseActions = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_2 = require("react");
 const react_icons_1 = require("@patternfly/react-icons");
 const ResponseActionButton_1 = __importDefault(require("./ResponseActionButton"));
 const ResponseActions = ({ actions }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-    const [activeButton, setActiveButton] = react_1.default.useState();
+    const [activeButton, setActiveButton] = (0, react_2.useState)();
     const { positive, negative, copy, share, listen } = actions, additionalActions = __rest(actions, ["positive", "negative", "copy", "share", "listen"]);
-    const responseActions = react_1.default.useRef(null);
-    react_1.default.useEffect(() => {
+    const responseActions = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
         const handleClickOutside = (e) => {
             if (responseActions.current && !responseActions.current.contains(e.target)) {
                 setActiveButton(undefined);
@@ -38,16 +40,10 @@ const ResponseActions = ({ actions }) => {
         setActiveButton(id);
         onClick && onClick(e);
     };
-    return (react_1.default.createElement("div", { ref: responseActions, className: "pf-chatbot__response-actions" },
-        positive && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, positive, { ariaLabel: (_a = positive.ariaLabel) !== null && _a !== void 0 ? _a : 'Good response', clickedAriaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_c = positive.tooltipContent) !== null && _c !== void 0 ? _c : 'Good response', clickedTooltipContent: (_d = positive.clickedTooltipContent) !== null && _d !== void 0 ? _d : 'Response recorded', tooltipProps: positive.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsUpIcon, null), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] }))),
-        negative && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, negative, { ariaLabel: (_e = negative.ariaLabel) !== null && _e !== void 0 ? _e : 'Bad response', clickedAriaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_g = negative.tooltipContent) !== null && _g !== void 0 ? _g : 'Bad response', clickedTooltipContent: (_h = negative.clickedTooltipContent) !== null && _h !== void 0 ? _h : 'Response recorded', tooltipProps: negative.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedThumbsDownIcon, null), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] }))),
-        copy && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, copy, { ariaLabel: (_j = copy.ariaLabel) !== null && _j !== void 0 ? _j : 'Copy', clickedAriaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_l = copy.tooltipContent) !== null && _l !== void 0 ? _l : 'Copy', clickedTooltipContent: (_m = copy.clickedTooltipContent) !== null && _m !== void 0 ? _m : 'Copied', tooltipProps: copy.tooltipProps, icon: react_1.default.createElement(react_icons_1.OutlinedCopyIcon, null), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] }))),
-        share && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, share, { ariaLabel: (_o = share.ariaLabel) !== null && _o !== void 0 ? _o : 'Share', clickedAriaLabel: (_p = share.ariaLabel) !== null && _p !== void 0 ? _p : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_q = share.tooltipContent) !== null && _q !== void 0 ? _q : 'Share', clickedTooltipContent: (_r = share.clickedTooltipContent) !== null && _r !== void 0 ? _r : 'Shared', tooltipProps: share.tooltipProps, icon: react_1.default.createElement(react_icons_1.ExternalLinkAltIcon, null), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] }))),
-        listen && (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, listen, { ariaLabel: (_s = listen.ariaLabel) !== null && _s !== void 0 ? _s : 'Listen', clickedAriaLabel: (_t = listen.ariaLabel) !== null && _t !== void 0 ? _t : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_u = listen.tooltipContent) !== null && _u !== void 0 ? _u : 'Listen', clickedTooltipContent: (_v = listen.clickedTooltipContent) !== null && _v !== void 0 ? _v : 'Listening', tooltipProps: listen.tooltipProps, icon: react_1.default.createElement(react_icons_1.VolumeUpIcon, null), isClicked: activeButton === 'listen', ref: listen.ref, "aria-expanded": listen['aria-expanded'], "aria-controls": listen['aria-controls'] }))),
-        Object.keys(additionalActions).map((action) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            return (react_1.default.createElement(ResponseActionButton_1.default, Object.assign({}, additionalActions[action], { key: action, ariaLabel: (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.ariaLabel, clickedAriaLabel: (_b = additionalActions[action]) === null || _b === void 0 ? void 0 : _b.clickedAriaLabel, onClick: (e) => { var _a; return handleClick(e, action, (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.onClick); }, className: (_c = additionalActions[action]) === null || _c === void 0 ? void 0 : _c.className, isDisabled: (_d = additionalActions[action]) === null || _d === void 0 ? void 0 : _d.isDisabled, tooltipContent: (_e = additionalActions[action]) === null || _e === void 0 ? void 0 : _e.tooltipContent, tooltipProps: (_f = additionalActions[action]) === null || _f === void 0 ? void 0 : _f.tooltipProps, clickedTooltipContent: (_g = additionalActions[action]) === null || _g === void 0 ? void 0 : _g.clickedTooltipContent, icon: (_h = additionalActions[action]) === null || _h === void 0 ? void 0 : _h.icon, isClicked: activeButton === action, ref: (_j = additionalActions[action]) === null || _j === void 0 ? void 0 : _j.ref, "aria-expanded": (_k = additionalActions[action]) === null || _k === void 0 ? void 0 : _k['aria-expanded'], "aria-controls": (_l = additionalActions[action]) === null || _l === void 0 ? void 0 : _l['aria-controls'] })));
-        })));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: responseActions, className: "pf-chatbot__response-actions", children: [positive && ((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, Object.assign({}, positive, { ariaLabel: (_a = positive.ariaLabel) !== null && _a !== void 0 ? _a : 'Good response', clickedAriaLabel: (_b = positive.ariaLabel) !== null && _b !== void 0 ? _b : 'Response recorded', onClick: (e) => handleClick(e, 'positive', positive.onClick), className: positive.className, isDisabled: positive.isDisabled, tooltipContent: (_c = positive.tooltipContent) !== null && _c !== void 0 ? _c : 'Good response', clickedTooltipContent: (_d = positive.clickedTooltipContent) !== null && _d !== void 0 ? _d : 'Response recorded', tooltipProps: positive.tooltipProps, icon: (0, jsx_runtime_1.jsx)(react_icons_1.OutlinedThumbsUpIcon, {}), isClicked: activeButton === 'positive', ref: positive.ref, "aria-expanded": positive['aria-expanded'], "aria-controls": positive['aria-controls'] }))), negative && ((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, Object.assign({}, negative, { ariaLabel: (_e = negative.ariaLabel) !== null && _e !== void 0 ? _e : 'Bad response', clickedAriaLabel: (_f = negative.ariaLabel) !== null && _f !== void 0 ? _f : 'Response recorded', onClick: (e) => handleClick(e, 'negative', negative.onClick), className: negative.className, isDisabled: negative.isDisabled, tooltipContent: (_g = negative.tooltipContent) !== null && _g !== void 0 ? _g : 'Bad response', clickedTooltipContent: (_h = negative.clickedTooltipContent) !== null && _h !== void 0 ? _h : 'Response recorded', tooltipProps: negative.tooltipProps, icon: (0, jsx_runtime_1.jsx)(react_icons_1.OutlinedThumbsDownIcon, {}), isClicked: activeButton === 'negative', ref: negative.ref, "aria-expanded": negative['aria-expanded'], "aria-controls": negative['aria-controls'] }))), copy && ((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, Object.assign({}, copy, { ariaLabel: (_j = copy.ariaLabel) !== null && _j !== void 0 ? _j : 'Copy', clickedAriaLabel: (_k = copy.ariaLabel) !== null && _k !== void 0 ? _k : 'Copied', onClick: (e) => handleClick(e, 'copy', copy.onClick), className: copy.className, isDisabled: copy.isDisabled, tooltipContent: (_l = copy.tooltipContent) !== null && _l !== void 0 ? _l : 'Copy', clickedTooltipContent: (_m = copy.clickedTooltipContent) !== null && _m !== void 0 ? _m : 'Copied', tooltipProps: copy.tooltipProps, icon: (0, jsx_runtime_1.jsx)(react_icons_1.OutlinedCopyIcon, {}), isClicked: activeButton === 'copy', ref: copy.ref, "aria-expanded": copy['aria-expanded'], "aria-controls": copy['aria-controls'] }))), share && ((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, Object.assign({}, share, { ariaLabel: (_o = share.ariaLabel) !== null && _o !== void 0 ? _o : 'Share', clickedAriaLabel: (_p = share.ariaLabel) !== null && _p !== void 0 ? _p : 'Shared', onClick: (e) => handleClick(e, 'share', share.onClick), className: share.className, isDisabled: share.isDisabled, tooltipContent: (_q = share.tooltipContent) !== null && _q !== void 0 ? _q : 'Share', clickedTooltipContent: (_r = share.clickedTooltipContent) !== null && _r !== void 0 ? _r : 'Shared', tooltipProps: share.tooltipProps, icon: (0, jsx_runtime_1.jsx)(react_icons_1.ExternalLinkAltIcon, {}), isClicked: activeButton === 'share', ref: share.ref, "aria-expanded": share['aria-expanded'], "aria-controls": share['aria-controls'] }))), listen && ((0, jsx_runtime_1.jsx)(ResponseActionButton_1.default, Object.assign({}, listen, { ariaLabel: (_s = listen.ariaLabel) !== null && _s !== void 0 ? _s : 'Listen', clickedAriaLabel: (_t = listen.ariaLabel) !== null && _t !== void 0 ? _t : 'Listening', onClick: (e) => handleClick(e, 'listen', listen.onClick), className: listen.className, isDisabled: listen.isDisabled, tooltipContent: (_u = listen.tooltipContent) !== null && _u !== void 0 ? _u : 'Listen', clickedTooltipContent: (_v = listen.clickedTooltipContent) !== null && _v !== void 0 ? _v : 'Listening', tooltipProps: listen.tooltipProps, icon: (0, jsx_runtime_1.jsx)(react_icons_1.VolumeUpIcon, {}), isClicked: activeButton === 'listen', ref: listen.ref, "aria-expanded": listen['aria-expanded'], "aria-controls": listen['aria-controls'] }))), Object.keys(additionalActions).map((action) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+                return ((0, react_1.createElement)(ResponseActionButton_1.default, Object.assign({}, additionalActions[action], { key: action, ariaLabel: (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.ariaLabel, clickedAriaLabel: (_b = additionalActions[action]) === null || _b === void 0 ? void 0 : _b.clickedAriaLabel, onClick: (e) => { var _a; return handleClick(e, action, (_a = additionalActions[action]) === null || _a === void 0 ? void 0 : _a.onClick); }, className: (_c = additionalActions[action]) === null || _c === void 0 ? void 0 : _c.className, isDisabled: (_d = additionalActions[action]) === null || _d === void 0 ? void 0 : _d.isDisabled, tooltipContent: (_e = additionalActions[action]) === null || _e === void 0 ? void 0 : _e.tooltipContent, tooltipProps: (_f = additionalActions[action]) === null || _f === void 0 ? void 0 : _f.tooltipProps, clickedTooltipContent: (_g = additionalActions[action]) === null || _g === void 0 ? void 0 : _g.clickedTooltipContent, icon: (_h = additionalActions[action]) === null || _h === void 0 ? void 0 : _h.icon, isClicked: activeButton === action, ref: (_j = additionalActions[action]) === null || _j === void 0 ? void 0 : _j.ref, "aria-expanded": (_k = additionalActions[action]) === null || _k === void 0 ? void 0 : _k['aria-expanded'], "aria-controls": (_l = additionalActions[action]) === null || _l === void 0 ? void 0 : _l['aria-controls'] })));
+            })] }));
 };
 exports.ResponseActions = ResponseActions;
 exports.default = exports.ResponseActions;

package/dist/cjs/ResponseActions/ResponseActions.test.js

@@ -12,8 +12,8 @@ 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 ResponseActions_1 = __importDefault(require("./ResponseActions"));
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
@@ -34,7 +34,7 @@ const CUSTOM_ACTIONS = [
             onClick: jest.fn(),
             tooltipContent: 'Regenerate',
             clickedTooltipContent: 'Regenerated',
-            icon: react_1.default.createElement(react_icons_1.RedoIcon, null)
+            icon: (0, jsx_runtime_1.jsx)(react_icons_1.RedoIcon, {})
         },
         download: {
             ariaLabel: 'Download',
@@ -42,13 +42,13 @@ const CUSTOM_ACTIONS = [
             onClick: jest.fn(),
             tooltipContent: 'Download',
             clickedTooltipContent: 'Downloaded',
-            icon: react_1.default.createElement(react_icons_1.DownloadIcon, null)
+            icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {})
         },
         info: {
             ariaLabel: 'Info',
             onClick: jest.fn(),
             tooltipContent: 'Info',
-            icon: react_1.default.createElement(react_icons_1.InfoCircleIcon, null)
+            icon: (0, jsx_runtime_1.jsx)(react_icons_1.InfoCircleIcon, {})
         }
     }
 ];
@@ -64,30 +64,30 @@ describe('ResponseActions', () => {
         jest.clearAllMocks();
     });
     it('should handle click within group of buttons correctly', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: {
                 positive: { onClick: jest.fn() },
                 negative: { onClick: jest.fn() },
                 copy: { onClick: jest.fn() },
                 share: { onClick: jest.fn() },
                 listen: { onClick: jest.fn() }
             } }));
-        const goodBtn = react_2.screen.getByRole('button', { name: 'Good response' });
-        const badBtn = react_2.screen.getByRole('button', { name: 'Bad response' });
-        const copyBtn = react_2.screen.getByRole('button', { name: 'Copy' });
-        const shareBtn = react_2.screen.getByRole('button', { name: 'Share' });
-        const listenBtn = react_2.screen.getByRole('button', { name: 'Listen' });
+        const goodBtn = react_1.screen.getByRole('button', { name: 'Good response' });
+        const badBtn = react_1.screen.getByRole('button', { name: 'Bad response' });
+        const copyBtn = react_1.screen.getByRole('button', { name: 'Copy' });
+        const shareBtn = react_1.screen.getByRole('button', { name: 'Share' });
+        const listenBtn = react_1.screen.getByRole('button', { name: 'Listen' });
         const buttons = [goodBtn, badBtn, copyBtn, shareBtn, listenBtn];
         buttons.forEach((button) => {
             expect(button).toBeTruthy();
         });
         yield user_event_1.default.click(goodBtn);
-        expect(react_2.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
         let unclickedButtons = buttons.filter((button) => button !== goodBtn);
         unclickedButtons.forEach((button) => {
             expect(button).not.toHaveClass('pf-chatbot__button--response-action-clicked');
         });
         yield user_event_1.default.click(badBtn);
-        expect(react_2.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
         unclickedButtons = buttons.filter((button) => button !== badBtn);
         unclickedButtons.forEach((button) => {
             expect(button).not.toHaveClass('pf-chatbot__button--response-action-clicked');
@@ -95,52 +95,52 @@ describe('ResponseActions', () => {
     }));
     it('should handle click outside of group of buttons correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         // using message just so we have something outside the group that's rendered
-        (0, react_2.render)(react_1.default.createElement(Message_1.default, { name: "Bot", role: "bot", avatar: "", content: "I updated your account with those settings. You're ready to set up your first dashboard!", actions: {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Message_1.default, { name: "Bot", role: "bot", avatar: "", content: "I updated your account with those settings. You're ready to set up your first dashboard!", actions: {
                 positive: {},
                 negative: {}
             } }));
-        const goodBtn = react_2.screen.getByRole('button', { name: 'Good response' });
-        const badBtn = react_2.screen.getByRole('button', { name: 'Bad response' });
+        const goodBtn = react_1.screen.getByRole('button', { name: 'Good response' });
+        const badBtn = react_1.screen.getByRole('button', { name: 'Bad response' });
         expect(goodBtn).toBeTruthy();
         expect(badBtn).toBeTruthy();
         yield user_event_1.default.click(goodBtn);
-        expect(react_2.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
         expect(badBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
         yield user_event_1.default.click(badBtn);
-        expect(react_2.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
         expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
-        yield user_event_1.default.click(react_2.screen.getByText("I updated your account with those settings. You're ready to set up your first dashboard!"));
+        yield user_event_1.default.click(react_1.screen.getByText("I updated your account with those settings. You're ready to set up your first dashboard!"));
         expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
         expect(badBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
     }));
     it('should render buttons correctly', () => {
         ALL_ACTIONS.forEach(({ type, label }) => {
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn() } } }));
-            expect(react_2.screen.getByRole('button', { name: label })).toBeTruthy();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn() } } }));
+            expect(react_1.screen.getByRole('button', { name: label })).toBeTruthy();
         });
     });
     it('should be able to call onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         ALL_ACTIONS.forEach((_a) => __awaiter(void 0, [_a], void 0, function* ({ type, label }) {
             const spy = jest.fn();
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: spy } } }));
-            yield user_event_1.default.click(react_2.screen.getByRole('button', { name: label }));
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: spy } } }));
+            yield user_event_1.default.click(react_1.screen.getByRole('button', { name: label }));
             expect(spy).toHaveBeenCalledTimes(1);
         }));
     }));
     it('should swap clicked and non-clicked aria labels on click', () => __awaiter(void 0, void 0, void 0, function* () {
         ALL_ACTIONS.forEach((_a) => __awaiter(void 0, [_a], void 0, function* ({ type, label, clickedLabel }) {
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn() } } }));
-            expect(react_2.screen.getByRole('button', { name: label })).toBeTruthy();
-            yield user_event_1.default.click(react_2.screen.getByRole('button', { name: label }));
-            expect(react_2.screen.getByRole('button', { name: clickedLabel })).toBeTruthy();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn() } } }));
+            expect(react_1.screen.getByRole('button', { name: label })).toBeTruthy();
+            yield user_event_1.default.click(react_1.screen.getByRole('button', { name: label }));
+            expect(react_1.screen.getByRole('button', { name: clickedLabel })).toBeTruthy();
         }));
     }));
     it('should swap clicked and non-clicked tooltips on click', () => __awaiter(void 0, void 0, void 0, function* () {
         ALL_ACTIONS.forEach((_a) => __awaiter(void 0, [_a], void 0, function* ({ type, label, clickedLabel }) {
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn() } } }));
-            expect(react_2.screen.getByRole('button', { name: label })).toBeTruthy();
-            yield user_event_1.default.click(react_2.screen.getByRole('button', { name: label }));
-            expect(react_2.screen.getByRole('tooltip', { name: clickedLabel })).toBeTruthy();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn() } } }));
+            expect(react_1.screen.getByRole('button', { name: label })).toBeTruthy();
+            yield user_event_1.default.click(react_1.screen.getByRole('button', { name: label }));
+            expect(react_1.screen.getByRole('tooltip', { name: clickedLabel })).toBeTruthy();
         }));
     }));
     it('should be able to change aria labels', () => {
@@ -152,32 +152,32 @@ describe('ResponseActions', () => {
             { type: 'listen', ariaLabel: 'Listen up' }
         ];
         actions.forEach(({ type, ariaLabel }) => {
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), ariaLabel } } }));
-            expect(react_2.screen.getByRole('button', { name: ariaLabel })).toBeTruthy();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), ariaLabel } } }));
+            expect(react_1.screen.getByRole('button', { name: ariaLabel })).toBeTruthy();
         });
     });
     it('should be able to disable buttons', () => {
         ALL_ACTIONS.forEach(({ type, label }) => {
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), isDisabled: true } } }));
-            expect(react_2.screen.getByRole('button', { name: label })).toBeDisabled();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), isDisabled: true } } }));
+            expect(react_1.screen.getByRole('button', { name: label })).toBeDisabled();
         });
     });
     it('should be able to add class to buttons', () => {
         ALL_ACTIONS.forEach(({ type, label }) => {
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), className: 'test' } } }));
-            expect(react_2.screen.getByRole('button', { name: label })).toHaveClass('test');
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), className: 'test' } } }));
+            expect(react_1.screen.getByRole('button', { name: label })).toHaveClass('test');
         });
     });
     it('should be able to add custom attributes to buttons', () => {
         ALL_ACTIONS_DATA_TEST.forEach(({ type, dataTestId }) => {
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), 'data-testid': dataTestId } } }));
-            expect(react_2.screen.getByTestId(dataTestId)).toBeTruthy();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: { [type]: { onClick: jest.fn(), 'data-testid': dataTestId } } }));
+            expect(react_1.screen.getByTestId(dataTestId)).toBeTruthy();
         });
     });
     it('should be able to add custom actions', () => {
         CUSTOM_ACTIONS.forEach((action) => {
             const key = Object.keys(action)[0];
-            (0, react_2.render)(react_1.default.createElement(ResponseActions_1.default, { actions: {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: {
                     [key]: {
                         tooltipContent: action[key].tooltipContent,
                         onClick: action[key].onClick,
@@ -187,8 +187,8 @@ describe('ResponseActions', () => {
                         'data-testid': action[key]
                     }
                 } }));
-            expect(react_2.screen.getByRole('button', { name: key })).toBeTruthy();
-            expect(react_2.screen.getByTestId(action[key])).toBeTruthy();
+            expect(react_1.screen.getByRole('button', { name: key })).toBeTruthy();
+            expect(react_1.screen.getByTestId(action[key])).toBeTruthy();
         });
     });
 });

package/dist/cjs/Settings/SettingsForm.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface SettingsFormProps {
     /** Class applied to form container */
     className?: string;
@@ -11,5 +11,5 @@ export interface SettingsFormProps {
     /** Sets form to compact styling. */
     isCompact?: boolean;
 }
-export declare const SettingsForm: React.FunctionComponent<SettingsFormProps>;
+export declare const SettingsForm: FunctionComponent<SettingsFormProps>;
 export default SettingsForm;

package/dist/cjs/Settings/SettingsForm.js

@@ -10,18 +10,12 @@ 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.SettingsForm = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SettingsForm = (_a) => {
     var { className, fields = [], isCompact } = _a, props = __rest(_a, ["className", "fields", "isCompact"]);
-    return (react_1.default.createElement("div", Object.assign({ className: `pf-chatbot__settings-form-container ${isCompact ? 'pf-m-compact' : ''} ${className ? ` ${className}` : ''}` }, props),
-        react_1.default.createElement("form", { className: "pf-chatbot__settings-form" }, fields.map((field) => (react_1.default.createElement("div", { className: "pf-chatbot__settings-form-row", key: field.label },
-            react_1.default.createElement("label", { className: "pf-chatbot__settings-label", htmlFor: field.id }, field.label),
-            field.field))))));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `pf-chatbot__settings-form-container ${isCompact ? 'pf-m-compact' : ''} ${className ? ` ${className}` : ''}` }, props, { children: (0, jsx_runtime_1.jsx)("form", { className: "pf-chatbot__settings-form", children: fields.map((field) => ((0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__settings-form-row", children: [(0, jsx_runtime_1.jsx)("label", { className: "pf-chatbot__settings-label", htmlFor: field.id, children: field.label }), field.field] }, field.label))) }) })));
 };
 exports.SettingsForm = SettingsForm;
 exports.default = exports.SettingsForm;

package/dist/cjs/Settings/SettingsForm.test.js

@@ -1,16 +1,13 @@
 "use strict";
-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 SettingsForm_1 = require("./SettingsForm");
 require("@testing-library/jest-dom");
 describe('SettingsForm', () => {
     it('should render settingsForm with custom classname', () => {
-        const { container } = (0, react_2.render)(react_1.default.createElement(SettingsForm_1.SettingsForm, { className: "custom-settings" }));
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(SettingsForm_1.SettingsForm, { className: "custom-settings" }));
         expect(container.querySelector('.custom-settings')).toBeTruthy();
     });
     it('should render settingsForm with fields', () => {
@@ -18,21 +15,21 @@ describe('SettingsForm', () => {
             {
                 id: 'archived-chat',
                 label: 'Archive chat',
-                field: (react_1.default.createElement(react_core_1.Button, { id: "archived-chat", variant: "secondary" }, "Archive chat"))
+                field: ((0, jsx_runtime_1.jsx)(react_core_1.Button, { id: "archived-chat", variant: "secondary", children: "Archive chat" }))
             }
         ];
-        (0, react_2.render)(react_1.default.createElement(SettingsForm_1.SettingsForm, { fields: fields }));
-        expect(react_2.screen.getByRole('button', { name: 'Archive chat' })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(SettingsForm_1.SettingsForm, { fields: fields }));
+        expect(react_1.screen.getByRole('button', { name: 'Archive chat' })).toBeTruthy();
     });
     it('should render settingsForm with isCompact', () => {
         const fields = [
             {
                 id: 'archived-chat',
                 label: 'Archive chat',
-                field: (react_1.default.createElement(react_core_1.Button, { id: "archived-chat", variant: "secondary" }, "Archive chat"))
+                field: ((0, jsx_runtime_1.jsx)(react_core_1.Button, { id: "archived-chat", variant: "secondary", children: "Archive chat" }))
             }
         ];
-        (0, react_2.render)(react_1.default.createElement(SettingsForm_1.SettingsForm, { "data-testid": "settings-form", fields: fields, isCompact: true }));
-        expect(react_2.screen.getByTestId('settings-form')).toHaveClass('pf-m-compact');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(SettingsForm_1.SettingsForm, { "data-testid": "settings-form", fields: fields, isCompact: true }));
+        expect(react_1.screen.getByTestId('settings-form')).toHaveClass('pf-m-compact');
     });
 });

package/dist/cjs/SourceDetailsMenuItem/SourceDetailsMenuItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 export interface SourceDetailsMenuItemProps extends React.HTMLProps<HTMLDivElement> {
     /** Icon */
     icon: React.ReactNode;
@@ -7,5 +7,5 @@ export interface SourceDetailsMenuItemProps extends React.HTMLProps<HTMLDivEleme
     /** Description of source */
     type?: string;
 }
-export declare const SourceDetailsMenuItem: React.FunctionComponent<SourceDetailsMenuItemProps>;
+export declare const SourceDetailsMenuItem: FunctionComponent<SourceDetailsMenuItemProps>;
 export default SourceDetailsMenuItem;

package/dist/cjs/SourceDetailsMenuItem/SourceDetailsMenuItem.js

@@ -10,22 +10,13 @@ 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.SourceDetailsMenuItem = 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 SourceDetailsMenuItem = (_a) => {
     var { icon, name, type } = _a, props = __rest(_a, ["icon", "name", "type"]);
-    return (react_1.default.createElement(react_core_1.Flex, Object.assign({ className: "pf-chatbot__source-details", gap: { default: 'gapSm' } }, props),
-        react_1.default.createElement(react_core_1.Flex, { justifyContent: { default: 'justifyContentCenter' }, alignItems: { default: 'alignItemsCenter' }, alignSelf: { default: 'alignSelfCenter' } },
-            react_1.default.createElement(react_core_1.Icon, { className: "pf-chatbot__source-details-icon" }, icon)),
-        react_1.default.createElement(react_core_1.Stack, { className: "pf-chatbot__source-details-text" },
-            react_1.default.createElement(react_core_1.StackItem, null,
-                react_1.default.createElement("span", { className: "pf-chatbot__source-details-heading" }, name)),
-            type && react_1.default.createElement(react_core_1.StackItem, { className: "pf-chatbot__source-details-subhead" }, type))));
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.Flex, Object.assign({ className: "pf-chatbot__source-details", gap: { default: 'gapSm' } }, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Flex, { justifyContent: { default: 'justifyContentCenter' }, alignItems: { default: 'alignItemsCenter' }, alignSelf: { default: 'alignSelfCenter' }, children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { className: "pf-chatbot__source-details-icon", children: icon }) }), (0, jsx_runtime_1.jsxs)(react_core_1.Stack, { className: "pf-chatbot__source-details-text", children: [(0, jsx_runtime_1.jsx)(react_core_1.StackItem, { children: (0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__source-details-heading", children: name }) }), type && (0, jsx_runtime_1.jsx)(react_core_1.StackItem, { className: "pf-chatbot__source-details-subhead", children: type })] })] })));
 };
 exports.SourceDetailsMenuItem = SourceDetailsMenuItem;
 exports.default = exports.SourceDetailsMenuItem;

package/dist/cjs/SourcesCard/SourcesCard.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { CardProps } from '@patternfly/react-core';
 export interface SourcesCardProps extends CardProps {
     /** Additional classes for the pagination navigation container. */
@@ -36,5 +36,5 @@ export interface SourcesCardProps extends CardProps {
     /** Label for English words "show less" */
     showLessWords?: string;
 }
-declare const SourcesCard: React.FunctionComponent<SourcesCardProps>;
+declare const SourcesCard: FunctionComponent<SourcesCardProps>;
 export default SourcesCard;