Merge pull request #1129 from rvsia/updateOtherDevDeps

Update other dev deps

Author: rvsia

package.json

@@ -60,7 +60,7 @@
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.13.5",
+    "@babel/preset-react": "^7.14.5",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^27.2.0",
     "babel-loader": "^8.2.2",
@@ -72,7 +72,7 @@
     "webpack": "^5.52.1",
     "webpack-cli": "^4.8.0",
     "webpack-dev-server": "^4.2.1",
-    "prop-types": "^15.6.2",
+    "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
@@ -85,42 +85,42 @@
     "@khala/commit-analyzer-wildcard": "^2.5.2",
     "@khala/npm-release-monorepo": "^2.5.2",
     "@khala/wildcard-release-notes": "^2.5.2",
-    "@semantic-release/git": "^8.0.0",
-    "@semantic-release/github": "^5.5.5",
-    "@semantic-release/npm": "^5.1.4",
-    "@types/react": "^16.9.35",
-    "@types/react-dom": "^16.9.8",
-    "@typescript-eslint/eslint-plugin": "^3.0.0",
+    "@semantic-release/git": "^9.0.1",
+    "@semantic-release/github": "^7.2.3",
+    "@semantic-release/npm": "^7.1.3",
+    "@types/react": "^17.0.21",
+    "@types/react-dom": "^17.0.9",
+    "@typescript-eslint/eslint-plugin": "^4.31.1",
     "atob-lite": "^2.0.0",
     "babel-plugin-transform-imports": "^2.0.0",
-    "dtslint": "^3.6.4",
-    "eslint": "^7.21.0",
-    "eslint-config-prettier": "^8.1.0",
+    "dtslint": "^4.1.6",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
     "eslint-loader": "^4.0.2",
-    "eslint-plugin-flowtype": "^5.3.1",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jest": "^24.3.6",
+    "eslint-plugin-flowtype": "^6.0.1",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-jest": "^24.4.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.25.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "fs-extra": "^9.0.1",
-    "glob": "^7.1.6",
+    "fs-extra": "^10.0.0",
+    "glob": "^7.1.7",
     "identity-obj-proxy": "^3.0.0",
-    "inquirer": "^7.1.0",
+    "inquirer": "^8.1.5",
     "jest": "^27.2.0",
-    "lerna": "^3.13.1",
+    "lerna": "^4.0.0",
     "ncp": "^2.0.0",
-    "prettier": "^1.19.1",
-    "replace-in-file": "^6.0.0",
-    "semantic-release": "^17.2.3",
-    "strip-ansi": "^6.0.0",
-    "terser-webpack-plugin": "^1.3.0",
-    "ts-loader": "^7.0.5",
-    "tslint": "^6.1.2",
+    "prettier": "^2.4.1",
+    "replace-in-file": "^6.2.0",
+    "semantic-release": "^17.4.7",
+    "strip-ansi": "^7.0.1",
+    "terser-webpack-plugin": "^5.2.4",
+    "ts-loader": "^9.2.5",
+    "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "^3.9.3"
+    "typescript": "^4.4.3"
   },
   "release": {
     "monorepo": "./packages",

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;