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

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

@@ -1,7 +1,4 @@
 "use strict";
-// ============================================================================
-// 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)
@@ -13,21 +10,22 @@ 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 });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+// ============================================================================
+// Chatbot Main - Message - Content - Table
+// ============================================================================
+const react_1 = require("react");
 const react_table_1 = require("@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_1.default.Children.map(children, (child) => react_1.default.cloneElement(child, { extraHeaders: props.extraHeaders }));
+            return react_1.Children.map(children, (child) => (0, react_1.cloneElement)(child, { extraHeaders: props.extraHeaders }));
         }
         return children;
     };
-    return react_1.default.createElement(react_table_1.Tbody, Object.assign({}, props), modifyChildren(children));
+    return (0, jsx_runtime_1.jsx)(react_table_1.Tbody, Object.assign({}, props, { children: modifyChildren(children) }));
 };
 exports.default = TbodyProps;

package/dist/cjs/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/cjs/Message/TableMessage/TdMessage.js

@@ -1,7 +1,4 @@
 "use strict";
-// ============================================================================
-// 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)
@@ -13,14 +10,11 @@ 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 });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_table_1 = require("@patternfly/react-table");
 const TdMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return react_1.default.createElement(react_table_1.Td, Object.assign({}, props), children);
+    return (0, jsx_runtime_1.jsx)(react_table_1.Td, Object.assign({}, props, { children: children }));
 };
 exports.default = TdMessage;

package/dist/cjs/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/cjs/Message/TableMessage/ThMessage.js

@@ -1,7 +1,4 @@
 "use strict";
-// ============================================================================
-// 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)
@@ -13,14 +10,11 @@ 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 });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_table_1 = require("@patternfly/react-table");
 const ThMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return react_1.default.createElement(react_table_1.Th, Object.assign({}, props), children);
+    return (0, jsx_runtime_1.jsx)(react_table_1.Th, Object.assign({}, props, { children: children }));
 };
 exports.default = ThMessage;

package/dist/cjs/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/cjs/Message/TableMessage/TheadMessage.js

@@ -1,7 +1,4 @@
 "use strict";
-// ============================================================================
-// 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)
@@ -13,14 +10,11 @@ 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 });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_table_1 = require("@patternfly/react-table");
 const TheadMessage = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return react_1.default.createElement(react_table_1.Thead, Object.assign({}, props), children);
+    return ((0, jsx_runtime_1.jsx)(react_table_1.Thead, Object.assign({}, props, { children: children })));
 };
 exports.default = TheadMessage;

package/dist/cjs/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/cjs/Message/TableMessage/TrMessage.js

@@ -1,7 +1,4 @@
 "use strict";
-// ============================================================================
-// 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)
@@ -13,25 +10,26 @@ 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 });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+// ============================================================================
+// Chatbot Main - Message - Content - Table
+// ============================================================================
+const react_1 = require("react");
 const react_table_1 = require("@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_1.default.Children.map(children, (child) => {
+    const modifyChildren = (children) => react_1.Children.map(children, (child) => {
         if (child.type.name === 'td' && props.extraHeaders) {
-            const clonedChild = react_1.default.cloneElement(child, { dataLabel: props.extraHeaders[tdIndex] });
+            const clonedChild = (0, react_1.cloneElement)(child, { dataLabel: props.extraHeaders[tdIndex] });
             tdIndex = tdIndex + 1;
             return clonedChild;
         }
         return child;
     });
-    return react_1.default.createElement(react_table_1.Tr, Object.assign({}, props), modifyChildren(children));
+    return (0, jsx_runtime_1.jsx)(react_table_1.Tr, Object.assign({}, props, { children: modifyChildren(children) }));
 };
 exports.default = TrMessage;

package/dist/cjs/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/cjs/Message/TextMessage/TextMessage.js

@@ -1,7 +1,4 @@
 "use strict";
-// ============================================================================
-// 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)
@@ -13,15 +10,11 @@ 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 });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_core_1 = require("@patternfly/react-core");
 const TextMessage = (_a) => {
     var { component, children } = _a, props = __rest(_a, ["component", "children"]);
-    return (react_1.default.createElement("span", { className: "pf-chatbot__message-text" },
-        react_1.default.createElement(react_core_1.Content, Object.assign({ component: component }, props), children)));
+    return ((0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__message-text", children: (0, jsx_runtime_1.jsx)(react_core_1.Content, Object.assign({ component: component }, props, { children: children })) }));
 };
 exports.default = TextMessage;

package/dist/cjs/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/cjs/Message/UserFeedback/CloseButton.js

@@ -1,14 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-// ============================================================================
-// Chatbot Main - Messages - Close Button
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 // Import PatternFly components
 const react_core_1 = require("@patternfly/react-core");
 const react_icons_1 = require("@patternfly/react-icons");
-const CloseButton = ({ onClose, ariaLabel }) => (react_1.default.createElement(react_core_1.Button, { variant: "plain", onClick: onClose, icon: react_1.default.createElement(react_icons_1.CloseIcon, null), "aria-label": ariaLabel }));
+const CloseButton = ({ onClose, ariaLabel }) => ((0, jsx_runtime_1.jsx)(react_core_1.Button, { variant: "plain", onClick: onClose, icon: (0, jsx_runtime_1.jsx)(react_icons_1.CloseIcon, {}), "aria-label": ariaLabel }));
 exports.default = CloseButton;

package/dist/cjs/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;

package/dist/cjs/Message/UserFeedback/UserFeedback.js

@@ -14,20 +14,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// ============================================================================
-// Chatbot Main - Messages - Feedback Card
-// ============================================================================
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 // Import PatternFly components
 const react_core_1 = require("@patternfly/react-core");
 const QuickResponse_1 = __importDefault(require("../QuickResponse/QuickResponse"));
 const CloseButton_1 = __importDefault(require("./CloseButton"));
 const UserFeedback = (_a) => {
-    var { className, timestamp, title = 'Why did you choose this rating?', hasTextArea, textAreaAriaLabel = `Provide optional additional feedback for message received at ${timestamp}`, textAreaPlaceholder = 'Provide optional additional feedback', onTextAreaChange, submitWord = 'Submit', quickResponses, quickResponseContainerProps = { 'aria-label': `Quick feedback for message received at ${timestamp}` }, onSubmit, onClose, closeButtonAriaLabel = `Close feedback for message received at ${timestamp}`, id, headingLevel: HeadingLevel = 'h1', focusOnLoad = true } = _a, props = __rest(_a, ["className", "timestamp", "title", "hasTextArea", "textAreaAriaLabel", "textAreaPlaceholder", "onTextAreaChange", "submitWord", "quickResponses", "quickResponseContainerProps", "onSubmit", "onClose", "closeButtonAriaLabel", "id", "headingLevel", "focusOnLoad"]);
-    const [selectedResponse, setSelectedResponse] = react_1.default.useState();
-    const [value, setValue] = react_1.default.useState('');
-    const divRef = react_1.default.useRef(null);
-    react_1.default.useEffect(() => {
+    var { className, timestamp, title = 'Why did you choose this rating?', hasTextArea, textAreaAriaLabel = `Provide optional additional feedback for message received at ${timestamp}`, textAreaPlaceholder = 'Provide optional additional feedback', onTextAreaChange, submitWord = 'Submit', quickResponses, quickResponseContainerProps = { 'aria-label': `Quick feedback for message received at ${timestamp}` }, onSubmit, onClose, closeButtonAriaLabel = `Close feedback for message received at ${timestamp}`, id, headingLevel: HeadingLevel = 'h1', focusOnLoad = true, isCompact } = _a, props = __rest(_a, ["className", "timestamp", "title", "hasTextArea", "textAreaAriaLabel", "textAreaPlaceholder", "onTextAreaChange", "submitWord", "quickResponses", "quickResponseContainerProps", "onSubmit", "onClose", "closeButtonAriaLabel", "id", "headingLevel", "focusOnLoad", "isCompact"]);
+    const [selectedResponse, setSelectedResponse] = (0, react_1.useState)();
+    const [value, setValue] = (0, react_1.useState)('');
+    const divRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         var _a;
         if (focusOnLoad) {
             (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -35,20 +33,11 @@ const UserFeedback = (_a) => {
     }, []);
     return (
     /* card does not have ref forwarding; hence wrapper div */
-    react_1.default.createElement("div", { ref: divRef, id: id, tabIndex: 0, "aria-label": title },
-        react_1.default.createElement(react_core_1.Card, Object.assign({ className: `pf-chatbot__feedback-card ${className ? className : ''}` }, props),
-            react_1.default.createElement(react_core_1.CardHeader, { actions: {
-                    actions: react_1.default.createElement(CloseButton_1.default, { onClose: onClose, ariaLabel: closeButtonAriaLabel })
-                } },
-                react_1.default.createElement(HeadingLevel, { className: "pf-chatbot__feedback-card-title" }, title)),
-            react_1.default.createElement(react_core_1.CardBody, null,
-                react_1.default.createElement(react_core_1.Form, { className: "pf-chatbot__feedback-card-form" },
-                    quickResponses && (react_1.default.createElement(QuickResponse_1.default, { quickResponses: quickResponses, quickResponseContainerProps: quickResponseContainerProps, onSelect: (id) => setSelectedResponse(id) })),
-                    hasTextArea && (react_1.default.createElement(react_core_1.TextArea, { value: value, onChange: (_event, value) => {
-                            setValue(value);
-                            onTextAreaChange && onTextAreaChange(_event, value);
-                        }, placeholder: textAreaPlaceholder, "aria-label": textAreaAriaLabel, resizeOrientation: "vertical" })),
-                    react_1.default.createElement(react_core_1.ActionGroup, null,
-                        react_1.default.createElement(react_core_1.Button, { onClick: () => onSubmit(selectedResponse, value) }, submitWord)))))));
+    (0, jsx_runtime_1.jsx)("div", { ref: divRef, id: id, tabIndex: 0, "aria-label": title, children: (0, jsx_runtime_1.jsxs)(react_core_1.Card, Object.assign({ isCompact: isCompact, className: `pf-chatbot__feedback-card ${className ? className : ''}` }, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.CardHeader, { actions: {
+                        actions: (0, jsx_runtime_1.jsx)(CloseButton_1.default, { onClose: onClose, ariaLabel: closeButtonAriaLabel })
+                    }, children: (0, jsx_runtime_1.jsx)(HeadingLevel, { className: "pf-chatbot__feedback-card-title", children: title }) }), (0, jsx_runtime_1.jsx)(react_core_1.CardBody, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Form, { className: `pf-chatbot__feedback-card-form ${isCompact ? 'pf-m-compact' : ''}`, children: [quickResponses && ((0, jsx_runtime_1.jsx)(QuickResponse_1.default, { quickResponses: quickResponses, quickResponseContainerProps: quickResponseContainerProps, onSelect: (id) => setSelectedResponse(id), isCompact: isCompact })), hasTextArea && ((0, jsx_runtime_1.jsx)(react_core_1.TextArea, { value: value, onChange: (_event, value) => {
+                                    setValue(value);
+                                    onTextAreaChange && onTextAreaChange(_event, value);
+                                }, placeholder: textAreaPlaceholder, "aria-label": textAreaAriaLabel, resizeOrientation: "vertical" })), (0, jsx_runtime_1.jsx)(react_core_1.ActionGroup, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, { onClick: () => onSubmit(selectedResponse, value), children: submitWord }) })] }) })] })) }));
 };
 exports.default = UserFeedback;

package/dist/cjs/Message/UserFeedback/UserFeedback.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 user_event_1 = __importDefault(require("@testing-library/user-event"));
 const UserFeedback_1 = __importDefault(require("./UserFeedback"));
@@ -24,110 +24,114 @@ const MOCK_RESPONSES = [
 ];
 describe('UserFeedback', () => {
     it('should render correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, timestamp: "12/12/12" }));
-        expect(react_2.screen.getByRole('heading', { name: /Why did you choose this rating?/i })).toBeTruthy();
-        expect(react_2.screen.getByRole('list', { name: 'Quick feedback for message received at 12/12/12' })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: /Helpful information/i })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: /Easy to understand/i })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: /Resolved my issue/i })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: /Submit/i })).toBeTruthy();
-        expect(react_2.screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' })).toBeTruthy();
-        expect(react_2.screen.queryByRole('textbox', { name: /Provide optional additional feedback/i })).toBeFalsy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, timestamp: "12/12/12" }));
+        expect(react_1.screen.getByRole('heading', { name: /Why did you choose this rating?/i })).toBeTruthy();
+        expect(react_1.screen.getByRole('list', { name: 'Quick feedback for message received at 12/12/12' })).toBeTruthy();
+        expect(react_1.screen.getByRole('button', { name: /Helpful information/i })).toBeTruthy();
+        expect(react_1.screen.getByRole('button', { name: /Easy to understand/i })).toBeTruthy();
+        expect(react_1.screen.getByRole('button', { name: /Resolved my issue/i })).toBeTruthy();
+        expect(react_1.screen.getByRole('button', { name: /Submit/i })).toBeTruthy();
+        expect(react_1.screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' })).toBeTruthy();
+        expect(react_1.screen.queryByRole('textbox', { name: /Provide optional additional feedback/i })).toBeFalsy();
     });
     it('should render different title correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, title: "Thanks! Why?" }));
-        expect(react_2.screen.getByText('Thanks! Why?')).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, title: "Thanks! Why?" }));
+        expect(react_1.screen.getByText('Thanks! Why?')).toBeTruthy();
     });
     it('should render different submit button text correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, submitWord: "Give feedback" }));
-        expect(react_2.screen.getByRole('button', { name: /Give feedback/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, submitWord: "Give feedback" }));
+        expect(react_1.screen.getByRole('button', { name: /Give feedback/i })).toBeTruthy();
     });
     it('should render text area correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true }));
-        expect(react_2.screen.getByRole('textbox', { name: /Provide optional additional feedback/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true }));
+        expect(react_1.screen.getByRole('textbox', { name: /Provide optional additional feedback/i })).toBeTruthy();
     });
     it('should call onTextAreaChange correctly', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true, onTextAreaChange: spy }));
-        const textbox = react_2.screen.getByRole('textbox', { name: /Provide optional additional feedback/i });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true, onTextAreaChange: spy }));
+        const textbox = react_1.screen.getByRole('textbox', { name: /Provide optional additional feedback/i });
         yield user_event_1.default.type(textbox, 'test');
         expect(spy).toHaveBeenCalledTimes(4);
     }));
     it('should render different placeholder correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true, textAreaPlaceholder: "Provide any other information" }));
-        expect(react_2.screen.getByRole('textbox', { name: /Provide optional additional feedback/i })).toHaveAttribute('placeholder', 'Provide any other information');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true, textAreaPlaceholder: "Provide any other information" }));
+        expect(react_1.screen.getByRole('textbox', { name: /Provide optional additional feedback/i })).toHaveAttribute('placeholder', 'Provide any other information');
     });
     it('should render different text area label correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true, textAreaAriaLabel: "Provide more details" }));
-        expect(react_2.screen.getByRole('textbox', { name: /Provide more details/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, hasTextArea: true, textAreaAriaLabel: "Provide more details" }));
+        expect(react_1.screen.getByRole('textbox', { name: /Provide more details/i })).toBeTruthy();
     });
     it('should handle onClose correctly when close button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, timestamp: "12/12/12" }));
-        const closeButton = react_2.screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, timestamp: "12/12/12" }));
+        const closeButton = react_1.screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' });
         expect(closeButton).toBeTruthy();
         yield user_event_1.default.click(closeButton);
         expect(spy).toHaveBeenCalledTimes(1);
     }));
     it('should be able to change close button aria label', () => {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, closeButtonAriaLabel: "Ima button" }));
-        expect(react_2.screen.getByRole('button', { name: /Ima button/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, closeButtonAriaLabel: "Ima button" }));
+        expect(react_1.screen.getByRole('button', { name: /Ima button/i })).toBeTruthy();
     });
     it('should handle className', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, className: "test", "data-testid": "card" }));
-        expect(react_2.screen.getByTestId('card')).toHaveClass('test');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, className: "test", "data-testid": "card" }));
+        expect(react_1.screen.getByTestId('card')).toHaveClass('test');
     }));
     it('should apply id', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, id: "test", "data-testid": "card" }));
-        expect(react_2.screen.getByTestId('card').parentElement).toHaveAttribute('id', 'test');
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, id: "test", "data-testid": "card" }));
+        expect(react_1.screen.getByTestId('card').parentElement).toHaveAttribute('id', 'test');
     }));
     it('should handle submit correctly when nothing is selected', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Submit/i }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Submit/i }));
         expect(spy).toHaveBeenCalledTimes(1);
         expect(spy).toHaveBeenCalledWith(undefined, '');
     }));
     it('should handle submit correctly when item is selected', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Easy to understand/i }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Submit/i }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Easy to understand/i }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Submit/i }));
         expect(spy).toHaveBeenCalledTimes(1);
         expect(spy).toHaveBeenCalledWith('2', '');
     }));
     it('should handle submit correctly when there is just text input', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES, hasTextArea: true }));
-        yield user_event_1.default.type(react_2.screen.getByRole('textbox', { name: /Provide optional additional feedback/i }), 'What a great experience!');
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Submit/i }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES, hasTextArea: true }));
+        yield user_event_1.default.type(react_1.screen.getByRole('textbox', { name: /Provide optional additional feedback/i }), 'What a great experience!');
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Submit/i }));
         expect(spy).toHaveBeenCalledTimes(1);
         expect(spy).toHaveBeenCalledWith(undefined, 'What a great experience!');
     }));
     it('should handle submit correctly when item is selected and there is text input', () => __awaiter(void 0, void 0, void 0, function* () {
         const spy = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES, hasTextArea: true }));
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Easy to understand/i }));
-        yield user_event_1.default.type(react_2.screen.getByRole('textbox', { name: /Provide optional additional feedback/i }), 'What a great experience!');
-        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Submit/i }));
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: spy, quickResponses: MOCK_RESPONSES, hasTextArea: true }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Easy to understand/i }));
+        yield user_event_1.default.type(react_1.screen.getByRole('textbox', { name: /Provide optional additional feedback/i }), 'What a great experience!');
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Submit/i }));
         expect(spy).toHaveBeenCalledTimes(1);
         expect(spy).toHaveBeenCalledWith('2', 'What a great experience!');
     }));
     it('should default title heading level to h1', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES }));
-        expect(react_2.screen.getByRole('heading', { level: 1, name: /Why did you choose this rating?/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES }));
+        expect(react_1.screen.getByRole('heading', { level: 1, name: /Why did you choose this rating?/i })).toBeTruthy();
     });
     it('should be able to change title heading level', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, headingLevel: "h6" }));
-        expect(react_2.screen.getByRole('heading', { level: 6, name: /Why did you choose this rating?/i })).toBeTruthy();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, headingLevel: "h6" }));
+        expect(react_1.screen.getByRole('heading', { level: 6, name: /Why did you choose this rating?/i })).toBeTruthy();
     });
     it('should focus on load by default', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, "data-testid": "card" }));
-        expect(react_2.screen.getByTestId('card').parentElement).toHaveFocus();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, "data-testid": "card" }));
+        expect(react_1.screen.getByTestId('card').parentElement).toHaveFocus();
     });
     it('should not focus on load if focusOnLoad = false', () => {
-        (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, "data-testid": "card", focusOnLoad: false }));
-        expect(react_2.screen.getByTestId('card').parentElement).not.toHaveFocus();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, "data-testid": "card", focusOnLoad: false }));
+        expect(react_1.screen.getByTestId('card').parentElement).not.toHaveFocus();
+    });
+    it('should handle isCompact', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, "data-testid": "card", isCompact: true }));
+        expect(react_1.screen.getByTestId('card')).toHaveClass('pf-m-compact');
     });
 });

package/dist/cjs/Message/UserFeedback/UserFeedbackComplete.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type { FunctionComponent } from 'react';
 import { CardProps, OUIAProps } from '@patternfly/react-core';
 export interface UserFeedbackCompleteProps extends Omit<CardProps, 'ref'>, OUIAProps {
     /** Additional classes for the pagination navigation container. */
@@ -38,5 +38,5 @@ export interface UserFeedbackCompleteProps extends Omit<CardProps, 'ref'>, OUIAP
     /** Timestamp passed in by Message for more context in aria announcements */
     timestamp?: string;
 }
-declare const UserFeedbackComplete: React.FunctionComponent<UserFeedbackCompleteProps>;
+declare const UserFeedbackComplete: FunctionComponent<UserFeedbackCompleteProps>;
 export default UserFeedbackComplete;