CI run: https://github.com/WordPress/wordpress-develop/pull/10988. See #64595. --- I've included a log of the Gutenberg changes with the following command: ``` git log --reverse --format="- %s" b441348bb7e05af351c250b74283f253acaf9138..23b566c72e9c4a36219ef5d6e62890f05551f6cb | sed 's|#\([0-9][0-9]*\)|https://github.com/WordPress/gutenberg/pull/\1|g; /github\.com\/WordPress\/gutenberg\/pull/!d' | pbcopy ``` - Remove experimental property from Icon block (https://github.com/WordPress/gutenberg/pull/75742) - Real-time collab editing: Fix undo E2E test (https://github.com/WordPress/gutenberg/pull/75740) - Snackbar: Fix scaling issue with snackbars that update their content via a common id (https://github.com/WordPress/gutenberg/pull/75709) - Vips and worker-threads packages: remove private flag so that packages can be published to npm (https://github.com/WordPress/gutenberg/pull/75752) - Update wordpress/vips in root package.json to use a relative path (https://github.com/WordPress/gutenberg/pull/75758) - Fix change-detection and new-post E2E tests after RTC enabled by default (https://github.com/WordPress/gutenberg/pull/75751) - Query: Remove content role from block (https://github.com/WordPress/gutenberg/pull/75760) - `ToggleGroupControl`: Make unselected item color consistent across all variants (https://github.com/WordPress/gutenberg/pull/75737) - Icon-block: fix global-styles selectors (https://github.com/WordPress/gutenberg/pull/75724) - RTC: Add cap check for single taxonomy term entities (https://github.com/WordPress/gutenberg/pull/75708) - Core Data: Create icons entity (https://github.com/WordPress/gutenberg/pull/75773) Built from https://develop.svn.wordpress.org/trunk@61705 git-svn-id: http://core.svn.wordpress.org/trunk@61013 1a063a9b-81f0-0310-95a4-ce76da25c4cd
133 lines
4.0 KiB
PHP
133 lines
4.0 KiB
PHP
<?php
|
|
/**
|
|
* Server-side rendering of the `core/icon` block.
|
|
*
|
|
* @package WordPress
|
|
*/
|
|
|
|
/**
|
|
* Renders the `core/icon` block on server.
|
|
*
|
|
* @since 7.0.0
|
|
*
|
|
* @param array $attributes The block attributes.
|
|
* @param string $content The block content.
|
|
* @param WP_Block $block The block instance.
|
|
*
|
|
* @return string Returns the Icon.
|
|
*/
|
|
function render_block_core_icon( $attributes ) {
|
|
if ( empty( $attributes['icon'] ) ) {
|
|
return;
|
|
}
|
|
|
|
$registry = WP_Icons_Registry::get_instance();
|
|
$icon = $registry->get_registered_icon( $attributes['icon'] );
|
|
|
|
if ( is_null( $icon ) ) {
|
|
return;
|
|
}
|
|
|
|
// Text color and background color.
|
|
$color_styles = array();
|
|
|
|
$preset_text_color = array_key_exists( 'textColor', $attributes ) ? "var:preset|color|{$attributes['textColor']}" : null;
|
|
$custom_text_color = $attributes['style']['color']['text'] ?? null;
|
|
$color_styles['text'] = $preset_text_color ? $preset_text_color : $custom_text_color;
|
|
|
|
$preset_background_color = array_key_exists( 'backgroundColor', $attributes ) ? "var:preset|color|{$attributes['backgroundColor']}" : null;
|
|
$custom_background_color = $attributes['style']['color']['background'] ?? null;
|
|
$color_styles['background'] = $preset_background_color ? $preset_background_color : $custom_background_color;
|
|
|
|
// Border.
|
|
$border_styles = array();
|
|
$sides = array( 'top', 'right', 'bottom', 'left' );
|
|
|
|
if ( isset( $attributes['style']['border']['radius'] ) ) {
|
|
$border_styles['radius'] = $attributes['style']['border']['radius'];
|
|
}
|
|
if ( isset( $attributes['style']['border']['style'] ) ) {
|
|
$border_styles['style'] = $attributes['style']['border']['style'];
|
|
}
|
|
if ( isset( $attributes['style']['border']['width'] ) ) {
|
|
$border_styles['width'] = $attributes['style']['border']['width'];
|
|
}
|
|
|
|
$preset_color = array_key_exists( 'borderColor', $attributes ) ? "var:preset|color|{$attributes['borderColor']}" : null;
|
|
$custom_color = $attributes['style']['border']['color'] ?? null;
|
|
$border_styles['color'] = $preset_color ? $preset_color : $custom_color;
|
|
|
|
foreach ( $sides as $side ) {
|
|
$border = $attributes['style']['border'][ $side ] ?? null;
|
|
$border_styles[ $side ] = array(
|
|
'color' => $border['color'] ?? null,
|
|
'style' => $border['style'] ?? null,
|
|
'width' => $border['width'] ?? null,
|
|
);
|
|
}
|
|
|
|
// Spacing (Padding).
|
|
$spacing_styles = array();
|
|
if ( isset( $attributes['style']['spacing']['padding'] ) ) {
|
|
$spacing_styles['padding'] = $attributes['style']['spacing']['padding'];
|
|
}
|
|
|
|
// Dimensions (Width).
|
|
$dimensions_styles = array();
|
|
if ( isset( $attributes['style']['dimensions']['width'] ) ) {
|
|
$dimensions_styles['width'] = $attributes['style']['dimensions']['width'];
|
|
}
|
|
|
|
// Generate styles and classes.
|
|
$styles = wp_style_engine_get_styles(
|
|
array(
|
|
'color' => $color_styles,
|
|
'border' => $border_styles,
|
|
'spacing' => $spacing_styles,
|
|
'dimensions' => $dimensions_styles,
|
|
),
|
|
);
|
|
|
|
$processor = new WP_HTML_Tag_Processor( $icon['content'] );
|
|
$processor->next_tag( 'svg' );
|
|
|
|
if ( ! empty( $styles['css'] ) ) {
|
|
$processor->set_attribute( 'style', $styles['css'] );
|
|
}
|
|
if ( ! empty( $styles['classnames'] ) ) {
|
|
$processor->add_class( $styles['classnames'] );
|
|
}
|
|
|
|
$aria_label = ! empty( $attributes['ariaLabel'] ) ? $attributes['ariaLabel'] : '';
|
|
|
|
if ( ! $aria_label ) {
|
|
// Icon is decorative, hide it from screen readers.
|
|
$processor->set_attribute( 'aria-hidden', 'true' );
|
|
$processor->set_attribute( 'focusable', 'false' );
|
|
} else {
|
|
$processor->set_attribute( 'role', 'img' );
|
|
$processor->set_attribute( 'aria-label', $aria_label );
|
|
}
|
|
|
|
// Return the updated SVG markup.
|
|
$svg = $processor->get_updated_html();
|
|
$attributes = get_block_wrapper_attributes();
|
|
return sprintf( '<div %s>%s</div>', $attributes, $svg );
|
|
}
|
|
|
|
|
|
/**
|
|
* Registers the `core/icon` block on server.
|
|
*
|
|
* @since 7.0.0
|
|
*/
|
|
function register_block_core_icon() {
|
|
register_block_type_from_metadata(
|
|
__DIR__ . '/icon',
|
|
array(
|
|
'render_callback' => 'render_block_core_icon',
|
|
)
|
|
);
|
|
}
|
|
add_action( 'init', 'register_block_core_icon' );
|