Bump deps

Author: felixmosh

package.json

@@ -55,8 +55,8 @@
     "@testing-library/react": "12.1.5",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.2",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.2",
+    "@types/react": "^16.14.43",
+    "@types/react-dom": "^16.9.19",
     "auto-changelog": "^2.4.0",
     "husky": "^4.2.5",
     "jest": "^29.3.0",
@@ -67,11 +67,15 @@
     "ts-jest": "^29.0.3",
     "tsdx": "^0.14.1",
     "tslib": "^2.4.1",
-    "typescript": "^4.8.4"
+    "typescript": "^5.1.6"
   },
   "peerDependencies": {
     "react": ">=16 || >=17"
   },
+  "resolutions": {
+    "@types/react": "17",
+    "@types/react-dom": "17"
+  },
   "husky": {
     "hooks": {
       "pre-commit": "tsdx lint"

src/FormsyDropdown.tsx

@@ -75,7 +75,7 @@ class FormsyDropdown extends Component<IFormsyDropdownProps> {
   };
 
   handleBlur = (
-    e: React.KeyboardEvent<HTMLElement>,
+    e: React.FocusEvent<HTMLElement>,
     data: StrictDropdownProps
   ) => {
     const { onBlur } = this.props;

test/Form.spec.tsx

@@ -162,9 +162,9 @@ describe('<Form/>', () => {
       // eslint-disable-line
       return (
         <Form
-          onValidSubmit={onValidSubmit}
-          onInvalidSubmit={onInvalidSubmit}
-          onSubmit={onSubmit}
+          onValidSubmit={(model) => onValidSubmit(model)}
+          onInvalidSubmit={(model) => onInvalidSubmit(model)}
+          onSubmit={(model) => onSubmit(model)}
           onValid={() => (isValid = true)}
           onInvalid={() => (isValid = false)}
         >
@@ -191,11 +191,7 @@ describe('<Form/>', () => {
     };
 
     const validateSubmitCall = (formData: any) => {
-      expect(onSubmit).toHaveBeenCalledWith(
-        formData,
-        expect.any(Function),
-        expect.any(Function)
-      );
+      expect(onSubmit).toHaveBeenCalledWith(formData);
     };
 
     beforeEach(() => {

test/FormsyCheckbox.spec.tsx

@@ -31,7 +31,9 @@ describe('<Checkbox/>', () => {
 
   beforeEach(() => {
     onSubmitSpy = jest.fn();
-    wrapper = render(<TestForm onSubmit={onSubmitSpy} />);
+    wrapper = render(
+      <TestForm onSubmit={(model: any) => onSubmitSpy(model)} />
+    );
     checkbox = wrapper.getByRole('checkbox');
   });
 
@@ -59,26 +61,21 @@ describe('<Checkbox/>', () => {
   it('should set a boolean value on checkbox without value / defaultChecked', () => {
     submitForm();
 
-    expect(onSubmitSpy).toHaveBeenCalledWith(
-      { testInput: false },
-      expect.any(Function),
-      expect.any(Function)
-    );
+    expect(onSubmitSpy).toHaveBeenCalledWith({ testInput: false });
   });
 
   it('should use defaultChecked as initial value', () => {
     const spy = jest.fn();
     const defaultChecked = true;
     wrapper = render(
-      <TestForm defaultChecked={defaultChecked} onSubmit={spy} />
+      <TestForm
+        defaultChecked={defaultChecked}
+        onSubmit={(model: any) => spy(model)}
+      />
     );
     submitForm();
 
-    expect(spy).toHaveBeenCalledWith(
-      { testInput: defaultChecked },
-      expect.any(Function),
-      expect.any(Function)
-    );
+    expect(spy).toHaveBeenCalledWith({ testInput: defaultChecked });
   });
 
   describe('When value is invalid', () => {