Import jquery instead of accessing from window

WordPress · Apr 14, 2021 · 4d591c5 · 4d591c5
1 parent 0c42b1a
commit 4d591c5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/block-library/package.json b/packages/block-library/package.json
@@ -58,6 +58,7 @@
 		"@wordpress/viewport": "file:../viewport",
 		"classnames": "^2.2.5",
 		"fast-average-color": "4.3.0",
+		"jquery": "^3.5.1",
 		"lodash": "^4.17.19",
 		"memize": "^1.1.0",
 		"moment": "^2.22.1",

diff --git a/packages/block-library/src/legacy-widget/edit/form.js b/packages/block-library/src/legacy-widget/edit/form.js
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { debounce } from 'lodash';
+import $ from 'jquery';
 
 /**
  * WordPress dependencies
@@ -20,8 +21,6 @@ import apiFetch from '@wordpress/api-fetch';
 import { Button } from '@wordpress/components';
 import { useInstanceId } from '@wordpress/compose';
 
-const $ = window.jQuery;
-
 export default function Form( { id, idBase, instance, setInstance } ) {
 	const { html, setFormData } = useForm( {
 		id,