fix: update JS options (#4475)

Add JS options to widget properties, please check the issue for more details

app/client/src/widgets/ButtonWidget.tsx

@@ -55,8 +55,10 @@ class ButtonWidget extends BaseWidget<ButtonWidgetProps, ButtonWidgetState> {
                 value: "DANGER_BUTTON",
               },
             ],
+            isJSConvertible: true,
             isBindProperty: false,
             isTriggerProperty: false,
+            validation: VALIDATION_TYPES.OPTIONS_DATA,
           },
           {
             propertyName: "isVisible",

app/client/src/widgets/ContainerWidget.tsx

@@ -37,6 +37,7 @@ class ContainerWidget extends BaseWidget<
             propertyName: "backgroundColor",
             label: "Background Color",
             controlType: "COLOR_PICKER",
+            isJSConvertible: true,
             isBindProperty: true,
             isTriggerProperty: false,
             validation: VALIDATION_TYPES.TEXT,

app/client/src/widgets/FormWidget.tsx

@@ -21,6 +21,7 @@ class FormWidget extends ContainerWidget {
             placeholderText: "#FFFFFF / Gray / rgb(255, 99, 71)",
             controlType: "COLOR_PICKER",
             isBindProperty: true,
+            isJSConvertible: true,
             isTriggerProperty: false,
             validation: VALIDATION_TYPES.TEXT,
           },

app/client/src/widgets/TextWidget.tsx

@@ -114,8 +114,10 @@ class TextWidget extends BaseWidget<TextWidgetProps, WidgetState> {
                 value: "ITALIC",
               },
             ],
-            isBindProperty: false,
+            isJSConvertible: true,
+            isBindProperty: true,
             isTriggerProperty: false,
+            validation: VALIDATION_TYPES.TEXT,
           },
           {
             propertyName: "textAlign",
@@ -136,8 +138,10 @@ class TextWidget extends BaseWidget<TextWidgetProps, WidgetState> {
               },
             ],
             defaultValue: "LEFT",
-            isBindProperty: false,
+            isJSConvertible: true,
+            isBindProperty: true,
             isTriggerProperty: false,
+            validation: VALIDATION_TYPES.TEXT,
           },
         ],
       },