@wordpress/block-library 7.13.1-next.957ca95e4c.0 → 7.14.1

package/src/text-columns/index.js

@@ -1,6 +1,7 @@
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
@@ -21,3 +22,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/text-columns/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/text-columns/transforms.native.js

@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import webTransforms from './transforms.js';
-import transformationCategories from '../transformationCategories';
+import transformationCategories from '../utils/transformation-categories';
 
 const transforms = {
 	...webTransforms,

package/src/utils/init-block.js

@@ -0,0 +1,20 @@
+/**
+ * WordPress dependencies
+ */
+import { registerBlockType } from '@wordpress/blocks';
+
+/**
+ * Function to register an individual block.
+ *
+ * @param {Object} block The block to be registered.
+ *
+ * @return {?WPBlockType} The block, if it has been successfully registered;
+ *                        otherwise `undefined`.
+ */
+export default function initBlock( block ) {
+	if ( ! block ) {
+		return;
+	}
+	const { metadata, settings, name } = block;
+	return registerBlockType( { name, ...metadata }, settings );
+}

package/src/utils/init-block.native.js

@@ -0,0 +1,40 @@
+/**
+ * WordPress dependencies
+ */
+import { registerBlockType } from '@wordpress/blocks';
+
+const ALLOWED_BLOCKS_GRADIENT_SUPPORT = [ 'core/button' ];
+
+/**
+ * Function to register an individual block.
+ *
+ * @param {Object} block The block to be registered.
+ *
+ * @return {?WPBlockType} The block, if it has been successfully registered;
+ *                        otherwise `undefined`.
+ */
+export default function initBlock( block ) {
+	if ( ! block ) {
+		return;
+	}
+	const { metadata, settings, name } = block;
+	const { supports } = metadata;
+
+	return registerBlockType(
+		{
+			name,
+			...metadata,
+			// Gradients support only available for blocks listed in ALLOWED_BLOCKS_GRADIENT_SUPPORT.
+			...( ! ALLOWED_BLOCKS_GRADIENT_SUPPORT.includes( name ) &&
+			supports?.color?.gradients
+				? {
+						supports: {
+							...supports,
+							color: { ...supports.color, gradients: false },
+						},
+				  }
+				: {} ),
+		},
+		settings
+	);
+}

package/src/utils/migrate-font-family.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { cloneDeep } from 'lodash';
-
 /**
  * Internal dependencies
  */
@@ -21,17 +16,14 @@ export default function ( attributes ) {
 		return attributes;
 	}
 
-	// Clone first so when we delete the fontFamily
-	// below we're not modifying the original
-	// attributes. Because the deprecation may be discarded
-	// we don't want to alter the original attributes.
-	const atts = cloneDeep( attributes );
-	const fontFamily = atts.style.typography.fontFamily.split( '|' ).pop();
-	delete atts.style.typography.fontFamily;
-	atts.style = cleanEmptyObject( atts.style );
+	const { fontFamily, ...typography } = attributes.style.typography;
 
 	return {
-		...atts,
-		fontFamily,
+		...attributes,
+		style: cleanEmptyObject( {
+			...attributes.style,
+			typography,
+		} ),
+		fontFamily: fontFamily.split( '|' ).pop(),
 	};
 }

package/src/verse/index.js

@@ -7,6 +7,7 @@ import { verse as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
@@ -39,3 +40,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/verse/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/verse/transforms.native.js

@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import webTransforms from './transforms.js';
-import transformationCategories from '../transformationCategories';
+import transformationCategories from '../utils/transformation-categories';
 
 const transforms = {
 	...webTransforms,

package/src/video/block.json

@@ -17,7 +17,8 @@
 		"caption": {
 			"type": "string",
 			"source": "html",
-			"selector": "figcaption"
+			"selector": "figcaption",
+			"__experimentalRole": "content"
 		},
 		"controls": {
 			"type": "boolean",
@@ -27,7 +28,8 @@
 			"default": true
 		},
 		"id": {
-			"type": "number"
+			"type": "number",
+			"__experimentalRole": "content"
 		},
 		"loop": {
 			"type": "boolean",
@@ -58,7 +60,8 @@
 			"type": "string",
 			"source": "attribute",
 			"selector": "video",
-			"attribute": "src"
+			"attribute": "src",
+			"__experimentalRole": "content"
 		},
 		"playsInline": {
 			"type": "boolean",
@@ -67,6 +70,7 @@
 			"attribute": "playsinline"
 		},
 		"tracks": {
+			"__experimentalRole": "content",
 			"type": "array",
 			"items": {
 				"type": "object"
@@ -80,11 +84,6 @@
 		"spacing": {
 			"margin": true,
 			"padding": true
-		},
-		"__experimentalStyle": {
-			"spacing": {
-				"margin": "0 0 1em 0"
-			}
 		}
 	},
 	"editorStyle": "wp-block-video-editor",

package/src/video/edit.js

@@ -13,7 +13,6 @@ import {
 	Disabled,
 	PanelBody,
 	Spinner,
-	withNotices,
 } from '@wordpress/components';
 import {
 	BlockControls,
@@ -31,9 +30,10 @@ import {
 import { useRef, useEffect } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import { useInstanceId } from '@wordpress/compose';
-import { useSelect } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { video as icon } from '@wordpress/icons';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
+import { store as noticesStore } from '@wordpress/notices';
 
 /**
  * Internal dependencies
@@ -48,13 +48,11 @@ const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];
 
 function VideoEdit( {
 	isSelected,
-	noticeUI,
 	attributes,
 	className,
 	setAttributes,
 	insertBlocksAfter,
 	onReplace,
-	noticeOperations,
 } ) {
 	const instanceId = useInstanceId( VideoEdit );
 	const videoPlayer = useRef();
@@ -73,9 +71,7 @@ function VideoEdit( {
 				mediaUpload( {
 					filesList: [ file ],
 					onFileChange: ( [ media ] ) => onSelectVideo( media ),
-					onError: ( message ) => {
-						noticeOperations.createErrorNotice( message );
-					},
+					onError: onUploadError,
 					allowedTypes: ALLOWED_MEDIA_TYPES,
 				} );
 			}
@@ -126,9 +122,9 @@ function VideoEdit( {
 		}
 	}
 
+	const { createErrorNotice } = useDispatch( noticesStore );
 	function onUploadError( message ) {
-		noticeOperations.removeAllNotices();
-		noticeOperations.createErrorNotice( message );
+		createErrorNotice( message, { type: 'snackbar' } );
 	}
 
 	const classes = classnames( className, {
@@ -149,7 +145,6 @@ function VideoEdit( {
 					accept="video/*"
 					allowedTypes={ ALLOWED_MEDIA_TYPES }
 					value={ attributes }
-					notices={ noticeUI }
 					onError={ onUploadError }
 				/>
 			</div>
@@ -289,4 +284,4 @@ function VideoEdit( {
 	);
 }
 
-export default withNotices( VideoEdit );
+export default VideoEdit;

package/src/video/index.js

@@ -7,6 +7,7 @@ import { video as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
@@ -29,3 +30,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/video/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/video/theme.scss

@@ -1,3 +1,7 @@
 .wp-block-video figcaption {
 	@include caption-style-theme();
 }
+
+.wp-block-video {
+	margin: 0 0 1em 0;
+}

package/src/video/transforms.native.js

@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import webTransforms from './transforms.js';
-import transformationCategories from '../transformationCategories';
+import transformationCategories from '../utils/transformation-categories';
 
 const transforms = {
 	...webTransforms,

package/build/is-block-metadata-experimental.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/is-block-metadata-experimental.js"],"names":["module","exports","isBlockMetadataExperimental","metadata","__experimental"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAA,MAAM,CAACC,OAAP,GAAiB,SAASC,2BAAT,CAAsCC,QAAtC,EAAiD;AACjE,SACCA,QAAQ,IACR,oBAAoBA,QADpB,IAEAA,QAAQ,CAACC,cAAT,KAA4B,KAH7B;AAKA,CAND","sourcesContent":["/**\n * Checks if the block is experimental based on the metadata loaded\n * from block.json.\n *\n * This function is in a separate file and uses the older JS syntax so\n * that it can be imported in both:\n * – block-library/src/index.js\n * – block-library/src/babel-plugin.js\n *\n * @param {Object} metadata Parsed block.json metadata.\n * @return {boolean} Is the block experimental?\n */\nmodule.exports = function isBlockMetadataExperimental( metadata ) {\n\treturn (\n\t\tmetadata &&\n\t\t'__experimental' in metadata &&\n\t\tmetadata.__experimental !== false\n\t);\n};\n"]}

package/build/transformationCategories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/transformationCategories.native.js"],"names":["transformationCategories","richText","media","grouped","other","transformationCategory","blockName","found","Object","entries","find","value","includes","group"],"mappings":";;;;;;AAAA,MAAMA,wBAAwB,GAAG;AAChCC,EAAAA,QAAQ,EAAE,CACT,gBADS,EAET,cAFS,EAGT,WAHS,EAIT,YAJS,EAKT,gBALS,EAMT,mBANS,EAOT,YAPS,EAQT,gBARS,EAST,WATS,CADsB;AAYhCC,EAAAA,KAAK,EAAE,CACN,YADM,EAEN,YAFM,EAGN,cAHM,EAIN,YAJM,EAKN,WALM,EAMN,YANM,EAON,iBAPM,EAQN,YARM,CAZyB;AAsBhCC,EAAAA,OAAO,EAAE,CAAE,cAAF,EAAkB,YAAlB,EAAgC,mBAAhC,CAtBuB;AAuBhCC,EAAAA,KAAK,EAAE,CACN,WADM,EAEN,eAFM,EAGN,gBAHM,EAIN,aAJM,EAKN,mBALM,EAMN,cANM;AAvByB,CAAjC;;AAiCO,MAAMC,sBAAsB,GAAKC,SAAF,IAAiB;AACtD,QAAMC,KAAK,GAAGC,MAAM,CAACC,OAAP,CAAgBT,wBAAhB,EAA2CU,IAA3C,CACb;AAAA,QAAE,GAAIC,KAAJ,CAAF;AAAA,WAAmBA,KAAK,CAACC,QAAN,CAAgBN,SAAhB,CAAnB;AAAA,GADa,CAAd;;AAGA,MAAK,CAAEC,KAAP,EAAe;AACd,WAAO,EAAP;AACA;;AAED,QAAMM,KAAK,GAAGN,KAAK,CAAE,CAAF,CAAnB;AACA,SAAOP,wBAAwB,CAAEa,KAAF,CAA/B;AACA,CAVM;;;eAYQb,wB","sourcesContent":["const transformationCategories = {\n\trichText: [\n\t\t'core/paragraph',\n\t\t'core/heading',\n\t\t'core/list',\n\t\t'core/quote',\n\t\t'core/pullquote',\n\t\t'core/preformatted',\n\t\t'core/verse',\n\t\t'core/shortcode',\n\t\t'core/code',\n\t],\n\tmedia: [\n\t\t'core/image',\n\t\t'core/video',\n\t\t'core/gallery',\n\t\t'core/cover',\n\t\t'core/file',\n\t\t'core/audio',\n\t\t'core/media-text',\n\t\t'core/embed',\n\t],\n\tgrouped: [ 'core/columns', 'core/group', 'core/text-columns' ],\n\tother: [\n\t\t'core/more',\n\t\t'core/nextpage',\n\t\t'core/separator',\n\t\t'core/spacer',\n\t\t'core/latest-posts',\n\t\t'core/buttons',\n\t],\n};\n\nexport const transformationCategory = ( blockName ) => {\n\tconst found = Object.entries( transformationCategories ).find(\n\t\t( [ , value ] ) => value.includes( blockName )\n\t);\n\tif ( ! found ) {\n\t\treturn [];\n\t}\n\n\tconst group = found[ 0 ];\n\treturn transformationCategories[ group ];\n};\n\nexport default transformationCategories;\n"]}

package/build-module/is-block-metadata-experimental.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/is-block-metadata-experimental.js"],"names":["module","exports","isBlockMetadataExperimental","metadata","__experimental"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAA,MAAM,CAACC,OAAP,GAAiB,SAASC,2BAAT,CAAsCC,QAAtC,EAAiD;AACjE,SACCA,QAAQ,IACR,oBAAoBA,QADpB,IAEAA,QAAQ,CAACC,cAAT,KAA4B,KAH7B;AAKA,CAND","sourcesContent":["/**\n * Checks if the block is experimental based on the metadata loaded\n * from block.json.\n *\n * This function is in a separate file and uses the older JS syntax so\n * that it can be imported in both:\n * – block-library/src/index.js\n * – block-library/src/babel-plugin.js\n *\n * @param {Object} metadata Parsed block.json metadata.\n * @return {boolean} Is the block experimental?\n */\nmodule.exports = function isBlockMetadataExperimental( metadata ) {\n\treturn (\n\t\tmetadata &&\n\t\t'__experimental' in metadata &&\n\t\tmetadata.__experimental !== false\n\t);\n};\n"]}

package/build-module/transformationCategories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/transformationCategories.native.js"],"names":["transformationCategories","richText","media","grouped","other","transformationCategory","blockName","found","Object","entries","find","value","includes","group"],"mappings":"AAAA,MAAMA,wBAAwB,GAAG;AAChCC,EAAAA,QAAQ,EAAE,CACT,gBADS,EAET,cAFS,EAGT,WAHS,EAIT,YAJS,EAKT,gBALS,EAMT,mBANS,EAOT,YAPS,EAQT,gBARS,EAST,WATS,CADsB;AAYhCC,EAAAA,KAAK,EAAE,CACN,YADM,EAEN,YAFM,EAGN,cAHM,EAIN,YAJM,EAKN,WALM,EAMN,YANM,EAON,iBAPM,EAQN,YARM,CAZyB;AAsBhCC,EAAAA,OAAO,EAAE,CAAE,cAAF,EAAkB,YAAlB,EAAgC,mBAAhC,CAtBuB;AAuBhCC,EAAAA,KAAK,EAAE,CACN,WADM,EAEN,eAFM,EAGN,gBAHM,EAIN,aAJM,EAKN,mBALM,EAMN,cANM;AAvByB,CAAjC;AAiCA,OAAO,MAAMC,sBAAsB,GAAKC,SAAF,IAAiB;AACtD,QAAMC,KAAK,GAAGC,MAAM,CAACC,OAAP,CAAgBT,wBAAhB,EAA2CU,IAA3C,CACb;AAAA,QAAE,GAAIC,KAAJ,CAAF;AAAA,WAAmBA,KAAK,CAACC,QAAN,CAAgBN,SAAhB,CAAnB;AAAA,GADa,CAAd;;AAGA,MAAK,CAAEC,KAAP,EAAe;AACd,WAAO,EAAP;AACA;;AAED,QAAMM,KAAK,GAAGN,KAAK,CAAE,CAAF,CAAnB;AACA,SAAOP,wBAAwB,CAAEa,KAAF,CAA/B;AACA,CAVM;AAYP,eAAeb,wBAAf","sourcesContent":["const transformationCategories = {\n\trichText: [\n\t\t'core/paragraph',\n\t\t'core/heading',\n\t\t'core/list',\n\t\t'core/quote',\n\t\t'core/pullquote',\n\t\t'core/preformatted',\n\t\t'core/verse',\n\t\t'core/shortcode',\n\t\t'core/code',\n\t],\n\tmedia: [\n\t\t'core/image',\n\t\t'core/video',\n\t\t'core/gallery',\n\t\t'core/cover',\n\t\t'core/file',\n\t\t'core/audio',\n\t\t'core/media-text',\n\t\t'core/embed',\n\t],\n\tgrouped: [ 'core/columns', 'core/group', 'core/text-columns' ],\n\tother: [\n\t\t'core/more',\n\t\t'core/nextpage',\n\t\t'core/separator',\n\t\t'core/spacer',\n\t\t'core/latest-posts',\n\t\t'core/buttons',\n\t],\n};\n\nexport const transformationCategory = ( blockName ) => {\n\tconst found = Object.entries( transformationCategories ).find(\n\t\t( [ , value ] ) => value.includes( blockName )\n\t);\n\tif ( ! found ) {\n\t\treturn [];\n\t}\n\n\tconst group = found[ 0 ];\n\treturn transformationCategories[ group ];\n};\n\nexport default transformationCategories;\n"]}