@aws/mynah-ui 4.31.0-beta.6 → 4.31.0-beta.7

package/dist/static.d.ts

@@ -282,8 +282,11 @@ export interface ProgressField {
 }
 export interface TreeNodeDetails {
     status?: Status;
+    visibleName?: string;
     icon?: MynahIcons | MynahIconsType | null;
     iconForegroundStatus?: Status;
+    labelIcon?: MynahIcons | MynahIconsType | null;
+    labelIconForegroundStatus?: Status;
     label?: string;
     changes?: {
         added?: number;
@@ -292,6 +295,7 @@ export interface TreeNodeDetails {
     };
     description?: string;
     clickable?: boolean;
+    data?: Record<string, string>;
 }
 export interface ChatItemContent {
     header?: (ChatItemContent & {
@@ -300,6 +304,7 @@ export interface ChatItemContent {
         iconForegroundStatus?: Status;
         status?: {
             status?: Status;
+            description?: string;
             icon?: MynahIcons | MynahIconsType;
             text?: string;
         };
@@ -318,6 +323,9 @@ export interface ChatItemContent {
     fileList?: {
         fileTreeTitle?: string;
         rootFolderTitle?: string;
+        rootFolderStatusIcon?: MynahIcons | MynahIconsType;
+        rootFolderStatusIconForegroundStatus?: Status;
+        rootFolderLabel?: string;
         filePaths?: string[];
         deletedFiles?: string[];
         flatList?: boolean;
@@ -351,6 +359,7 @@ export interface ChatItem extends ChatItemContent {
     messageId?: string;
     snapToTop?: boolean;
     autoCollapse?: boolean;
+    contentHorizontalAlignment?: 'default' | 'center';
     canBeVoted?: boolean;
     canBeDismissed?: boolean;
     title?: string;
@@ -362,6 +371,7 @@ export interface ChatItem extends ChatItemContent {
     iconStatus?: 'main' | 'primary' | 'clear' | Status;
     hoverEffect?: boolean;
     status?: Status;
+    shimmer?: boolean;
 }
 export interface ValidationPattern {
     pattern: string | RegExp;

package/docs/DATAMODEL.md

@@ -1055,16 +1055,23 @@ interface FileNodeAction {
   label?: string;
   disabled?: boolean;
   description?: string;
-  status?: 'info' | 'success' | 'warning' | 'error';
-  icon: MynahIcons;
+  status?: Status;
+  icon: MynahIcons | MynahIconsType;
 }
 
 interface TreeNodeDetails {
-  status?: 'info' | 'success' | 'warning' | 'error';
-  icon?: MynahIcons;
+  status?: Status;
+  icon?: MynahIcons | MynahIconsType | null;
+  iconForegroundStatus?: Status;
   label?: string;
-  description?: string; // Markdown tooltip
-  clickable?: boolean; // can it be clicked? (Default: true)
+  changes?: {
+    added?: number;
+    deleted?: number;
+    total?: number;
+  };
+  description?: string;
+  clickable?: boolean;
+  data?: Record<string, string>;
 }
 
 interface SourceLink {
@@ -1158,16 +1165,23 @@ interface ChatItemContent {
   codeBlockActions?: CodeBlockActions | null;
 }
 
-interface ChatItem extends ChatItemContent{
+interface ChatItem extends ChatItemContent {
   type: ChatItemType;
   messageId?: string;
   snapToTop?: boolean;
   autoCollapse?: boolean;
   canBeVoted?: boolean;
-  icon?: MynahIcons;
+  canBeDismissed?: boolean;
+  title?: string;
+  fullWidth?: boolean;
+  padding?: boolean;
+  muted?: boolean;
+  icon?: MynahIcons | MynahIconsType | CustomIcon;
+  iconForegroundStatus?: Status;
   iconStatus?: 'main' | 'primary' | 'clear' | Status;
   hoverEffect?: boolean;
-  status?: 'info' | 'success' | 'warning' | 'error';
+  status?: Status;
+  shimmer?: boolean;
 }
 // ################################# 
 ```
@@ -1957,6 +1971,22 @@ mynahUI.addChatItem(tabId, {
 
 ---
 
+## `shimmer`
+It will give the text in the chat item an animated shimmer effect.
+
+```typescript
+mynahUI.addChatItem(tabId, {
+    type: ChatItemType.ANSWER,
+    messageId: new Date().getTime().toString(),
+    body: 'Thinking...',
+    shimmer: true,
+});
+```
+
+<p align="center">
+  <img src="./img/data-model/chatItems/shimmer.gif" alt="shimmer" style="max-width:200px; width:100%;border: 1px solid #e0e0e0;">
+</p>
+
 ## `padding`
 It will allow you to control the padding, by default it is `true`. If you set it to `false`, it will not show any paddings around the contents.
 

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@aws/mynah-ui",
     "displayName": "AWS Mynah UI",
-    "version": "4.31.0-beta.6",
+    "version": "4.31.0-beta.7",
     "description": "AWS Toolkit VSCode and Intellij IDE Extension Mynah UI",
     "publisher": "Amazon Web Services",
     "license": "Apache License 2.0",