@wordpress/block-editor 8.2.0 → 8.3.0

package/src/utils/test/pasting.js

@@ -0,0 +1,84 @@
+/**
+ * Internal dependencies
+ */
+import { shouldDismissPastedFiles } from '../pasting';
+
+const mocks = {
+	pngImageFile: { type: 'image/png' },
+	jpgImageFile: { type: 'image/jpg' },
+	documentFile: { type: 'application/zip' },
+};
+
+describe( 'shouldDismissPastedFiles', () => {
+	it( 'should return false when no HTML is present', () => {
+		expect(
+			shouldDismissPastedFiles( [ mocks.pngImageFile ], '', '' )
+		).toBe( false );
+	} );
+	it( 'should return false when file is not an image', () => {
+		expect(
+			shouldDismissPastedFiles( [ mocks.documentFile ], '', '' )
+		).toBe( false );
+	} );
+	it( 'should return false when multiple images are present', () => {
+		expect(
+			shouldDismissPastedFiles(
+				[ mocks.pngImageFile, mocks.jpgImageFile ],
+				'',
+				''
+			)
+		).toBe( false );
+	} );
+	it( 'should return false when the HTML contains a single image', () => {
+		expect(
+			shouldDismissPastedFiles(
+				[ mocks.pngImageFile ],
+				'<img src="path.png">',
+				''
+			)
+		).toBe( false );
+	} );
+	it( 'should return true when the HTML contains more than one image', () => {
+		expect(
+			shouldDismissPastedFiles(
+				[ mocks.pngImageFile ],
+				'<img src="1.png"><br><img src="2.png">',
+				''
+			)
+		).toBe( true );
+	} );
+
+	/*
+	 * REAL-WORLD SCENARIOS
+	 */
+
+	it( 'should return false when pasting an image from Google Photos', () => {
+		expect(
+			shouldDismissPastedFiles(
+				[ mocks.pngImageFile ],
+				'<img src="https://lh3.googleusercontent.com/ab/SOMESTRING?authuser=0">',
+				'https://lh3.googleusercontent.com/ab/SOMESTRING?authuser=0'
+			)
+		).toBe( false );
+	} );
+
+	it( 'should return false when pasting an image from Apple Numbers', () => {
+		expect(
+			shouldDismissPastedFiles(
+				[ mocks.pngImageFile ],
+				'<figure><img src="blob:..."></figure>',
+				''
+			)
+		).toBe( false );
+	} );
+
+	it( 'should return true when pasting a table from Apple Numbers', () => {
+		expect(
+			shouldDismissPastedFiles(
+				[ mocks.pngImageFile ],
+				'<meta charset="UTF-8"><table>Some table text</table>',
+				'Some table text'
+			)
+		).toBe( true );
+	} );
+} );

package/src/utils/transform-styles/ast/parse.js

@@ -240,7 +240,7 @@ export default function ( css, options ) {
 	function declaration() {
 		const pos = position();
 
-		// prop
+		// prop.
 		let prop = match( /^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/ );
 		if ( ! prop ) {
 			return;
@@ -252,7 +252,7 @@ export default function ( css, options ) {
 			return error( "property missing ':'" );
 		}
 
-		// val
+		// val.
 		const val = match(
 			/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/
 		);
@@ -281,7 +281,7 @@ export default function ( css, options ) {
 		}
 		comments( decls );
 
-		// declarations
+		// declarations.
 		let decl;
 		// eslint-disable-next-line no-cond-assign
 		while ( ( decl = declaration() ) ) {
@@ -491,7 +491,7 @@ export default function ( css, options ) {
 		}
 		let decls = comments();
 
-		// declarations
+		// declarations.
 		let decl;
 		// eslint-disable-next-line no-cond-assign
 		while ( ( decl = declaration() ) ) {
@@ -558,7 +558,7 @@ export default function ( css, options ) {
 		}
 		let decls = comments();
 
-		// declarations
+		// declarations.
 		let decl;
 		// eslint-disable-next-line no-cond-assign
 		while ( ( decl = declaration() ) ) {

package/src/utils/transform-styles/transforms/url-rewrite.js

@@ -28,7 +28,7 @@ function isAbsolutePath( filePath ) {
  * @return {boolean} is valid.
  */
 function isValidURL( meta ) {
-	// ignore hashes or data uris
+	// Ignore hashes or data uris.
 	if (
 		meta.value.indexOf( 'data:' ) === 0 ||
 		meta.value.indexOf( '#' ) === 0
@@ -40,7 +40,7 @@ function isValidURL( meta ) {
 		return false;
 	}
 
-	// do not handle the http/https urls if `includeRemote` is false
+	// Do not handle the http/https urls if `includeRemote` is false.
 	if ( isRemotePath( meta.value ) ) {
 		return false;
 	}

package/build/utils/get-paste-event-data.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPasteEventData = getPasteEventData;
-
-var _blob = require("@wordpress/blob");
-
-var _dom = require("@wordpress/dom");
-
-/**
- * WordPress dependencies
- */
-function getPasteEventData(_ref) {
-  let {
-    clipboardData
-  } = _ref;
-  let plainText = '';
-  let html = ''; // IE11 only supports `Text` as an argument for `getData` and will
-  // otherwise throw an invalid argument error, so we try the standard
-  // arguments first, then fallback to `Text` if they fail.
-
-  try {
-    plainText = clipboardData.getData('text/plain');
-    html = clipboardData.getData('text/html');
-  } catch (error1) {
-    try {
-      html = clipboardData.getData('Text');
-    } catch (error2) {
-      // Some browsers like UC Browser paste plain text by default and
-      // don't support clipboardData at all, so allow default
-      // behaviour.
-      return;
-    }
-  }
-
-  const files = (0, _dom.getFilesFromDataTransfer)(clipboardData).filter(_ref2 => {
-    let {
-      type
-    } = _ref2;
-    return /^image\/(?:jpe?g|png|gif|webp)$/.test(type);
-  }); // Only process files if no HTML is present.
-  // A pasted file may have the URL as plain text.
-
-  if (files.length && !html) {
-    html = files.map(file => `<img src="${(0, _blob.createBlobURL)(file)}">`).join('');
-    plainText = '';
-  }
-
-  return {
-    html,
-    plainText
-  };
-}
-//# sourceMappingURL=get-paste-event-data.js.map

package/build/utils/get-paste-event-data.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/utils/get-paste-event-data.js"],"names":["getPasteEventData","clipboardData","plainText","html","getData","error1","error2","files","filter","type","test","length","map","file","join"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIO,SAASA,iBAAT,OAAgD;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AACtD,MAAIC,SAAS,GAAG,EAAhB;AACA,MAAIC,IAAI,GAAG,EAAX,CAFsD,CAItD;AACA;AACA;;AACA,MAAI;AACHD,IAAAA,SAAS,GAAGD,aAAa,CAACG,OAAd,CAAuB,YAAvB,CAAZ;AACAD,IAAAA,IAAI,GAAGF,aAAa,CAACG,OAAd,CAAuB,WAAvB,CAAP;AACA,GAHD,CAGE,OAAQC,MAAR,EAAiB;AAClB,QAAI;AACHF,MAAAA,IAAI,GAAGF,aAAa,CAACG,OAAd,CAAuB,MAAvB,CAAP;AACA,KAFD,CAEE,OAAQE,MAAR,EAAiB;AAClB;AACA;AACA;AACA;AACA;AACD;;AAED,QAAMC,KAAK,GAAG,mCACbN,aADa,EAEZO,MAFY,CAEJ;AAAA,QAAE;AAAEC,MAAAA;AAAF,KAAF;AAAA,WAAgB,kCAAkCC,IAAlC,CAAwCD,IAAxC,CAAhB;AAAA,GAFI,CAAd,CArBsD,CAyBtD;AACA;;AACA,MAAKF,KAAK,CAACI,MAAN,IAAgB,CAAER,IAAvB,EAA8B;AAC7BA,IAAAA,IAAI,GAAGI,KAAK,CACVK,GADK,CACEC,IAAF,IAAa,aAAa,yBAAeA,IAAf,CAAuB,IADjD,EAELC,IAFK,CAEC,EAFD,CAAP;AAGAZ,IAAAA,SAAS,GAAG,EAAZ;AACA;;AAED,SAAO;AAAEC,IAAAA,IAAF;AAAQD,IAAAA;AAAR,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlobURL } from '@wordpress/blob';\nimport { getFilesFromDataTransfer } from '@wordpress/dom';\n\nexport function getPasteEventData( { clipboardData } ) {\n\tlet plainText = '';\n\tlet html = '';\n\n\t// IE11 only supports `Text` as an argument for `getData` and will\n\t// otherwise throw an invalid argument error, so we try the standard\n\t// arguments first, then fallback to `Text` if they fail.\n\ttry {\n\t\tplainText = clipboardData.getData( 'text/plain' );\n\t\thtml = clipboardData.getData( 'text/html' );\n\t} catch ( error1 ) {\n\t\ttry {\n\t\t\thtml = clipboardData.getData( 'Text' );\n\t\t} catch ( error2 ) {\n\t\t\t// Some browsers like UC Browser paste plain text by default and\n\t\t\t// don't support clipboardData at all, so allow default\n\t\t\t// behaviour.\n\t\t\treturn;\n\t\t}\n\t}\n\n\tconst files = getFilesFromDataTransfer(\n\t\tclipboardData\n\t).filter( ( { type } ) => /^image\\/(?:jpe?g|png|gif|webp)$/.test( type ) );\n\n\t// Only process files if no HTML is present.\n\t// A pasted file may have the URL as plain text.\n\tif ( files.length && ! html ) {\n\t\thtml = files\n\t\t\t.map( ( file ) => `<img src=\"${ createBlobURL( file ) }\">` )\n\t\t\t.join( '' );\n\t\tplainText = '';\n\t}\n\n\treturn { html, plainText };\n}\n"]}

package/build-module/utils/get-paste-event-data.js

@@ -1,47 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createBlobURL } from '@wordpress/blob';
-import { getFilesFromDataTransfer } from '@wordpress/dom';
-export function getPasteEventData(_ref) {
-  let {
-    clipboardData
-  } = _ref;
-  let plainText = '';
-  let html = ''; // IE11 only supports `Text` as an argument for `getData` and will
-  // otherwise throw an invalid argument error, so we try the standard
-  // arguments first, then fallback to `Text` if they fail.
-
-  try {
-    plainText = clipboardData.getData('text/plain');
-    html = clipboardData.getData('text/html');
-  } catch (error1) {
-    try {
-      html = clipboardData.getData('Text');
-    } catch (error2) {
-      // Some browsers like UC Browser paste plain text by default and
-      // don't support clipboardData at all, so allow default
-      // behaviour.
-      return;
-    }
-  }
-
-  const files = getFilesFromDataTransfer(clipboardData).filter(_ref2 => {
-    let {
-      type
-    } = _ref2;
-    return /^image\/(?:jpe?g|png|gif|webp)$/.test(type);
-  }); // Only process files if no HTML is present.
-  // A pasted file may have the URL as plain text.
-
-  if (files.length && !html) {
-    html = files.map(file => `<img src="${createBlobURL(file)}">`).join('');
-    plainText = '';
-  }
-
-  return {
-    html,
-    plainText
-  };
-}
-//# sourceMappingURL=get-paste-event-data.js.map

package/build-module/utils/get-paste-event-data.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/utils/get-paste-event-data.js"],"names":["createBlobURL","getFilesFromDataTransfer","getPasteEventData","clipboardData","plainText","html","getData","error1","error2","files","filter","type","test","length","map","file","join"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,iBAA9B;AACA,SAASC,wBAAT,QAAyC,gBAAzC;AAEA,OAAO,SAASC,iBAAT,OAAgD;AAAA,MAApB;AAAEC,IAAAA;AAAF,GAAoB;AACtD,MAAIC,SAAS,GAAG,EAAhB;AACA,MAAIC,IAAI,GAAG,EAAX,CAFsD,CAItD;AACA;AACA;;AACA,MAAI;AACHD,IAAAA,SAAS,GAAGD,aAAa,CAACG,OAAd,CAAuB,YAAvB,CAAZ;AACAD,IAAAA,IAAI,GAAGF,aAAa,CAACG,OAAd,CAAuB,WAAvB,CAAP;AACA,GAHD,CAGE,OAAQC,MAAR,EAAiB;AAClB,QAAI;AACHF,MAAAA,IAAI,GAAGF,aAAa,CAACG,OAAd,CAAuB,MAAvB,CAAP;AACA,KAFD,CAEE,OAAQE,MAAR,EAAiB;AAClB;AACA;AACA;AACA;AACA;AACD;;AAED,QAAMC,KAAK,GAAGR,wBAAwB,CACrCE,aADqC,CAAxB,CAEZO,MAFY,CAEJ;AAAA,QAAE;AAAEC,MAAAA;AAAF,KAAF;AAAA,WAAgB,kCAAkCC,IAAlC,CAAwCD,IAAxC,CAAhB;AAAA,GAFI,CAAd,CArBsD,CAyBtD;AACA;;AACA,MAAKF,KAAK,CAACI,MAAN,IAAgB,CAAER,IAAvB,EAA8B;AAC7BA,IAAAA,IAAI,GAAGI,KAAK,CACVK,GADK,CACEC,IAAF,IAAa,aAAaf,aAAa,CAAEe,IAAF,CAAU,IADjD,EAELC,IAFK,CAEC,EAFD,CAAP;AAGAZ,IAAAA,SAAS,GAAG,EAAZ;AACA;;AAED,SAAO;AAAEC,IAAAA,IAAF;AAAQD,IAAAA;AAAR,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlobURL } from '@wordpress/blob';\nimport { getFilesFromDataTransfer } from '@wordpress/dom';\n\nexport function getPasteEventData( { clipboardData } ) {\n\tlet plainText = '';\n\tlet html = '';\n\n\t// IE11 only supports `Text` as an argument for `getData` and will\n\t// otherwise throw an invalid argument error, so we try the standard\n\t// arguments first, then fallback to `Text` if they fail.\n\ttry {\n\t\tplainText = clipboardData.getData( 'text/plain' );\n\t\thtml = clipboardData.getData( 'text/html' );\n\t} catch ( error1 ) {\n\t\ttry {\n\t\t\thtml = clipboardData.getData( 'Text' );\n\t\t} catch ( error2 ) {\n\t\t\t// Some browsers like UC Browser paste plain text by default and\n\t\t\t// don't support clipboardData at all, so allow default\n\t\t\t// behaviour.\n\t\t\treturn;\n\t\t}\n\t}\n\n\tconst files = getFilesFromDataTransfer(\n\t\tclipboardData\n\t).filter( ( { type } ) => /^image\\/(?:jpe?g|png|gif|webp)$/.test( type ) );\n\n\t// Only process files if no HTML is present.\n\t// A pasted file may have the URL as plain text.\n\tif ( files.length && ! html ) {\n\t\thtml = files\n\t\t\t.map( ( file ) => `<img src=\"${ createBlobURL( file ) }\">` )\n\t\t\t.join( '' );\n\t\tplainText = '';\n\t}\n\n\treturn { html, plainText };\n}\n"]}

package/src/utils/get-paste-event-data.js

@@ -1,42 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createBlobURL } from '@wordpress/blob';
-import { getFilesFromDataTransfer } from '@wordpress/dom';
-
-export function getPasteEventData( { clipboardData } ) {
-	let plainText = '';
-	let html = '';
-
-	// IE11 only supports `Text` as an argument for `getData` and will
-	// otherwise throw an invalid argument error, so we try the standard
-	// arguments first, then fallback to `Text` if they fail.
-	try {
-		plainText = clipboardData.getData( 'text/plain' );
-		html = clipboardData.getData( 'text/html' );
-	} catch ( error1 ) {
-		try {
-			html = clipboardData.getData( 'Text' );
-		} catch ( error2 ) {
-			// Some browsers like UC Browser paste plain text by default and
-			// don't support clipboardData at all, so allow default
-			// behaviour.
-			return;
-		}
-	}
-
-	const files = getFilesFromDataTransfer(
-		clipboardData
-	).filter( ( { type } ) => /^image\/(?:jpe?g|png|gif|webp)$/.test( type ) );
-
-	// Only process files if no HTML is present.
-	// A pasted file may have the URL as plain text.
-	if ( files.length && ! html ) {
-		html = files
-			.map( ( file ) => `<img src="${ createBlobURL( file ) }">` )
-			.join( '' );
-		plainText = '';
-	}
-
-	return { html, plainText };
-}