diff --git a/public/pages/workflow_detail/tools/tools.tsx b/public/pages/workflow_detail/tools/tools.tsx index f1d72fc3..f861b93f 100644 --- a/public/pages/workflow_detail/tools/tools.tsx +++ b/public/pages/workflow_detail/tools/tools.tsx @@ -122,7 +122,7 @@ export function Tools(props: ToolsProps) { - + {inputTabs.map((tab, idx) => { return ( - Return to home - + ) : ( diff --git a/public/pages/workflow_detail/workflow_inputs/ingest_inputs/source_data.tsx b/public/pages/workflow_detail/workflow_inputs/ingest_inputs/source_data.tsx index 009794a2..941894b6 100644 --- a/public/pages/workflow_detail/workflow_inputs/ingest_inputs/source_data.tsx +++ b/public/pages/workflow_detail/workflow_inputs/ingest_inputs/source_data.tsx @@ -6,7 +6,6 @@ import React, { useEffect, useState } from 'react'; import { useFormikContext } from 'formik'; import { - EuiButton, EuiSmallButton, EuiCompressedFilePicker, EuiFlexGroup, @@ -109,14 +108,13 @@ export function SourceData(props: SourceDataProps) { - setIsEditModalOpen(true)} > Edit - + 0; return ( - - + ); }} diff --git a/public/pages/workflow_detail/workflow_inputs/input_fields/number_field.tsx b/public/pages/workflow_detail/workflow_inputs/input_fields/number_field.tsx index a9b818e1..d847dfd9 100644 --- a/public/pages/workflow_detail/workflow_inputs/input_fields/number_field.tsx +++ b/public/pages/workflow_detail/workflow_inputs/input_fields/number_field.tsx @@ -9,7 +9,7 @@ import { EuiCompressedFormRow, EuiLink, EuiText, - EuiFieldNumber, + EuiCompressedFieldNumber, } from '@elastic/eui'; import { WorkspaceFormValues } from '../../../../../common'; import { camelCaseToTitleString, getInitialValue } from '../../../../utils'; @@ -49,10 +49,9 @@ export function NumberField(props: NumberFieldProps) { error={props.showError && getIn(errors, field.name)} isInvalid={getIn(errors, field.name) && getIn(touched, field.name)} > - { form.setFieldValue(props.fieldPath, e.target.value); diff --git a/public/pages/workflow_detail/workflow_inputs/input_fields/select_field.tsx b/public/pages/workflow_detail/workflow_inputs/input_fields/select_field.tsx index e58afae8..5a4e7bbf 100644 --- a/public/pages/workflow_detail/workflow_inputs/input_fields/select_field.tsx +++ b/public/pages/workflow_detail/workflow_inputs/input_fields/select_field.tsx @@ -6,7 +6,7 @@ import React from 'react'; import { Field, FieldProps, getIn, useFormikContext } from 'formik'; import { - EuiFormRow, + EuiCompressedFormRow, EuiSuperSelect, EuiSuperSelectOption, EuiText, @@ -30,7 +30,7 @@ export function SelectField(props: SelectFieldProps) { {({ field, form }: FieldProps) => { return ( - + - + ); }} 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 index 9ed35180..e8194663 100644 --- a/public/pages/workflow_detail/workflow_inputs/input_fields/text_field.tsx +++ b/public/pages/workflow_detail/workflow_inputs/input_fields/text_field.tsx @@ -6,7 +6,7 @@ import React from 'react'; import { Field, FieldProps, getIn, useFormikContext } from 'formik'; import { - EuiFieldText, + EuiCompressedFieldText, EuiCompressedFormRow, EuiLink, EuiText, @@ -50,11 +50,10 @@ export function TextField(props: TextFieldProps) { error={props.showError && getIn(errors, field.name)} isInvalid={getIn(errors, field.name) && getIn(touched, field.name)} > - { form.setFieldValue(props.fieldPath, e.target.value); 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 index 5a1feff9..3f53fdfe 100644 --- 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 @@ -15,7 +15,7 @@ import { EuiModalFooter, EuiModalHeader, EuiModalHeaderTitle, - EuiSelect, + EuiCompressedSelect, EuiSelectOption, EuiSmallButton, EuiSpacer, @@ -274,9 +274,8 @@ export function InputTransformModal(props: InputTransformModalProps) { <> - Expected output for} - compressed={true} options={outputOptions} value={selectedOutputOption} onChange={(e) => { diff --git a/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs.tsx b/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs.tsx index 9a4dc9f6..9abfa2c2 100644 --- a/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs.tsx +++ b/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs.tsx @@ -8,7 +8,7 @@ import { getIn, useFormikContext } from 'formik'; import { useSelector } from 'react-redux'; import { EuiAccordion, - EuiButtonEmpty, + EuiSmallButtonEmpty, EuiCallOut, EuiFlexGroup, EuiFlexItem, @@ -199,16 +199,15 @@ export function MLProcessorInputs(props: MLProcessorInputsProps) { : 'Preview is unavailable for multiple search request processors' } > - { setIsInputTransformModalOpen(true); }} > Preview - + @@ -249,16 +248,15 @@ export function MLProcessorInputs(props: MLProcessorInputsProps) { : 'Preview of model outputs is unavailable for search request processors' } > - { setIsOutputTransformModalOpen(true); }} > Preview - + 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 index db7f1fe1..1c4a1abc 100644 --- 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 @@ -15,7 +15,7 @@ import { EuiModalFooter, EuiModalHeader, EuiModalHeaderTitle, - EuiSelect, + EuiCompressedSelect, EuiSelectOption, EuiSmallButton, EuiSpacer, @@ -257,9 +257,8 @@ export function OutputTransformModal(props: OutputTransformModalProps) { <> - Expected output for} - compressed={true} options={outputOptions} value={selectedOutputOption} onChange={(e) => { diff --git a/public/pages/workflow_detail/workflow_inputs/search_inputs/configure_search_request.tsx b/public/pages/workflow_detail/workflow_inputs/search_inputs/configure_search_request.tsx index 141df93f..be239bfc 100644 --- a/public/pages/workflow_detail/workflow_inputs/search_inputs/configure_search_request.tsx +++ b/public/pages/workflow_detail/workflow_inputs/search_inputs/configure_search_request.tsx @@ -7,12 +7,11 @@ import React, { useEffect, useState } from 'react'; import { useSelector } from 'react-redux'; import { useFormikContext } from 'formik'; import { - EuiButton, - EuiFieldText, + EuiSmallButton, + EuiCompressedFieldText, EuiFlexGroup, EuiFlexItem, - EuiFormRow, - EuiSmallButton, + EuiCompressedFormRow, EuiSuperSelect, EuiSuperSelectOption, EuiText, @@ -98,9 +97,9 @@ export function ConfigureSearchRequest(props: ConfigureSearchRequestProps) { - + {ingestEnabled ? ( - @@ -123,17 +122,16 @@ export function ConfigureSearchRequest(props: ConfigureSearchRequestProps) { isInvalid={selectedIndex === undefined} /> )} - + - setIsEditModalOpen(true)} > Edit - + - props.setModalOpen(false)} fill={false} color="primary" > Close - + ); diff --git a/public/pages/workflow_detail/workflow_inputs/workflow_inputs.tsx b/public/pages/workflow_detail/workflow_inputs/workflow_inputs.tsx index 6b074f31..e392ef41 100644 --- a/public/pages/workflow_detail/workflow_inputs/workflow_inputs.tsx +++ b/public/pages/workflow_detail/workflow_inputs/workflow_inputs.tsx @@ -7,8 +7,8 @@ import React, { useCallback, useEffect, useState } from 'react'; import { getIn, useFormikContext } from 'formik'; import { debounce, isEmpty, isEqual } from 'lodash'; import { - EuiButton, - EuiButtonEmpty, + EuiSmallButton, + EuiSmallButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiHorizontalRule, @@ -602,11 +602,11 @@ export function WorkflowInputs(props: WorkflowInputsProps) { - setIsModalOpen(false)}> + setIsModalOpen(false)}> {' '} Cancel - - + { @@ -644,7 +644,7 @@ export function WorkflowInputs(props: WorkflowInputsProps) { color="danger" > Delete resources - + )} @@ -700,13 +700,13 @@ export function WorkflowInputs(props: WorkflowInputsProps) { Edit ingest pipeline - setIsModalOpen(true)} > {` `}Delete resources - + ) : ( @@ -748,7 +748,7 @@ export function WorkflowInputs(props: WorkflowInputsProps) { {onIngest && !ingestEnabled ? ( - { @@ -756,12 +756,12 @@ export function WorkflowInputs(props: WorkflowInputsProps) { }} > {`Search pipeline >`} - + ) : onIngest ? ( <> - { validateAndRunIngestion(); @@ -770,10 +770,10 @@ export function WorkflowInputs(props: WorkflowInputsProps) { isLoading={isRunningIngest} > Run ingestion - + - { setSelectedStep(STEP.SEARCH); @@ -781,13 +781,13 @@ export function WorkflowInputs(props: WorkflowInputsProps) { disabled={ingestTemplatesDifferent || isRunningIngest} > {`Search pipeline >`} - + ) : ( <> - setSelectedStep(STEP.INGEST)} > Back - + - Run query - + )} diff --git a/public/pages/workflows/import_workflow/import_workflow_modal.tsx b/public/pages/workflows/import_workflow/import_workflow_modal.tsx index 436044dd..c2205519 100644 --- a/public/pages/workflows/import_workflow/import_workflow_modal.tsx +++ b/public/pages/workflows/import_workflow/import_workflow_modal.tsx @@ -7,15 +7,15 @@ import React, { useEffect, useState } from 'react'; import { EuiSpacer, EuiFlexGroup, - EuiButtonEmpty, - EuiButton, + EuiSmallButtonEmpty, + EuiSmallButton, EuiText, EuiModal, EuiModalHeader, EuiModalHeaderTitle, EuiModalBody, EuiModalFooter, - EuiFilePicker, + EuiCompressedFilePicker, EuiCallOut, EuiFlexItem, } from '@elastic/eui'; @@ -115,7 +115,7 @@ export function ImportWorkflowModal(props: ImportWorkflowModalProps) { )} - { @@ -134,8 +134,10 @@ export function ImportWorkflowModal(props: ImportWorkflowModalProps) { - onModalClose()}>Cancel - onModalClose()}> + Cancel + + { @@ -174,7 +176,7 @@ export function ImportWorkflowModal(props: ImportWorkflowModalProps) { {isValidWorkflow(fileObj) && !isValidUiWorkflow(fileObj) ? 'Import anyway' : 'Import'} - + ); diff --git a/public/pages/workflows/workflow_list/workflow_list.tsx b/public/pages/workflows/workflow_list/workflow_list.tsx index 543e7e62..e43999d9 100644 --- a/public/pages/workflows/workflow_list/workflow_list.tsx +++ b/public/pages/workflows/workflow_list/workflow_list.tsx @@ -173,7 +173,10 @@ export function WorkflowList(props: WorkflowListProps) { )} - + {`Manage existing workflows`} diff --git a/public/pages/workflows/workflows.tsx b/public/pages/workflows/workflows.tsx index 98748261..9239fedc 100644 --- a/public/pages/workflows/workflows.tsx +++ b/public/pages/workflows/workflows.tsx @@ -14,7 +14,7 @@ import { EuiPageContent, EuiSpacer, EuiFlexGroup, - EuiButton, + EuiSmallButton, EuiText, } from '@elastic/eui'; import queryString from 'query-string'; @@ -278,7 +278,7 @@ export function Workflows(props: WorkflowsProps) { rightSideItems={ selectedTabId === WORKFLOWS_TAB.MANAGE ? [ - { @@ -286,25 +286,25 @@ export function Workflows(props: WorkflowsProps) { }} > Create workflow - , - , + { setIsImportModalOpen(true); }} > Import workflow - , + , ] : [ - { setIsImportModalOpen(true); }} > Import workflow - , + , ] } bottomBorder={false} @@ -313,7 +313,7 @@ export function Workflows(props: WorkflowsProps) { ) : ( <> - + )}