@wordpress/block-editor 11.3.3 → 11.4.0

package/src/hooks/text-decoration.js

@@ -1,102 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { hasBlockSupport } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import TextDecorationControl from '../components/text-decoration-control';
-import useSetting from '../components/use-setting';
-import { cleanEmptyObject } from './utils';
-
-/**
- * Key within block settings' supports array indicating support for text
- * decorations e.g. settings found in `block.json`.
- */
-export const TEXT_DECORATION_SUPPORT_KEY =
-	'typography.__experimentalTextDecoration';
-
-/**
- * Inspector control panel containing the text decoration options.
- *
- * @param {Object} props Block properties.
- *
- * @return {WPElement} Text decoration edit element.
- */
-export function TextDecorationEdit( props ) {
-	const {
-		attributes: { style },
-		setAttributes,
-	} = props;
-
-	function onChange( newDecoration ) {
-		setAttributes( {
-			style: cleanEmptyObject( {
-				...style,
-				typography: {
-					...style?.typography,
-					textDecoration: newDecoration,
-				},
-			} ),
-		} );
-	}
-
-	return (
-		<TextDecorationControl
-			value={ style?.typography?.textDecoration }
-			onChange={ onChange }
-			size="__unstable-large"
-		/>
-	);
-}
-
-/**
- * Checks if text-decoration settings have been disabled.
- *
- * @param {string} name Name of the block.
- *
- * @return {boolean} Whether or not the setting is disabled.
- */
-export function useIsTextDecorationDisabled( { name: blockName } = {} ) {
-	const notSupported = ! hasBlockSupport(
-		blockName,
-		TEXT_DECORATION_SUPPORT_KEY
-	);
-	const hasTextDecoration = useSetting( 'typography.textDecoration' );
-
-	return notSupported || ! hasTextDecoration;
-}
-
-/**
- * Checks if there is a current value set for the text decoration block support.
- *
- * @param {Object} props Block props.
- * @return {boolean}     Whether or not the block has a text decoration set.
- */
-export function hasTextDecorationValue( props ) {
-	return !! props.attributes.style?.typography?.textDecoration;
-}
-
-/**
- * Resets the text decoration block support attribute. This can be used when
- * disabling the text decoration support controls for a block via a progressive
- * discovery panel.
- *
- * @param {Object} props               Block props.
- * @param {Object} props.attributes    Block's attributes.
- * @param {Object} props.setAttributes Function to set block's attributes.
- */
-export function resetTextDecoration( { attributes = {}, setAttributes } ) {
-	const { style } = attributes;
-
-	setAttributes( {
-		style: cleanEmptyObject( {
-			...style,
-			typography: {
-				...style?.typography,
-				textDecoration: undefined,
-			},
-		} ),
-	} );
-}

package/src/hooks/text-transform.js

@@ -1,101 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { hasBlockSupport } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import TextTransformControl from '../components/text-transform-control';
-import useSetting from '../components/use-setting';
-import { cleanEmptyObject } from './utils';
-
-/**
- * Key within block settings' supports array indicating support for text
- * transforms e.g. settings found in `block.json`.
- */
-export const TEXT_TRANSFORM_SUPPORT_KEY =
-	'typography.__experimentalTextTransform';
-
-/**
- * Inspector control panel containing the text transform options.
- *
- * @param {Object} props Block properties.
- *
- * @return {WPElement} Text transform edit element.
- */
-export function TextTransformEdit( props ) {
-	const {
-		attributes: { style },
-		setAttributes,
-	} = props;
-
-	function onChange( newTransform ) {
-		setAttributes( {
-			style: cleanEmptyObject( {
-				...style,
-				typography: {
-					...style?.typography,
-					textTransform: newTransform,
-				},
-			} ),
-		} );
-	}
-
-	return (
-		<TextTransformControl
-			value={ style?.typography?.textTransform }
-			onChange={ onChange }
-			size="__unstable-large"
-		/>
-	);
-}
-
-/**
- * Checks if text-transform settings have been disabled.
- *
- * @param {string} name Name of the block.
- *
- * @return {boolean} Whether or not the setting is disabled.
- */
-export function useIsTextTransformDisabled( { name: blockName } = {} ) {
-	const notSupported = ! hasBlockSupport(
-		blockName,
-		TEXT_TRANSFORM_SUPPORT_KEY
-	);
-	const hasTextTransforms = useSetting( 'typography.textTransform' );
-	return notSupported || ! hasTextTransforms;
-}
-
-/**
- * Checks if there is a current value set for the text transform block support.
- *
- * @param {Object} props Block props.
- * @return {boolean}     Whether or not the block has a text transform set.
- */
-export function hasTextTransformValue( props ) {
-	return !! props.attributes.style?.typography?.textTransform;
-}
-
-/**
- * Resets the text transform block support attribute. This can be used when
- * disabling the text transform support controls for a block via a progressive
- * discovery panel.
- *
- * @param {Object} props               Block props.
- * @param {Object} props.attributes    Block's attributes.
- * @param {Object} props.setAttributes Function to set block's attributes.
- */
-export function resetTextTransform( { attributes = {}, setAttributes } ) {
-	const { style } = attributes;
-
-	setAttributes( {
-		style: cleanEmptyObject( {
-			...style,
-			typography: {
-				...style?.typography,
-				textTransform: undefined,
-			},
-		} ),
-	} );
-}