michaeldzjap
diff --git a/‎.babelrc‎
Lines changed: 0 additions & 16 deletions b/‎.babelrc‎
Lines changed: 0 additions & 16 deletions
diff --git a/‎.eslintrc.json‎
Lines changed: 3 additions & 5 deletions b/‎.eslintrc.json‎
Lines changed: 3 additions & 5 deletions
diff --git a/‎LICENSE‎
Lines changed: 1 addition & 1 deletion b/‎LICENSE‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎README.md‎
Lines changed: 2 additions & 4 deletions b/‎README.md‎
Lines changed: 2 additions & 4 deletions
diff --git a/‎__tests__/SignaturePad.test.js‎ renamed to ‎__tests__/SignaturePad.test.tsx‎
Lines changed: 2 additions & 16 deletions b/‎__tests__/SignaturePad.test.js‎ renamed to ‎__tests__/SignaturePad.test.tsx‎
Lines changed: 2 additions & 16 deletions
diff --git a/‎__tests__/config.js‎ renamed to ‎__tests__/config.ts‎ b/‎__tests__/config.js‎ renamed to ‎__tests__/config.ts‎
diff --git a/‎__tests__/helpers/resizeWindow.js‎
Lines changed: 0 additions & 16 deletions b/‎__tests__/helpers/resizeWindow.js‎
Lines changed: 0 additions & 16 deletions
diff --git a/‎__tests__/helpers/resizeWindow.ts‎
Lines changed: 21 additions & 0 deletions b/‎__tests__/helpers/resizeWindow.ts‎
Lines changed: 21 additions & 0 deletions
diff --git a/‎__tests__/helpers/signature.js‎ renamed to ‎__tests__/helpers/signature.ts‎ b/‎__tests__/helpers/signature.js‎ renamed to ‎__tests__/helpers/signature.ts‎
diff --git a/‎__tests__/shim.js‎ renamed to ‎__tests__/shim.ts‎ b/‎__tests__/shim.js‎ renamed to ‎__tests__/shim.ts‎
@@ -11,19 +11,16 @@
       "version": "detect"
     }
   },
-  "parser": "@babel/eslint-parser",
+  "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaVersion": 12,
     "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
-    },
-    "requireConfigFile": false,
-    "babelOptions": {
-      "presets": ["@babel/preset-react"]
     }
   },
   "plugins": [
+    "@typescript-eslint",
     "import",
     "react",
     "jest"
@@ -33,6 +30,7 @@
     "plugin:react/recommended",
     "plugin:jest/recommended",
     "plugin:eslint-comments/recommended",
+    "plugin:@typescript-eslint/recommended",
     "plugin:prettier/recommended"
   ],
   "rules": {
 
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Michael Dzjaparidze
+Copyright (c) 2021 Michael Dzjaparidze
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 
@@ -11,8 +11,6 @@
 # react-signature-pad-wrapper
 A React wrapper for [signature pad](https://github.com/szimek/signature_pad).
 
-There are some other React packages that are based off the original *signature_pad* plugin (e.g. [react-signature-pad](https://github.com/blackjk3/react-signature-pad), [react-signature-canvas](https://github.com/agilgur5/react-signature-canvas)). This package is different in the sense that it relies on *signature_pad* as a dependency rather than an implementation that is based off of it (like the aforementioned packages).
-
 ## Installation
 This package is available through npm:
 ```
@@ -40,7 +38,7 @@ or they can be set during runtime:
 ```javascript
 ...
 render() {
-  return <SignaturePad ref={ref => this.signaturePad = ref} />;
+  return <SignaturePad ref={this.signaturePadRef} />;
 }
 ...
 ```
@@ -80,7 +78,7 @@ If you'd like to keep what is currently drawn on the canvas you can pass a `redr
 ```javascript
 ...
 render() {
-  return <SignaturePad redrawOnResize={true} />;
+  return <SignaturePad redrawOnResize />;
 }
 ...
 ```
 
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { mount } from 'enzyme';
 
 import './helpers/resizeWindow';
@@ -7,7 +7,7 @@ import SignaturePad from '../src/SignaturePad';
 
 describe('Component', () => {
     describe('SignaturePad', () => {
-        const signaturePad = mount(<SignaturePad />);
+        const signaturePad = mount<SignaturePad>(<SignaturePad />);
         const instance = signaturePad.instance();
 
         it('renders the component', () => {
@@ -31,19 +31,5 @@ describe('Component', () => {
             instance.clear();
             expect(instance.isEmpty()).toBeTruthy();
         });
-
-        it('fails to assign an invalid value to the onBegin option', () => {
-            // eslint-disable-next-line require-jsdoc
-            const fn = () => (instance.onBegin = 100);
-
-            expect(fn).toThrow('Invalid argument passed to onBegin()');
-        });
-
-        it('fails to assign an invalid value to the onEnd option', () => {
-            // eslint-disable-next-line require-jsdoc
-            const fn = () => (instance.onEnd = 'a');
-
-            expect(fn).toThrow('Invalid argument passed to onEnd()');
-        });
     });
 });
@@ -0,0 +1,21 @@
+import { JSDOM } from 'jsdom';
+
+export interface Global {
+    document: Document;
+    window: Window;
+}
+
+declare const global: Global;
+
+const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');
+
+global.document = dom.window.document;
+if (global.document.defaultView) {
+    global.window = global.document.defaultView;
+}
+
+global.window.resizeTo = (width, height) => {
+    global.window = Object.assign(window, { innerWidth: width || global.window.innerWidth });
+    global.window = Object.assign({ innerHeight: height || global.window.innerHeight });
+    global.window.dispatchEvent(new Event('resize'));
+};