diff --git a/webpack/assets/javascripts/react_app/components/common/forms/ForemanForm/ForemanForm.js b/webpack/assets/javascripts/react_app/components/common/forms/ForemanForm/ForemanForm.js index 17c16ac1db..e983769780 100644 --- a/webpack/assets/javascripts/react_app/components/common/forms/ForemanForm/ForemanForm.js +++ b/webpack/assets/javascripts/react_app/components/common/forms/ForemanForm/ForemanForm.js @@ -1,8 +1,9 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import { Formik } from 'formik'; import PropTypes from 'prop-types'; import Form from '../Form'; import { translate as __ } from '../../../../common/I18n'; +import { deprecate } from '../../../../common/DeprecationService'; export const isInitialValid = ({ validationSchema, initialValues }) => !validationSchema ? true : validationSchema.isValidSync(initialValues); @@ -14,37 +15,47 @@ const ForemanForm = ({ validationSchema, enableReinitialize, onCancel, -}) => ( - - {formProps => { - const disabled = formProps.isSubmitting || !formProps.isValid; - const submissionError = formProps.errors._error; +}) => { + useEffect(() => { + deprecate( + `forms/ForemanForm/ForemanForm`, + 'Form from @patternfly/react-core', + '5.1' + ); + }, []); - return ( -
- {cloneChildren(children, { formProps, disabled })} -
- ); - }} -
-); + return ( + + {formProps => { + const disabled = formProps.isSubmitting || !formProps.isValid; + const submissionError = formProps.errors._error; + + return ( +
+ {cloneChildren(children, { formProps, disabled })} +
+ ); + }} +
+ ); +}; const cloneChildren = (children, childProps) => (