@aws/mynah-ui 4.17.1 → 4.18.0

package/dist/components/background.d.ts

@@ -0,0 +1,10 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ExtendedHTMLElement } from '../helper/dom';
+import '../styles/components/_background.scss';
+export declare class GradientBackground {
+    render: ExtendedHTMLElement;
+    constructor();
+}

package/dist/components/button.d.ts

@@ -2,7 +2,7 @@
  * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ExtendedHTMLElement } from '../helper/dom';
+import { DomBuilderEventHandler, DomBuilderEventHandlerWithOptions, ExtendedHTMLElement, GenericEvents } from '../helper/dom';
 import { OverlayHorizontalDirection, OverlayVerticalDirection } from './overlay';
 import '../styles/components/_button.scss';
 export interface ButtonProps {
@@ -18,9 +18,10 @@ export interface ButtonProps {
     disabled?: boolean;
     primary?: boolean;
     border?: boolean;
-    status?: 'primary' | 'info' | 'success' | 'warning' | 'error';
-    additionalEvents?: Record<string, (event?: any) => any>;
+    status?: 'main' | 'primary' | 'info' | 'success' | 'warning' | 'error' | 'clear';
+    additionalEvents?: Partial<Record<GenericEvents, DomBuilderEventHandler | DomBuilderEventHandlerWithOptions>>;
     onClick: (e: Event) => void;
+    onHover?: (e: Event) => void;
 }
 export declare abstract class ButtonAbstract {
     render: ExtendedHTMLElement;

package/dist/components/card/card-body.d.ts

@@ -22,7 +22,7 @@ export interface CardBodyProps {
     testId?: string;
     children?: Array<ExtendedHTMLElement | HTMLElement | string | DomBuilderObject>;
     childLocation?: 'above-body' | 'below-body';
-    highlightRangeWithTooltip?: ReferenceTrackerInformation[];
+    highlightRangeWithTooltip?: ReferenceTrackerInformation[] | null;
     codeBlockActions?: CodeBlockActions;
     useParts?: boolean;
     codeBlockStartIndex?: number;

package/dist/components/chat-item/chat-item-buttons.d.ts

@@ -8,7 +8,7 @@ import { ChatItemFormItemsWrapper } from './chat-item-form-items';
 export interface ChatItemButtonsWrapperProps {
     tabId?: string;
     classNames?: string[];
-    buttons: ChatItemButton[];
+    buttons: ChatItemButton[] | null;
     formItems?: ChatItemFormItemsWrapper | null;
     onActionClick?: (action: ChatItemButton, e?: Event) => void;
 }

package/dist/components/chat-item/chat-item-card-content.d.ts

@@ -6,11 +6,11 @@ import { DomBuilderObject, ExtendedHTMLElement } from '../../helper/dom';
 import { CardRenderDetails, CodeBlockActions, OnCodeBlockActionFunction, OnCopiedToClipboardFunction, ReferenceTrackerInformation } from '../../static';
 import { CardBody } from '../card/card-body';
 export interface ChatItemCardContentProps {
-    body?: string;
+    body?: string | null;
     testId?: string;
     renderAsStream?: boolean;
     classNames?: string[];
-    codeReference?: ReferenceTrackerInformation[];
+    codeReference?: ReferenceTrackerInformation[] | null;
     onAnimationStateChange?: (isAnimating: boolean) => void;
     contentProperties?: {
         codeBlockActions?: CodeBlockActions;

package/dist/components/chat-item/chat-item-card.d.ts

@@ -18,12 +18,14 @@ export declare class ChatItemCard {
     private readonly initialSpinner;
     private cardFooter;
     private informationCard;
+    private tabbedCard;
     private cardIcon;
     private contentBody;
     private chatAvatar;
     private chatFormItems;
     private customRendererWrapper;
-    private chatButtons;
+    private chatButtonsInside;
+    private chatButtonsOutside;
     private fileTreeWrapper;
     private followUps;
     private votes;
@@ -38,6 +40,7 @@ export declare class ChatItemCard {
     private readonly checkCardSnap;
     readonly updateCard: () => void;
     readonly updateCardStack: (updateWith: Partial<ChatItem>) => void;
+    readonly clearContent: () => void;
     readonly getRenderDetails: () => CardRenderDetails;
     readonly cleanFollowupsAndRemoveIfEmpty: () => boolean;
 }

package/dist/components/chat-item/chat-item-information-card.d.ts

@@ -1,10 +1,12 @@
 import { ExtendedHTMLElement } from '../../helper/dom';
 import { ChatItemContent } from '../../static';
+import '../../styles/components/chat/_chat-item-card-information-card.scss';
 export interface ChatItemInformationCardProps {
     tabId: string;
     testId?: string;
     messageId: string | undefined;
-    informationCard: Required<ChatItemContent>['informationCard'];
+    classNames?: string[];
+    informationCard: NonNullable<Required<ChatItemContent>['informationCard']>;
 }
 export declare class ChatItemInformationCard {
     render: ExtendedHTMLElement;

package/dist/components/chat-item/chat-item-tabbed-card.d.ts

@@ -0,0 +1,17 @@
+import { ExtendedHTMLElement } from '../../helper/dom';
+import { ChatItemContent } from '../../static';
+import { ChatItemCard } from './chat-item-card';
+import '../../styles/components/chat/_chat-item-card-tabbed-card.scss';
+export interface ChatItemTabbedCardProps {
+    tabId: string;
+    messageId: string | undefined;
+    tabbedCard: NonNullable<Required<ChatItemContent>['tabbedContent']>;
+    classNames?: string[];
+}
+export declare class ChatItemTabbedCard {
+    contentCard: ChatItemCard;
+    render: ExtendedHTMLElement;
+    props: ChatItemTabbedCardProps;
+    constructor(props: ChatItemTabbedCardProps);
+    private readonly getTabOfSelectedOrGivenValue;
+}

package/dist/components/chat-item/chat-item-tree-file.d.ts

@@ -14,6 +14,7 @@ export interface ChatItemTreeFileProps {
 }
 export declare class ChatItemTreeFile {
     render: ExtendedHTMLElement;
+    private readonly props;
     private fileTooltip;
     private fileTooltipTimeout;
     constructor(props: ChatItemTreeFileProps);

package/dist/components/chat-item/chat-prompt-input.d.ts

@@ -20,6 +20,7 @@ export declare class ChatPromptInput {
     private readonly progressIndicator;
     private readonly promptAttachment;
     private readonly chatPrompt;
+    private promptTextInputLabel;
     private remainingCharsOverlay;
     private quickPickTriggerIndex;
     private quickPickType;
@@ -36,7 +37,8 @@ export declare class ChatPromptInput {
     private readonly getQuickPickItemGroups;
     private readonly handleQuickActionCommandSelection;
     private readonly handleContextCommandSelection;
+    private readonly sendPrompt;
+    private readonly getPromptInputTextLabel;
     readonly clearTextArea: (keepAttachment?: boolean) => void;
     readonly addAttachment: (attachmentContent: string, type?: PromptAttachmentType) => void;
-    private readonly sendPrompt;
 }

package/dist/components/chat-item/chat-wrapper.d.ts

@@ -16,8 +16,12 @@ export declare class ChatWrapper {
     private readonly intermediateBlockContainer;
     private readonly promptInputElement;
     private readonly promptInput;
+    private readonly footerSpacer;
+    private readonly headerSpacer;
     private readonly promptInfo;
     private readonly promptStickyCard;
+    private tabHeaderDetails;
+    private tabModeSwitchTimeout;
     private lastStreamingChatItemCard;
     private lastStreamingChatItemMessageId;
     private allRenderedChatItems;

package/dist/components/icon.d.ts

@@ -55,6 +55,7 @@ export declare enum MynahIcons {
     CURSOR_INSERT = "cursor-insert",
     TEXT_SELECT = "text-select",
     REVERT = "revert",
+    ROCKET = "rocket",
     ASTERISK = "asterisk",
     BUG = "bug",
     CHECK_LIST = "check-list",

package/dist/components/syntax-highlighter.d.ts

@@ -31,30 +31,9 @@ import 'prismjs/plugins/keep-markup/prism-keep-markup.js';
 import 'prismjs/plugins/diff-highlight/prism-diff-highlight.min';
 import { CodeBlockActions, CodeSelectionType, OnCodeBlockActionFunction } from '../static';
 import '../styles/components/_syntax-highlighter.scss';
-export declare const highlighters: {
-    start: {
-        markup: string;
-        textReplacement: string;
-    };
-    end: {
-        markup: string;
-        textReplacement: string;
-    };
-};
-export declare const ellipsis: {
-    start: {
-        markup: string;
-        textReplacement: string;
-    };
-    end: {
-        markup: string;
-        textReplacement: string;
-    };
-};
 export interface SyntaxHighlighterProps {
     codeStringWithMarkup: string;
     language?: string;
-    keepHighlights?: boolean;
     showLineNumbers?: boolean;
     block?: boolean;
     startingLineNumber?: number;

package/dist/components/title-description-with-icon.d.ts

@@ -0,0 +1,20 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { DomBuilderObject, ExtendedHTMLElement } from '../helper/dom';
+import { MynahIcons } from './icon';
+import '../styles/components/_title-description-icon.scss';
+interface TitleDescriptionWithIconProps {
+    title?: string | ExtendedHTMLElement | HTMLElement | DomBuilderObject;
+    description?: string | ExtendedHTMLElement | HTMLElement | DomBuilderObject;
+    icon?: MynahIcons;
+    testId?: string;
+    classNames?: string[];
+}
+export declare class TitleDescriptionWithIcon {
+    render: ExtendedHTMLElement;
+    private readonly props;
+    constructor(props: TitleDescriptionWithIconProps);
+}
+export {};

package/dist/helper/chat-item.d.ts

@@ -1,3 +1,4 @@
-import { ChatItem } from '../static';
+import { ChatItem, ChatItemContent } from '../static';
+export declare const emptyChatItemContent: ChatItemContent;
 export declare const chatItemHasContent: (chatItem: Partial<ChatItem>) => boolean;
 export declare const copyToClipboard: (textToSendClipboard: string, onCopied?: () => void) => Promise<void>;

package/dist/helper/dom.d.ts

@@ -5,7 +5,7 @@
 import { MynahPortalNames } from '../static';
 import { AllowedTagsInCustomRenderer, AllowedAttributesInCustomRenderer } from './sanitize';
 export declare const DS: typeof document.querySelectorAll;
-type GenericEvents = Extract<keyof GlobalEventHandlersEventMap, string>;
+export type GenericEvents = Extract<keyof GlobalEventHandlersEventMap, string>;
 export type DomBuilderEventHandler = (event?: any) => any;
 export interface DomBuilderEventHandlerWithOptions {
     handler: DomBuilderEventHandler;

package/dist/helper/test-ids.d.ts

@@ -18,12 +18,14 @@ declare const _default: {
         footerInfoBody: string;
         stickyCard: string;
         progress: string;
+        label: string;
     };
     chat: {
         wrapper: string;
         chatItemsContainer: string;
         middleBlockWrapper: string;
         stopButton: string;
+        header: string;
     };
     chatItem: {
         type: {
@@ -93,6 +95,9 @@ declare const _default: {
             fileAction: string;
             fileTooltipWrapper: string;
         };
+        tabbedCard: {
+            tabs: string;
+        };
     };
     feedbackForm: {
         wrapper: string;

package/dist/main.d.ts

@@ -40,6 +40,7 @@ export interface MynahUIProps {
         text?: string;
         formItemValues?: Record<string, string>;
     }, eventId?: string) => void;
+    onTabbedContentTabChange?: (tabId: string, messageId: string, contentTabId: string, eventId?: string) => void;
     onTabChange?: (tabId: string, eventId?: string) => void;
     onTabAdd?: (tabId: string, eventId?: string) => void;
     onTabRemove?: (tabId: string, eventId?: string) => void;