@patternfly/chatbot 2.1.0-prerelease.17

package/dist/cjs/ChatbotToggle/ChatbotToggle.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ButtonProps, TooltipProps } from '@patternfly/react-core';
+export interface ChatbotToggleProps extends ButtonProps {
+    /** Contents of the tooltip applied to the toggle button */
+    toolTipLabel?: React.ReactNode;
+    /** Props spread to the PF Tooltip component */
+    tooltipProps?: Omit<TooltipProps, 'content'>;
+    /** Flag indicating visibility of the chatbot appended to the toggle */
+    isChatbotVisible?: boolean;
+    /** Callback fired when toggle button is clicked */
+    onToggleChatbot?: () => void;
+    /** Accessible label for the toggle button */
+    toggleButtonLabel?: string;
+    /** An image displayed in the chatbot toggle when it is closed */
+    closedToggleIcon?: () => JSX.Element;
+    /** Ref applied to toggle */
+    innerRef?: React.Ref<HTMLButtonElement>;
+}
+declare const ChatbotToggle: React.ForwardRefExoticComponent<ChatbotToggleProps & React.RefAttributes<any>>;
+export default ChatbotToggle;

package/dist/cjs/ChatbotToggle/ChatbotToggle.js

@@ -0,0 +1,35 @@
+"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 });
+// ============================================================================
+// Chatbot Toggle
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const angle_down_icon_1 = __importDefault(require("@patternfly/react-icons/dist/esm/icons/angle-down-icon"));
+const ChatIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
+    react_1.default.createElement("path", { fill: "var(--pf-t--global--icon--color--inverse)", stroke: "var(--pf-t--global--icon--color--inverse)", strokeLinejoin: "round", strokeWidth: ".75", d: "M3.577 14.382c0 .198.12.38.31.46l.19.04a.492.492 0 0 0 .349-.143l3.028-3.028h8.513a.489.489 0 0 0 .492-.492V2.491A.489.489 0 0 0 15.967 2H1.691a.489.489 0 0 0-.492.491v8.728c0 .135.056.262.143.349a.498.498 0 0 0 .349.143h1.878v2.663h.008v.008ZM2.19 10.72V2.983h13.278v7.729H7.24a.512.512 0 0 0-.35.143l-2.322 2.322v-1.974a.498.498 0 0 0-.142-.348.492.492 0 0 0-.35-.143H2.19v.008Z" }),
+    react_1.default.createElement("path", { fill: "var(--pf-t--global--text--color--inverse)", stroke: "var(--pf-t--global--text--color--inverse)", strokeLinejoin: "round", strokeWidth: ".75", d: "M22.301 9.135h-3.963a.489.489 0 0 0-.492.491c0 .27.222.492.492.492h3.472v7.737h-1.88a.404.404 0 0 0-.348.134.492.492 0 0 0-.143.35v1.973l-2.322-2.323a.492.492 0 0 0-.349-.142H8.532v-4.265a.489.489 0 0 0-.492-.492.494.494 0 0 0-.491.492v4.756c0 .277.222.492.491.492h8.514l3.028 3.028a.492.492 0 0 0 .349.142l.19-.04a.502.502 0 0 0 .31-.459V18.83h1.878c.111-.008.262-.048.349-.135a.491.491 0 0 0 .142-.349v-8.72a.489.489 0 0 0-.491-.491h-.008Z" })));
+const ChatbotToggleBase = (_a) => {
+    var { toolTipLabel, isChatbotVisible, onToggleChatbot, tooltipProps, toggleButtonLabel, closedToggleIcon: ClosedToggleIcon, innerRef } = _a, props = __rest(_a, ["toolTipLabel", "isChatbotVisible", "onToggleChatbot", "tooltipProps", "toggleButtonLabel", "closedToggleIcon", "innerRef"]);
+    // Configure icon
+    const closedIcon = ClosedToggleIcon ? react_1.default.createElement(ClosedToggleIcon, null) : react_1.default.createElement(ChatIcon, null);
+    const icon = isChatbotVisible ? react_1.default.createElement(angle_down_icon_1.default, null) : closedIcon;
+    return (react_1.default.createElement(react_core_1.Tooltip, Object.assign({ content: toolTipLabel }, tooltipProps),
+        react_1.default.createElement(react_core_1.Button, Object.assign({ className: `pf-chatbot__button ${isChatbotVisible ? 'pf-chatbot__button--active' : ''}`, variant: "plain", "aria-label": toggleButtonLabel || `${toolTipLabel} toggle`, onClick: onToggleChatbot, "aria-expanded": isChatbotVisible, icon: react_1.default.createElement(react_core_1.Icon, { isInline: true }, icon), ref: innerRef }, props))));
+};
+const ChatbotToggle = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(ChatbotToggleBase, Object.assign({ innerRef: ref }, props))));
+exports.default = ChatbotToggle;

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

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

package/dist/cjs/ChatbotToggle/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 ChatbotToggle_1 = require("./ChatbotToggle");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatbotToggle_1).default; } });
+__exportStar(require("./ChatbotToggle"), exports);

package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface ChatbotWelcomePromptProps extends React.HTMLProps<HTMLDivElement> {
+    /** Title for the welcome message*/
+    title: string;
+    /** Welcome message */
+    description: string;
+    /** Custom basic prompts to help users coming for the first time to chatbot */
+    prompts?: WelcomePrompt[];
+    /** Custom classname for the WelcomePrompt component */
+    className?: string;
+    /** Custom test id for the WelcomePrompt component */
+    testId?: string;
+}
+export interface WelcomePrompt {
+    /** Message for the welcome prompt */
+    message?: string;
+    /** Title for the welcome prompt */
+    title: string;
+    /** Callback handler for the onClick event for welcome prompt */
+    onClick?: () => void;
+}
+export declare const ChatbotWelcomePrompt: React.FunctionComponent<ChatbotWelcomePromptProps>;
+export default ChatbotWelcomePrompt;

package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.js

@@ -0,0 +1,40 @@
+"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.ChatbotWelcomePrompt = void 0;
+// ============================================================================
+// Chatbot Layout - Chat - Welcome
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ChatbotWelcomePrompt = (_a) => {
+    var { title, description, prompts, className, testId } = _a, props = __rest(_a, ["title", "description", "prompts", "className", "testId"]);
+    return (react_1.default.createElement("div", Object.assign({ "data-testid": testId, className: `pf-chatbot--layout--welcome ${className !== null && className !== void 0 ? className : ''}` }, props),
+        react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.h1 },
+            react_1.default.createElement("span", { className: "pf-chatbot__hello" }, title),
+            react_1.default.createElement("br", null),
+            react_1.default.createElement("span", { className: "pf-chatbot__question" }, description)),
+        prompts && (react_1.default.createElement("div", { className: "pf-chatbot__prompt-suggestions" }, prompts === null || prompts === void 0 ? void 0 : prompts.map((prompt, index) => (react_1.default.createElement(react_core_1.Card, { key: `welcome-prompt-${index}`, className: "pf-chatbot__prompt-suggestion", isClickable: true },
+            react_1.default.createElement(react_core_1.CardHeader, { selectableActions: {
+                    onClickAction: prompt.onClick,
+                    selectableActionId: `welcome-prompt-input-${index}`,
+                    selectableActionAriaLabelledby: `welcome-prompt-title-${index}`
+                } },
+                react_1.default.createElement(react_core_1.CardTitle, { id: `welcome-prompt-title-${index}` }, prompt.title)),
+            prompt.message && react_1.default.createElement(react_core_1.CardBody, null, prompt.message))))))));
+};
+exports.ChatbotWelcomePrompt = ChatbotWelcomePrompt;
+exports.default = exports.ChatbotWelcomePrompt;

package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.d.ts

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

package/dist/cjs/ChatbotWelcomePrompt/ChatbotWelcomePrompt.test.js

@@ -0,0 +1,49 @@
+"use strict";
+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 ChatbotWelcomePrompt_1 = __importDefault(require("./ChatbotWelcomePrompt"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe('ChatbotWelcomePrompt', () => {
+    it('should render welcome prompt', () => {
+        const { container } = (0, react_2.render)(react_1.default.createElement(ChatbotWelcomePrompt_1.default, { title: "Hello, Chatbot User", description: "How may I help you today?" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotWelcomePrompt_1.default, { title: "Hello, Chatbot User", description: "How may I help you today?" }));
+        expect(react_2.screen.getByText('Hello, Chatbot User')).toBeTruthy();
+        expect(react_2.screen.getByText('How may I help you today?')).toBeTruthy();
+    });
+    it('should render prompts with titles correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotWelcomePrompt_1.default, { title: "Hello, Chatbot User", description: "How may I help you today?", prompts: [{ title: 'Topic 1' }] }));
+        expect(react_2.screen.getByText('Topic 1')).toBeTruthy();
+    });
+    it('should render prompts with messages correctly', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotWelcomePrompt_1.default, { title: "Hello, Chatbot User", description: "How may I help you today?", prompts: [{ title: 'Topic 1', message: 'Helpful prompt for Topic 1' }] }));
+        expect(react_2.screen.getByText('Helpful prompt for Topic 1')).toBeTruthy();
+    });
+    it('should render prompts with onClick correctly', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(ChatbotWelcomePrompt_1.default, { title: "Hello, Chatbot User", description: "How may I help you today?", prompts: [{ title: 'Topic 1', message: 'Helpful prompt for Topic 1', onClick: spy }] }));
+        yield user_event_1.default.click(react_2.screen.getByRole('button', { name: /Topic 1/i }));
+        expect(spy).toHaveBeenCalled();
+    }));
+    it('should apply className appropriately', () => {
+        (0, react_2.render)(react_1.default.createElement(ChatbotWelcomePrompt_1.default, { title: "Hello, Chatbot User", description: "How may I help you today?", className: "test", testId: "welcome-prompt" }));
+        const element = react_2.screen.getByTestId('welcome-prompt');
+        expect(element).toHaveClass('test');
+    });
+});

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

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

package/dist/cjs/ChatbotWelcomePrompt/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 ChatbotWelcomePrompt_1 = require("./ChatbotWelcomePrompt");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatbotWelcomePrompt_1).default; } });
+__exportStar(require("./ChatbotWelcomePrompt"), exports);

package/dist/cjs/CodeModal/CodeModal.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ChatbotDisplayMode } from '../Chatbot';
+export interface CodeModalProps {
+    /** Class applied to code editor */
+    codeEditorControlClassName?: string;
+    /** Text shown in code editor */
+    code: string;
+    /** Filename, including extension, of file shown in editor */
+    fileName: string;
+    /** Whether copying code is allowed */
+    isCopyEnabled?: boolean;
+    /** Whether line numbers show in the code editor */
+    isLineNumbersVisible?: boolean;
+    /** Whether code is read-only */
+    isReadOnly?: boolean;
+    /** Action assigned to primary modal button */
+    onPrimaryAction: (event: React.MouseEvent | MouseEvent | KeyboardEvent, code?: string) => void;
+    /** Action assigned to secondary modal button */
+    onSecondaryAction: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Name of primary modal button */
+    primaryActionBtn: string;
+    /** Name of secondary modal button */
+    secondaryActionBtn: string;
+    /** Function that handles modal toggle */
+    handleModalToggle: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Whether modal is open */
+    isModalOpen: boolean;
+    /** Title of modal */
+    title: string;
+    /** Display mode for the Chatbot parent; this influences the styles applied */
+    displayMode?: ChatbotDisplayMode;
+}
+export declare const CodeModal: React.FunctionComponent<CodeModalProps>;
+export default CodeModal;

package/dist/cjs/CodeModal/CodeModal.js

@@ -0,0 +1,105 @@
+"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 __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.CodeModal = void 0;
+// ============================================================================
+// Code Modal - Chatbot Modal with Code Editor
+// ============================================================================
+const react_1 = __importDefault(require("react"));
+const path_browserify_1 = __importDefault(require("path-browserify"));
+// Import PatternFly components
+const react_code_editor_1 = require("@patternfly/react-code-editor");
+const react_core_1 = require("@patternfly/react-core");
+const FileDetails_1 = __importStar(require("../FileDetails"));
+const Chatbot_1 = require("../Chatbot");
+const ChatbotModal_1 = __importDefault(require("../ChatbotModal/ChatbotModal"));
+const CodeModal = (_a) => {
+    var { fileName, code, codeEditorControlClassName: codeEditorClassName, handleModalToggle, isCopyEnabled, isLineNumbersVisible, isModalOpen, isReadOnly, onPrimaryAction, onSecondaryAction, primaryActionBtn, secondaryActionBtn, title, displayMode = Chatbot_1.ChatbotDisplayMode.default } = _a, props = __rest(_a, ["fileName", "code", "codeEditorControlClassName", "handleModalToggle", "isCopyEnabled", "isLineNumbersVisible", "isModalOpen", "isReadOnly", "onPrimaryAction", "onSecondaryAction", "primaryActionBtn", "secondaryActionBtn", "title", "displayMode"]);
+    const [newCode, setNewCode] = react_1.default.useState(code);
+    const handlePrimaryAction = (_event) => {
+        handleModalToggle(_event);
+        if (!isReadOnly) {
+            onPrimaryAction(_event, newCode);
+        }
+        else {
+            onPrimaryAction(_event);
+        }
+    };
+    const handleSecondaryAction = (_event) => {
+        handleModalToggle(_event);
+        onSecondaryAction(_event);
+    };
+    const onEditorDidMount = (editor, monaco) => {
+        editor.layout();
+        editor.focus();
+        monaco.editor.getModels()[0].updateOptions({ tabSize: 5 });
+    };
+    const onCodeChange = (value) => {
+        if (!isReadOnly) {
+            setNewCode(value);
+        }
+    };
+    /* eslint-disable indent */
+    const getHeight = (displayMode) => {
+        switch (displayMode) {
+            case Chatbot_1.ChatbotDisplayMode.docked:
+                return '100vh';
+            default:
+                return '45vh';
+        }
+    };
+    /* eslint-enable indent */
+    const modal = (react_1.default.createElement(ChatbotModal_1.default, { isOpen: isModalOpen, onClose: handleModalToggle, ouiaId: "CodeModal", "aria-labelledby": "code-modal-title", "aria-describedby": "code-modal", className: `pf-chatbot__code-modal pf-chatbot__code-modal--${displayMode}`, displayMode: displayMode },
+        react_1.default.createElement(react_core_1.ModalHeader, { title: title, labelId: "code-modal-title" }),
+        react_1.default.createElement(react_core_1.ModalBody, { id: "code-modal-body" },
+            react_1.default.createElement(react_core_1.Stack, { className: "pf-chatbot__code-modal-body" },
+                react_1.default.createElement(react_core_1.StackItem, { className: "pf-chatbot__code-modal-file-details" },
+                    react_1.default.createElement(FileDetails_1.default, { fileName: fileName })),
+                react_1.default.createElement(react_core_1.StackItem, null,
+                    react_1.default.createElement(react_code_editor_1.CodeEditor, Object.assign({ isDarkTheme: true, isLineNumbersVisible: isLineNumbersVisible, isLanguageLabelVisible: true, isCopyEnabled: isCopyEnabled, isReadOnly: isReadOnly, code: newCode, language: FileDetails_1.extensionToLanguage[path_browserify_1.default.extname(fileName).slice(1)], onEditorDidMount: onEditorDidMount, onCodeChange: onCodeChange, className: codeEditorClassName, height: getHeight(displayMode), options: {
+                            glyphMargin: false,
+                            folding: false
+                        } }, props))))),
+        react_1.default.createElement(react_core_1.ModalFooter, null,
+            react_1.default.createElement(react_core_1.Button, { isBlock: true, key: "code-modal-primary", variant: "primary", onClick: handlePrimaryAction, form: "code-modal-form" }, primaryActionBtn),
+            react_1.default.createElement(react_core_1.Button, { isBlock: true, key: "code-modal-secondary", variant: "link", onClick: handleSecondaryAction }, secondaryActionBtn))));
+    return modal;
+};
+exports.CodeModal = CodeModal;
+exports.default = exports.CodeModal;

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

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

package/dist/cjs/CodeModal/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 CodeModal_1 = require("./CodeModal");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CodeModal_1).default; } });
+__exportStar(require("./CodeModal"), exports);