@aws/mynah-ui 4.32.1 → 4.33.0

package/dist/static.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { CheckboxAbstract, CheckboxProps } from './components/form-items/checkbox';
+import { SwitchAbstract, SwitchProps } from './components/form-items/switch';
 import { CustomIcon, MynahIcons, MynahIconsType } from './components/icon';
 import { ChatItemBodyRenderer } from './helper/dom';
 import { SelectAbstract, SelectProps, RadioGroupAbstract, RadioGroupProps, ButtonAbstract, ButtonProps, TextInputProps, TextInputAbstract, TextAreaProps, TextAreaAbstract, ToggleOption } from './main';
@@ -304,6 +305,7 @@ export interface ChatItemContent {
         iconForegroundStatus?: Status;
         status?: {
             status?: Status;
+            position?: 'left' | 'right';
             description?: string;
             icon?: MynahIcons | MynahIconsType;
             text?: string;
@@ -609,6 +611,7 @@ export interface ComponentOverrides {
     Button?: new (props: ButtonProps) => ExtractMethods<ButtonAbstract>;
     RadioGroup?: new (props: RadioGroupProps) => ExtractMethods<RadioGroupAbstract>;
     Checkbox?: new (props: CheckboxProps) => ExtractMethods<CheckboxAbstract>;
+    Switch?: new (props: SwitchProps) => ExtractMethods<SwitchAbstract>;
     Select?: new (props: SelectProps) => ExtractMethods<SelectAbstract>;
     TextInput?: new (props: TextInputProps) => ExtractMethods<TextInputAbstract>;
     TextArea?: new (props: TextAreaProps) => ExtractMethods<TextAreaAbstract>;

package/docs/DATAMODEL.md

@@ -1387,6 +1387,7 @@ mynahUI.addChatItem(tabId, {
   header: {
     // icon: MynahIcons.CODE_BLOCK;
     // status: {
+    //  position: 'right',
     //  status: 'success',
     //  icon: MynahIcons.OK,
     //  text: 'Accepted',
@@ -1410,7 +1411,7 @@ mynahUI.addChatItem(tabId, {
   <img src="./img/data-model/chatItems/header.png" alt="header" style="max-width:600px; width:100%;border: 1px solid #e0e0e0;">
 </p>
 
-You can also provide an icon specifically for the header, as well as a separate status section on right. 
+You can also provide an icon specifically for the header, as well as a separate status section on right or left of the whole header defined by its `position` value with a tooltip too. 
 
 Here's another example for that:
 
@@ -1423,7 +1424,9 @@ mynahUI.addChatItem(tabId, {
   header: {
     icon: MynahIcons.CODE_BLOCK,
     status: {
+      position: 'right',
       icon: MynahIcons.PROGRESS,
+      description: 'Hello!',
       text: 'Working',
       status: 'warning'
     },

package/package.json

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