feat: add option to disable dropdown form item (#403)

* feat: add option to disable dropdown form item

* feat: add documentation for disabling dropdown

Author: dungdong-aws

docs/DATAMODEL.md

@@ -1192,6 +1192,7 @@ type DropdownFormItem = BaseFormItem & {
     value: string;
     label: string;
   }>;
+  disabled?: boolean;
 };
 
 type Stars = BaseFormItem & {
@@ -2808,15 +2809,17 @@ interface ChatItemFormItem {
     value: string;
     label: string;
   }>;
+  disabled?: boolean; // this is only applicable to DropDownFormItem. If this is set to true, the dropdown is disabled. User cannot use the dropdown.
 }
 ```
 
 Since you can give unlimited form items with several different types, it might be good to know that some attributes are only applicable to some types. Like `options` attribute is only getting used by `select` and `radiogroup` items. Or `placeholder` is only getting used by `textarea`, `textinput` and `numericinput`.
 
 `validationPattenrs` works only for textual inputs. You can define one or more validation regex patterns, use an operator between them as `AND` or `OR`. You can show individual error messages for each validation or use one generic message if the combined validation fails (Might be useful for `OR` operator).
 
-**Another thing which might be interesting** is to know that if you set the `select` or the `radiogroup` mandatory, they'll be rendered as the first item's of them selected if you don't provide an initial value. And you cannot deselet a radio item in any case. For select, if it is mandatory there won't be the option `Please select...`
+**Another thing which might be interesting** is to know that if you set the `select` or the `radiogroup` mandatory, they'll be rendered as the first item's of them selected if you don't provide an initial value. And you cannot deselet a radio item in any case. For select, if it is mandatory there won't be the option `Please select...`. 
 
+**Important note for DropdownFormItem:** If you set `disabled` to `true` for `DropdownFormItem`, the dropdown will be disabled and the user cannot interact with it. When you have a default value and want to ensure it's always displayed, you can combine `mandatory: true` with `disabled: true` - this will automatically select and display the first value in `options` while preventing user interaction.
 
 _**NOTE**: If you set `options` for `textinput` for example, it won't affect the textinput to be rendered and work properly._
 

src/components/chat-item/chat-item-form-items.ts

@@ -110,6 +110,9 @@ export class ChatItemFormItemsWrapper {
               placeholder: chatItemOption.placeholder ?? Config.getInstance().config.texts.pleaseSelect,
               ...(this.getHandlers(chatItemOption))
             });
+            if (chatItemOption.disabled === true) {
+              chatOption.setEnabled(false);
+            }
             break;
           case 'radiogroup':
           case 'toggle':

src/static.ts

@@ -514,6 +514,7 @@ type DropdownFormItem = BaseFormItem & {
     value: string;
     label: string;
   }>;
+  disabled?: boolean;
 };
 
 type Stars = BaseFormItem & {