diff --git a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx index da9ebbf9b2ef7..0d93a31f9e3f2 100644 --- a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx +++ b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx @@ -22,6 +22,7 @@ import { EuiSpacer, EuiCallOut, EuiText, + EuiTextArea, } from '@elastic/eui'; import { KBN_FIELD_TYPES } from '@kbn/field-types'; @@ -421,7 +422,7 @@ export const StepDetailsForm: FC = React.memo( defaultMessage: 'Transform description', })} > - ( - = ({ + field, + label, + helpText, + placeHolder = false, +}) => { + const { defaultValue, errorMessages, value } = useEditTransformFlyout(field); + const { formField } = useEditTransformFlyout('actions'); + const upperCaseField = capitalizeFirstLetter(field); + + return ( + 0} + error={errorMessages} + > + 0} + value={value} + onChange={(e) => formField({ field, value: e.target.value })} + aria-label={label} + /> + + ); +}; diff --git a/x-pack/plugins/transform/public/app/sections/transform_management/components/edit_transform_flyout/edit_transform_flyout_form_text_input.tsx b/x-pack/plugins/transform/public/app/sections/transform_management/components/edit_transform_flyout/edit_transform_flyout_form_text_input.tsx index d9310762ef3e0..9c93d286cb9c4 100644 --- a/x-pack/plugins/transform/public/app/sections/transform_management/components/edit_transform_flyout/edit_transform_flyout_form_text_input.tsx +++ b/x-pack/plugins/transform/public/app/sections/transform_management/components/edit_transform_flyout/edit_transform_flyout_form_text_input.tsx @@ -15,10 +15,7 @@ import { useEditTransformFlyout, type EditTransformHookTextInputSelectors, } from './use_edit_transform_flyout'; - -function capitalizeFirstLetter(str: string) { - return str.charAt(0).toUpperCase() + str.slice(1); -} +import { capitalizeFirstLetter } from './capitalize_first_letter'; interface EditTransformFlyoutFormTextInputProps { field: EditTransformHookTextInputSelectors; diff --git a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/use_columns.tsx b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/use_columns.tsx index fb578ec06aa3c..732261bde89d2 100644 --- a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/use_columns.tsx +++ b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/use_columns.tsx @@ -222,7 +222,20 @@ export const useColumns = ( 'data-test-subj': 'transformListColumnDescription', name: i18n.translate('xpack.transform.description', { defaultMessage: 'Description' }), sortable: true, - truncateText: true, + render(text: string) { + return ( + + {text} + + ); + }, }, { name: i18n.translate('xpack.transform.type', { defaultMessage: 'Type' }),