@wordpress/block-editor 12.18.1 → 12.19.0

package/src/components/use-settings/test/index.js

@@ -1,141 +0,0 @@
-/**
- * External dependencies
- */
-import { render } from '@testing-library/react';
-
-/**
- * WordPress dependencies
- */
-import { addFilter, removeFilter } from '@wordpress/hooks';
-import { useSelect } from '@wordpress/data';
-import { useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { useSettings, useSetting } from '..';
-import * as BlockEditContext from '../../block-edit/context';
-
-// Mock useSelect() functions used by useSettings()
-jest.mock( '@wordpress/data/src/components/use-select' );
-
-let selectMock = {};
-const setupSelectMock = () => {
-	selectMock = {
-		getSettings: () => ( {} ),
-		getBlockParents: () => [],
-		getBlockName: () => '',
-	};
-};
-
-useSelect.mockImplementation( ( callback ) => callback( () => selectMock ) );
-
-const mockSettings = ( settings ) => {
-	selectMock.getSettings = () => ( {
-		__experimentalFeatures: settings,
-	} );
-};
-
-const mockCurrentBlockContext = (
-	blockContext = { name: '', isSelected: false }
-) => {
-	jest.spyOn( BlockEditContext, 'useBlockEditContext' ).mockReturnValue(
-		blockContext
-	);
-};
-
-function runHook( hookCb ) {
-	let storedResult;
-	function TestHook() {
-		const result = hookCb();
-		useEffect( () => {
-			storedResult = result;
-		}, [ result ] );
-	}
-	render( <TestHook /> );
-	return storedResult;
-}
-
-describe( 'useSettings', () => {
-	beforeEach( () => {
-		setupSelectMock();
-		mockCurrentBlockContext();
-	} );
-
-	it( 'uses block setting', () => {
-		mockSettings( {
-			blocks: {
-				'core/test-block': {
-					layout: {
-						contentSize: '840px',
-					},
-				},
-			},
-		} );
-
-		mockCurrentBlockContext( {
-			name: 'core/test-block',
-		} );
-
-		const result = runHook( () => useSettings( 'layout.contentSize' ) );
-		expect( result ).toEqual( [ '840px' ] );
-	} );
-
-	it( 'uses blockEditor.useSetting.before hook override', () => {
-		mockSettings( {
-			blocks: {
-				'core/test-block': {
-					layout: {
-						contentSize: '840px',
-					},
-				},
-			},
-		} );
-
-		mockCurrentBlockContext( {
-			name: 'core/test-block',
-		} );
-
-		addFilter(
-			'blockEditor.useSetting.before',
-			'test/useSetting.before',
-			( result, path, clientId, blockName ) => {
-				if ( blockName === 'core/test-block' ) {
-					return '960px';
-				}
-
-				return result;
-			}
-		);
-
-		const result = runHook( () => useSettings( 'layout.contentSize' ) );
-		expect( result ).toEqual( [ '960px' ] );
-
-		removeFilter(
-			'blockEditor.useSetting.before',
-			'test/useSetting.before'
-		);
-	} );
-
-	it( 'supports also the deprecated useSetting function', () => {
-		mockSettings( {
-			blocks: {
-				'core/test-block': {
-					layout: {
-						contentSize: '840px',
-					},
-				},
-			},
-		} );
-
-		mockCurrentBlockContext( {
-			name: 'core/test-block',
-		} );
-
-		const result = runHook( () => useSetting( 'layout.contentSize' ) );
-		expect( result ).toBe( '840px' );
-		expect( console ).toHaveWarnedWith(
-			'wp.blockEditor.useSetting is deprecated since version 6.5. Please use wp.blockEditor.useSettings instead.'
-		);
-	} );
-} );

package/src/hooks/effects.js

@@ -1,57 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { hasBlockSupport } from '@wordpress/blocks';
-import { useSelect } from '@wordpress/data';
-/**
- * Internal dependencies
- */
-import StylesEffectsPanel, {
-	useHasEffectsPanel,
-} from '../components/global-styles/effects-panel';
-import { InspectorControls } from '../components';
-import { store as blockEditorStore } from '../store';
-import { cleanEmptyObject } from './utils';
-
-export const SHADOW_SUPPORT_KEY = 'shadow';
-export const EFFECTS_SUPPORT_KEYS = [ SHADOW_SUPPORT_KEY ];
-
-export function hasEffectsSupport( blockName ) {
-	return EFFECTS_SUPPORT_KEYS.some( ( key ) =>
-		hasBlockSupport( blockName, key )
-	);
-}
-
-function EffectsInspectorControl( { children, resetAllFilter } ) {
-	return (
-		<InspectorControls group="effects" resetAllFilter={ resetAllFilter }>
-			{ children }
-		</InspectorControls>
-	);
-}
-export function EffectsPanel( { clientId, setAttributes, settings } ) {
-	const isEnabled = useHasEffectsPanel( settings );
-	const value = useSelect(
-		( select ) =>
-			select( blockEditorStore ).getBlockAttributes( clientId )?.style,
-		[ clientId ]
-	);
-
-	const onChange = ( newStyle ) => {
-		setAttributes( { style: cleanEmptyObject( newStyle ) } );
-	};
-
-	if ( ! isEnabled ) {
-		return null;
-	}
-
-	return (
-		<StylesEffectsPanel
-			as={ EffectsInspectorControl }
-			panelId={ clientId }
-			settings={ settings }
-			value={ value }
-			onChange={ onChange }
-		/>
-	);
-}

package/src/hooks/test/effects.js

@@ -1,39 +0,0 @@
-/**
- * Internal dependencies
- */
-import { hasEffectsSupport } from '../effects';
-
-describe( 'effects', () => {
-	describe( 'hasEffectsSupport', () => {
-		it( 'should return false if the block does not support effects', () => {
-			const settings = {
-				supports: {
-					shadow: false,
-				},
-			};
-
-			expect( hasEffectsSupport( settings ) ).toBe( false );
-		} );
-
-		it( 'should return true if the block supports effects', () => {
-			const settings = {
-				supports: {
-					shadow: true,
-				},
-			};
-
-			expect( hasEffectsSupport( settings ) ).toBe( true );
-		} );
-
-		it( 'should return true if the block supports effects and other features', () => {
-			const settings = {
-				supports: {
-					shadow: true,
-					align: true,
-				},
-			};
-
-			expect( hasEffectsSupport( settings ) ).toBe( true );
-		} );
-	} );
-} );