@wordpress/block-editor 16.2.0 → 17.0.2-next.v.202608281122.0

package/build-module/components/inserter-button/sparkles.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/inserter-button/sparkles.js"],
-  "sourcesContent": ["import { SVG, Path } from '@wordpress/components';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],
-  "mappings": ";AAAA,SAAS,KAAK,YAAY;AAIxB;AAFF,IAAM,WACL,oBAAC,OAAI,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC1C;AAAA,EAAC;AAAA;AAAA,IACA,GAAE;AAAA,IACF,MAAK;AAAA;AACN,GACD;AAGD,IAAO,mBAAQ;",
-  "names": []
-}

package/build-style/default-editor-styles-rtl.css

@@ -1,68 +0,0 @@
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Colors
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Typography
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
-/**
- * Default editor styles.
- *
- * These styles are shown if a theme does not register its own editor style,
- * a theme.json file, or has toggled off "Use theme styles" in preferences.
- */
-body {
-  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 18px;
-  line-height: 1.5;
-  --wp--style--block-gap: 2em;
-}
-
-p {
-  line-height: 1.8;
-}
-
-.editor-post-title__block {
-  margin-top: 2em;
-  margin-bottom: 1em;
-  font-size: 2.5em;
-  font-weight: 800;
-}

package/build-style/default-editor-styles.css

@@ -1,68 +0,0 @@
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Colors
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Typography
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Radius scale.
- */
-/**
- * Elevation scale.
- */
-/**
- * Dimensions.
- */
-/**
- * Mobile specific styles
- */
-/**
- * Editor styles.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * These variables do not appear to be used anywhere else.
- */
-/**
- * Default editor styles.
- *
- * These styles are shown if a theme does not register its own editor style,
- * a theme.json file, or has toggled off "Use theme styles" in preferences.
- */
-body {
-  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 18px;
-  line-height: 1.5;
-  --wp--style--block-gap: 2em;
-}
-
-p {
-  line-height: 1.8;
-}
-
-.editor-post-title__block {
-  margin-top: 2em;
-  margin-bottom: 1em;
-  font-size: 2.5em;
-  font-weight: 800;
-}

package/src/components/block-parent-selector/index.js

@@ -1,66 +0,0 @@
-import { ToolbarButton } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { __, sprintf } from '@wordpress/i18n';
-import { useRef } from '@wordpress/element';
-import useBlockDisplayInformation from '../use-block-display-information';
-import BlockIcon from '../block-icon';
-import { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';
-import { store as blockEditorStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-
-/**
- * Block parent selector component, displaying the hierarchy of the
- * current block selection as a single icon to "go up" a level.
- *
- * @return {Component} Parent block selector.
- */
-export default function BlockParentSelector() {
-	const { selectBlock } = useDispatch( blockEditorStore );
-	const { parentClientId } = useSelect( ( select ) => {
-		const {
-			getBlockParents,
-			getSelectedBlockClientIds,
-			getParentSectionBlock,
-		} = unlock( select( blockEditorStore ) );
-		// Not getSelectedBlockClientId: a text selection crossing into a
-		// nested block resolves to the ancestor alone, but its selection
-		// start and end differ.
-		const [ selectedBlockClientId ] = getSelectedBlockClientIds();
-		const parentSection = getParentSectionBlock( selectedBlockClientId );
-		const parents = getBlockParents( selectedBlockClientId );
-		const _parentClientId = parentSection ?? parents[ parents.length - 1 ];
-		return {
-			parentClientId: _parentClientId,
-		};
-	}, [] );
-	const blockInformation = useBlockDisplayInformation( parentClientId );
-
-	// Allows highlighting the parent block outline when focusing or hovering
-	// the parent block selector within the child.
-	const nodeRef = useRef();
-	const showHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures( {
-		ref: nodeRef,
-		highlightParent: true,
-	} );
-
-	return (
-		<div
-			className="block-editor-block-parent-selector"
-			key={ parentClientId }
-			ref={ nodeRef }
-			{ ...showHoveredOrFocusedGestures }
-		>
-			<ToolbarButton
-				className="block-editor-block-parent-selector__button"
-				onClick={ () => selectBlock( parentClientId ) }
-				label={ sprintf(
-					/* translators: %s: Name of the block's parent. */
-					__( 'Select parent block: %s' ),
-					blockInformation?.title
-				) }
-				showTooltip
-				icon={ <BlockIcon icon={ blockInformation?.icon } /> }
-			/>
-		</div>
-	);
-}

package/src/components/floating-toolbar/nav-up-icon.js

@@ -1,22 +0,0 @@
-import { SVG, Path } from '@wordpress/components';
-import { isRTL } from '@wordpress/i18n';
-
-const NavigateUp = () => (
-	<SVG
-		width="24"
-		height="24"
-		viewBox="0 0 24 24"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<Path fill="none" d="M0 0h24v24H0V0z" />
-		<Path
-			fill="white"
-			fillRule="evenodd"
-			clipRule="evenodd"
-			d="M17,11  z L15.58,12.42 L12,8.83 L12,18 L22,18 L22,20 L10,20 L10,8.83 L6.42,12.42 L5,11 L11,5 L17,11"
-			transform={ isRTL() ? 'scale(-1,1) translate(-24,0)' : undefined }
-		/>
-	</SVG>
-);
-
-export default NavigateUp;

package/src/components/gradients/with-gradient.js

@@ -1,9 +0,0 @@
-import { __experimentalUseGradient } from './use-gradient';
-
-export const withGradient = ( WrappedComponent ) =>
-	function WithGradient( props ) {
-		const { gradientValue } = __experimentalUseGradient();
-		return (
-			<WrappedComponent { ...props } gradientValue={ gradientValue } />
-		);
-	};

package/src/components/inserter/block-patterns-explorer/pattern-explorer-sidebar.js

@@ -1,71 +0,0 @@
-import { Button, SearchControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-function PatternCategoriesList( {
-	selectedCategory,
-	patternCategories,
-	onClickCategory,
-} ) {
-	const baseClassName = 'block-editor-block-patterns-explorer__sidebar';
-	return (
-		<div className={ `${ baseClassName }__categories-list` }>
-			{ patternCategories.map( ( { name, label } ) => {
-				return (
-					<Button
-						__next40pxDefaultSize
-						key={ name }
-						label={ label }
-						className={ `${ baseClassName }__categories-list__item` }
-						isPressed={ selectedCategory === name }
-						onClick={ () => {
-							onClickCategory( name );
-						} }
-					>
-						{ label }
-					</Button>
-				);
-			} ) }
-		</div>
-	);
-}
-
-function PatternsExplorerSearch( { searchValue, setSearchValue } ) {
-	const baseClassName = 'block-editor-block-patterns-explorer__search';
-	return (
-		<div className={ baseClassName }>
-			<SearchControl
-				onChange={ setSearchValue }
-				value={ searchValue }
-				label={ __( 'Search' ) }
-				placeholder={ __( 'Search' ) }
-			/>
-		</div>
-	);
-}
-
-function PatternExplorerSidebar( {
-	selectedCategory,
-	patternCategories,
-	onClickCategory,
-	searchValue,
-	setSearchValue,
-} ) {
-	const baseClassName = 'block-editor-block-patterns-explorer__sidebar';
-	return (
-		<div className={ baseClassName }>
-			<PatternsExplorerSearch
-				searchValue={ searchValue }
-				setSearchValue={ setSearchValue }
-			/>
-			{ ! searchValue && (
-				<PatternCategoriesList
-					selectedCategory={ selectedCategory }
-					patternCategories={ patternCategories }
-					onClickCategory={ onClickCategory }
-				/>
-			) }
-		</div>
-	);
-}
-
-export default PatternExplorerSidebar;

package/src/components/inserter-button/README.md

@@ -1,62 +0,0 @@
-# InserterButton
-
-InserterButton is a type of button component.
-
-## Usage
-
-```jsx
-function render() {
-	return (
-		<View>
-			<Text>Some rendered content here</Text>
-			<InserterButton
-				item={ { title: 'Short Text', icon: <SVG></SVG> } }
-				onSelect={ function ( item ) {
-					console.log( 'selected' );
-				} }
-			/>
-		</View>
-	);
-}
-```
-
-_Note:_
-
-## Props
-
-### `maxWidth`
-
--   **Type:** `String`
--   **Default:** `undefined`
-
-The max-width of the button.
-
-### `itemWidth`
-
--   **Type:** `String`
--   **Default:** `undefined`
-
-The button width.
-
-### `onSelect`
-
--   **Type:** `Function`
--   **Required** `true`
-
-The function that is called once the InserterButton has been selected.
-
-### `item`
-
--   **Type:** `Object`
--   **Required** `true`
-
-The object that gets selected.
-
-## Examples
-
-<InserterButton
-item={ item }
-itemWidth={ itemWidth }
-maxWidth={ maxWidth }
-onSelect={ onSelect }
-/>

package/src/components/inserter-button/sparkles.js

@@ -1,12 +0,0 @@
-import { SVG, Path } from '@wordpress/components';
-
-const sparkles = (
-	<SVG viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-		<Path
-			d="M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z"
-			fill="#F0C930"
-		/>
-	</SVG>
-);
-
-export default sparkles;

package/src/components/rich-text/multiline.js

@@ -1,146 +0,0 @@
-import { forwardRef } from '@wordpress/element';
-import deprecated from '@wordpress/deprecated';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { ENTER } from '@wordpress/keycodes';
-import { create, split, toHTMLString } from '@wordpress/rich-text';
-import { RichTextWrapper } from './';
-import { store as blockEditorStore } from '../../store';
-import { useBlockEditContext } from '../block-edit';
-import { getMultilineTag } from './utils';
-
-function RichTextMultiline(
-	{
-		children,
-		identifier,
-		tagName: TagName = 'div',
-		value = '',
-		onChange,
-		multiline,
-		...props
-	},
-	forwardedRef
-) {
-	deprecated( 'wp.blockEditor.RichText multiline prop', {
-		since: '6.1',
-		version: '6.3',
-		alternative: 'nested blocks (InnerBlocks)',
-		link: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/',
-	} );
-
-	const { clientId } = useBlockEditContext();
-	const { getSelectionStart, getSelectionEnd } =
-		useSelect( blockEditorStore );
-	const { selectionChange } = useDispatch( blockEditorStore );
-
-	const multilineTagName = getMultilineTag( multiline );
-	value = value || `<${ multilineTagName }></${ multilineTagName }>`;
-	const padded = `</${ multilineTagName }>${ value }<${ multilineTagName }>`;
-	const values = padded.split(
-		`</${ multilineTagName }><${ multilineTagName }>`
-	);
-
-	values.shift();
-	values.pop();
-
-	function _onChange( newValues ) {
-		onChange(
-			`<${ multilineTagName }>${ newValues.join(
-				`</${ multilineTagName }><${ multilineTagName }>`
-			) }</${ multilineTagName }>`
-		);
-	}
-
-	return (
-		<TagName ref={ forwardedRef }>
-			{ values.map( ( _value, index ) => {
-				return (
-					<RichTextWrapper
-						key={ index }
-						identifier={ `${ identifier }-${ index }` }
-						tagName={ multilineTagName }
-						value={ _value }
-						onChange={ ( newValue ) => {
-							const newValues = values.slice();
-							newValues[ index ] = newValue;
-							_onChange( newValues );
-						} }
-						isSelected={ undefined }
-						onKeyDown={ ( event ) => {
-							if ( event.keyCode !== ENTER ) {
-								return;
-							}
-
-							event.preventDefault();
-
-							const { offset: start } = getSelectionStart();
-							const { offset: end } = getSelectionEnd();
-
-							// Cannot split if there is no selection.
-							if (
-								typeof start !== 'number' ||
-								typeof end !== 'number'
-							) {
-								return;
-							}
-
-							const richTextValue = create( { html: _value } );
-							richTextValue.start = start;
-							richTextValue.end = end;
-
-							const array = split( richTextValue ).map( ( v ) =>
-								toHTMLString( { value: v } )
-							);
-
-							const newValues = values.slice();
-							newValues.splice( index, 1, ...array );
-							_onChange( newValues );
-							selectionChange(
-								clientId,
-								`${ identifier }-${ index + 1 }`,
-								0,
-								0
-							);
-						} }
-						onMerge={ ( forward ) => {
-							const newValues = values.slice();
-							let offset = 0;
-							if ( forward ) {
-								if ( ! newValues[ index + 1 ] ) {
-									return;
-								}
-								newValues.splice(
-									index,
-									2,
-									newValues[ index ] + newValues[ index + 1 ]
-								);
-								offset = newValues[ index ].length - 1;
-							} else {
-								if ( ! newValues[ index - 1 ] ) {
-									return;
-								}
-								newValues.splice(
-									index - 1,
-									2,
-									newValues[ index - 1 ] + newValues[ index ]
-								);
-								offset = newValues[ index - 1 ].length - 1;
-							}
-							_onChange( newValues );
-							selectionChange(
-								clientId,
-								`${ identifier }-${
-									index - ( forward ? 0 : 1 )
-								}`,
-								offset,
-								offset
-							);
-						} }
-						{ ...props }
-					/>
-				);
-			} ) }
-		</TagName>
-	);
-}
-
-export default forwardRef( RichTextMultiline );

package/src/default-editor-styles.scss

@@ -1,25 +0,0 @@
-@use "@wordpress/base-styles/variables" as *;
-/**
- * Default editor styles.
- *
- * These styles are shown if a theme does not register its own editor style,
- * a theme.json file, or has toggled off "Use theme styles" in preferences.
- */
-
-body {
-	font-family: $default-font;
-	font-size: 18px;
-	line-height: 1.5;
-	--wp--style--block-gap: 2em;
-}
-
-p {
-	line-height: 1.8;
-}
-
-.editor-post-title__block {
-	margin-top: 2em;
-	margin-bottom: 1em;
-	font-size: 2.5em;
-	font-weight: 800;
-}