Server IP : 104.21.14.103 / Your IP : 18.117.233.160 Web Server : LiteSpeed System : Linux business53.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : giankuin ( 1871) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/thread-self/root/home/giankuin/sieuthiweb.com.vn/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/components/heading-toolbar/ |
Upload File : |
/** * External dependencies */ import { range } from 'lodash'; import { __, sprintf } from '@wordpress/i18n'; import { Component } from '@wordpress/element'; import { Toolbar } from '@wordpress/components'; /** * Internal dependencies */ import HeadingLevelIcon from './heading-level-icon'; /** * HeadingToolbar component. * * Allows the heading level to be chosen for a title block. */ class HeadingToolbar extends Component { createLevelControl( targetLevel, selectedLevel, onChange ) { const isActive = targetLevel === selectedLevel; return { icon: <HeadingLevelIcon level={ targetLevel } />, // translators: %s: heading level e.g: "2", "3", "4" title: sprintf( __( 'Heading %d' ), targetLevel ), isActive, onClick: () => onChange( targetLevel ), }; } render() { const { isCollapsed = true, minLevel, maxLevel, selectedLevel, onChange, } = this.props; return ( <Toolbar isCollapsed={ isCollapsed } icon={ <HeadingLevelIcon level={ selectedLevel } /> } controls={ range( minLevel, maxLevel ).map( ( index ) => this.createLevelControl( index, selectedLevel, onChange ) ) } /> ); } } export default HeadingToolbar;