Add Scripted Field Support in Vis Builder (#6974) (#7013)

(cherry picked from commit e74ed2c)

Signed-off-by: Suchit Sahoo <suchsah@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
(cherry picked from commit a0eea7d)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

src/plugins/vis_builder/public/application/components/data_tab/utils/get_available_fields.test.ts

@@ -44,7 +44,7 @@ describe('getAvailableFields', () => {
       },
     ]);
 
-    expect(getAvailableFields(fields).length).toBe(1);
+    expect(getAvailableFields(fields).length).toBe(2);
   });
 
   test('should return all fields if filterFieldTypes was not specified', () => {
@@ -60,6 +60,21 @@ describe('getAvailableFields', () => {
     expect(getAvailableFields(fields).length).toBe(2);
   });
 
+  test('should return scripted fields', () => {
+    const fields = createIndexFields([
+      {
+        name: 'field 1',
+        scripted: true,
+      },
+      {
+        name: 'field 2',
+        scripted: true,
+      },
+    ]);
+
+    expect(getAvailableFields(fields).length).toBe(2);
+  });
+
   test('should filterFieldTypes', () => {
     const fields = createIndexFields([
       {

src/plugins/vis_builder/public/application/components/data_tab/utils/get_available_fields.ts

@@ -17,7 +17,7 @@ export const getAvailableFields = (
   filterFieldTypes: FieldTypes = '*'
 ) => {
   const filteredFields = fields.filter((field: IndexPatternField) => {
-    if (!field.aggregatable || isNestedField(field) || field.scripted) {
+    if (!field.aggregatable || isNestedField(field)) {
       return false;
     }