@aws/mynah-ui 4.29.0 → 4.30.1

package/dist/static.d.ts

@@ -2,6 +2,7 @@
  * Copyright 2022 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
+import { CheckboxAbstract, CheckboxProps } from './components/form-items/checkbox';
 import { MynahIcons, MynahIconsType } from './components/icon';
 import { ChatItemBodyRenderer } from './helper/dom';
 import { SelectAbstract, SelectProps, RadioGroupAbstract, RadioGroupProps, ButtonAbstract, ButtonProps, TextInputProps, TextInputAbstract, TextAreaProps, TextAreaAbstract, ToggleOption } from './main';
@@ -396,7 +397,12 @@ type RadioGroupFormItem = BaseFormItem & {
         icon?: MynahIcons | MynahIconsType;
     }>;
 };
-export type ChatItemFormItem = TextBasedFormItem | OtherFormItem | RadioGroupFormItem;
+type CheckboxFormItem = BaseFormItem & {
+    type: 'switch' | 'checkbox';
+    value?: 'true' | 'false';
+    label?: string;
+};
+export type ChatItemFormItem = TextBasedFormItem | OtherFormItem | RadioGroupFormItem | CheckboxFormItem;
 export type FilterOption = ChatItemFormItem;
 export interface ChatPrompt {
     prompt?: string;
@@ -585,6 +591,7 @@ type ExtractMethods<T> = PickMatching<T, any>;
 export interface ComponentOverrides {
     Button?: new (props: ButtonProps) => ExtractMethods<ButtonAbstract>;
     RadioGroup?: new (props: RadioGroupProps) => ExtractMethods<RadioGroupAbstract>;
+    Checkbox?: new (props: CheckboxProps) => ExtractMethods<CheckboxAbstract>;
     Select?: new (props: SelectProps) => ExtractMethods<SelectAbstract>;
     TextInput?: new (props: TextInputProps) => ExtractMethods<TextInputAbstract>;
     TextArea?: new (props: TextAreaProps) => ExtractMethods<TextAreaAbstract>;

package/docs/DATAMODEL.md

@@ -2507,7 +2507,7 @@ Let's take a look to the data type of a form item:
 ```typescript
 interface ChatItemFormItem {
   id: string; // id is mandatory to understand to get the specific values for each form item when a button is clicked
-  type: 'select' | 'textarea' | 'textinput' | 'numericinput' | 'stars' | 'radiogroup'; // type (see below for each of them)
+  type: 'select' | 'textarea' | 'textinput' | 'numericinput' | 'stars' | 'radiogroup' | 'toggle' | 'checkbox' | 'switch' ; // type (see below for each of them)
   mandatory?: boolean; // If it is set to true, buttons in the same card with waitMandatoryFormItems set to true will wait them to be filled
   title?: string; // Label of the input
   autoFocus: boolean; // focus to the input when it is created, default=> false. (Only for textual form items)
@@ -2623,6 +2623,21 @@ mynahUI.addChatItem(tabId, {
                 }
             ],
         },
+        {
+            id: 'is-online',
+            type: 'checkbox',
+            value: 'true',
+            label: 'Yes',
+            title: `Are you working online?`,
+        },
+        {
+            id: 'is-monorepo',
+            type: 'switch',
+            label: 'Yes',
+            icon: 'deploy',
+            title: `Are you working in a monorepo project?`,
+            tooltip: "If you're working more on monorepos, check this"
+        },
         {
             id: 'working-hours',
             type: 'numericinput',
@@ -2747,15 +2762,17 @@ Action Id: submit
 Action Text: Submit
 
 Options:
-expertise-area:
+expertise-area: frontend
 preferred-ide: vscode
 remote-ide: remote
-working-hours:
+is-online: false
+is-monorepo: true
+working-hours: 30
 email: d@a.c
-name: amazonq aws
+name: aws amazonq
 ease-of-usage-rating: 4
 accuracy-rating: 4
-general-rating:
+general-rating: 4
 description: aws
 ```
 

package/docs/USAGE.md

@@ -419,7 +419,6 @@ The function provides a couple of callbacks which can be used to control the she
 
 ```typescript
 const { update, close, changeTarget, getTargetElementId } = mynahUI.openDetailedList({
-    tabId,
     detailedList: {}, // The DetailedList, for the data model check DATAMODEL.md
     events: {
       onFilterValueChange: (filterValues: Record<string, any>, isValid: boolean) => {

package/package.json

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