@aws/mynah-ui 2.0.0-beta.11.2 → 2.0.0-beta.12.0

package/.eslintrc.js

@@ -0,0 +1,48 @@
+module.exports = {
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "extends": [
+    "standard-with-typescript"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "project": "./tsconfig.json",
+  },
+  "plugins": [
+    "@typescript-eslint",
+    "prettier"
+  ],
+  "rules": {
+    "@typescript-eslint/semi": [
+      2,
+      "always"
+    ],
+    "comma-dangle": [
+      2,
+      "only-multiline"
+    ],
+    "array-bracket-spacing": [
+      2,
+      "always"
+    ],
+    "no-useless-call": "off",
+    "@typescript-eslint/member-delimiter-style": [
+      "error",
+      {
+        "multiline": {
+          "delimiter": "semi",
+          "requireLast": true
+        },
+        "singleline": {
+          "delimiter": "semi",
+          "requireLast": false
+        }
+      }
+    ]
+  }
+}

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

@@ -10,12 +10,14 @@ export interface ChatItemCardProps {
     chatItem: ChatItem;
 }
 export declare class ChatItemCard {
-    private readonly relatedContentWrapper;
     readonly props: ChatItemCardProps;
     render: ExtendedHTMLElement;
     suggestionCardBody: SuggestionCardBody;
     chatAvatar: ExtendedHTMLElement;
     constructor(props: ChatItemCardProps);
+    private readonly generateCard;
+    private readonly getCardClasses;
+    private readonly getCardContent;
     private readonly getChatAvatar;
-    readonly updateAnswerBody: (body: ExtendedHTMLElement | HTMLElement | string) => void;
+    readonly updateCard: (chatItemToUpdate: Partial<ChatItem>) => void;
 }

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

@@ -0,0 +1,16 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ExtendedHTMLElement } from '../../helper/dom';
+export interface ChatPromptInputCommandProps {
+    command: string;
+    onRemoveClick: () => void;
+}
+export declare class ChatPromptInputCommand {
+    render: ExtendedHTMLElement;
+    private readonly props;
+    private readonly promptTextInputCommand;
+    constructor(props: ChatPromptInputCommandProps);
+    setCommand: (command: string) => void;
+}

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

@@ -13,16 +13,19 @@ export declare class ChatPromptInput {
     private readonly promptTextInputWrapper;
     private readonly promptTextInput;
     private readonly promptTextInputSizer;
+    private readonly promptTextInputCommand;
     private readonly sendButton;
     private quickActionCommands;
     private commandSelector;
     private commandSelectorOpen;
+    private selectedCommand;
     private inputDisabled;
     private attachment?;
     private filteredCommandsList;
     constructor(props: ChatPromptInputProps);
     private readonly handleInputKeydown;
     private readonly getQuickCommandActions;
+    private readonly handleCommandSelection;
     private readonly calculateTextAreaHeight;
     private readonly resetTextAreaHeight;
     readonly clearTextArea: () => void;

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

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
-import { Suggestion } from '../../static';
+import { ChatItem } from '../../static';
 export interface ChatWrapperProps {
     onStopChatResponse?: (tabId: string) => void;
     tabId: string;
@@ -17,8 +17,5 @@ export declare class ChatWrapper {
     render: ExtendedHTMLElement;
     constructor(props: ChatWrapperProps);
     private readonly insertChatItem;
-    updateLastCharAnswerStream: (updateWith: string | {
-        title?: string;
-        content: Suggestion[];
-    }) => void;
+    updateLastChatAnswer: (chatItem: Partial<ChatItem>) => void;
 }

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

@@ -2,20 +2,34 @@
  * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ExtendedHTMLElement } from '../../helper/dom';
-import { Suggestion } from '../../static';
+import { DomBuilderObject, ExtendedHTMLElement } from '../../helper/dom';
+import { ReferenceTrackerInformation, Suggestion } from '../../static';
+export declare const highlightersWithTooltip: {
+    start: {
+        markupStart: string;
+        markupAttirubtes: (markerIndex: string) => string;
+        markupEnd: string;
+    };
+    end: {
+        markup: string;
+    };
+};
 export interface SuggestionCardBodyProps {
     suggestion: Partial<Suggestion>;
+    children?: Array<ExtendedHTMLElement | HTMLElement | string | DomBuilderObject>;
+    highlightRangeWithTooltip?: ReferenceTrackerInformation[];
     showFooterButtons?: boolean;
 }
 export declare class SuggestionCardBody {
     render: ExtendedHTMLElement;
     cardBody: ExtendedHTMLElement;
     props: SuggestionCardBodyProps;
-    private readonly syntaxHighlighterHighlightWithTooltipRangeItems;
+    private highlightRangeTooltip;
+    private highlightRangeTooltipTimeout;
     constructor(props: SuggestionCardBodyProps);
     private readonly processNode;
+    private readonly getReferenceTrackerInformationFromElement;
+    private readonly showHighlightRangeTooltip;
+    private readonly hideHighlightRangeTooltip;
     private readonly getCardBodyChildren;
-    readonly updateCardBody: (body: string) => void;
-    readonly addToCardBody: (elementToAdd: ExtendedHTMLElement | HTMLElement | string) => void;
 }

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

@@ -9,7 +9,8 @@ import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-javascript';
 import 'prismjs/components/prism-json';
 import 'prismjs/plugins/line-numbers/prism-line-numbers.js';
-import { OnCopiedToClipboardFunction, OnInsertToCursorPositionFunction, ReferenceTrackerInformation } from '../static';
+import 'prismjs/plugins/keep-markup/prism-keep-markup.js';
+import { OnCopiedToClipboardFunction, OnInsertToCursorPositionFunction } from '../static';
 export declare const highlighters: {
     start: {
         markup: string;
@@ -20,16 +21,6 @@ export declare const highlighters: {
         textReplacement: string;
     };
 };
-export declare const highlightersWithTooltip: {
-    start: {
-        markup: string;
-        textReplacement: string;
-    };
-    end: {
-        markup: string;
-        textReplacement: string;
-    };
-};
 export declare const ellipsis: {
     start: {
         markup: string;
@@ -48,20 +39,14 @@ export interface SyntaxHighlighterProps {
     block?: boolean;
     startingLineNumber?: number;
     showCopyOptions?: boolean;
-    highlightRangeWithTooltip?: ReferenceTrackerInformation[];
     onCopiedToClipboard?: OnCopiedToClipboardFunction;
     onInsertToCursorPosition?: OnInsertToCursorPositionFunction;
 }
 export declare class SyntaxHighlighter {
     private readonly onCopiedToClipboard?;
     private readonly onInsertToCursorPosition?;
-    private readonly highlightRangeWithTooltip;
-    private highlightRangeTooltipTimeout;
-    private highlightRangeTooltip;
     render: ExtendedHTMLElement;
     constructor(props: SyntaxHighlighterProps);
-    private readonly showHighlightRangeTooltip;
-    private readonly hideHighlightRangeTooltip;
     private readonly getSelectedCode;
     private readonly copyToClipboard;
 }

package/dist/main.d.ts

@@ -42,10 +42,7 @@ export declare class MynahUI {
     updateTab: (tabId: string, tabData: MynahUIDataModel) => void;
     setChatLoadingState: (tabId: string, isLoading: boolean) => void;
     addChatItem: (tabId: string, chatItem: ChatItem) => void;
-    updateLastChatAnswerStream: (tabId: string, updateWith: string | {
-        title?: string;
-        content: Suggestion[];
-    }) => void;
+    updateLastChatAnswer: (tabId: string, updateWith: Partial<ChatItem>) => void;
     updateStore: (tabId: string | '', data: MynahUIDataModel) => string;
     notify: (props: {
         duration?: number;