chore: update to latest version, fix event bindings

Author: r0b1n

packages/customWidgets/signature-web/package.json

@@ -37,7 +37,7 @@
     },
     "dependencies": {
         "classnames": "^2.5.1",
-        "signature_pad": "4.0.0"
+        "signature_pad": "5.1.3"
     },
     "devDependencies": {
         "@mendix/automation-utils": "workspace:*",

packages/customWidgets/signature-web/src/components/Signature.tsx

@@ -57,16 +57,19 @@ export class Signature extends PureComponent<SignatureProps> {
         if (this.canvasNode) {
             this.signaturePad = new SignaturePad(this.canvasNode, {
                 penColor: this.props.penColor,
-                // @ts-expect-error // looks like this never worked, there is no onEnd in SignaturePad code
-                onEnd: this.handleSignEnd,
                 ...this.signaturePadOptions()
             });
+            this.signaturePad.addEventListener("endStroke", this.handleSignEnd);
             if (this.props.readOnly) {
                 this.signaturePad.off();
             }
         }
     }
 
+    componentWillUnmount(): void {
+        this.signaturePad?.removeEventListener("endStroked", this.handleSignEnd);
+    }
+
     UNSAFE_componentWillReceiveProps(nextProps: SignatureProps): void {
         if (this.signaturePad) {
             const { clearSignature, readOnly } = this.props;

packages/customWidgets/signature-web/tsconfig.json

@@ -4,7 +4,7 @@
         "outDir": "dist/tsc/",
         "noEmitOnError": true,
         "sourceMap": true,
-        "module": "CommonJS",
+        "module": "esnext",
         "target": "es5",
         "lib": ["es2015", "dom"],
         "moduleResolution": "node",