Add a transformer from shortocde to block

assets/js/dist/editor.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => '74afaf36e207a8e3185b');
+<?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-shortcode', 'wp-url'), 'version' => '3de629e85d4a951d5dd4');

assets/js/src/blocks/team-list/index.js

@@ -3,6 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { createBlock } from '@wordpress/blocks';
+import { attrs } from '@wordpress/shortcode';
 
 /**
  * Internal dependencies
@@ -59,10 +60,72 @@ export const settings = {
 			type: 'string',
 			default: 'desc',
 		},
+		include: {
+			type: 'array',
+			default: [],
+		},
+		hasPublishedPosts: {
+			type: 'array',
+			default: [],
+		},
 	},
 
 	transforms: {
 		from: [
+			{
+				type: 'block',
+				blocks: ['core/shortcode'],
+				isMatch: ({ text }) => {
+					return text && text.startsWith('[wp_team_list');
+				},
+				transform: ({ text }) => {
+					const shortcode = attrs( text );
+					const attributes = {
+						roles: shortcode.named.role ? shortcode.named.role.split(',') : [],
+						orderBy: shortcode.named.orderby,
+						order: shortcode.named.order ? shortcode.named.order.toLowerCase : 'desc',
+						include: shortcode.named.include ? shortcode.named.include.split(',') : [],
+						hasPublishedPosts: shortcode.named.has_published_posts ? shortcode.named.has_published_posts.split(',') : [],
+					}
+					return createBlock(name, attributes);
+				},
+			},
+			{
+				type: 'shortcode',
+				tag: 'wp_team_list',
+				attributes: {
+					roles: {
+						type: 'array',
+						shortcode: ( { named: { role } } ) => {
+							return role ? role.split(',') : [];
+						},
+					},
+					orderBy: {
+						type: 'string',
+						shortcode: ( { named: { orderby } } ) => {
+							return orderby;
+						},
+					},
+					order: {
+						type: 'string',
+						shortcode: ( { named: { order } } ) => {
+							return order.toLowerCase();
+						},
+					},
+					include: {
+						type: 'array',
+						shortcode: ( { named: { include } } ) => {
+							return include ? include.split(',') : [];
+						},
+					},
+					hasPublishedPosts: {
+						type: 'array',
+						shortcode: ( { named: { has_published_posts } } ) => {
+							return has_published_posts ? has_published_posts.split(',') : [];
+						},
+					},
+				},
+			},
 			{
 				type: 'block',
 				blocks: [ 'core/legacy-widget' ],

includes/Plugin.php

@@ -702,11 +702,13 @@ public function rest_prepare_widget( $response, $widget ) {
 	 */
 	public function render_team_list_block( $attributes ) {
 		$attributes_mappings = [
-			'number'          => 'number',
-			'showDescription' => 'show_description',
-			'order'           => 'order',
-			'orderBy'         => 'orderby',
-			'roles'           => 'role',
+			'number'            => 'number',
+			'showDescription'   => 'show_description',
+			'order'             => 'order',
+			'orderBy'           => 'orderby',
+			'roles'             => 'role',
+			'include'           => 'include',
+			'hasPublishedPosts' => 'has_published_posts',
 		];
 
 		$prepared_args = [];
@@ -717,6 +719,11 @@ public function render_team_list_block( $attributes ) {
 			}
 		}
 
+		// Convert array to comma-separated string.
+		if ( \is_array( $prepared_args['has_published_posts'] ) ) {
+			$prepared_args['has_published_posts'] = implode( ',', $prepared_args['has_published_posts'] );
+		}
+
 		$html = wp_team_list()->render( $prepared_args );
 
 		if ( ! empty( $attributes['postId'] ) ) {