Minor consistency fixes (opensearch-project#318)

Signed-off-by: Tyler Ohlsen <[email protected]>
saimedhi · Aug 28, 2024 · 1e2ede0 · 1e2ede0
1 parent 5828295
commit 1e2ede0
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 5 deletions.
diff --git a/public/pages/workflow_detail/workflow_inputs/input_fields/map_field.tsx b/public/pages/workflow_detail/workflow_inputs/input_fields/map_field.tsx
@@ -111,6 +111,7 @@ export function MapField(props: MapFieldProps) {
                                 />
                               ) : (
                                 <TextField
+                                  fullWidth={true}
                                   fieldPath={`${props.fieldPath}.${idx}.key`}
                                   placeholder={props.keyPlaceholder || 'Input'}
                                   showError={false}
@@ -136,6 +137,7 @@ export function MapField(props: MapFieldProps) {
                                 />
                               ) : (
                                 <TextField
+                                  fullWidth={true}
                                   fieldPath={`${props.fieldPath}.${idx}.value`}
                                   placeholder={
                                     props.valuePlaceholder || 'Output'

diff --git a/public/pages/workflow_detail/workflow_inputs/input_fields/text_field.tsx b/public/pages/workflow_detail/workflow_inputs/input_fields/text_field.tsx
@@ -21,19 +21,20 @@ interface TextFieldProps {
   helpText?: string;
   placeholder?: string;
   showError?: boolean;
+  fullWidth?: boolean;
 }
 
 /**
  * An input field for a component where users input plaintext
  */
 export function TextField(props: TextFieldProps) {
   const { errors, touched } = useFormikContext<WorkspaceFormValues>();
-
   return (
     <Field name={props.fieldPath}>
       {({ field, form }: FieldProps) => {
         return (
           <EuiCompressedFormRow
+            fullWidth={props.fullWidth}
             key={props.fieldPath}
             label={props.label}
             labelAppend={
@@ -50,6 +51,7 @@ export function TextField(props: TextFieldProps) {
             isInvalid={getIn(errors, field.name) && getIn(touched, field.name)}
           >
             <EuiFieldText
+              fullWidth={props.fullWidth}
               {...field}
               placeholder={props.placeholder || ''}
               compressed={false}

diff --git a/public/pages/workflow_detail/workflow_inputs/processor_inputs/input_transform_modal.tsx b/public/pages/workflow_detail/workflow_inputs/processor_inputs/input_transform_modal.tsx
@@ -99,6 +99,10 @@ export function InputTransformModal(props: InputTransformModalProps) {
         <EuiFlexGroup direction="column">
           <EuiFlexItem>
             <>
+              <EuiText color="subdued">
+                Fetch some sample input data and how it is transformed.
+              </EuiText>
+              <EuiSpacer size="s" />
               <EuiText>Expected input</EuiText>
               <EuiSmallButton
                 style={{ width: '100px' }}
@@ -124,7 +128,7 @@ export function InputTransformModal(props: InputTransformModalProps) {
                           simulatePipeline({
                             apiBody: {
                               pipeline: curIngestPipeline as IngestPipelineConfig,
-                              docs: curDocs,
+                              docs: [curDocs[0]],
                             },
                             dataSourceId,
                           })
@@ -139,7 +143,13 @@ export function InputTransformModal(props: InputTransformModalProps) {
                             );
                           });
                       } else {
-                        setSourceInput(values.ingest.docs);
+                        try {
+                          const docObjs = JSON.parse(
+                            values.ingest.docs
+                          ) as {}[];
+                          if (docObjs.length > 0)
+                            setSourceInput(customStringify([docObjs[0]]));
+                        } catch {}
                       }
                       break;
                     }

diff --git a/public/pages/workflow_detail/workflow_inputs/processor_inputs/output_transform_modal.tsx b/public/pages/workflow_detail/workflow_inputs/processor_inputs/output_transform_modal.tsx
@@ -96,6 +96,10 @@ export function OutputTransformModal(props: OutputTransformModalProps) {
         <EuiFlexGroup direction="column">
           <EuiFlexItem>
             <>
+              <EuiText color="subdued">
+                Fetch some sample output data and how it is transformed.
+              </EuiText>
+              <EuiSpacer size="s" />
               <EuiText>Expected input</EuiText>
               <EuiSmallButton
                 style={{ width: '100px' }}
@@ -128,7 +132,7 @@ export function OutputTransformModal(props: OutputTransformModalProps) {
                         simulatePipeline({
                           apiBody: {
                             pipeline: curIngestPipeline,
-                            docs: curDocs,
+                            docs: [curDocs[0]],
                           },
                           dataSourceId,
                         })

diff --git a/public/pages/workflows/new_workflow/quick_configure_inputs.tsx b/public/pages/workflows/new_workflow/quick_configure_inputs.tsx
@@ -111,7 +111,7 @@ export function QuickConfigureInputs(props: QuickConfigureInputsProps) {
             <EuiCompressedFormRow
               label={'Text field'}
               isInvalid={false}
-              helpText="The name of the document field containing plaintext"
+              helpText="The name of the text document field to be embedded"
             >
               <EuiCompressedFieldText
                 value={fieldValues?.textField || ''}