Replacing deprecated initCustomEvent() with modern method

weaverryan · weaverryan · commit d1a53fd8d6cb · 2021-12-03T16:29:09.000-05:00
diff --git a/src/Chartjs/Resources/assets/dist/controller.js b/src/Chartjs/Resources/assets/dist/controller.js
@@ -1,16 +1,12 @@
 import { Controller } from '@hotwired/stimulus';
 import { Chart } from 'chart.js';
 
-class controller extends Controller {
+class default_1 extends Controller {
     connect() {
         if (!(this.element instanceof HTMLCanvasElement)) {
             throw new Error('Invalid element');
         }
-        const viewData = this.element.getAttribute('data-view');
-        if (!viewData) {
-            throw new Error('Missing data-view attribute.');
-        }
-        const payload = JSON.parse(viewData);
+        const payload = this.viewValue;
         if (Array.isArray(payload.options) && 0 === payload.options.length) {
             payload.options = {};
         }
@@ -22,11 +18,15 @@ class controller extends Controller {
         const chart = new Chart(canvasContext, payload);
         this._dispatchEvent('chartjs:connect', { chart });
     }
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name, payload) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
         this.element.dispatchEvent(userEvent);
     }
 }
+default_1.values = {
+    view: Object,
+};
 
-export { controller as default };
+export { default_1 as default };
diff --git a/src/Chartjs/Resources/assets/src/controller.ts b/src/Chartjs/Resources/assets/src/controller.ts
@@ -38,9 +38,10 @@ export default class extends Controller {
         this._dispatchEvent('chartjs:connect', { chart });
     }
 
-    _dispatchEvent(name: string, payload: any = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name: string, payload: any) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
 
         this.element.dispatchEvent(userEvent);
     }
diff --git a/src/Cropperjs/Resources/assets/dist/controller.js b/src/Cropperjs/Resources/assets/dist/controller.js
@@ -51,9 +51,10 @@ class controller extends Controller {
         });
         this._dispatchEvent('cropperjs:connect', { cropper, options, img });
     }
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name, payload) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
         this.element.dispatchEvent(userEvent);
     }
 }
diff --git a/src/Cropperjs/Resources/assets/src/controller.ts b/src/Cropperjs/Resources/assets/src/controller.ts
@@ -72,9 +72,10 @@ export default class extends Controller {
         this._dispatchEvent('cropperjs:connect', { cropper, options, img });
     }
 
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name: string, payload: any) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
 
         this.element.dispatchEvent(userEvent);
     }
diff --git a/src/Dropzone/Resources/assets/dist/controller.js b/src/Dropzone/Resources/assets/dist/controller.js
@@ -43,9 +43,10 @@ class default_1 extends Controller {
         });
         reader.readAsDataURL(file);
     }
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name, payload) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
         this.element.dispatchEvent(userEvent);
     }
 }
diff --git a/src/Dropzone/Resources/assets/src/controller.ts b/src/Dropzone/Resources/assets/src/controller.ts
@@ -78,9 +78,10 @@ export default class extends Controller {
         reader.readAsDataURL(file);
     }
 
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name: string, payload: any) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
 
         this.element.dispatchEvent(userEvent);
     }
diff --git a/src/LazyImage/Resources/assets/dist/controller.js b/src/LazyImage/Resources/assets/dist/controller.js
@@ -16,9 +16,10 @@ class controller extends Controller {
         }
         this._dispatchEvent('lazy-image:connect', { hd });
     }
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name, payload) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
         this.element.dispatchEvent(userEvent);
     }
 }
diff --git a/src/LazyImage/Resources/assets/src/controller.ts b/src/LazyImage/Resources/assets/src/controller.ts
@@ -31,9 +31,10 @@ export default class extends Controller {
         this._dispatchEvent('lazy-image:connect', { hd });
     }
 
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name: string, payload: any) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
 
         this.element.dispatchEvent(userEvent);
     }
diff --git a/src/Swup/Resources/assets/dist/controller.js b/src/Swup/Resources/assets/dist/controller.js
@@ -31,9 +31,10 @@ class controller extends Controller {
         const swup = new Swup(options);
         this._dispatchEvent('swup:connect', { swup, options });
     }
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name, payload) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
         this.element.dispatchEvent(userEvent);
     }
 }
diff --git a/src/Swup/Resources/assets/src/controller.ts b/src/Swup/Resources/assets/src/controller.ts
@@ -49,9 +49,10 @@ export default class extends Controller {
         this._dispatchEvent('swup:connect', { swup, options });
     }
 
-    _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {
-        const userEvent = document.createEvent('CustomEvent');
-        userEvent.initCustomEvent(name, canBubble, cancelable, payload);
+    _dispatchEvent(name: string, payload: any) {
+        const userEvent = new CustomEvent(name, {
+            detail: payload,
+        });
 
         this.element.dispatchEvent(userEvent);
     }

Original file line number	Diff line number	Diff line change
`@@ -38,9 +38,10 @@ export default class extends Controller {`
`38`	`38`	`this._dispatchEvent('chartjs:connect', { chart });`
`39`	`39`	`}`
`40`	`40`
`41`		`- _dispatchEvent(name: string, payload: any = null, canBubble = false, cancelable = false) {`
`42`		`- const userEvent = document.createEvent('CustomEvent');`
`43`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`41`	`+ _dispatchEvent(name: string, payload: any) {`
	`42`	`+ const userEvent = new CustomEvent(name, {`
	`43`	`+ detail: payload,`
	`44`	`+ });`
`44`	`45`
`45`	`46`	`this.element.dispatchEvent(userEvent);`
`46`	`47`	`}`
Original file line number	Diff line number	Diff line change
`@@ -51,9 +51,10 @@ class controller extends Controller {`
`51`	`51`	`});`
`52`	`52`	`this._dispatchEvent('cropperjs:connect', { cropper, options, img });`
`53`	`53`	`}`
`54`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`55`		`- const userEvent = document.createEvent('CustomEvent');`
`56`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`54`	`+ _dispatchEvent(name, payload) {`
	`55`	`+ const userEvent = new CustomEvent(name, {`
	`56`	`+ detail: payload,`
	`57`	`+ });`
`57`	`58`	`this.element.dispatchEvent(userEvent);`
`58`	`59`	`}`
`59`	`60`	`}`
Original file line number	Diff line number	Diff line change
`@@ -72,9 +72,10 @@ export default class extends Controller {`
`72`	`72`	`this._dispatchEvent('cropperjs:connect', { cropper, options, img });`
`73`	`73`	`}`
`74`	`74`
`75`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`76`		`- const userEvent = document.createEvent('CustomEvent');`
`77`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`75`	`+ _dispatchEvent(name: string, payload: any) {`
	`76`	`+ const userEvent = new CustomEvent(name, {`
	`77`	`+ detail: payload,`
	`78`	`+ });`
`78`	`79`
`79`	`80`	`this.element.dispatchEvent(userEvent);`
`80`	`81`	`}`
Original file line number	Diff line number	Diff line change
`@@ -43,9 +43,10 @@ class default_1 extends Controller {`
`43`	`43`	`});`
`44`	`44`	`reader.readAsDataURL(file);`
`45`	`45`	`}`
`46`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`47`		`- const userEvent = document.createEvent('CustomEvent');`
`48`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`46`	`+ _dispatchEvent(name, payload) {`
	`47`	`+ const userEvent = new CustomEvent(name, {`
	`48`	`+ detail: payload,`
	`49`	`+ });`
`49`	`50`	`this.element.dispatchEvent(userEvent);`
`50`	`51`	`}`
`51`	`52`	`}`
Original file line number	Diff line number	Diff line change
`@@ -78,9 +78,10 @@ export default class extends Controller {`
`78`	`78`	`reader.readAsDataURL(file);`
`79`	`79`	`}`
`80`	`80`
`81`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`82`		`- const userEvent = document.createEvent('CustomEvent');`
`83`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`81`	`+ _dispatchEvent(name: string, payload: any) {`
	`82`	`+ const userEvent = new CustomEvent(name, {`
	`83`	`+ detail: payload,`
	`84`	`+ });`
`84`	`85`
`85`	`86`	`this.element.dispatchEvent(userEvent);`
`86`	`87`	`}`
Original file line number	Diff line number	Diff line change
`@@ -16,9 +16,10 @@ class controller extends Controller {`
`16`	`16`	`}`
`17`	`17`	`this._dispatchEvent('lazy-image:connect', { hd });`
`18`	`18`	`}`
`19`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`20`		`- const userEvent = document.createEvent('CustomEvent');`
`21`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`19`	`+ _dispatchEvent(name, payload) {`
	`20`	`+ const userEvent = new CustomEvent(name, {`
	`21`	`+ detail: payload,`
	`22`	`+ });`
`22`	`23`	`this.element.dispatchEvent(userEvent);`
`23`	`24`	`}`
`24`	`25`	`}`
Original file line number	Diff line number	Diff line change
`@@ -31,9 +31,10 @@ export default class extends Controller {`
`31`	`31`	`this._dispatchEvent('lazy-image:connect', { hd });`
`32`	`32`	`}`
`33`	`33`
`34`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`35`		`- const userEvent = document.createEvent('CustomEvent');`
`36`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`34`	`+ _dispatchEvent(name: string, payload: any) {`
	`35`	`+ const userEvent = new CustomEvent(name, {`
	`36`	`+ detail: payload,`
	`37`	`+ });`
`37`	`38`
`38`	`39`	`this.element.dispatchEvent(userEvent);`
`39`	`40`	`}`
Original file line number	Diff line number	Diff line change
`@@ -31,9 +31,10 @@ class controller extends Controller {`
`31`	`31`	`const swup = new Swup(options);`
`32`	`32`	`this._dispatchEvent('swup:connect', { swup, options });`
`33`	`33`	`}`
`34`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`35`		`- const userEvent = document.createEvent('CustomEvent');`
`36`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`34`	`+ _dispatchEvent(name, payload) {`
	`35`	`+ const userEvent = new CustomEvent(name, {`
	`36`	`+ detail: payload,`
	`37`	`+ });`
`37`	`38`	`this.element.dispatchEvent(userEvent);`
`38`	`39`	`}`
`39`	`40`	`}`
Original file line number	Diff line number	Diff line change
`@@ -49,9 +49,10 @@ export default class extends Controller {`
`49`	`49`	`this._dispatchEvent('swup:connect', { swup, options });`
`50`	`50`	`}`
`51`	`51`
`52`		`- _dispatchEvent(name, payload = null, canBubble = false, cancelable = false) {`
`53`		`- const userEvent = document.createEvent('CustomEvent');`
`54`		`- userEvent.initCustomEvent(name, canBubble, cancelable, payload);`
	`52`	`+ _dispatchEvent(name: string, payload: any) {`
	`53`	`+ const userEvent = new CustomEvent(name, {`
	`54`	`+ detail: payload,`
	`55`	`+ });`
`55`	`56`
`56`	`57`	`this.element.dispatchEvent(userEvent);`
`57`	`58`	`}`