Automattic\WooCommerce\Blocks\BlockTypes

ProductFilterActive::render │ protected │ WC 1.0

Render the block.

Method of the class: ProductFilterActive{}

No Hooks.

Returns

String. Rendered block type output.

Usage

// protected - for code of main (parent) or child class
$result = $this->render( $attributes, $content, $block );

$attributes(array) (required)

Block attributes.

$content(string) (required)

Block content.

$block(WP_Block) (required)

Block instance.

ProductFilterActive::render() ProductFilterActive::render code ^{WC 10.9.1}

protected function render( $attributes, $content, $block ) {
	$active_filters = $block->context['activeFilters'] ?? array();

	if ( ! is_array( $active_filters ) ) {
		return $content;
	}

	$removable_items = array_values(
		array_filter(
			array_map(
				function ( $item ) {
					if ( ! is_array( $item ) ) {
						return null;
					}
					$raw_type  = $item['type'] ?? '';
					$raw_value = $item['value'] ?? '';
					$raw_label = $item['activeLabel'] ?? ( $item['label'] ?? '' );
					if ( ! is_scalar( $raw_type ) || ! is_scalar( $raw_value ) || ! is_scalar( $raw_label ) ) {
						return null;
					}
					$type  = (string) $raw_type;
					$value = (string) $raw_value;
					$label = (string) $raw_label;
					if ( '' === $type || '' === $value ) {
						return null;
					}
					return array(
						'id'    => $type . '_' . $value,
						'type'  => $type,
						'value' => $value,
						'label' => $label,
					);
				},
				$active_filters
			)
		)
	);

	$filter_context = array(
		'items'          => $removable_items,
		'storeNamespace' => 'woocommerce/product-filters',
	);

	$wrapper_attributes = array(
		'data-wp-interactive'  => 'woocommerce/product-filters',
		'data-wp-key'          => wp_unique_prefixed_id( $this->get_full_block_name() ),
		'data-wp-context'      => wp_json_encode(
			array(
				'filterType' => 'active',
			),
			JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP
		),
		'data-wp-bind--hidden' => '!state.hasActiveFilters',
		'data-wp-class--wc-block-product-filter--hidden' => '!state.hasActiveFilters',
	);

	wp_interactivity_state(
		'woocommerce/product-filters',
		array(
			'hasActiveFilters' => ! empty( $removable_items ),
		),
	);

	wp_interactivity_config(
		'woocommerce/product-filters',
		array(
			/* translators:  {{label}} is the label of the active filter item. */
			'removeLabelTemplate' => __( 'Remove filter: {{label}}', 'woocommerce' ),
		)
	);

	return sprintf(
		'<div %1$s>%2$s</div>',
		get_block_wrapper_attributes( $wrapper_attributes ),
		array_reduce(
			$block->parsed_block['innerBlocks'],
			function ( $carry, $parsed_block ) use ( $filter_context ) {
				$carry .= ( new \WP_Block( $parsed_block, array( 'woocommerce/removableItems' => $filter_context ) ) )->render();
				return $carry;
			},
			''
		)
	);
}