[Vis: Default Editor] Fix issue for string control (#34151) (#34250)

* Display fied if it's enabled

* Reset model value

* Fix type

* Get rid of lodash dependancy

src/legacy/ui/public/agg_types/agg_param.d.ts

@@ -17,10 +17,13 @@
  * under the License.
  */
 
+import { AggConfig } from '../vis/agg_config';
+
 interface AggParam {
   type: string;
   name: string;
   displayName?: string;
+  disabled?(agg: AggConfig): boolean;
 }
 
 export { AggParam };

src/legacy/ui/public/agg_types/controls/string.tsx

@@ -23,6 +23,12 @@ import { EuiFieldText, EuiFormRow } from '@elastic/eui';
 import { AggParamEditorProps } from '../../vis/editors/default';
 
 function StringParamEditor({ agg, aggParam, value, setValue }: AggParamEditorProps<string>) {
+  if (aggParam.disabled && aggParam.disabled(agg)) {
+    // reset model value
+    setValue();
+    return null;
+  }
+
   return (
     <EuiFormRow
       label={aggParam.displayName || aggParam.name}

src/legacy/ui/public/vis/editors/default/agg_param.js

@@ -31,7 +31,8 @@ uiModules
     ['onChange', { watchDepth: 'reference' }],
     ['setValidity', { watchDepth: 'reference' }],
     'value',
-    'isInvalid'
+    'isInvalid',
+    'field'
   ]))
   .directive('visAggParamEditor', function (config) {
     return {
@@ -58,6 +59,7 @@ uiModules
             value="paramValue"
             is-invalid="isInvalid"
             set-validity="setValidity"
+            field="agg.params.field"
           ></vis-agg-param-react-wrapper>`;
         }
 

src/legacy/ui/public/vis/editors/default/agg_param_editor_props.ts

@@ -29,6 +29,6 @@ export interface AggParamEditorProps<T> {
   aggParam: AggParam;
   value: T;
   isInvalid: boolean;
-  setValue(value: T): void;
+  setValue(value?: T): void;
   setValidity(isValid: boolean): void;
 }