Add block deprecation

luisherranz · Aug 2, 2022 · ee218ac · ee218ac
1 parent fac49f7
commit ee218ac
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/assets/js/blocks/products/all-products/deprecated.js b/assets/js/blocks/products/all-products/deprecated.js
@@ -11,6 +11,33 @@ import { getBlockClassName } from '../utils.js';
 
 const { attributes: attributeDefinitions } = metadata;
 
+const v2 = {
+	attributes: attributeDefinitions,
+	save( { attributes } ) {
+		const dataAttributes = {};
+		Object.keys( attributes )
+			.sort()
+			.forEach( ( key ) => {
+				dataAttributes[ key ] = attributes[ key ];
+			} );
+		const data = {
+			'data-attributes': JSON.stringify( dataAttributes ),
+		};
+
+		return (
+			<div
+				className={ getBlockClassName(
+					'wc-block-all-products',
+					attributes
+				) }
+				{ ...data }
+			>
+				<InnerBlocks.Content />
+			</div>
+		);
+	},
+};
+
 const v1 = {
 	attributes: Object.assign( {}, attributeDefinitions, {
 		rows: { type: 'number', default: 1 },
@@ -33,4 +60,4 @@ const v1 = {
 	},
 };
 
-export default [ v1 ];
+export default [ v2, v1 ];