Update to latest lint rules

Author: rvsia

packages/ant-component-mapper/src/checkbox/checkbox.js

@@ -9,7 +9,7 @@ import FormGroup from '../form-group';
 export const SingleCheckbox = (props) => {
   const { input, isReadOnly, isDisabled, isRequired, label, helperText, description, validateOnMount, meta, FormItemProps, ...rest } = useFieldApi({
     ...props,
-    type: 'checkbox'
+    type: 'checkbox',
   });
 
   return (
@@ -45,13 +45,13 @@ SingleCheckbox.propTypes = {
   helperText: PropTypes.node,
   description: PropTypes.node,
   validateOnMount: PropTypes.bool,
-  FormItemProps: PropTypes.object
+  FormItemProps: PropTypes.object,
 };
 
 const Checkbox = ({ options, ...props }) => (options ? <MultipleChoiceList options={options} {...props} /> : <SingleCheckbox {...props} />);
 
 Checkbox.propTypes = {
-  options: PropTypes.array
+  options: PropTypes.array,
 };
 
 export default Checkbox;

packages/ant-component-mapper/src/component-mapper/component-mapper.js

@@ -30,7 +30,7 @@ export const components = {
   Wizard,
   DualListSelect,
   FieldArray,
-  Slider
+  Slider,
 };
 
 const componentMapper = {
@@ -48,7 +48,7 @@ const componentMapper = {
   [componentTypes.WIZARD]: Wizard,
   [componentTypes.SLIDER]: Slider,
   [componentTypes.DUAL_LIST_SELECT]: DualListSelect,
-  [componentTypes.FIELD_ARRAY]: FieldArray
+  [componentTypes.FIELD_ARRAY]: FieldArray,
 };
 
 export default componentMapper;

packages/ant-component-mapper/src/date-picker/date-picker.js

@@ -6,20 +6,8 @@ import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormGroup from '../form-group';
 
 const DatePicker = (props) => {
-  const {
-    input,
-    isReadOnly,
-    isDisabled,
-    placeholder,
-    isRequired,
-    label,
-    helperText,
-    description,
-    validateOnMount,
-    meta,
-    FormItemProps,
-    ...rest
-  } = useFieldApi(props);
+  const { input, isReadOnly, isDisabled, placeholder, isRequired, label, helperText, description, validateOnMount, meta, FormItemProps, ...rest } =
+    useFieldApi(props);
   const invalid = validationError(meta, validateOnMount);
 
   return (
@@ -57,11 +45,11 @@ DatePicker.propTypes = {
   validateOnMount: PropTypes.bool,
   locale: PropTypes.string,
   description: PropTypes.node,
-  FormItemProps: PropTypes.object
+  FormItemProps: PropTypes.object,
 };
 
 DatePicker.defaultProps = {
-  placeholder: 'Select date'
+  placeholder: 'Select date',
 };
 
 export default DatePicker;

packages/ant-component-mapper/src/dual-list-select/dual-list-select.js

@@ -18,7 +18,7 @@ const DualListSelect = (props) => {
   } = useFieldApi(props);
   const dataSource = options.map((option) => ({
     key: option.value,
-    ...option
+    ...option,
   }));
   return (
     <FormGroup

packages/ant-component-mapper/src/field-array/field-array.js

@@ -19,7 +19,7 @@ const ArrayItem = memo(
     ArrayItemProps,
     FieldsContainerProps,
     RemoveContainerProps,
-    RemoveButtonProps
+    RemoveButtonProps,
   }) => {
     const { renderForm } = useFormApi();
 
@@ -55,40 +55,40 @@ ArrayItem.propTypes = {
   ArrayItemProps: PropTypes.object.isRequired,
   FieldsContainerProps: PropTypes.object.isRequired,
   RemoveContainerProps: PropTypes.object.isRequired,
-  RemoveButtonProps: PropTypes.object.isRequired
+  RemoveButtonProps: PropTypes.object.isRequired,
 };
 
 const defaultButtonLabels = {
   add: 'ADD',
-  remove: 'REMOVE'
+  remove: 'REMOVE',
 };
 
 const initialState = {
   index: 0,
-  history: []
+  history: [],
 };
 
 export const reducer = (state, { type, action }) => {
   switch (type) {
     case 'redo':
       return {
         ...state,
-        index: state.index + 1
+        index: state.index + 1,
       };
     case 'action':
       return {
         index: state.index + 1,
-        history: [...state.history.slice(0, state.index), action]
+        history: [...state.history.slice(0, state.index), action],
       };
     case 'undo':
       return {
         ...state,
-        index: state.index - 1
+        index: state.index - 1,
       };
     case 'resetHistory':
       return {
         ...state,
-        history: state.history.slice(0, state.index)
+        history: state.history.slice(0, state.index),
       };
     default:
       return state;
@@ -135,7 +135,7 @@ const DynamicArray = ({ ...props }) => {
 
   const combinedButtonLabels = {
     ...defaultButtonLabels,
-    ...buttonLabels
+    ...buttonLabels,
   };
 
   const { dirty, submitFailed, error, submitError } = meta;
@@ -272,7 +272,7 @@ DynamicArray.propTypes = {
   AddButtonProps: PropTypes.object,
   FieldArrayDescriptionProps: PropTypes.object,
   NoItemsMessageProps: PropTypes.object,
-  ErrorMessageProps: PropTypes.object
+  ErrorMessageProps: PropTypes.object,
 };
 
 DynamicArray.defaultProps = {
@@ -294,7 +294,7 @@ DynamicArray.defaultProps = {
   AddButtonProps: {},
   FieldArrayDescriptionProps: {},
   NoItemsMessageProps: {},
-  ErrorMessageProps: {}
+  ErrorMessageProps: {},
 };
 
 export default DynamicArray;

packages/ant-component-mapper/src/form-group/form-group.js

@@ -34,7 +34,7 @@ FormGroup.propTypes = {
   validateOnMount: PropTypes.bool,
   helperText: PropTypes.node,
   description: PropTypes.node,
-  hideLabel: PropTypes.bool
+  hideLabel: PropTypes.bool,
 };
 
 export default FormGroup;

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

@@ -15,11 +15,11 @@ const Form = ({ children, onSubmit, ...props }) => (
 Form.propTypes = {
   layout: PropTypes.string,
   onSubmit: PropTypes.func,
-  children: childrenPropTypes
+  children: childrenPropTypes,
 };
 
 Form.defaultProps = {
-  layout: 'vertical'
+  layout: 'vertical',
 };
 
 const Description = ({ children, ...props }) => (
@@ -29,7 +29,7 @@ const Description = ({ children, ...props }) => (
 );
 
 Description.propTypes = {
-  children: childrenPropTypes
+  children: childrenPropTypes,
 };
 
 const TitleComponent = ({ children, ...props }) => (
@@ -39,7 +39,7 @@ const TitleComponent = ({ children, ...props }) => (
 );
 
 TitleComponent.propTypes = {
-  children: childrenPropTypes
+  children: childrenPropTypes,
 };
 
 const ButtonGroup = ({ children, ...props }) => (
@@ -49,7 +49,7 @@ const ButtonGroup = ({ children, ...props }) => (
 );
 
 ButtonGroup.propTypes = {
-  children: childrenPropTypes
+  children: childrenPropTypes,
 };
 
 const ButtonComponent = ({ label, variant, children, buttonType, ...props }) => (
@@ -63,7 +63,7 @@ ButtonComponent.propTypes = {
   label: PropTypes.node,
   variant: PropTypes.string,
   buttonType: PropTypes.string,
-  type: PropTypes.string
+  type: PropTypes.string,
 };
 
 const AntFormTemplate = ({ layout, formWrapperProps, ...props }) => (
@@ -80,7 +80,7 @@ const AntFormTemplate = ({ layout, formWrapperProps, ...props }) => (
 
 AntFormTemplate.propTypes = {
   layout: PropTypes.string,
-  formWrapperProps: PropTypes.object
+  formWrapperProps: PropTypes.object,
 };
 
 export default AntFormTemplate;

packages/ant-component-mapper/src/is-required/is-required.js

@@ -13,7 +13,7 @@ const IsRequired = ({ children }) => (
 );
 
 IsRequired.propTypes = {
-  children: childrenPropTypes
+  children: childrenPropTypes,
 };
 
 export default IsRequired;

packages/ant-component-mapper/src/multiple-choice-list/multiple-choice-list.js

@@ -13,7 +13,7 @@ const FinalCheckbox = ({ isDisabled, label, ...props }) => (
 
 FinalCheckbox.propTypes = {
   isDisabled: PropTypes.bool,
-  label: PropTypes.node
+  label: PropTypes.node,
 };
 
 const Wrapper = ({ label, isRequired, children, meta, validateOnMount, helperText, description, FormItemProps }) => (
@@ -31,15 +31,15 @@ const Wrapper = ({ label, isRequired, children, meta, validateOnMount, helperTex
 );
 
 Wrapper.propTypes = {
-  ...wrapperProps
+  ...wrapperProps,
 };
 
 const MultipleChoiceList = (props) => <MultipleChoiceListCommon {...props} Wrapper={Wrapper} Checkbox={FinalCheckbox} />;
 
 MultipleChoiceList.propTypes = {
   input: PropTypes.shape({
-    name: PropTypes.string.isRequired
-  })
+    name: PropTypes.string.isRequired,
+  }),
 };
 
 export default MultipleChoiceList;

packages/ant-component-mapper/src/plain-text/plain-text.js

@@ -17,7 +17,7 @@ const PlainText = ({ label, name, TypographyProps, ...rest }) => (
 PlainText.propTypes = {
   label: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  TypographyProps: PropTypes.object
+  TypographyProps: PropTypes.object,
 };
 
 export default PlainText;