@aws/mynah-ui 2.0.0-beta.1 → 2.0.0-beta.10.0

package/dist/static.d.ts

@@ -2,102 +2,52 @@
  * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ToggleOption } from './components/toggle';
+import { MynahIcons } from './components/icon';
+export interface QuickActionCommandGroup {
+    groupName?: string;
+    commands: Array<{
+        command: string;
+        description?: string;
+        promptText?: string;
+    }>;
+}
 export interface MynahUIDataModel {
-    loading?: boolean;
+    tabTitle?: string;
     loadingChat?: boolean;
     showChatAvatars?: boolean;
-    liveSearchState?: LiveSearchState;
-    liveSearchAnimation?: boolean;
-    query?: string;
-    chatMessageOnTopOfSearchResults?: string;
-    code?: string;
-    codeSelection?: SearchPayloadCodeSelection;
-    codeQuery?: SearchPayloadCodeQuery;
-    matchPolicy?: SearchPayloadMatchPolicy;
-    invisibleContextItems?: string[];
-    navigationTabs?: ToggleOption[];
-    sideNavigationTabs?: ToggleOption[];
-    userAddedContext?: string[];
-    mode?: MynahMode;
-    suggestions?: Suggestion[];
+    quickActionCommands?: QuickActionCommandGroup[];
+    promptInputPlaceholder?: string;
+    promptInputDisabledState?: boolean;
     chatItems?: ChatItem[];
-    autoCompleteSuggestions?: AutocompleteItem[];
-    searchHistory?: SearchHistoryItem[];
-    showingHistoricalSearch?: boolean;
-    headerInfo?: {
-        content: string;
-        type?: NotificationType;
-    };
+}
+export interface MynahUITabStoreTab {
+    isSelected?: boolean;
+    store?: MynahUIDataModel;
+}
+export interface MynahUITabStoreModel {
+    [tabId: string]: MynahUITabStoreTab;
 }
 export declare enum MynahEventNames {
     RESET_STORE = "resetStore",
-    CONTEXT_VISIBILITY_CHANGE = "contextVisibilityChange",
-    AUTOCOMPLETE_SUGGESTION_CLICK = "autoCompleteSuggestionClick",
-    SEARCH = "search",
-    INPUT_QUERY_CHANGE = "inputQueryChange",
-    REQUEST_SEARCH_HISTORY = "requestSearchHistory",
-    SEARCH_HISTORY_ITEM_CLICK = "searchHistoryItemClick",
-    LIVE_SEARCH_STATE_CHANGED = "liveSearchStateChanged",
     FEEDBACK_SET = "feedbackSet",
-    CODE_DETAILS_CLICK = "codeDetailsClick",
-    SUGGESTION_VOTE = "suggestionVote",
+    CARD_VOTE = "cardVote",
     SUGGESTION_OPEN = "suggestionOpen",
     SUGGESTION_LINK_COPY = "suggestionLinkCopy",
     SUGGESTION_ENGAGEMENT = "suggestionEngagement",
-    SUGGESTION_COPY_TO_CLIPBOARD = "suggestionCopyToClipboard",
+    COPY_CODE_TO_CLIPBOARD = "copyCodeToClipboard",
+    INSERT_CODE_TO_CURSOR_POSITION = "insertCodeToCursorPosition",
     CHAT_PROMPT = "chatPrompt",
     FOLLOW_UP_CLICKED = "followUpClicked",
-    SUGGESTION_ATTACHED_TO_CHAT = "suggestionAttachedToChat",
     UPDATE_LAST_CHAT_ANSWER_STREAM = "updateLastChatAnswerStream",
-    CLEAR_CHAT = "clearChat",
     SHOW_MORE_WEB_RESULTS_CLICK = "showMoreWebResultsClick",
-    SHOW_FEEDBACK_FORM_CLICK = "showFeedbackFormClick"
+    SHOW_FEEDBACK_FORM = "showFeedbackForm",
+    OPEN_DIFF = "openDiff"
 }
-export declare const MynahPortalNames: {
-    WRAPPER: string;
-    SIDE_NAV: string;
-    OVERLAY: string;
-    FEEDBACK_FORM: string;
-};
-export interface SearchPayloadMatchPolicy {
-    must: string[];
-    should: string[];
-    mustNot: string[];
-}
-export interface SearchPayloadCodeSelection {
-    selectedCode: string;
-    file?: {
-        range: {
-            start: {
-                row: string;
-                column: string;
-            };
-            end: {
-                row: string;
-                column: string;
-            };
-        };
-        name: string;
-    };
-}
-export interface FullyQualifiedName {
-    source: string[];
-    symbol: string[];
-}
-export interface SearchPayloadCodeQuery {
-    simpleNames: string[];
-    fullyQualifiedNames: {
-        used: FullyQualifiedName[];
-    };
-}
-export interface SearchPayload {
-    query: string;
-    matchPolicy: SearchPayloadMatchPolicy;
-    codeSelection: SearchPayloadCodeSelection;
-    codeQuery?: SearchPayloadCodeQuery;
-    code?: string;
-    selectedTab?: string;
+export declare enum MynahPortalNames {
+    WRAPPER = "wrapper",
+    SIDE_NAV = "sideNav",
+    OVERLAY = "overlay",
+    FEEDBACK_FORM = "feedbackForm"
 }
 export interface SuggestionMetaData {
     stars?: number;
@@ -108,21 +58,13 @@ export interface SuggestionMetaData {
     score?: number;
     lastActivityDate?: number;
 }
-export declare type SuggestionMetaDataUnion = Record<string, SuggestionMetaData>;
-export interface CanonicalExample {
-    canonicalExample: {
-        body: string;
-        url: string;
-    };
-}
 export interface Suggestion {
-    id: string;
     title: string;
-    url: string;
-    body: string;
-    context: string[];
+    id?: string;
+    url?: string;
+    body?: string;
     type?: string;
-    metadata?: SuggestionMetaDataUnion | CanonicalExample;
+    metadata?: Record<string, SuggestionMetaData>;
 }
 export declare enum ChatItemType {
     PROMPT = "prompt",
@@ -130,11 +72,14 @@ export declare enum ChatItemType {
     AI_PROMPT = "ai-prompt",
     ANSWER = "answer",
     ANSWER_STREAM = "answer-stream",
-    ANSWER_PART = "answer-part"
+    ANSWER_PART = "answer-part",
+    CODE_RESULT = "code-result"
 }
 export interface ChatItem {
-    body?: string;
+    body?: string | string[];
     type: ChatItemType;
+    messageId?: string;
+    canBeVoted?: boolean;
     followUp?: {
         text?: string;
         options?: ChatItemFollowUp[];
@@ -149,16 +94,14 @@ export interface ChatItem {
     };
 }
 export interface ChatPrompt {
-    prompt: string;
+    prompt?: string;
     attachment?: Suggestion;
 }
 export interface ChatItemFollowUp extends ChatPrompt {
-    type: string;
+    type?: string;
     pillText: string;
-}
-export declare enum MynahMode {
-    CHAT = "chat",
-    SEARCH = "search"
+    status?: 'info' | 'success' | 'warning' | 'error';
+    icon?: MynahIcons;
 }
 export declare enum KeyMap {
     ESCAPE = "Escape",
@@ -178,73 +121,18 @@ export declare enum KeyMap {
     TAB = "Tab",
     SHIFT = "Shift",
     CONTROL = "Control",
-    ALT = "Alt"
-}
-export declare enum LiveSearchState {
-    PAUSE = "pauseLiveSearch",
-    RESUME = "resumeLiveSearch",
-    STOP = "stopLiveSearch"
+    ALT = "Alt",
+    SLASH = "/"
 }
-export declare const SupportedCodingLanguages: string[];
-declare type ElementType<T extends readonly unknown[]> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;
-export declare type SupportedCodingLanguagesType = ElementType<typeof SupportedCodingLanguages>;
-export declare const SupportedCodingLanguagesExtensionToTypeMap: {
-    ts: string;
-    js: string;
-    py: string;
-    java: string;
-    json: string;
-};
-export declare type OnCopiedToClipboardFunction = (type?: 'selection' | 'block', text?: string) => void;
-export interface SearchHistoryFilters {
-    /**
-       * Flag to define are we looking in global search-history or only in worplace
-       *
-       * @default - Search will be performed on workplace store
-       */
-    isGlobal: boolean;
-    /**
-       * Flag to define are we looking only for queries which were manually typed by the user,
-       * or only for quries whic were generated by plugin itself, or it's not important
-       *
-       * @default - We won't filter records bases on type of input
-       */
-    isManualSearch?: boolean;
-    /**
-       * Array of language filters. If user chose some, the results would be filtered
-       *
-       * @default - We won't filter records bases on languages
-       */
-    languages: string[];
-    /**
-       * User text from search bar in search-history part of UI
-       *
-       * @default - We won't filter records bases on user input in search-history search bar
-       */
-    text?: string;
-    /**
-       * Allow us to skip n-first results
-       *
-       * @default - The starting offset will be 0
-       */
-    resultOffset: number;
-    /**
-       * Limit of how many results we want to get from store
-       *
-       * @default - The records count won't be limited
-       */
-    resultLimit?: number;
-}
-export interface CodeQuery {
-    simpleNames: string[];
-    fullyQualifiedNames: {
-        used: FullyQualifiedName[];
+export interface ReferenceTrackerInformation {
+    range: {
+        start: number;
+        end: number;
     };
+    tooltipMarkdown: string;
 }
-export declare enum ContextChangeType {
-    'ADD' = "add",
-    'REMOVE' = "remove"
-}
+export declare type OnCopiedToClipboardFunction = (type?: 'selection' | 'block', text?: string, referenceTrackerInformation?: ReferenceTrackerInformation[]) => void;
+export declare type OnInsertToCursorPositionFunction = (type?: 'selection' | 'block', text?: string, referenceTrackerInformation?: ReferenceTrackerInformation[]) => void;
 export declare enum SuggestionEventName {
     OPEN = "openSuggestion",
     COPY = "copy"
@@ -253,100 +141,57 @@ export declare enum RelevancyVoteType {
     UP = "upvote",
     DOWN = "downvote"
 }
-/**
- * 'interaction' will be set if there was a potential text selection or a click input was triggered by the user.
- *  If this is a selection selectionDistanceTraveled object will also be filled
- * 'timespend' will be set basically if there is no interaction except mouse movements in a time spent longer than the ENGAGEMENT_DURATION_LIMIT
- *  Don't forget that in 'timespend' case, user should leave the suggestion card at some point to count it as an interaction.
- *  (They need to go back to the code or move to another card instead)
- */
 export declare enum EngagementType {
     INTERACTION = "interaction",
     TIME = "timespend"
 }
 export interface SuggestionEngagement {
-    /**
-       * Suggestion information
-       */
     suggestion: Suggestion;
-    /**
-       * Engagement type
-       */
     engagementType: EngagementType;
-    /**
-       * Total duration in ms till the engagement triggered.
-       */
     engagementDurationTillTrigger: number;
-    /**
-       * This is a little bit more than what you might expect on a normal scroll position of the suggestion card.
-       * This attribute gives the value for how much the users traveled their mouses and additionally how much they scrolled to focus on that suggestion
-       */
     scrollDistanceToEngage: number;
-    /**
-       * Total mouse movement in x and y directions till the engagament triggered.
-       * To avoid confusion: this is not the distance between start and end points, this is the total traveled distance.
-       */
     totalMouseDistanceTraveled: {
         x: number;
         y: number;
     };
-    /**
-       * If the engagementType is "interaction" and this object has a value, you can assume it as a text selection.
-       * If the engagementType is "interaction" but this object is not defined, you can assume it as a click
-       */
     selectionDistanceTraveled?: {
         x: number;
         y: number;
         selectedText?: string;
     };
 }
-export interface SearchHistoryItem {
-    query: {
-        input: string;
-        queryContext: SearchPayloadMatchPolicy;
-        queryId?: string;
-        trigger: string;
-        codeQuery: CodeQuery;
-        codeSelection: SearchPayloadCodeSelection;
-        code?: string;
-        selectedTab?: string;
-    };
-    recordDate?: number;
-    suggestions: Suggestion[];
-}
-export declare enum ContextTypes {
-    MUST = "must",
-    SHOULD = "should",
-    MUST_NOT = "mustNot"
-}
-export declare enum ContextSource {
-    AUTO = "auto",
-    USER = "user",
-    SUGGESTION = "suggestion"
-}
-export declare enum ContextTypeClassNames {
-    should = "mynah-should-contain",
-    must = "mynah-must-contain",
-    mustNot = "mynah-must-not-contain"
-}
-export interface ContextType {
-    context: string;
-    type?: ContextTypes;
-    source: ContextSource;
-}
-export declare type FeedbackStars = 1 | 2 | 3 | 4 | 5;
 export interface FeedbackPayload {
-    stars?: FeedbackStars;
+    messageId: string;
+    tabId: string;
+    selectedOption: string;
     comment?: string;
 }
-export interface AutocompleteItem {
-    suggestion: string;
-    highlight: string;
-}
 export declare enum NotificationType {
     INFO = "info",
     SUCCESS = "ok-circled",
     WARNING = "warning",
     ERROR = "error"
 }
-export {};
+export interface ConfigModel {
+    texts: {
+        feedbackFormTitle: string;
+        feedbackFormOptionsLabel: string;
+        feedbackFormCommentLabel: string;
+        feedbackThanks: string;
+        feedbackReportButtonLabel: string;
+        codeSuggestions: string;
+        clickFileToViewDiff: string;
+        files: string;
+        insertAtCursorLabel: string;
+        copy: string;
+        showMore: string;
+        save: string;
+        cancel: string;
+        submit: string;
+        stopGenerating: string;
+    };
+    feedbackOptions: Array<{
+        label: string;
+        value: string;
+    }>;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aws/mynah-ui",
   "displayName": "AWS Mynah UI",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.10.0",
   "description": "AWS Tookit VSCode and Intellij IDE Extension Mynah UI",
   "publisher": "Amazon Web Services",
   "license": "Apache License 2.0",
@@ -25,26 +25,30 @@
     "prismjs": "1.29.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "5.34.0",
-    "@types/eslint": "7.2.13",
+    "@types/eslint": "^8.44.3",
     "@types/eslint-scope": "3.7.0",
     "@types/estree": "0.0.49",
     "@types/glob": "7.1.3",
     "@types/json-schema": "7.0.7",
     "@types/node": "17.0.29",
     "@types/prismjs": "1.26.0",
+    "@typescript-eslint/eslint-plugin": "^5.34.0",
+    "@typescript-eslint/parser": "^5.62.0",
     "css-loader": "6.6.0",
-    "eslint": "8.22.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint": "^8.22.0",
+    "eslint-config-prettier": "^8.10.0",
     "eslint-config-standard-with-typescript": "22.0.0",
     "eslint-plugin-header": "^3.1.1",
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-n": "15.2.5",
     "eslint-plugin-no-null": "^1.0.2",
+    "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-promise": "6.0.0",
+    "prettier": "^3.0.3",
     "sass": "1.49.8",
     "sass-loader": "12.6.0",
     "style-loader": "3.3.1",
+    "svg-url-loader": "^8.0.0",
     "ts-loader": "9.2.6",
     "ts-node": "10.4.0",
     "typescript": "4.5.2",
@@ -52,11 +56,11 @@
     "webpack-cli": "4.7.2"
   },
   "prettier": {
-    "printWidth": 120,
+    "printWidth": 160,
     "trailingComma": "es5",
-    "tabWidth": 4,
+    "tabWidth": 2,
     "singleQuote": true,
-    "semi": false,
+    "semi": true,
     "bracketSpacing": true,
     "arrowParens": "avoid",
     "endOfLine": "lf"

package/dist/components/context-item.d.ts

@@ -1,16 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ContextType } from '../static';
-import { ExtendedHTMLElement } from '../helper/dom';
-export interface ContextPillProps {
-    context: ContextType;
-    showRemoveButton?: boolean;
-}
-export declare class ContextPill {
-    private readonly props;
-    render: ExtendedHTMLElement;
-    constructor(props: ContextPillProps);
-    private readonly handleMenuOpen;
-}

package/dist/components/feedback-form/feedback-form-stars.d.ts

@@ -1,15 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ExtendedHTMLElement } from '../../helper/dom';
-import { FeedbackStars } from '../../static';
-export interface FeedbackFormStarsProps {
-    onChange?: (star: FeedbackStars) => void;
-    initStar?: FeedbackStars;
-}
-export declare class FeedbackFormStars {
-    render: ExtendedHTMLElement;
-    constructor(props: FeedbackFormStarsProps);
-    setStar: (star: FeedbackStars) => void;
-}

package/dist/components/main-container.d.ts

@@ -1,20 +0,0 @@
-/*!
- * 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';
-export interface MainContainerProps {
-    onNavigationTabChange?: (selectedTab: string) => void;
-    onCloseButtonClick?: () => void;
-}
-export declare class MainContainer {
-    private readonly navTabs;
-    private readonly cardsWrapper;
-    private readonly skeletonWrapper;
-    private readonly mainContainer;
-    render: ExtendedHTMLElement;
-    constructor(props: MainContainerProps);
-    clearCards: () => void;
-    updateCards: (suggestions: Suggestion[]) => void;
-}

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

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ExtendedHTMLElement } from '../helper/dom';
-import { NavivationTabsProps } from './navigation-tabs';
-export declare class NavivationTabsVertical {
-    render: ExtendedHTMLElement;
-    private readonly props;
-    constructor(props: NavivationTabsProps);
-    private readonly setLoading;
-    private readonly getTabsRender;
-}

package/dist/components/prioritization-menu.d.ts

@@ -1,18 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ContextType } from '../static';
-import { ExtendedHTMLElement } from '../helper/dom';
-export interface PrioritizationMenuButtonsProps {
-    context: ContextType;
-    referenceElement: Element | ExtendedHTMLElement;
-    onMenuClose: () => void;
-}
-export declare class PrioritizationMenuButtons {
-    private menuOverlay;
-    private readonly props;
-    constructor(props: PrioritizationMenuButtonsProps);
-    createOverlay(): void;
-    private readonly handlePrioritizationButtonClick;
-}

package/dist/components/query-text-short-view.d.ts

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

package/dist/components/search-block/autocomplete-card.d.ts

@@ -1,20 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { AutocompleteItem } from '../../static';
-import { ExtendedHTMLElement } from '../../helper/dom';
-export interface AutocompleteCardContentProps {
-    searchQuery: string;
-    content: AutocompleteItem;
-    onAutocompleteClick: (autocompleteQuery: AutocompleteItem, index: number) => void;
-    index: number;
-    isHovered: boolean | false;
-}
-export declare class AutocompleteCardContent {
-    render: ExtendedHTMLElement;
-    openSearch: any;
-    searchQuery: string;
-    constructor(props: AutocompleteCardContentProps);
-    private formatSuggestion;
-}

package/dist/components/search-block/autocomplete-content.d.ts

@@ -1,32 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { AutocompleteItem } from '../../static';
-import { ExtendedHTMLElement } from '../../helper/dom';
-export interface AutocompleteContentProps {
-    searchQuery: string;
-    referenceElement: Element | ExtendedHTMLElement;
-    autocompleteSuggestions: AutocompleteItem[];
-    onClose?: () => void;
-}
-export declare class AutocompleteContent {
-    private readonly autocompleteItemsOverlay;
-    suggestions: AutocompleteItem[];
-    private searchQuery;
-    private currHover;
-    private readonly props;
-    private isUsed;
-    render: ExtendedHTMLElement;
-    constructor(props: AutocompleteContentProps);
-    autocompleteCards: (autocompleteSuggestions: AutocompleteItem[], hovered: number) => ExtendedHTMLElement[];
-    private readonly handleAutocompleteClick;
-    updateSuggestions: (autocompleteSuggestions: AutocompleteItem[], hoverQuery: number) => void;
-    updateQuery: (searchQuery: string) => void;
-    hover: (isUp: boolean) => string;
-    setIsUsed: (val: boolean) => void;
-    getIsUsed: () => boolean;
-    getCurrentSelected: () => number;
-    getSuggestionsCount: () => number;
-    close: () => void;
-}

package/dist/components/search-block/search-api-help.d.ts

@@ -1,14 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ExtendedHTMLElement } from '../../helper/dom';
-export declare class SearchApiHelp {
-    render: ExtendedHTMLElement;
-    private isCollapsed;
-    constructor();
-    private readonly hide;
-    private readonly show;
-    private readonly updateContent;
-    private readonly onCodeDetailsClicked;
-}

package/dist/components/search-block/search-card-header.d.ts

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ExtendedHTMLElement } from '../../helper/dom';
-export declare class SearchCardHeader {
-    private readonly infoBar;
-    render: ExtendedHTMLElement;
-    constructor();
-    private readonly getHeaderInfoContent;
-}

package/dist/components/search-block/search-card.d.ts

@@ -1,19 +0,0 @@
-/*!
- * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ExtendedHTMLElement } from '../../helper/dom';
-export declare class SearchCard {
-    private unfoldedByContextInsertion;
-    private unfoldedByButton;
-    private readonly searchInput;
-    private readonly searchAPIHelp;
-    private readonly liveSearchToggle;
-    private readonly foldUnfoldButton;
-    private readonly contextManagement;
-    private readonly searchCardHeader;
-    render: ExtendedHTMLElement;
-    constructor();
-    addFocusOnInput: () => void;
-    setFolded: (folded: boolean) => void;
-}