@patternfly/chatbot 6.5.0-prerelease.2 → 6.5.0-prerelease.20

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

@@ -20,8 +20,8 @@ const user_event_1 = __importDefault(require("@testing-library/user-event"));
 const react_icons_1 = require("@patternfly/react-icons");
 const Message_1 = __importDefault(require("../Message"));
 const ALL_ACTIONS = [
-    { type: 'positive', label: 'Good response', clickedLabel: 'Response recorded' },
-    { type: 'negative', label: 'Bad response', clickedLabel: 'Response recorded' },
+    { type: 'positive', label: 'Good response', clickedLabel: 'Good response recorded' },
+    { type: 'negative', label: 'Bad response', clickedLabel: 'Bad response recorded' },
     { type: 'copy', label: 'Copy', clickedLabel: 'Copied' },
     { type: 'edit', label: 'Edit', clickedLabel: 'Editing' },
     { type: 'share', label: 'Share', clickedLabel: 'Shared' },
@@ -88,13 +88,13 @@ describe('ResponseActions', () => {
             expect(button).toBeTruthy();
         });
         yield user_event_1.default.click(goodBtn);
-        expect(react_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Good 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_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Bad 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');
@@ -111,10 +111,10 @@ describe('ResponseActions', () => {
         expect(goodBtn).toBeTruthy();
         expect(badBtn).toBeTruthy();
         yield user_event_1.default.click(goodBtn);
-        expect(react_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Good 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_1.screen.getByRole('button', { name: 'Response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(react_1.screen.getByRole('button', { name: 'Bad 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_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');
@@ -187,28 +187,28 @@ describe('ResponseActions', () => {
         });
     });
     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 }) {
+        for (const { type, label } of ALL_ACTIONS) {
             const spy = jest.fn();
             (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 }) {
+        for (const { type, label, clickedLabel } of ALL_ACTIONS) {
             (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 }) {
+        for (const { type, label, clickedLabel } of ALL_ACTIONS) {
             (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', () => {
         const actions = [
@@ -260,4 +260,59 @@ describe('ResponseActions', () => {
             expect(react_1.screen.getByTestId(action[key])).toBeTruthy();
         });
     });
+    // we are testing for the reverse case already above
+    it('should not deselect when clicking outside when persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Message_1.default, { name: "Bot", role: "bot", avatar: "", content: "Test content", actions: {
+                positive: {},
+                negative: {}
+            }, persistActionSelection: true }));
+        const goodBtn = react_1.screen.getByRole('button', { name: 'Good response' });
+        yield user_event_1.default.click(goodBtn);
+        expect(react_1.screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+        yield user_event_1.default.click(react_1.screen.getByText('Test content'));
+        expect(react_1.screen.getByRole('button', { name: 'Good response recorded' })).toHaveClass('pf-chatbot__button--response-action-clicked');
+    }));
+    it('should switch selection to another button when persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Message_1.default, { name: "Bot", role: "bot", avatar: "", content: "Test content", actions: {
+                positive: {},
+                negative: {}
+            }, persistActionSelection: true }));
+        const goodBtn = react_1.screen.getByRole('button', { name: 'Good response' });
+        const badBtn = react_1.screen.getByRole('button', { name: 'Bad response' });
+        yield user_event_1.default.click(goodBtn);
+        expect(goodBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
+        yield user_event_1.default.click(badBtn);
+        expect(badBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
+        expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
+    }));
+    it('should toggle off when clicking the same button when persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Message_1.default, { name: "Bot", role: "bot", avatar: "", content: "Test content", actions: {
+                positive: {},
+                negative: {}
+            }, persistActionSelection: true }));
+        const goodBtn = react_1.screen.getByRole('button', { name: 'Good response' });
+        yield user_event_1.default.click(goodBtn);
+        expect(goodBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
+        yield user_event_1.default.click(goodBtn);
+        expect(goodBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
+    }));
+    it('should work with custom actions when persistActionSelection is true', () => __awaiter(void 0, void 0, void 0, function* () {
+        const actions = {
+            positive: { 'data-testid': 'positive', onClick: jest.fn() },
+            negative: { 'data-testid': 'negative', onClick: jest.fn() },
+            custom: {
+                'data-testid': 'custom',
+                onClick: jest.fn(),
+                ariaLabel: 'Custom',
+                tooltipContent: 'Custom action',
+                icon: (0, jsx_runtime_1.jsx)(react_icons_1.DownloadIcon, {})
+            }
+        };
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ResponseActions_1.default, { actions: actions, persistActionSelection: true }));
+        const customBtn = react_1.screen.getByTestId('custom');
+        yield user_event_1.default.click(customBtn);
+        expect(customBtn).toHaveClass('pf-chatbot__button--response-action-clicked');
+        yield user_event_1.default.click(customBtn);
+        expect(customBtn).not.toHaveClass('pf-chatbot__button--response-action-clicked');
+    }));
 });

package/dist/cjs/__mocks__/monaco-editor.d.ts

@@ -0,0 +1,11 @@
+declare const mockEditor: {
+    layout: jest.Mock<any, any, any>;
+    focus: jest.Mock<any, any, any>;
+    dispose: jest.Mock<any, any, any>;
+    getModel: jest.Mock<any, any, any>;
+    updateOptions: jest.Mock<any, any, any>;
+};
+declare const mockModel: {
+    updateOptions: jest.Mock<any, any, any>;
+    dispose: jest.Mock<any, any, any>;
+};

package/dist/cjs/__mocks__/monaco-editor.js

@@ -0,0 +1,18 @@
+"use strict";
+const mockEditor = {
+    layout: jest.fn(),
+    focus: jest.fn(),
+    dispose: jest.fn(),
+    getModel: jest.fn(),
+    updateOptions: jest.fn()
+};
+const mockModel = {
+    updateOptions: jest.fn(),
+    dispose: jest.fn()
+};
+module.exports = {
+    editor: {
+        create: jest.fn(() => mockEditor),
+        getModels: jest.fn(() => [mockModel])
+    }
+};

package/dist/cjs/__mocks__/rehype-highlight.d.ts

@@ -0,0 +1,2 @@
+declare const rehypeHighlight: () => (tree: any) => any;
+export default rehypeHighlight;

package/dist/cjs/__mocks__/rehype-highlight.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rehypeHighlight = () => (tree) => tree;
+exports.default = rehypeHighlight;

package/dist/cjs/index.d.ts

@@ -48,6 +48,8 @@ export { default as MessageBox } from './MessageBox';
 export * from './MessageBox';
 export { default as MessageDivider } from './MessageDivider';
 export * from './MessageDivider';
+export { default as Onboarding } from './Onboarding';
+export * from './Onboarding';
 export { default as PreviewAttachment } from './PreviewAttachment';
 export * from './PreviewAttachment';
 export { default as ResponseActions } from './ResponseActions';

package/dist/cjs/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tracking = exports.ToolResponse = exports.ToolCall = exports.TermsOfUse = exports.SourcesCardBase = exports.SourcesCard = exports.SourceDetailsMenuItem = exports.Settings = exports.ResponseActions = exports.PreviewAttachment = exports.MessageDivider = exports.MessageBox = exports.MessageBar = exports.Message = exports.LoadingMessage = exports.ImagePreview = exports.FilePreview = exports.FileDropZone = exports.FileDetailsLabel = exports.FileDetails = exports.DeepThinking = exports.Compare = exports.CodeModal = exports.ChatbotWelcomePrompt = exports.ChatbotToggle = exports.ChatbotPopover = exports.ChatbotModal = exports.ChatbotHeader = exports.ChatbotFooter = exports.ChatbotConversationHistoryNav = exports.ChatbotContent = exports.ChatbotAlert = exports.Chatbot = exports.AttachMenu = exports.AttachmentEdit = void 0;
+exports.tracking = exports.ToolResponse = exports.ToolCall = exports.TermsOfUse = exports.SourcesCardBase = exports.SourcesCard = exports.SourceDetailsMenuItem = exports.Settings = exports.ResponseActions = exports.PreviewAttachment = exports.Onboarding = exports.MessageDivider = exports.MessageBox = exports.MessageBar = exports.Message = exports.LoadingMessage = exports.ImagePreview = exports.FilePreview = exports.FileDropZone = exports.FileDetailsLabel = exports.FileDetails = exports.DeepThinking = exports.Compare = exports.CodeModal = exports.ChatbotWelcomePrompt = exports.ChatbotToggle = exports.ChatbotPopover = exports.ChatbotModal = exports.ChatbotHeader = exports.ChatbotFooter = exports.ChatbotConversationHistoryNav = exports.ChatbotContent = exports.ChatbotAlert = exports.Chatbot = exports.AttachMenu = exports.AttachmentEdit = void 0;
 var AttachmentEdit_1 = require("./AttachmentEdit");
 Object.defineProperty(exports, "AttachmentEdit", { enumerable: true, get: function () { return __importDefault(AttachmentEdit_1).default; } });
 __exportStar(require("./AttachmentEdit"), exports);
@@ -94,6 +94,9 @@ __exportStar(require("./MessageBox"), exports);
 var MessageDivider_1 = require("./MessageDivider");
 Object.defineProperty(exports, "MessageDivider", { enumerable: true, get: function () { return __importDefault(MessageDivider_1).default; } });
 __exportStar(require("./MessageDivider"), exports);
+var Onboarding_1 = require("./Onboarding");
+Object.defineProperty(exports, "Onboarding", { enumerable: true, get: function () { return __importDefault(Onboarding_1).default; } });
+__exportStar(require("./Onboarding"), exports);
 var PreviewAttachment_1 = require("./PreviewAttachment");
 Object.defineProperty(exports, "PreviewAttachment", { enumerable: true, get: function () { return __importDefault(PreviewAttachment_1).default; } });
 __exportStar(require("./PreviewAttachment"), exports);