@patternfly/chatbot 2.1.0 → 2.2.0-prerelease.10

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

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluralizeWord = pluralizeWord;
+const React = __importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const info_circle_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/info-circle-icon"));
+/** This function is a helper for pluralizing strings stolen from React.
+ *
+ * @param {number} i The quantity of the string you want to pluralize
+ * @param {string} singular The singular version of the string
+ * @param {string} plural The change to the string that should occur if the quantity is not equal to 1.
+ *                 Defaults to adding an 's'.
+ */
+function pluralizeWord(i, singular, plural) {
+    if (!plural) {
+        plural = `${singular}s`;
+    }
+    return `${i === 1 ? singular : plural}`;
+}
+const QuickStartTileDescription = ({ description, prerequisites, prerequisiteWord = 'Prerequisite', prerequisiteWordPlural = 'Prerequisites', quickStartButtonAriaLabel = 'Show prerequisites' }) => {
+    const prereqs = prerequisites === null || prerequisites === void 0 ? void 0 : prerequisites.filter((p) => p);
+    const buttonRef = React.useRef(null);
+    const pluralizedPrereq = pluralizeWord((prereqs === null || prereqs === void 0 ? void 0 : prereqs.length) || 0, prerequisiteWord, prerequisiteWordPlural);
+    return (React.createElement(React.Fragment, null,
+        description,
+        prereqs && prereqs.length > 0 && (React.createElement(react_core_1.Flex, { spaceItems: { default: 'spaceItemsSm' } },
+            React.createElement("h5", null, (0, react_core_1.pluralize)(prereqs.length, prerequisiteWord, prerequisiteWordPlural)),
+            React.createElement(react_core_1.Button, { variant: "link", isInline: true, "data-testid": "qs-card-prereqs", ref: buttonRef, onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }, "aria-label": quickStartButtonAriaLabel },
+                React.createElement(info_circle_icon_1.default, null)),
+            React.createElement(react_core_1.Popover, { "aria-label": pluralizedPrereq, headerContent: pluralizedPrereq, triggerRef: buttonRef, bodyContent: React.createElement("div", null,
+                    React.createElement("ul", { "aria-label": pluralizedPrereq }, prereqs.map((prerequisite, index) => (
+                    // eslint-disable-next-line react/no-array-index-key
+                    React.createElement("li", { key: index }, prerequisite))))) })))));
+};
+exports.default = QuickStartTileDescription;

package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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");
+require("@testing-library/jest-dom");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const monitor_sampleapp_quickstart_1 = require("./monitor-sampleapp-quickstart");
+const QuickStartTileDescription_1 = __importStar(require("./QuickStartTileDescription"));
+describe('pluralizeWord function', () => {
+    it('should render no plural correctly', () => {
+        expect((0, QuickStartTileDescription_1.pluralizeWord)(2, 'pizza')).toBe('pizzas');
+    });
+});
+describe('QuickStart tile description', () => {
+    it('should render no prereqs correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description }));
+        expect(react_2.screen.queryByRole('heading')).toBeFalsy();
+    });
+    it('should render singular prereq correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
+        expect(react_2.screen.getByRole('heading', { name: /1 Prerequisite/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: /Show prerequisite/i })).toBeTruthy();
+    });
+    it('should render plural prereq correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description, prerequisites: [
+                `You completed the "Getting started with a sample" quick start.`,
+                `You completed the app quick start`
+            ] }));
+        expect(react_2.screen.getByRole('heading', { name: /2 Prerequisites/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: /Show prerequisites/i })).toBeTruthy();
+    });
+    it('should be able to click prereqs link', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(QuickStartTileDescription_1.default, { description: monitor_sampleapp_quickstart_1.monitorSampleAppQuickStart.spec.description, prerequisites: [`You completed the "Getting started with a sample" quick start.`] }));
+        const button = react_2.screen.getByRole('button', { name: /Show prerequisites/i });
+        expect(react_2.screen.queryByRole('dialog', { name: /Prerequisite/i })).toBeFalsy();
+        yield user_event_1.default.click(button);
+        expect(react_2.screen.getByRole('dialog', { name: /Prerequisite/i })).toBeTruthy();
+        expect(react_2.screen.getByRole('button', { name: /Close/i })).toBeTruthy();
+        expect(react_2.screen.getByText(/You completed the "Getting started with a sample" quick start./i)).toBeTruthy();
+    }));
+});

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const QuickStartTileHeader = ({ name, quickStartId, onSelect }) => (React.createElement(react_core_1.Flex, { flexWrap: { default: 'nowrap' } },
+    React.createElement(react_core_1.Button, { "data-test": "title", id: quickStartId, variant: "link", isInline: true, onClick: onSelect }, name)));
+exports.default = QuickStartTileHeader;

package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts

@@ -0,0 +1,30 @@
+export declare const monitorSampleAppQuickStartWithImage: {
+    apiVersion: string;
+    kind: string;
+    metadata: {
+        name: string;
+    };
+    spec: {
+        icon: string;
+        version: number;
+        displayName: string;
+        durationMinutes: number;
+        description: string;
+        prerequisites: string[];
+        introduction: string;
+        tasks: {
+            title: string;
+            description: string;
+            review: {
+                instructions: string;
+                failedTaskHelp: string;
+            };
+            summary: {
+                success: string;
+                failed: string;
+            };
+        }[];
+        conclusion: string;
+        nextQuickStart: string[];
+    };
+};

package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.monitorSampleAppQuickStartWithImage = void 0;
+exports.monitorSampleAppQuickStartWithImage = {
+    apiVersion: 'console.openshift.io/v1',
+    kind: 'QuickStarts',
+    metadata: {
+        name: 'monitor-sampleapp'
+    },
+    spec: {
+        icon: 'test.png', // this is only difference
+        version: 4.7,
+        displayName: 'Monitoring your sample application',
+        durationMinutes: 10,
+        description: `Now that you’ve created a sample application and added health checks, let’s monitor your application.`,
+        prerequisites: [`You completed the "Getting started with a sample" quick start.`],
+        introduction: `### This quick start shows you how to monitor your sample application.
+You should have previously created the **sample-app** application and **nodejs-sample** deployment via the **Get started with a sample** quick start. If you haven't, you may be able to follow these tasks with any existing deployment.`,
+        tasks: [
+            {
+                title: `Viewing the monitoring details of your sample application`,
+                description: `### To view the details of your sample application:
+1. Go to the project your sample application was created in.
+2. In the **</> Developer** perspective, go to **Topology** view.
+3. Click on the **nodejs-sample** deployment to view its details.
+4. Click on the **Monitoring** tab in the side panel.
+You can see context sensitive metrics and alerts in the **Monitoring** tab.`,
+                review: {
+                    instructions: `#### To verify you can view the monitoring information:
+1. Do you see a **Metrics** accordion in the side panel?
+2. Do you see a **View monitoring dashboard** link in the **Metrics** accordion?
+3. Do you see three charts in the **Metrics** accordion: **CPU Usage**, **Memory Usage** and **Receive Bandwidth**?`,
+                    failedTaskHelp: `This task isn’t verified yet. Try the task again.`
+                },
+                summary: {
+                    success: `You have learned how you can monitor your sample app!`,
+                    failed: `Try the steps again.`
+                }
+            },
+            {
+                title: `Viewing your project monitoring dashboard`,
+                description: `### To view the project monitoring dashboard in the context of **nodejs-sample**:
+1. Click on the **View monitoring dashboard** link in the side panel.
+2. You can change the **Time Range** and **Refresh Interval** of the dashboard.
+3. You can change the context of the dashboard as well by clicking on the drop-down list. Select a specific workload or **All Workloads** to view the dashboard in the context of the entire project.`,
+                review: {
+                    instructions: `#### To verify that you are able to view the monitoring dashboard:
+Do you see metrics charts in the dashboard?`,
+                    failedTaskHelp: `This task isn’t verified yet. Try the task again.`
+                },
+                summary: {
+                    success: `You have learned how to view the dashboard in the context of your sample app!`,
+                    failed: `Try the steps again.`
+                }
+            },
+            {
+                title: `Viewing custom metrics`,
+                description: `### To view custom metrics:
+1. Click on the **Metrics** tab of the **Monitoring** page.
+2. Click the **Select Query** drop-down list to see the available queries.
+3. Click on **Filesystem Usage** from the list to run the query.`,
+                review: {
+                    instructions: `#### Verify you can see the chart associated with the query:
+Do you see a chart displayed with filesystem usage for your project?  Note: select **Custom Query** from the dropdown to create and run a custom query utilizing PromQL.
+`,
+                    failedTaskHelp: `This task isn’t verified yet. Try the task again.`
+                },
+                summary: {
+                    success: `You have learned how to run a query!`,
+                    failed: `Try the steps again.`
+                }
+            }
+        ],
+        conclusion: `You have learned how to access workload monitoring and metrics!`,
+        nextQuickStart: [``]
+    }
+};

package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts

@@ -0,0 +1,30 @@
+export declare const monitorSampleAppQuickStart: {
+    apiVersion: string;
+    kind: string;
+    metadata: {
+        name: string;
+    };
+    spec: {
+        version: number;
+        displayName: string;
+        durationMinutes: number;
+        icon: string;
+        description: string;
+        prerequisites: string[];
+        introduction: string;
+        tasks: {
+            title: string;
+            description: string;
+            review: {
+                instructions: string;
+                failedTaskHelp: string;
+            };
+            summary: {
+                success: string;
+                failed: string;
+            };
+        }[];
+        conclusion: string;
+        nextQuickStart: string[];
+    };
+};

package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.monitorSampleAppQuickStart = void 0;
+exports.monitorSampleAppQuickStart = {
+    apiVersion: 'console.openshift.io/v1',
+    kind: 'QuickStarts',
+    metadata: {
+        name: 'monitor-sampleapp'
+    },
+    spec: {
+        version: 4.7,
+        displayName: 'Monitoring your sample application',
+        durationMinutes: 10,
+        icon: '',
+        description: `Now that you’ve created a sample application and added health checks, let’s monitor your application.`,
+        prerequisites: [`You completed the "Getting started with a sample" quick start.`],
+        introduction: `### This quick start shows you how to monitor your sample application.
+You should have previously created the **sample-app** application and **nodejs-sample** deployment via the **Get started with a sample** quick start. If you haven't, you may be able to follow these tasks with any existing deployment.`,
+        tasks: [
+            {
+                title: `Viewing the monitoring details of your sample application`,
+                description: `### To view the details of your sample application:
+1. Go to the project your sample application was created in.
+2. In the **</> Developer** perspective, go to **Topology** view.
+3. Click on the **nodejs-sample** deployment to view its details.
+4. Click on the **Monitoring** tab in the side panel.
+You can see context sensitive metrics and alerts in the **Monitoring** tab.`,
+                review: {
+                    instructions: `#### To verify you can view the monitoring information:
+1. Do you see a **Metrics** accordion in the side panel?
+2. Do you see a **View monitoring dashboard** link in the **Metrics** accordion?
+3. Do you see three charts in the **Metrics** accordion: **CPU Usage**, **Memory Usage** and **Receive Bandwidth**?`,
+                    failedTaskHelp: `This task isn’t verified yet. Try the task again.`
+                },
+                summary: {
+                    success: `You have learned how you can monitor your sample app!`,
+                    failed: `Try the steps again.`
+                }
+            },
+            {
+                title: `Viewing your project monitoring dashboard`,
+                description: `### To view the project monitoring dashboard in the context of **nodejs-sample**:
+1. Click on the **View monitoring dashboard** link in the side panel.
+2. You can change the **Time Range** and **Refresh Interval** of the dashboard.
+3. You can change the context of the dashboard as well by clicking on the drop-down list. Select a specific workload or **All Workloads** to view the dashboard in the context of the entire project.`,
+                review: {
+                    instructions: `#### To verify that you are able to view the monitoring dashboard:
+Do you see metrics charts in the dashboard?`,
+                    failedTaskHelp: `This task isn’t verified yet. Try the task again.`
+                },
+                summary: {
+                    success: `You have learned how to view the dashboard in the context of your sample app!`,
+                    failed: `Try the steps again.`
+                }
+            },
+            {
+                title: `Viewing custom metrics`,
+                description: `### To view custom metrics:
+1. Click on the **Metrics** tab of the **Monitoring** page.
+2. Click the **Select Query** drop-down list to see the available queries.
+3. Click on **Filesystem Usage** from the list to run the query.`,
+                review: {
+                    instructions: `#### Verify you can see the chart associated with the query:
+Do you see a chart displayed with filesystem usage for your project?  Note: select **Custom Query** from the dropdown to create and run a custom query utilizing PromQL.
+`,
+                    failedTaskHelp: `This task isn’t verified yet. Try the task again.`
+                },
+                summary: {
+                    success: `You have learned how to run a query!`,
+                    failed: `Try the steps again.`
+                }
+            }
+        ],
+        conclusion: `You have learned how to access workload monitoring and metrics!`,
+        nextQuickStart: [``]
+    }
+};

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

@@ -0,0 +1,132 @@
+import { ButtonProps } from '@patternfly/react-core';
+export interface AccessReviewResourceAttributes {
+    group?: string;
+    resource?: string;
+    subresource?: string;
+    verb?: K8sVerb;
+    name?: string;
+    namespace?: string;
+}
+export type K8sVerb = 'create' | 'get' | 'list' | 'update' | 'patch' | 'delete' | 'deletecollection' | 'watch';
+export interface QuickStart {
+    apiVersion?: string;
+    kind?: string;
+    metadata: ObjectMetadata;
+    spec: QuickStartSpec;
+}
+export interface ObjectMetadata {
+    name: string;
+    annotations?: {
+        [key: string]: string;
+    };
+    clusterName?: string;
+    creationTimestamp?: string;
+    deletionGracePeriodSeconds?: number;
+    deletionTimestamp?: string;
+    finalizers?: string[];
+    generateName?: string;
+    generation?: number;
+    labels?: {
+        [key: string]: string;
+    };
+    managedFields?: any[];
+    namespace?: string;
+    ownerReferences?: OwnerReference[];
+    resourceVersion?: string;
+    uid?: string;
+    language?: string;
+    country?: string;
+    locale?: string;
+    [key: string]: any;
+}
+export interface OwnerReference {
+    name: string;
+    kind: string;
+    uid: string;
+    apiVersion: string;
+    controller?: boolean;
+    blockOwnerDeletion?: boolean;
+}
+export interface QuickStartTask {
+    title?: string;
+    description?: string;
+    review?: QuickStartTaskReview;
+    summary?: QuickStartTaskSummary;
+    proc?: string;
+}
+export interface QuickStartTaskReview {
+    instructions?: string;
+    failedTaskHelp?: string;
+}
+export interface QuickStartTaskSummary {
+    success?: string;
+    failed?: string;
+}
+export interface QuickstartAction {
+    /** Screen reader aria label. */
+    'aria-label': string;
+    /** Icon to be rendered as a plain button, by default Bookmark outlined will be used. */
+    icon?: React.ComponentType<unknown>;
+    /** Callback with synthetic event parameter. */
+    onClick?: (e: React.SyntheticEvent) => void;
+    /** Additional button props to be rendered as extra props. */
+    buttonProps?: ButtonProps;
+}
+export interface QuickStart {
+    apiVersion?: string;
+    kind?: string;
+    metadata: ObjectMetadata;
+    spec: QuickStartSpec;
+}
+export interface QuickStartSpec {
+    version?: number;
+    displayName: string;
+    durationMinutes?: number;
+    icon: React.ReactNode;
+    description: string;
+    prerequisites?: string[];
+    introduction?: string;
+    tasks?: QuickStartTask[];
+    conclusion?: string;
+    nextQuickStart?: string[];
+    accessReviewResources?: AccessReviewResourceAttributes[];
+    link?: QuickStartExternal;
+    type?: QuickStartType;
+}
+export interface QuickStartTask {
+    title?: string;
+    description?: string;
+    review?: QuickStartTaskReview;
+    summary?: QuickStartTaskSummary;
+    proc?: string;
+}
+export interface QuickStartTaskReview {
+    instructions?: string;
+    failedTaskHelp?: string;
+}
+export interface QuickStartTaskSummary {
+    success?: string;
+    failed?: string;
+}
+export type AllQuickStartStates = Record<string, QuickStartState>;
+export type QuickStartState = Record<string, string | number | QuickStartStatus>;
+export declare enum QuickStartStatus {
+    COMPLETE = "Complete",
+    IN_PROGRESS = "In Progress",
+    NOT_STARTED = "Not started"
+}
+export declare enum QuickStartTaskStatus {
+    INIT = "Initial",
+    VISITED = "Visited",
+    REVIEW = "Review",
+    SUCCESS = "Success",
+    FAILED = "Failed"
+}
+export interface QuickStartExternal {
+    href: string;
+    text?: string;
+}
+export interface QuickStartType {
+    text: string;
+    color?: 'green' | 'purple' | 'grey' | 'blue' | 'orange' | 'red' | 'teal' | 'orangered' | 'yellow';
+}

package/dist/cjs/Message/QuickStarts/types.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickStartTaskStatus = exports.QuickStartStatus = void 0;
+var QuickStartStatus;
+(function (QuickStartStatus) {
+    QuickStartStatus["COMPLETE"] = "Complete";
+    QuickStartStatus["IN_PROGRESS"] = "In Progress";
+    QuickStartStatus["NOT_STARTED"] = "Not started";
+})(QuickStartStatus || (exports.QuickStartStatus = QuickStartStatus = {}));
+var QuickStartTaskStatus;
+(function (QuickStartTaskStatus) {
+    QuickStartTaskStatus["INIT"] = "Initial";
+    QuickStartTaskStatus["VISITED"] = "Visited";
+    QuickStartTaskStatus["REVIEW"] = "Review";
+    QuickStartTaskStatus["SUCCESS"] = "Success";
+    QuickStartTaskStatus["FAILED"] = "Failed";
+})(QuickStartTaskStatus || (exports.QuickStartTaskStatus = QuickStartTaskStatus = {}));

package/dist/cjs/MessageBar/SendButton.js

@@ -25,7 +25,7 @@ const paper_plane_icon_1 = require("@patternfly/react-icons/dist/esm/icons/paper
 const SendButton = (_a) => {
     var { className, onClick, tooltipProps, tooltipContent = 'Send' } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "tooltipContent"]);
     return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: "pf-chatbot__tooltip--send", content: tooltipContent, position: (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.position) || 'top', 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 }, tooltipProps),
-        react_1.default.createElement(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--send ${className !== null && className !== void 0 ? className : ''}`, variant: "link", "aria-label": props['aria-label'] || 'Send button', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: "xl", isInline: true },
+        react_1.default.createElement(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--send ${className !== null && className !== void 0 ? className : ''}`, "aria-label": props['aria-label'] || 'Send button', onClick: onClick, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: "xl", isInline: true },
                 react_1.default.createElement(paper_plane_icon_1.PaperPlaneIcon, null)) }, props))));
 };
 exports.SendButton = SendButton;

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

@@ -3,6 +3,8 @@ import { TooltipProps } from '@patternfly/react-core';
 export interface ResponseActionButtonProps {
     /** Aria-label for the button. Defaults to the value of the tooltipContent if none provided */
     ariaLabel?: string;
+    /** Aria-label for the button, shown when the button is clicked. Defaults to the value of ariaLabel or tooltipContent if not provided. */
+    clickedAriaLabel?: string;
     /** Icon for the button */
     icon: React.ReactNode;
     /** On-click handler for the button */
@@ -13,8 +15,12 @@ export interface ResponseActionButtonProps {
     isDisabled?: boolean;
     /** Content shown in the tooltip */
     tooltipContent?: string;
+    /** Content shown in the tooltip when the button is clicked. Defaults to the value of tooltipContent if not provided. */
+    clickedTooltipContent?: string;
     /** Props to control the PF Tooltip component */
     tooltipProps?: TooltipProps;
+    /** Whether button is in clicked state */
+    isClicked?: boolean;
 }
 export declare const ResponseActionButton: React.FunctionComponent<ResponseActionButtonProps>;
 export default ResponseActionButton;

package/dist/cjs/ResponseActions/ResponseActionButton.js

@@ -6,7 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResponseActionButton = void 0;
 const react_1 = __importDefault(require("react"));
 const react_core_1 = require("@patternfly/react-core");
-const ResponseActionButton = ({ ariaLabel, className, icon, isDisabled, onClick, tooltipContent, tooltipProps }) => (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip-response-action-${tooltipContent}`, content: tooltipContent, 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 }, tooltipProps),
-    react_1.default.createElement(react_core_1.Button, { variant: "plain", className: `pf-chatbot__button--response-action ${className !== null && className !== void 0 ? className : ''}`, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltipContent, icon: react_1.default.createElement(react_core_1.Icon, { isInline: true, size: "lg" }, icon), isDisabled: isDisabled, onClick: onClick, size: "sm" })));
+const ResponseActionButton = ({ ariaLabel, clickedAriaLabel = ariaLabel, className, icon, isDisabled, onClick, tooltipContent, clickedTooltipContent = tooltipContent, tooltipProps, isClicked = false }) => {
+    const generateAriaLabel = () => {
+        if (ariaLabel) {
+            return isClicked ? clickedAriaLabel : ariaLabel;
+        }
+        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 }, tooltipProps),
+        react_1.default.createElement(react_core_1.Button, { 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" })));
+};
 exports.ResponseActionButton = ResponseActionButton;
 exports.default = exports.ResponseActionButton;

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';