@wordpress/block-editor 13.4.0 → 14.1.0

package/src/components/global-styles/theme-file-uri-utils.js

@@ -1,77 +0,0 @@
-/**
- * Internal dependencies
- */
-import { getValueFromObjectPath } from '../../utils/object';
-
-/**
- * Looks up a theme file URI based on a relative path.
- *
- * @param {string}        file          A relative path.
- * @param {Array<Object>} themeFileURIs A collection of absolute theme file URIs and their corresponding file paths.
- * @return {string?} A resolved theme file URI, if one is found in the themeFileURIs collection.
- */
-export function getResolvedThemeFilePath( file, themeFileURIs = [] ) {
-	const uri = themeFileURIs.find(
-		( themeFileUri ) => themeFileUri.name === file
-	);
-
-	if ( ! uri?.href ) {
-		return file;
-	}
-
-	return uri?.href;
-}
-
-/**
- * Mutates an object by settings a value at the provided path.
- *
- * @param {Object}              object Object to set a value in.
- * @param {number|string|Array} path   Path in the object to modify.
- * @param {*}                   value  New value to set.
- * @return {Object} Object with the new value set.
- */
-function setMutably( object, path, value ) {
-	path = path.split( '.' );
-	const finalValueKey = path.pop();
-	let prev = object;
-
-	for ( const key of path ) {
-		const current = prev[ key ];
-		prev = current;
-	}
-
-	prev[ finalValueKey ] = value;
-
-	return object;
-}
-
-/**
- * Resolves any relative paths if a corresponding theme file URI is available.
- * Note: this function mutates the object and is specifically to be used in
- * an async styles build context in useGlobalStylesOutput
- *
- * @param {Object}        themeJson     Theme.json/Global styles tree.
- * @param {Array<Object>} themeFileURIs A collection of absolute theme file URIs and their corresponding file paths.
- * @return {Object} Returns mutated object.
- */
-export function setThemeFileUris( themeJson, themeFileURIs ) {
-	if ( ! themeJson?.styles || ! themeFileURIs ) {
-		return themeJson;
-	}
-
-	themeFileURIs.forEach( ( { name, href, target } ) => {
-		const value = getValueFromObjectPath( themeJson, target );
-		if ( value === name ) {
-			/*
-			 * The object must not be updated immutably here because the
-			 * themeJson is a reference to the global styles tree used as a dependency in the
-			 * useGlobalStylesOutputWithConfig() hook. If we don't mutate the object,
-			 * the hook will detect the change and re-render the component, resulting
-			 * in a maximum depth exceeded error.
-			 */
-			themeJson = setMutably( themeJson, target, href );
-		}
-	} );
-
-	return themeJson;
-}

package/src/components/inner-blocks/with-client-id.js

@@ -1,19 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createHigherOrderComponent } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { useBlockEditContext } from '../block-edit/context';
-
-const withClientId = createHigherOrderComponent(
-	( WrappedComponent ) => ( props ) => {
-		const { clientId } = useBlockEditContext();
-		return <WrappedComponent { ...props } clientId={ clientId } />;
-	},
-	'withClientId'
-);
-
-export default withClientId;

package/src/components/inserter/block-patterns-tab/pattern-category-preview-panel.js

@@ -1,25 +0,0 @@
-/**
- * Internal dependencies
- */
-import { PatternCategoryPreviews } from './pattern-category-previews';
-
-export function PatternCategoryPreviewPanel( {
-	rootClientId,
-	onInsert,
-	onHover,
-	category,
-	showTitlesAsTooltip,
-	patternFilter,
-} ) {
-	return (
-		<PatternCategoryPreviews
-			key={ category.name }
-			rootClientId={ rootClientId }
-			onInsert={ onInsert }
-			onHover={ onHover }
-			category={ category }
-			showTitlesAsTooltip={ showTitlesAsTooltip }
-			patternFilter={ patternFilter }
-		/>
-	);
-}

package/src/components/segmented-text-control/index.js

@@ -1,63 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { BaseControl, Button } from '@wordpress/components';
-
-/**
- * @typedef {Object} Option
- * @property {string} label The label of the option.
- * @property {string} value The value of the option.
- * @property {string} icon  The icon of the option.
- */
-
-/**
- * Control to facilitate selecting a text style from a set of options.
- *
- * @param {Object}   props           Component props.
- * @param {string}   props.label     A label for the option.
- * @param {string}   props.value     Currently selected value.
- * @param {Function} props.onChange  Callback to handle onChange.
- * @param {Option[]} props.options   Array of options to display.
- * @param {string}   props.className Additional class name to apply.
- *
- * @return {Element} Element to render.
- */
-export default function SegmentedTextControl( {
-	label,
-	value,
-	options,
-	onChange,
-	className,
-} ) {
-	return (
-		<fieldset
-			className={ clsx(
-				'block-editor-segmented-text-control',
-				className
-			) }
-		>
-			<BaseControl.VisualLabel as="legend">
-				{ label }
-			</BaseControl.VisualLabel>
-			<div className="block-editor-segmented-text-control__buttons">
-				{ options.map( ( option ) => {
-					return (
-						<Button
-							size="compact"
-							key={ option.value }
-							icon={ option.icon }
-							label={ option.label }
-							isPressed={ option.value === value }
-							onClick={ () => onChange( option.value ) }
-						/>
-					);
-				} ) }
-			</div>
-		</fieldset>
-	);
-}

package/src/components/segmented-text-control/style.scss

@@ -1,15 +0,0 @@
-.block-editor-segmented-text-control {
-	border: 0;
-	margin: 0;
-	padding: 0;
-
-	.block-editor-segmented-text-control__buttons {
-		// 4px of padding makes the row 40px high, same as an input.
-		padding: $grid-unit-05 0;
-		display: flex;
-	}
-
-	.components-button.has-icon {
-		margin-right: $grid-unit-05;
-	}
-}