@patternfly/chatbot 2.1.0-prerelease.17

package/dist/cjs/ChatbotFooter/ChatbotFooter.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ChatbotFooterProps extends React.HTMLProps<HTMLDivElement> {
+    /** Children for the Footer that supports MessageBar and FootNote components*/
+    children?: React.ReactNode;
+    /** Custom classname for the Footer component */
+    className?: string;
+}
+export declare const ChatbotFooter: React.FunctionComponent<ChatbotFooterProps>;
+export default ChatbotFooter;

package/dist/cjs/ChatbotFooter/ChatbotFooter.js

@@ -0,0 +1,35 @@
+"use strict";
+// ============================================================================
+// Chatbot Footer
+// ============================================================================
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotFooter = void 0;
+// Global footer component
+// Supports:
+// - Message bar
+// - Footnote
+// - Footnote popover
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ChatbotFooter = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement("div", Object.assign({ className: `pf-chatbot__footer ${className !== null && className !== void 0 ? className : ''}` }, props),
+        react_1.default.createElement(react_core_1.Divider, null),
+        react_1.default.createElement("div", { className: "pf-chatbot__footer-container" }, children)));
+};
+exports.ChatbotFooter = ChatbotFooter;
+exports.default = exports.ChatbotFooter;

package/dist/cjs/ChatbotFooter/ChatbotFootnote.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { PopoverProps } from '@patternfly/react-core';
+export interface ChatbotFootnoteProps extends React.HTMLProps<HTMLDivElement> {
+    /** Label to show for the footnote */
+    label: string;
+    /** Config for the popover which opens up when footnote is clicked */
+    popover?: ChatbotFootnotePopover;
+    /** Custom classname for the Footnote component */
+    className?: string;
+}
+export interface ChatbotFootnotePopover {
+    /** Title for the Footnote popover */
+    title: string;
+    /** Description for the Footnote popover */
+    description: string;
+    /** Optional Banner Image that can be shown in the Footnote Popover */
+    bannerImage?: ChatbotFootnotePopoverBannerImage;
+    /** Optional CTA button that can be used to trigger an action and close the popover */
+    cta?: ChatbotFootnotePopoverCTA;
+    /** Optional link that can be used to show and external link like **Learn More** */
+    link?: ChatbotFootnotePopoverLink;
+    /** Props for PF Popover */
+    popoverProps?: PopoverProps;
+}
+export interface ChatbotFootnotePopoverCTA {
+    /** Label for the CTA */
+    label: string;
+    /** Callback for the CTA */
+    onClick: () => void;
+}
+export interface ChatbotFootnotePopoverBannerImage {
+    /** Source for the banner image */
+    src: string;
+    /** Alternate text for the banner image */
+    alt: string;
+}
+export interface ChatbotFootnotePopoverLink {
+    /** Label for the Link */
+    label: string;
+    /** URL for the Link */
+    url: string;
+}
+export declare const ChatbotFootnote: React.FunctionComponent<ChatbotFootnoteProps>;
+export default ChatbotFootnote;

package/dist/cjs/ChatbotFooter/ChatbotFootnote.js

@@ -0,0 +1,56 @@
+"use strict";
+// ============================================================================
+// Chatbot Footer - Footnote
+// ============================================================================
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotFootnote = void 0;
+const react_1 = __importDefault(require("react"));
+// Import Patternfly components
+const react_core_1 = require("@patternfly/react-core");
+// Import Patternfly icons
+const info_circle_icon_1 = require("@patternfly/react-icons/dist/esm/icons/info-circle-icon");
+const external_link_alt_icon_1 = require("@patternfly/react-icons/dist/esm/icons/external-link-alt-icon");
+// Import Chatbot components
+const ChatbotPopover_1 = __importDefault(require("../ChatbotPopover/ChatbotPopover"));
+const ChatbotFootnote = (_a) => {
+    var _b, _c, _d, _e, _f;
+    var { label, popover, className } = _a, props = __rest(_a, ["label", "popover", "className"]);
+    // Popover visibility state
+    const [isVisible, setIsVisible] = react_1.default.useState(false);
+    // Define popover body content
+    const popoverBodyContent = (react_1.default.createElement(react_1.default.Fragment, null,
+        (popover === null || popover === void 0 ? void 0 : popover.bannerImage) && react_1.default.createElement("img", { src: popover.bannerImage.src, alt: popover.bannerImage.alt }),
+        react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.h3 }, popover === null || popover === void 0 ? void 0 : popover.title),
+        react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.p }, popover === null || popover === void 0 ? void 0 : popover.description)));
+    // Define popover footer content
+    const popoverFooterContent = (react_1.default.createElement(react_core_1.Flex, { gap: { default: 'gapSm' } },
+        (popover === null || popover === void 0 ? void 0 : popover.cta) && (react_1.default.createElement(react_core_1.Button, { variant: "secondary", onClick: () => {
+                var _a;
+                setIsVisible(false);
+                (_a = popover.cta) === null || _a === void 0 ? void 0 : _a.onClick();
+            } }, ((_b = popover.cta) === null || _b === void 0 ? void 0 : _b.label) || 'Got it')),
+        (popover === null || popover === void 0 ? void 0 : popover.link) && (react_1.default.createElement(react_core_1.Button, { variant: "link", component: "a", href: popover.link.url, target: "_blank", icon: react_1.default.createElement(external_link_alt_icon_1.ExternalLinkAltIcon, null), iconPosition: "end" }, popover.link.label))));
+    return (react_1.default.createElement("div", Object.assign({ className: `pf-chatbot__footnote ${className !== null && className !== void 0 ? className : ''}` }, props),
+        popover && (react_1.default.createElement(ChatbotPopover_1.default, Object.assign({ className: "pf-chatbot__popover--footnote", "aria-label": ((_c = popover.popoverProps) === null || _c === void 0 ? void 0 : _c['aria-label']) || 'More information', isVisible: isVisible, shouldOpen: (_event, _fn) => setIsVisible(true), shouldClose: (_event, _fn) => setIsVisible(false), bodyContent: popoverBodyContent, footerContent: popoverFooterContent, minWidth: ((_d = popover.popoverProps) === null || _d === void 0 ? void 0 : _d.minWidth) || '432', maxWidth: ((_e = popover.popoverProps) === null || _e === void 0 ? void 0 : _e.maxWidth) || '432', distance: ((_f = popover.popoverProps) === null || _f === void 0 ? void 0 : _f.distance) || 16, showClose: false }, popover.popoverProps),
+            react_1.default.createElement(react_core_1.Button, { variant: "link", size: "sm" },
+                label,
+                " ",
+                react_1.default.createElement(info_circle_icon_1.InfoCircleIcon, null)))),
+        !popover && react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.small }, label)));
+};
+exports.ChatbotFootnote = ChatbotFootnote;
+exports.default = exports.ChatbotFootnote;

package/dist/cjs/ChatbotFooter/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './ChatbotFooter';
+export * from './ChatbotFooter';
+export * from './ChatbotFootnote';

package/dist/cjs/ChatbotFooter/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ChatbotFooter_1 = require("./ChatbotFooter");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatbotFooter_1).default; } });
+__exportStar(require("./ChatbotFooter"), exports);
+__exportStar(require("./ChatbotFootnote"), exports);

package/dist/cjs/ChatbotHeader/ChatbotHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ChatbotHeaderProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content to be displayed in the chatbot header */
+    children: React.ReactNode;
+    /** Custom classname for the header component */
+    className?: string;
+}
+export declare const ChatbotHeader: React.FunctionComponent<ChatbotHeaderProps>;
+export default ChatbotHeader;

package/dist/cjs/ChatbotHeader/ChatbotHeader.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeader = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ChatbotHeader = ({ className, children }) => (react_1.default.createElement("div", { className: "pf-chatbot__header-container" },
+    react_1.default.createElement("div", { className: `pf-chatbot__header ${className !== null && className !== void 0 ? className : ''}` }, children),
+    react_1.default.createElement(react_core_1.Divider, { className: "pf-chatbot__header__divider" })));
+exports.ChatbotHeader = ChatbotHeader;
+exports.default = exports.ChatbotHeader;

package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ChatbotHeaderActionsProps {
+    /** Content to be displayed in the chatbot header */
+    children: React.ReactNode;
+    /** Custom classname for the header component */
+    className?: string;
+}
+export declare const ChatbotHeaderActions: React.FunctionComponent<ChatbotHeaderActionsProps>;
+export default ChatbotHeaderActions;

package/dist/cjs/ChatbotHeader/ChatbotHeaderActions.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeaderActions = void 0;
+const react_1 = __importDefault(require("react"));
+const ChatbotHeaderActions = ({ className, children }) => react_1.default.createElement("div", { className: `pf-chatbot__actions ${className || ''}` }, children);
+exports.ChatbotHeaderActions = ChatbotHeaderActions;
+exports.default = exports.ChatbotHeaderActions;

package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ChatbotHeaderMainProps {
+    /** Custom classname for the header component */
+    className?: string;
+    /** Menu and/or chatbot header components */
+    children: React.ReactNode;
+}
+export declare const ChatbotHeaderMain: React.FunctionComponent<ChatbotHeaderMainProps>;
+export default ChatbotHeaderMain;

package/dist/cjs/ChatbotHeader/ChatbotHeaderMain.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeaderMain = void 0;
+const react_1 = __importDefault(require("react"));
+const ChatbotHeaderMain = ({ className, children }) => react_1.default.createElement("div", { className: `pf-chatbot__header-main ${className}` }, children);
+exports.ChatbotHeaderMain = ChatbotHeaderMain;
+exports.default = exports.ChatbotHeaderMain;

package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TooltipProps } from '@patternfly/react-core';
+export interface ChatbotHeaderMenuProps {
+    /** Callback function to attach to menu toggle on top right of chatbot header. */
+    onMenuToggle: () => void;
+    /** Custom classname for the header component */
+    className?: string;
+    /** Props spread to the PF Tooltip component wrapping the display mode dropdown */
+    tooltipProps?: TooltipProps;
+    /** Aria label for menu */
+    menuAriaLabel?: string;
+    /** Ref applied to menu */
+    innerRef?: React.Ref<HTMLButtonElement>;
+}
+export declare const ChatbotHeaderMenu: React.ForwardRefExoticComponent<ChatbotHeaderMenuProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeaderMenu = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const bars_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/bars-icon"));
+const ChatbotHeaderMenuBase = ({ className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef }) => (react_1.default.createElement("div", { className: `pf-chatbot__menu ${className}` },
+    react_1.default.createElement(react_core_1.Tooltip, Object.assign({ content: "Menu", position: "bottom" }, tooltipProps),
+        react_1.default.createElement(react_core_1.Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef, icon: react_1.default.createElement(react_core_1.Icon, { size: "xl", isInline: true },
+                react_1.default.createElement(bars_icon_1.default, null)) }))));
+exports.ChatbotHeaderMenu = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(ChatbotHeaderMenuBase, Object.assign({ innerRef: ref }, props))));

package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TooltipProps, DropdownProps } from '@patternfly/react-core';
+export interface ChatbotHeaderOptionsDropdownProps extends Omit<DropdownProps, 'toggle'> {
+    /** Content to be displayed in the chatbot header */
+    children: React.ReactNode;
+    /** Custom classname for the header component */
+    className?: string;
+    /** Props spread to the PF Tooltip component wrapping the display mode dropdown */
+    tooltipProps?: TooltipProps;
+    /** Aria label for menu toggle */
+    menuToggleAriaLabel?: string;
+}
+export declare const ChatbotHeaderOptionsDropdown: React.FunctionComponent<ChatbotHeaderOptionsDropdownProps>;
+export default ChatbotHeaderOptionsDropdown;

package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js

@@ -0,0 +1,33 @@
+"use strict";
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeaderOptionsDropdown = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ellipsis_v_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon"));
+const ChatbotHeaderOptionsDropdown = (_a) => {
+    var { className, children, onSelect, tooltipProps, menuToggleAriaLabel = 'Chatbot options' } = _a, props = __rest(_a, ["className", "children", "onSelect", "tooltipProps", "menuToggleAriaLabel"]);
+    const [isOptionsMenuOpen, setIsOptionsMenuOpen] = react_1.default.useState(false);
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom" }, tooltipProps),
+        react_1.default.createElement(react_core_1.MenuToggle, { className: "pf-chatbot__button--toggle-options", variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: react_1.default.createElement(react_core_1.Icon, { iconSize: "xl", isInline: true },
+                react_1.default.createElement(ellipsis_v_icon_1.default, null)), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen) })));
+    return (react_1.default.createElement(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__options ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
+            onSelect && onSelect(e, value);
+            setIsOptionsMenuOpen(false);
+        }, onOpenChange: (isOpen) => setIsOptionsMenuOpen(isOpen), popperProps: { position: 'right', preventOverflow: true, appendTo: 'inline' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, props), children));
+};
+exports.ChatbotHeaderOptionsDropdown = ChatbotHeaderOptionsDropdown;
+exports.default = exports.ChatbotHeaderOptionsDropdown;

package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TooltipProps, DropdownProps } from '@patternfly/react-core';
+export interface ChatbotHeaderSelectorDropdownProps extends Omit<DropdownProps, 'toggle'> {
+    /** Value of the selected dropdown item */
+    value: string;
+    /** Content to be displayed in the chatbot header */
+    children: React.ReactNode;
+    /** Custom classname for the header component */
+    className?: string;
+    /** Props spread to the PF Tooltip component wrapping the display mode dropdown */
+    tooltipProps?: TooltipProps;
+    /** Aria label for menu toggle */
+    menuToggleAriaLabel?: string;
+    /** Text displayed in Tooltip wrapping the display mode dropdown */
+    tooltipContent?: string;
+}
+export declare const ChatbotHeaderSelectorDropdown: React.FunctionComponent<ChatbotHeaderSelectorDropdownProps>;
+export default ChatbotHeaderSelectorDropdown;

package/dist/cjs/ChatbotHeader/ChatbotHeaderSelectorDropdown.js

@@ -0,0 +1,33 @@
+"use strict";
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeaderSelectorDropdown = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ChatbotHeaderSelectorDropdown = (_a) => {
+    var { value, className, children, onSelect, tooltipProps, tooltipContent = 'Chatbot selector', menuToggleAriaLabel } = _a, props = __rest(_a, ["value", "className", "children", "onSelect", "tooltipProps", "tooltipContent", "menuToggleAriaLabel"]);
+    const [isOptionsMenuOpen, setIsOptionsMenuOpen] = react_1.default.useState(false);
+    const [defaultAriaLabel, setDefaultAriaLabel] = react_1.default.useState('Chatbot selector');
+    const toggle = (toggleRef) => (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: tooltipContent, position: "bottom" }, tooltipProps),
+        react_1.default.createElement(react_core_1.MenuToggle, { variant: "secondary", "aria-label": menuToggleAriaLabel !== null && menuToggleAriaLabel !== void 0 ? menuToggleAriaLabel : defaultAriaLabel, ref: toggleRef, isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen) }, value)));
+    return (react_1.default.createElement(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__selections ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
+            onSelect && onSelect(e, value);
+            setDefaultAriaLabel(`Chatbot selector: ${value}`);
+            setIsOptionsMenuOpen(false);
+        }, onOpenChange: (isOpen) => setIsOptionsMenuOpen(isOpen), popperProps: { position: 'right', appendTo: 'inline' }, shouldFocusToggleOnSelect: true, shouldFocusFirstItemOnOpen: true, toggle: toggle }, props), children));
+};
+exports.ChatbotHeaderSelectorDropdown = ChatbotHeaderSelectorDropdown;
+exports.default = exports.ChatbotHeaderSelectorDropdown;

package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
+export interface ChatbotHeaderTitleProps {
+    /** Content to be displayed in the chatbot header */
+    children?: React.ReactNode;
+    /** Custom classname for the header component */
+    className?: string;
+    /** Display mode of chatbot, in case you want to conditionally show a title */
+    displayMode?: ChatbotDisplayMode;
+    /** Content to display on full screen */
+    showOnFullScreen?: React.ReactNode | string;
+    /** Content to display on docked screen */
+    showOnDocked?: React.ReactNode | string;
+    /** Content to display on overlay screen */
+    showOnEmbedded?: React.ReactNode | string;
+    /** Content to display by default; this will be shown if a case is not explicitly set */
+    showOnDefault?: React.ReactNode | string;
+}
+export declare const ChatbotHeaderTitle: React.FunctionComponent<ChatbotHeaderTitleProps>;
+export default ChatbotHeaderTitle;

package/dist/cjs/ChatbotHeader/ChatbotHeaderTitle.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotHeaderTitle = void 0;
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const Chatbot_1 = require("../Chatbot/Chatbot");
+const ChatbotHeaderTitle = ({ className, children, displayMode, showOnFullScreen, showOnDocked, showOnEmbedded, showOnDefault }) => {
+    const renderChildren = () => {
+        if (displayMode && (showOnDefault || showOnFullScreen || showOnEmbedded || showOnDocked)) {
+            /* eslint-disable indent */
+            switch (displayMode) {
+                case Chatbot_1.ChatbotDisplayMode.fullscreen:
+                    return showOnFullScreen !== null && showOnFullScreen !== void 0 ? showOnFullScreen : showOnDefault;
+                case Chatbot_1.ChatbotDisplayMode.docked:
+                    return showOnDocked !== null && showOnDocked !== void 0 ? showOnDocked : showOnDefault;
+                case Chatbot_1.ChatbotDisplayMode.embedded:
+                    return showOnEmbedded !== null && showOnEmbedded !== void 0 ? showOnEmbedded : showOnDefault;
+                default:
+                    return showOnDefault;
+            }
+            /* eslint-enable indent */
+        }
+        else {
+            return children;
+        }
+    };
+    return (react_1.default.createElement(react_core_1.SplitItem, { isFilled: true, className: `pf-chatbot__title ${className || ''}` }, renderChildren()));
+};
+exports.ChatbotHeaderTitle = ChatbotHeaderTitle;
+exports.default = exports.ChatbotHeaderTitle;

package/dist/cjs/ChatbotHeader/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './ChatbotHeader';
+export * from './ChatbotHeader';
+export * from './ChatbotHeaderActions';
+export * from './ChatbotHeaderMain';
+export * from './ChatbotHeaderMenu';
+export * from './ChatbotHeaderTitle';
+export * from './ChatbotHeaderOptionsDropdown';
+export * from './ChatbotHeaderSelectorDropdown';

package/dist/cjs/ChatbotHeader/index.js

@@ -0,0 +1,29 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ChatbotHeader_1 = require("./ChatbotHeader");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatbotHeader_1).default; } });
+__exportStar(require("./ChatbotHeader"), exports);
+__exportStar(require("./ChatbotHeaderActions"), exports);
+__exportStar(require("./ChatbotHeaderMain"), exports);
+__exportStar(require("./ChatbotHeaderMenu"), exports);
+__exportStar(require("./ChatbotHeaderTitle"), exports);
+__exportStar(require("./ChatbotHeaderOptionsDropdown"), exports);
+__exportStar(require("./ChatbotHeaderSelectorDropdown"), exports);

package/dist/cjs/ChatbotModal/ChatbotModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ModalProps } from '@patternfly/react-core';
+import { ChatbotDisplayMode } from '../Chatbot';
+export interface ChatbotModalProps extends Omit<ModalProps, 'ref'> {
+    /** Display mode for the Chatbot parent; this influences the styles applied */
+    displayMode?: ChatbotDisplayMode;
+    className?: string;
+}
+export declare const ChatbotModal: React.FunctionComponent<ChatbotModalProps>;
+export default ChatbotModal;

package/dist/cjs/ChatbotModal/ChatbotModal.js

@@ -0,0 +1,34 @@
+"use strict";
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotModal = void 0;
+// ============================================================================
+// Code Modal - Chatbot Modal with Code Editor
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+const Chatbot_1 = require("../Chatbot");
+const ChatbotModal = (_a) => {
+    var { children, displayMode = Chatbot_1.ChatbotDisplayMode.default, className, isOpen } = _a, props = __rest(_a, ["children", "displayMode", "className", "isOpen"]);
+    const modal = (react_1.default.createElement(react_core_1.Modal, Object.assign({ isOpen: isOpen, ouiaId: "ChatbotModal", "aria-labelledby": "chatbot-modal-title", "aria-describedby": "chatbot-modal", className: `pf-chatbot__chatbot-modal pf-chatbot__chatbot-modal--${displayMode} ${className}`, backdropClassName: "pf-chatbot__chatbot-modal-backdrop" }, props), children));
+    if ((displayMode === Chatbot_1.ChatbotDisplayMode.fullscreen || displayMode === Chatbot_1.ChatbotDisplayMode.embedded) && isOpen) {
+        return react_1.default.createElement("div", { className: "pf-v6-c-backdrop pf-chatbot__backdrop" }, modal);
+    }
+    return modal;
+};
+exports.ChatbotModal = ChatbotModal;
+exports.default = exports.ChatbotModal;

package/dist/cjs/ChatbotModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ChatbotModal';
+export * from './ChatbotModal';

package/dist/cjs/ChatbotModal/index.js

@@ -0,0 +1,23 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ChatbotModal_1 = require("./ChatbotModal");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatbotModal_1).default; } });
+__exportStar(require("./ChatbotModal"), exports);

package/dist/cjs/ChatbotPopover/ChatbotPopover.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PopoverProps } from '@patternfly/react-core';
+export declare const ChatbotPopover: React.FunctionComponent<PopoverProps>;
+export default ChatbotPopover;

package/dist/cjs/ChatbotPopover/ChatbotPopover.js

@@ -0,0 +1,29 @@
+"use strict";
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotPopover = void 0;
+// ============================================================================
+// Chatbot Popover
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+// Import PatternFly components
+const react_core_1 = require("@patternfly/react-core");
+const ChatbotPopover = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement(react_core_1.Popover, Object.assign({ className: `pf-chatbot__popover ${className !== null && className !== void 0 ? className : ''}`, showClose: false }, props), children));
+};
+exports.ChatbotPopover = ChatbotPopover;
+exports.default = exports.ChatbotPopover;

package/dist/cjs/ChatbotPopover/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ChatbotPopover';
+export * from './ChatbotPopover';

package/dist/cjs/ChatbotPopover/index.js

@@ -0,0 +1,23 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ChatbotPopover_1 = require("./ChatbotPopover");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatbotPopover_1).default; } });
+__exportStar(require("./ChatbotPopover"), exports);