@aws/mynah-ui 2.0.0-beta.5 → 2.0.0-beta.6.1

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

@@ -6,11 +6,11 @@ import { ExtendedHTMLElement } from '../../helper/dom';
 import { ChatItem } from '../../static';
 import { SuggestionCardBody } from '../suggestion-card/suggestion-card-body';
 export interface ChatItemCardProps {
+    tabId: string;
     chatItem: ChatItem;
-    onShowAllWebResultsClick?: () => void;
 }
 export declare class ChatItemCard {
-    private readonly chatItem;
+    private readonly props;
     private readonly relatedContentWrapper;
     private readonly referencesWrapper;
     private readonly showMoreButtonBlock;

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

@@ -5,10 +5,11 @@
 import { ExtendedHTMLElement } from '../../helper/dom';
 import { ChatItem } from '../../static';
 export interface ChatItemFollowUpProps {
+    tabId: string;
     chatItem: ChatItem;
 }
 export declare class ChatItemFollowUpContainer {
-    private readonly chatItem;
+    private readonly props;
     render: ExtendedHTMLElement;
     constructor(props: ChatItemFollowUpProps);
 }

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

@@ -0,0 +1,12 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ExtendedHTMLElement } from '../../helper/dom';
+export interface ChatItemTreeViewWrapperProps {
+    files: string[];
+}
+export declare class ChatItemTreeViewWrapper {
+    render: ExtendedHTMLElement;
+    constructor(props: ChatItemTreeViewWrapperProps);
+}

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

@@ -0,0 +1,18 @@
+import { ExtendedHTMLElement } from '../../helper/dom';
+import { TreeNode } from '../../helper/file-tree';
+export interface ChatItemTreeViewProps {
+    node: TreeNode;
+    depth?: number;
+}
+export declare class ChatItemTreeView {
+    private readonly node;
+    private isOpen;
+    private readonly depth;
+    render: ExtendedHTMLElement;
+    constructor(props: ChatItemTreeViewProps);
+    getClassNames(): string[];
+    updateTree(): void;
+    buildFolderChildren(): ExtendedHTMLElement[];
+    buildFolderNode(): ExtendedHTMLElement[];
+    buildFileNode(): ExtendedHTMLElement[];
+}

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

@@ -3,8 +3,12 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
+export interface ChatPromptInputProps {
+    tabId: string;
+}
 export declare class ChatPromptInput {
     render: ExtendedHTMLElement;
+    private readonly props;
     private readonly attachmentWrapper;
     private readonly promptTextInputWrapper;
     private readonly promptTextInput;
@@ -16,7 +20,7 @@ export declare class ChatPromptInput {
     private inputDisabled;
     private attachment?;
     private filteredCommandsList;
-    constructor();
+    constructor(props: ChatPromptInputProps);
     private readonly handleInputKeydown;
     private readonly getQuickCommandActions;
     private readonly calculateTextAreaHeight;

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

@@ -3,18 +3,23 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../../helper/dom';
+import { Suggestion } from '../../static';
 export interface ChatWrapperProps {
-    onStopChatResponse?: () => void;
-    onShowAllWebResultsClick?: () => void;
+    onStopChatResponse?: (tabId: string) => void;
+    tabId: string;
 }
 export declare class ChatWrapper {
-    private readonly props?;
+    private readonly props;
     private readonly chatItemsContainer;
     private readonly intermediateBlockContainer;
     private readonly promptInput;
     private lastChatItemCard;
     render: ExtendedHTMLElement;
-    constructor(props?: ChatWrapperProps);
+    constructor(props: ChatWrapperProps);
     private readonly insertChatItem;
     removeAllExceptAnswersAndPrompts: () => void;
+    updateLastCharAnswerStream: (updateWith: string | {
+        title: string | boolean;
+        suggestions: Suggestion[];
+    }) => void;
 }

package/dist/components/navigation-tabs.d.ts

@@ -3,14 +3,14 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { ExtendedHTMLElement } from '../helper/dom';
-export declare const getSelectedTabValueFromStore: () => string;
-export interface NavivationTabsProps {
-    onChange?: (selectedValue: string) => void;
+export interface TabsProps {
+    onChange?: (selectedTabId: string) => void;
 }
-export declare class NavivationTabs {
+export declare class Tabs {
     render: ExtendedHTMLElement;
+    private toggleGroup;
     private readonly props;
-    constructor(props: NavivationTabsProps);
-    private readonly setLoading;
+    constructor(props: TabsProps);
+    private readonly getTabOptionsFromTabStoreData;
     private readonly getTabsRender;
 }

package/dist/components/toggle.d.ts

@@ -6,7 +6,6 @@ import { ExtendedHTMLElement } from '../helper/dom';
 import { MynahIcons } from './icon';
 export interface ToggleOption {
     label?: ExtendedHTMLElement | string | HTMLElement;
-    color?: string;
     icon?: MynahIcons;
     disabled?: boolean;
     selected?: boolean;
@@ -15,21 +14,20 @@ export interface ToggleOption {
 }
 export interface ToggleProps {
     options: ToggleOption[];
-    type?: 'switch' | 'tabs';
     direction?: 'horizontal' | 'vertical';
     value?: string | null;
     name: string;
     disabled?: boolean;
     onChange?: (selectedValue: string) => void;
+    onRemove?: (selectedValue: string) => void;
 }
 export declare class Toggle {
     render: ExtendedHTMLElement;
     private readonly props;
-    private currentValue?;
-    private readonly relocateTransitioner;
+    private readonly currentValue?;
     constructor(props: ToggleProps);
+    private readonly transformScroll;
     private readonly getChildren;
-    private readonly setRelocatePosition;
     private readonly updateSelectionRender;
     setValue: (value: string) => void;
     getValue: () => string | undefined;

package/dist/helper/file-tree.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export declare type TreeNode = FolderNode | FileNode;
+export interface FileNode {
+    name: string;
+    type: 'file';
+    filePath: string;
+}
+export interface FolderNode {
+    name: string;
+    type: 'folder';
+    children: Array<FolderNode | FileNode>;
+}
+export declare const fileListToTree: (filePaths: string[]) => TreeNode;

package/dist/helper/store.d.ts

@@ -8,12 +8,10 @@ export declare class EmptyMynahUIDataModel {
     constructor(defaults?: MynahUIDataModel | null);
 }
 export declare class MynahUIDataStore {
-    private static instance;
     private readonly subsciptions;
     private store;
     private defaults;
-    private constructor();
-    static getInstance: (initialData?: MynahUIDataModel | undefined) => MynahUIDataStore;
+    constructor(initialData?: MynahUIDataModel);
     setDefaults: (defaults: MynahUIDataModel | null) => void;
     getDefaults: () => MynahUIDataModel | null;
     subscribe: (storeKey: keyof MynahUIDataModel, handler: (newValue: any, oldValue?: any) => void) => string;

package/dist/helper/tabs-store.d.ts

@@ -0,0 +1,37 @@
+/*!
+ * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { MynahUITabStoreModel, MynahUITabStoreTab } from '../static';
+interface TabStoreSubscription {
+    'add': Record<string, (tabId: string, tabData?: MynahUITabStoreTab) => void>;
+    'remove': Record<string, (tabId: string) => void>;
+    'update': Record<string, (tabId: string, tabData?: MynahUITabStoreTab) => void>;
+    'selectedTabChange': Record<string, (tabId: string) => void>;
+}
+export declare class EmptyMynahUITabsStoreModel {
+    data: Required<MynahUITabStoreModel>;
+    constructor();
+}
+export declare class MynahUITabsStore {
+    private static instance;
+    private readonly subsciptions;
+    private readonly tabDefaults;
+    private readonly tabsStore;
+    private readonly tabsDataStore;
+    private constructor();
+    readonly addTab: (tabData?: MynahUITabStoreTab | undefined) => string;
+    readonly removeTab: (tabId: string) => string;
+    readonly selectTab: (tabId: string) => void;
+    updateTab: (tabId: string, tabData?: Partial<MynahUITabStoreTab> | undefined, skipSubscribers?: boolean | undefined) => void;
+    static getInstance: (initialData?: MynahUITabStoreModel | undefined, defaults?: MynahUITabStoreTab | undefined) => MynahUITabsStore;
+    addListener: (eventName: keyof TabStoreSubscription, handler: (tabId: string, tabData?: MynahUITabStoreTab | undefined) => void) => string;
+    removeListener: (eventName: keyof TabStoreSubscription, subscriptionId: string) => void;
+    private readonly informSubscribers;
+    getTab: (tabId: string) => any;
+    getAllTabs: () => MynahUITabStoreModel;
+    getTabDataStore: (tabId: string) => any;
+    getSelectedTabId: () => string;
+    removeAllTabs: () => void;
+}
+export {};

package/dist/main.d.ts

@@ -2,54 +2,49 @@
  * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-import { SuggestionEngagement, Suggestion, SearchPayload, SuggestionEventName, RelevancyVoteType, FeedbackPayload, MynahUIDataModel, NotificationType, ChatItem, ChatItemFollowUp, ChatPrompt, MynahMode } from './static';
+import { SuggestionEngagement, Suggestion, SuggestionEventName, RelevancyVoteType, FeedbackPayload, MynahUIDataModel, NotificationType, ChatItem, ChatItemFollowUp, ChatPrompt, MynahUITabStoreModel, MynahUITabStoreTab } from './static';
 import './styles/styles.scss';
-export { SearchPayloadCodeSelection, FeedbackPayload, RelevancyVoteType, SearchPayload, Suggestion, EngagementType, SuggestionEngagement, SuggestionEventName, MynahUIDataModel, NotificationType, MynahMode, ChatItem, ChatItemFollowUp, ChatItemType, ChatPrompt } from './static';
+export { FeedbackPayload, RelevancyVoteType, Suggestion, EngagementType, SuggestionEngagement, SuggestionEventName, MynahUIDataModel, NotificationType, ChatItem, ChatItemFollowUp, ChatItemType, ChatPrompt } from './static';
 export { ToggleOption } from './components/toggle';
 export { MynahIcons } from './components/icon';
-export { transformPayloadData, validateRulesOnPayloadData, PayloadTransformRule, } from './helper/payload-transformer';
 export interface MynahUIProps {
     rootSelector?: string;
-    storeData?: MynahUIDataModel;
-    onSearch?: ((searchPayload: SearchPayload) => void) | ((searchPayload: SearchPayload) => MynahUIDataModel);
+    defaults?: MynahUITabStoreTab;
+    tabs?: MynahUITabStoreModel;
     onShowMoreWebResultsClick?: () => void;
     onReady?: () => void;
-    onVote?: (votedItemID: string, vote: RelevancyVoteType) => void;
-    onStopChatResponse?: () => void;
+    onVote?: (tabId: string, votedItemID: string, vote: RelevancyVoteType) => void;
+    onStopChatResponse?: (tabId: string) => void;
     onResetStore?: () => void;
-    onChatPrompt?: (prompt: ChatPrompt) => void;
-    onFollowUpClicked?: (followUp: ChatItemFollowUp) => void;
-    onSuggestionAttachedToChatPrompt?: (attachment: Suggestion) => void;
-    onNavigationTabChange?: (selectedTab: string) => void;
-    onSideNavigationTabChange?: (selectedTab: string) => void;
+    onChatPrompt?: (tabId: string, prompt: ChatPrompt) => void;
+    onFollowUpClicked?: (tabId: string, followUp: ChatItemFollowUp) => void;
+    onTabChange?: (selectedTabId: string) => void;
+    onTabAdd?: (tabId: string) => void;
+    onTabRemove?: (tabId: string) => void;
     onSuggestionEngagement?: (engagement: SuggestionEngagement) => void;
     onCopyCodeToClipboard?: (code?: string, type?: 'selection' | 'block') => void;
     onCodeInsertToCursorPosition?: (code?: string, type?: 'selection' | 'block') => void;
     onSuggestionInteraction?: (eventName: SuggestionEventName, suggestion: Suggestion, mouseEvent?: MouseEvent) => void;
-    onSendFeedback?: (feedbackPayload: FeedbackPayload) => void;
-    onOpenDiff?: (leftPath: string, rightPath: string) => void;
+    onSendFeedback?: (tabId: string, feedbackPayload: FeedbackPayload) => void;
+    onOpenDiff?: (tabId: string, leftPath: string, rightPath: string) => void;
 }
 export declare class MynahUI {
     private readonly props;
     private readonly wrapper;
-    private readonly sideNav;
+    private readonly tabsWrapper;
+    private readonly tabContentsWrapper;
     private readonly feedbackForm?;
-    private readonly mainContainer;
-    private readonly chatWrapper;
+    private readonly chatWrappers;
     private readonly config;
     constructor(props: MynahUIProps);
-    private readonly sideNavigationTabChanged;
     private readonly addGlobalListeners;
-    addChatAnswer: (answer: ChatItem) => void;
-    getLastChatAnswer: () => ChatItem | undefined;
-    updateLastChatAnswerStream: (updateWith: string | {
-        title?: string;
+    addChatAnswer: (tabId: string, answer: ChatItem) => void;
+    getLastChatAnswer: (tabId: string) => ChatItem | undefined;
+    updateLastChatAnswerStream: (tabId: string, updateWith: string | {
+        title: string | boolean;
         suggestions: Suggestion[];
     }) => void;
-    updateStore: (data: MynahUIDataModel) => void;
-    getMode: () => MynahMode | undefined;
-    setStoreDefaults: (defaults: MynahUIDataModel | null) => void;
-    getSearchPayload: () => SearchPayload;
+    updateStore: (tabId: string | '', data: MynahUIDataModel) => string;
     showFeedbackForm: () => void;
     notify: (props: {
         duration?: number;