@wordpress/block-library 8.12.0 → 8.12.2

package/build-module/site-title/edit/level-toolbar.js

@@ -1,39 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { ToolbarDropdownMenu } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-/**
- * Internal dependencies
- */
-
-import LevelIcon from './level-icon';
-export default function LevelControl({
-  level,
-  onChange
-}) {
-  const allControls = [1, 2, 3, 4, 5, 6, 0].map(currentLevel => {
-    const isActive = currentLevel === level;
-    return {
-      icon: createElement(LevelIcon, {
-        level: currentLevel,
-        isPressed: isActive
-      }),
-      title: currentLevel === 0 ? __('Paragraph') : // translators: %s: heading level e.g: "1", "2", "3"
-      sprintf(__('Heading %d'), currentLevel),
-      isActive,
-      onClick: () => onChange(currentLevel),
-      role: 'menuitemradio'
-    };
-  });
-  return createElement(ToolbarDropdownMenu, {
-    label: __('Change heading level'),
-    icon: createElement(LevelIcon, {
-      level: level
-    }),
-    controls: allControls
-  });
-}
-//# sourceMappingURL=level-toolbar.js.map

package/build-module/site-title/edit/level-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/site-title/edit/level-toolbar.js"],"names":["ToolbarDropdownMenu","__","sprintf","LevelIcon","LevelControl","level","onChange","allControls","map","currentLevel","isActive","icon","title","onClick","role"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,mBAAT,QAAoC,uBAApC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,eAAe,SAASC,YAAT,CAAuB;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAvB,EAA6C;AAC3D,QAAMC,WAAW,GAAG,CAAE,CAAF,EAAK,CAAL,EAAQ,CAAR,EAAW,CAAX,EAAc,CAAd,EAAiB,CAAjB,EAAoB,CAApB,EAAwBC,GAAxB,CAA+BC,YAAF,IAAoB;AACpE,UAAMC,QAAQ,GAAGD,YAAY,KAAKJ,KAAlC;AACA,WAAO;AACNM,MAAAA,IAAI,EAAE,cAAC,SAAD;AAAW,QAAA,KAAK,EAAGF,YAAnB;AAAkC,QAAA,SAAS,EAAGC;AAA9C,QADA;AAENE,MAAAA,KAAK,EACJH,YAAY,KAAK,CAAjB,GACGR,EAAE,CAAE,WAAF,CADL,GAEG;AACAC,MAAAA,OAAO,CAAED,EAAE,CAAE,YAAF,CAAJ,EAAsBQ,YAAtB,CANL;AAONC,MAAAA,QAPM;AAQNG,MAAAA,OAAO,EAAE,MAAMP,QAAQ,CAAEG,YAAF,CARjB;AASNK,MAAAA,IAAI,EAAE;AATA,KAAP;AAWA,GAbmB,CAApB;AAcA,SACC,cAAC,mBAAD;AACC,IAAA,KAAK,EAAGb,EAAE,CAAE,sBAAF,CADX;AAEC,IAAA,IAAI,EAAG,cAAC,SAAD;AAAW,MAAA,KAAK,EAAGI;AAAnB,MAFR;AAGC,IAAA,QAAQ,EAAGE;AAHZ,IADD;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport LevelIcon from './level-icon';\n\nexport default function LevelControl( { level, onChange } ) {\n\tconst allControls = [ 1, 2, 3, 4, 5, 6, 0 ].map( ( currentLevel ) => {\n\t\tconst isActive = currentLevel === level;\n\t\treturn {\n\t\t\ticon: <LevelIcon level={ currentLevel } isPressed={ isActive } />,\n\t\t\ttitle:\n\t\t\t\tcurrentLevel === 0\n\t\t\t\t\t? __( 'Paragraph' )\n\t\t\t\t\t: // translators: %s: heading level e.g: \"1\", \"2\", \"3\"\n\t\t\t\t\t  sprintf( __( 'Heading %d' ), currentLevel ),\n\t\t\tisActive,\n\t\t\tonClick: () => onChange( currentLevel ),\n\t\t\trole: 'menuitemradio',\n\t\t};\n\t} );\n\treturn (\n\t\t<ToolbarDropdownMenu\n\t\t\tlabel={ __( 'Change heading level' ) }\n\t\t\ticon={ <LevelIcon level={ level } /> }\n\t\t\tcontrols={ allControls }\n\t\t/>\n\t);\n}\n"]}

package/src/heading/heading-level-dropdown.js

@@ -1,69 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { ToolbarDropdownMenu } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import HeadingLevelIcon from './heading-level-icon';
-
-const HEADING_LEVELS = [ 1, 2, 3, 4, 5, 6 ];
-
-const POPOVER_PROPS = {
-	className: 'block-library-heading-level-dropdown',
-};
-
-/** @typedef {import('@wordpress/element').WPComponent} WPComponent */
-
-/**
- * HeadingLevelDropdown props.
- *
- * @typedef WPHeadingLevelDropdownProps
- *
- * @property {number}                 selectedLevel The chosen heading level.
- * @property {(newValue:number)=>any} onChange      Callback to run when
- *                                                  toolbar value is changed.
- */
-
-/**
- * Dropdown for selecting a heading level (1 through 6).
- *
- * @param {WPHeadingLevelDropdownProps} props Component props.
- *
- * @return {WPComponent} The toolbar.
- */
-export default function HeadingLevelDropdown( { selectedLevel, onChange } ) {
-	return (
-		<ToolbarDropdownMenu
-			popoverProps={ POPOVER_PROPS }
-			icon={ <HeadingLevelIcon level={ selectedLevel } /> }
-			label={ __( 'Change heading level' ) }
-			controls={ HEADING_LEVELS.map( ( targetLevel ) => {
-				{
-					const isActive = targetLevel === selectedLevel;
-
-					return {
-						icon: (
-							<HeadingLevelIcon
-								level={ targetLevel }
-								isPressed={ isActive }
-							/>
-						),
-						label: sprintf(
-							// translators: %s: heading level e.g: "1", "2", "3"
-							__( 'Heading %d' ),
-							targetLevel
-						),
-						isActive,
-						onClick() {
-							onChange( targetLevel );
-						},
-						role: 'menuitemradio',
-					};
-				}
-			} ) }
-		/>
-	);
-}

package/src/heading/heading-level-dropdown.native.js

@@ -1,63 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { DropdownMenu } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import HeadingLevelIcon from './heading-level-icon';
-
-const HEADING_LEVELS = [ 1, 2, 3, 4, 5, 6 ];
-
-/** @typedef {import('@wordpress/element').WPComponent} WPComponent */
-
-/**
- * HeadingLevelDropdown props.
- *
- * @typedef WPHeadingLevelDropdownProps
- *
- * @property {number}                 selectedLevel The chosen heading level.
- * @property {(newValue:number)=>any} onChange      Callback to run when
- *                                                  toolbar value is changed.
- */
-
-/**
- * Dropdown for selecting a heading level (1 through 6).
- *
- * @param {WPHeadingLevelDropdownProps} props Component props.
- *
- * @return {WPComponent} The toolbar.
- */
-export default function HeadingLevelDropdown( { selectedLevel, onChange } ) {
-	const createLevelControl = (
-		targetLevel,
-		currentLevel,
-		onChangeCallback
-	) => {
-		const isActive = targetLevel === currentLevel;
-		return {
-			icon: (
-				<HeadingLevelIcon
-					level={ targetLevel }
-					isPressed={ isActive }
-				/>
-			),
-			// translators: %s: heading level e.g: "1", "2", "3"
-			title: sprintf( __( 'Heading %d' ), targetLevel ),
-			isActive,
-			onClick: () => onChangeCallback( targetLevel ),
-		};
-	};
-
-	return (
-		<DropdownMenu
-			icon={ <HeadingLevelIcon level={ selectedLevel } /> }
-			controls={ HEADING_LEVELS.map( ( index ) =>
-				createLevelControl( index, selectedLevel, onChange )
-			) }
-			label={ __( 'Change heading level' ) }
-		/>
-	);
-}

package/src/pattern/v1/edit.js

@@ -1,57 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { cloneBlock } from '@wordpress/blocks';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useEffect } from '@wordpress/element';
-import {
-	store as blockEditorStore,
-	useBlockProps,
-} from '@wordpress/block-editor';
-
-const PatternEdit = ( { attributes, clientId } ) => {
-	const selectedPattern = useSelect(
-		( select ) =>
-			select( blockEditorStore ).__experimentalGetParsedPattern(
-				attributes.slug
-			),
-		[ attributes.slug ]
-	);
-
-	const { replaceBlocks, __unstableMarkNextChangeAsNotPersistent } =
-		useDispatch( blockEditorStore );
-
-	// Run this effect when the component loads.
-	// This adds the Pattern's contents to the post.
-	// This change won't be saved.
-	// It will continue to pull from the pattern file unless changes are made to its respective template part.
-	useEffect( () => {
-		if ( selectedPattern?.blocks ) {
-			// We batch updates to block list settings to avoid triggering cascading renders
-			// for each container block included in a tree and optimize initial render.
-			// Since the above uses microtasks, we need to use a microtask here as well,
-			// because nested pattern blocks cannot be inserted if the parent block supports
-			// inner blocks but doesn't have blockSettings in the state.
-			window.queueMicrotask( () => {
-				// Clone blocks from the pattern before insertion to ensure they receive
-				// distinct client ids. See https://github.com/WordPress/gutenberg/issues/50628.
-				const clonedBlocks = selectedPattern.blocks.map( ( block ) =>
-					cloneBlock( block )
-				);
-				__unstableMarkNextChangeAsNotPersistent();
-				replaceBlocks( clientId, clonedBlocks );
-			} );
-		}
-	}, [
-		clientId,
-		selectedPattern?.blocks,
-		__unstableMarkNextChangeAsNotPersistent,
-		replaceBlocks,
-	] );
-
-	const props = useBlockProps();
-
-	return <div { ...props } />;
-};
-
-export default PatternEdit;

package/src/site-title/edit/level-icon.js

@@ -1,28 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { SVG, Path } from '@wordpress/components';
-import { paragraph } from '@wordpress/icons';
-
-export default function LevelIcon( { level, isPressed = false } ) {
-	if ( level === 0 ) return paragraph;
-	const levelToPath = {
-		1: 'M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z',
-		2: 'M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z',
-		3: 'M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z',
-		4: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z',
-		5: 'M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z',
-		6: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z',
-	};
-	return (
-		<SVG
-			width="20"
-			height="20"
-			viewBox="0 0 20 20"
-			xmlns="http://www.w3.org/2000/svg"
-			isPressed={ isPressed }
-		>
-			<Path d={ levelToPath[ level ] } />
-		</SVG>
-	);
-}

package/src/site-title/edit/level-toolbar.js

@@ -1,34 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { ToolbarDropdownMenu } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import LevelIcon from './level-icon';
-
-export default function LevelControl( { level, onChange } ) {
-	const allControls = [ 1, 2, 3, 4, 5, 6, 0 ].map( ( currentLevel ) => {
-		const isActive = currentLevel === level;
-		return {
-			icon: <LevelIcon level={ currentLevel } isPressed={ isActive } />,
-			title:
-				currentLevel === 0
-					? __( 'Paragraph' )
-					: // translators: %s: heading level e.g: "1", "2", "3"
-					  sprintf( __( 'Heading %d' ), currentLevel ),
-			isActive,
-			onClick: () => onChange( currentLevel ),
-			role: 'menuitemradio',
-		};
-	} );
-	return (
-		<ToolbarDropdownMenu
-			label={ __( 'Change heading level' ) }
-			icon={ <LevelIcon level={ level } /> }
-			controls={ allControls }
-		/>
-	);
-}