fix(ant): add vertical as default prop to AntForm

Author: rvsia

packages/ant-component-mapper/src/files/form-template.js

@@ -1,44 +1,82 @@
-/* eslint-disable react/prop-types */
 import React from 'react';
+import PropTypes from 'prop-types';
 import { Button, Typography, Form as AntForm } from 'antd';
 import FormTemplate from '@data-driven-forms/common/src/form-template';
+import { childrenPropTypes } from '@data-driven-forms/common/src/prop-types-templates';
 
 const { Title, Paragraph } = Typography;
 
-const Form = ({ layout, children, onSubmit, ...props }) => (
-  <AntForm onFinish={onSubmit} layout={layout ? layout : 'vertical'} {...props}>
+const Form = ({ children, onSubmit, ...props }) => (
+  <AntForm onFinish={onSubmit} {...props}>
     {children}
   </AntForm>
 );
 
+Form.propTypes = {
+  layout: PropTypes.string,
+  onSubmit: PropTypes.func,
+  children: childrenPropTypes
+};
+
+Form.defaultProps = {
+  layout: 'vertical'
+};
+
 const Description = ({ children }) => (
   <Typography>
     <Paragraph>{children}</Paragraph>
   </Typography>
 );
+
+Description.propTypes = {
+  children: childrenPropTypes
+};
+
 const TitleComponent = ({ children }) => (
   <Typography>
     <Title level={3}>{children}</Title>
   </Typography>
 );
 
+TitleComponent.propTypes = {
+  children: childrenPropTypes
+};
+
 const ButtonGroup = ({ children }) => <div style={{ display: 'flex', justifyContent: 'flex-end' }}>{children}</div>;
+
+ButtonGroup.propTypes = {
+  children: childrenPropTypes
+};
+
 const ButtonComponent = ({ label, variant, children, buttonType, ...props }) => (
   <Button {...props} type="primary" htmlType={props.type}>
     {label || children}
   </Button>
 );
 
-const AntFormTemplate = (props) => (
+ButtonComponent.propTypes = {
+  children: childrenPropTypes,
+  label: PropTypes.node,
+  variant: PropTypes.string,
+  buttonType: PropTypes.string,
+  type: PropTypes.string
+};
+
+const AntFormTemplate = ({ layout, formWrapperProps, ...props }) => (
   <FormTemplate
     FormWrapper={Form}
     Button={ButtonComponent}
     ButtonGroup={ButtonGroup}
     Title={TitleComponent}
     Description={Description}
-    formWrapperProps={{ layout: props.layout, ...props.formWrapperProps }}
+    formWrapperProps={{ layout, ...formWrapperProps }}
     {...props}
   />
 );
 
+AntFormTemplate.propTypes = {
+  layout: PropTypes.string,
+  formWrapperProps: PropTypes.object
+};
+
 export default AntFormTemplate;