@wordpress/block-library 7.14.8 → 7.14.10

package/src/video/deprecated.js

@@ -0,0 +1,57 @@
+/**
+ * WordPress dependencies
+ */
+import { RichText, useBlockProps } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import metadata from './block.json';
+import Tracks from './tracks';
+
+const { attributes: blockAttributes } = metadata;
+
+// In #41140 support was added to global styles for caption elements which added a `wp-element-caption` classname
+// to the video figcaption element.
+const v1 = {
+	attributes: blockAttributes,
+	save( { attributes } ) {
+		const {
+			autoplay,
+			caption,
+			controls,
+			loop,
+			muted,
+			poster,
+			preload,
+			src,
+			playsInline,
+			tracks,
+		} = attributes;
+		return (
+			<figure { ...useBlockProps.save() }>
+				{ src && (
+					<video
+						autoPlay={ autoplay }
+						controls={ controls }
+						loop={ loop }
+						muted={ muted }
+						poster={ poster }
+						preload={ preload !== 'metadata' ? preload : undefined }
+						src={ src }
+						playsInline={ playsInline }
+					>
+						<Tracks tracks={ tracks } />
+					</video>
+				) }
+				{ ! RichText.isEmpty( caption ) && (
+					<RichText.Content tagName="figcaption" value={ caption } />
+				) }
+			</figure>
+		);
+	},
+};
+
+const deprecated = [ v1 ];
+
+export default deprecated;

package/src/video/index.js

@@ -8,6 +8,7 @@ import { video 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';
 import save from './save';
@@ -27,6 +28,7 @@ export const settings = {
 		},
 	},
 	transforms,
+	deprecated,
 	edit,
 	save,
 };