@wordpress/block-editor 12.9.0 → 12.10.0

package/build-module/hooks/behaviors.js

@@ -1,166 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-/**
- * WordPress dependencies
- */
-import { addFilter } from '@wordpress/hooks';
-import { SelectControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { hasBlockSupport } from '@wordpress/blocks';
-import { createHigherOrderComponent } from '@wordpress/compose';
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../store';
-import { InspectorControls } from '../components';
-function BehaviorsControl({
-  blockName,
-  blockBehaviors,
-  onChangeBehavior,
-  onChangeAnimation,
-  disabled = false
-}) {
-  const {
-    settings
-  } = useSelect(select => {
-    const {
-      getSettings
-    } = select(blockEditorStore);
-    return {
-      settings: getSettings()?.__experimentalFeatures?.blocks?.[blockName]?.behaviors || {}
-    };
-  }, [blockName]);
-  const defaultBehaviors = {
-    default: {
-      value: 'default',
-      label: __('Default')
-    },
-    noBehaviors: {
-      value: '',
-      label: __('No behaviors')
-    }
-  };
-  const behaviorsOptions = Object.entries(settings).filter(([behaviorName, behaviorValue]) => hasBlockSupport(blockName, `behaviors.${behaviorName}`) && behaviorValue) // Filter out behaviors that are disabled.
-  .map(([behaviorName]) => ({
-    value: behaviorName,
-    // Capitalize the first letter of the behavior name.
-    label: `${behaviorName.charAt(0).toUpperCase()}${behaviorName.slice(1).toLowerCase()}`
-  }));
-  const options = [...Object.values(defaultBehaviors), ...behaviorsOptions];
-  const {
-    behaviors,
-    behaviorsValue
-  } = useMemo(() => {
-    const mergedBehaviors = {
-      ...(blockBehaviors || {})
-    };
-    let value = '';
-    if (blockBehaviors === undefined) {
-      value = 'default';
-    }
-    if (blockBehaviors?.lightbox.enabled) {
-      value = 'lightbox';
-    }
-    return {
-      behaviors: mergedBehaviors,
-      behaviorsValue: value
-    };
-  }, [blockBehaviors]);
-
-  // If every behavior is disabled, do not show the behaviors inspector control.
-  if (behaviorsOptions.length === 0) {
-    return null;
-  }
-  const helpText = disabled ? __('The lightbox behavior is disabled for linked images.') : '';
-  return createElement(InspectorControls, {
-    group: "advanced"
-  }, createElement("div", null, createElement(SelectControl, {
-    label: __('Behaviors')
-    // At the moment we are only supporting one behavior (Lightbox)
-    ,
-    value: behaviorsValue,
-    options: options,
-    onChange: onChangeBehavior,
-    hideCancelButton: true,
-    help: helpText,
-    size: "__unstable-large",
-    disabled: disabled
-  }), behaviorsValue === 'lightbox' && createElement(SelectControl, {
-    label: __('Animation')
-    // At the moment we are only supporting one behavior (Lightbox)
-    ,
-    value: behaviors?.lightbox.animation ? behaviors?.lightbox.animation : '',
-    options: [{
-      value: 'zoom',
-      label: __('Zoom')
-    }, {
-      value: 'fade',
-      label: __('Fade')
-    }],
-    onChange: onChangeAnimation,
-    hideCancelButton: false,
-    size: "__unstable-large",
-    disabled: disabled
-  })));
-}
-
-/**
- * Override the default edit UI to include a new block inspector control for
- * assigning behaviors to blocks if behaviors are enabled in the theme.json.
- *
- * Currently, only the `core/image` block is supported.
- *
- * @param {WPComponent} BlockEdit Original component.
- *
- * @return {WPComponent} Wrapped component.
- */
-export const withBehaviors = createHigherOrderComponent(BlockEdit => {
-  return props => {
-    const blockEdit = createElement(BlockEdit, {
-      key: "edit",
-      ...props
-    });
-    // Only add behaviors to blocks with support.
-    if (!hasBlockSupport(props.name, 'behaviors')) {
-      return blockEdit;
-    }
-    const blockHasLink = typeof props.attributes?.linkDestination !== 'undefined' && props.attributes?.linkDestination !== 'none';
-    return createElement(Fragment, null, blockEdit, createElement(BehaviorsControl, {
-      blockName: props.name,
-      blockBehaviors: props.attributes.behaviors,
-      onChangeBehavior: nextValue => {
-        if (nextValue === 'default') {
-          props.setAttributes({
-            behaviors: undefined
-          });
-        } else {
-          // If the user selects something, it means that they want to
-          // change the default value (true) so we save it in the attributes.
-          props.setAttributes({
-            behaviors: {
-              lightbox: {
-                enabled: nextValue === 'lightbox',
-                animation: nextValue === 'lightbox' ? 'zoom' : ''
-              }
-            }
-          });
-        }
-      },
-      onChangeAnimation: nextValue => {
-        props.setAttributes({
-          behaviors: {
-            lightbox: {
-              enabled: props.attributes.behaviors.lightbox.enabled,
-              animation: nextValue
-            }
-          }
-        });
-      },
-      disabled: blockHasLink
-    }));
-  };
-}, 'withBehaviors');
-addFilter('editor.BlockEdit', 'core/behaviors/with-inspector-control', withBehaviors);
-//# sourceMappingURL=behaviors.js.map

package/build-module/hooks/behaviors.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["addFilter","SelectControl","__","hasBlockSupport","createHigherOrderComponent","useSelect","useMemo","store","blockEditorStore","InspectorControls","BehaviorsControl","blockName","blockBehaviors","onChangeBehavior","onChangeAnimation","disabled","settings","select","getSettings","__experimentalFeatures","blocks","behaviors","defaultBehaviors","default","value","label","noBehaviors","behaviorsOptions","Object","entries","filter","behaviorName","behaviorValue","map","charAt","toUpperCase","slice","toLowerCase","options","values","behaviorsValue","mergedBehaviors","undefined","lightbox","enabled","length","helpText","createElement","group","onChange","hideCancelButton","help","size","animation","withBehaviors","BlockEdit","props","blockEdit","key","name","blockHasLink","attributes","linkDestination","Fragment","nextValue","setAttributes"],"sources":["@wordpress/block-editor/src/hooks/behaviors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\nimport { InspectorControls } from '../components';\n\nfunction BehaviorsControl( {\n\tblockName,\n\tblockBehaviors,\n\tonChangeBehavior,\n\tonChangeAnimation,\n\tdisabled = false,\n} ) {\n\tconst { settings } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tsettings:\n\t\t\t\t\tgetSettings()?.__experimentalFeatures?.blocks?.[ blockName ]\n\t\t\t\t\t\t?.behaviors || {},\n\t\t\t};\n\t\t},\n\t\t[ blockName ]\n\t);\n\n\tconst defaultBehaviors = {\n\t\tdefault: {\n\t\t\tvalue: 'default',\n\t\t\tlabel: __( 'Default' ),\n\t\t},\n\t\tnoBehaviors: {\n\t\t\tvalue: '',\n\t\t\tlabel: __( 'No behaviors' ),\n\t\t},\n\t};\n\tconst behaviorsOptions = Object.entries( settings )\n\t\t.filter(\n\t\t\t( [ behaviorName, behaviorValue ] ) =>\n\t\t\t\thasBlockSupport( blockName, `behaviors.${ behaviorName }` ) &&\n\t\t\t\tbehaviorValue\n\t\t) // Filter out behaviors that are disabled.\n\t\t.map( ( [ behaviorName ] ) => ( {\n\t\t\tvalue: behaviorName,\n\t\t\t// Capitalize the first letter of the behavior name.\n\t\t\tlabel: `${ behaviorName.charAt( 0 ).toUpperCase() }${ behaviorName\n\t\t\t\t.slice( 1 )\n\t\t\t\t.toLowerCase() }`,\n\t\t} ) );\n\tconst options = [\n\t\t...Object.values( defaultBehaviors ),\n\t\t...behaviorsOptions,\n\t];\n\n\tconst { behaviors, behaviorsValue } = useMemo( () => {\n\t\tconst mergedBehaviors = {\n\t\t\t...( blockBehaviors || {} ),\n\t\t};\n\n\t\tlet value = '';\n\t\tif ( blockBehaviors === undefined ) {\n\t\t\tvalue = 'default';\n\t\t}\n\t\tif ( blockBehaviors?.lightbox.enabled ) {\n\t\t\tvalue = 'lightbox';\n\t\t}\n\t\treturn {\n\t\t\tbehaviors: mergedBehaviors,\n\t\t\tbehaviorsValue: value,\n\t\t};\n\t}, [ blockBehaviors ] );\n\n\t// If every behavior is disabled, do not show the behaviors inspector control.\n\tif ( behaviorsOptions.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst helpText = disabled\n\t\t? __( 'The lightbox behavior is disabled for linked images.' )\n\t\t: '';\n\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t<div>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Behaviors' ) }\n\t\t\t\t\t// At the moment we are only supporting one behavior (Lightbox)\n\t\t\t\t\tvalue={ behaviorsValue }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tonChange={ onChangeBehavior }\n\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\thelp={ helpText }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t\t{ behaviorsValue === 'lightbox' && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Animation' ) }\n\t\t\t\t\t\t// At the moment we are only supporting one behavior (Lightbox)\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tbehaviors?.lightbox.animation\n\t\t\t\t\t\t\t\t? behaviors?.lightbox.animation\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: 'zoom',\n\t\t\t\t\t\t\t\tlabel: __( 'Zoom' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: 'fade',\n\t\t\t\t\t\t\t\tlabel: __( 'Fade' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ onChangeAnimation }\n\t\t\t\t\t\thideCancelButton={ false }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</InspectorControls>\n\t);\n}\n\n/**\n * Override the default edit UI to include a new block inspector control for\n * assigning behaviors to blocks if behaviors are enabled in the theme.json.\n *\n * Currently, only the `core/image` block is supported.\n *\n * @param {WPComponent} BlockEdit Original component.\n *\n * @return {WPComponent} Wrapped component.\n */\nexport const withBehaviors = createHigherOrderComponent( ( BlockEdit ) => {\n\treturn ( props ) => {\n\t\tconst blockEdit = <BlockEdit key=\"edit\" { ...props } />;\n\t\t// Only add behaviors to blocks with support.\n\t\tif ( ! hasBlockSupport( props.name, 'behaviors' ) ) {\n\t\t\treturn blockEdit;\n\t\t}\n\t\tconst blockHasLink =\n\t\t\ttypeof props.attributes?.linkDestination !== 'undefined' &&\n\t\t\tprops.attributes?.linkDestination !== 'none';\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockEdit }\n\t\t\t\t<BehaviorsControl\n\t\t\t\t\tblockName={ props.name }\n\t\t\t\t\tblockBehaviors={ props.attributes.behaviors }\n\t\t\t\t\tonChangeBehavior={ ( nextValue ) => {\n\t\t\t\t\t\tif ( nextValue === 'default' ) {\n\t\t\t\t\t\t\tprops.setAttributes( {\n\t\t\t\t\t\t\t\tbehaviors: undefined,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// If the user selects something, it means that they want to\n\t\t\t\t\t\t\t// change the default value (true) so we save it in the attributes.\n\t\t\t\t\t\t\tprops.setAttributes( {\n\t\t\t\t\t\t\t\tbehaviors: {\n\t\t\t\t\t\t\t\t\tlightbox: {\n\t\t\t\t\t\t\t\t\t\tenabled: nextValue === 'lightbox',\n\t\t\t\t\t\t\t\t\t\tanimation:\n\t\t\t\t\t\t\t\t\t\t\tnextValue === 'lightbox'\n\t\t\t\t\t\t\t\t\t\t\t\t? 'zoom'\n\t\t\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonChangeAnimation={ ( nextValue ) => {\n\t\t\t\t\t\tprops.setAttributes( {\n\t\t\t\t\t\t\tbehaviors: {\n\t\t\t\t\t\t\t\tlightbox: {\n\t\t\t\t\t\t\t\t\tenabled:\n\t\t\t\t\t\t\t\t\t\tprops.attributes.behaviors.lightbox\n\t\t\t\t\t\t\t\t\t\t\t.enabled,\n\t\t\t\t\t\t\t\t\tanimation: nextValue,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdisabled={ blockHasLink }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n}, 'withBehaviors' );\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/behaviors/with-inspector-control',\n\twithBehaviors\n);\n"],"mappings":"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"}

package/src/components/duotone/components.js

@@ -1,133 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { SVG } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { __unstableGetValuesFromColors as getValuesFromColors } from './index';
-
-/**
- * SVG and stylesheet needed for rendering the duotone filter.
- *
- * @param {Object} props          Duotone props.
- * @param {string} props.selector Selector to apply the filter to.
- * @param {string} props.id       Unique id for this duotone filter.
- *
- * @return {WPElement} Duotone element.
- */
-export function DuotoneStylesheet( { selector, id } ) {
-	const css = `
-${ selector } {
-	filter: url( #${ id } );
-}
-`;
-	return <style>{ css }</style>;
-}
-
-/**
- * Stylesheet for disabling a global styles duotone filter.
- *
- * @param {Object} props          Duotone props.
- * @param {string} props.selector Selector to disable the filter for.
- *
- * @return {WPElement} Filter none style element.
- */
-export function DuotoneUnsetStylesheet( { selector } ) {
-	const css = `
-${ selector } {
-	filter: none;
-}
-`;
-	return <style>{ css }</style>;
-}
-
-/**
- * The SVG part of the duotone filter.
- *
- * @param {Object}   props        Duotone props.
- * @param {string}   props.id     Unique id for this duotone filter.
- * @param {string[]} props.colors Color strings from dark to light.
- *
- * @return {WPElement} Duotone SVG.
- */
-export function DuotoneFilter( { id, colors } ) {
-	const values = getValuesFromColors( colors );
-	return (
-		<SVG
-			xmlnsXlink="http://www.w3.org/1999/xlink"
-			viewBox="0 0 0 0"
-			width="0"
-			height="0"
-			focusable="false"
-			role="none"
-			style={ {
-				visibility: 'hidden',
-				position: 'absolute',
-				left: '-9999px',
-				overflow: 'hidden',
-			} }
-		>
-			<defs>
-				<filter id={ id }>
-					<feColorMatrix
-						// Use sRGB instead of linearRGB so transparency looks correct.
-						colorInterpolationFilters="sRGB"
-						type="matrix"
-						// Use perceptual brightness to convert to grayscale.
-						values="
-							.299 .587 .114 0 0
-							.299 .587 .114 0 0
-							.299 .587 .114 0 0
-							.299 .587 .114 0 0
-						"
-					/>
-					<feComponentTransfer
-						// Use sRGB instead of linearRGB to be consistent with how CSS gradients work.
-						colorInterpolationFilters="sRGB"
-					>
-						<feFuncR
-							type="table"
-							tableValues={ values.r.join( ' ' ) }
-						/>
-						<feFuncG
-							type="table"
-							tableValues={ values.g.join( ' ' ) }
-						/>
-						<feFuncB
-							type="table"
-							tableValues={ values.b.join( ' ' ) }
-						/>
-						<feFuncA
-							type="table"
-							tableValues={ values.a.join( ' ' ) }
-						/>
-					</feComponentTransfer>
-					<feComposite
-						// Re-mask the image with the original transparency since the feColorMatrix above loses that information.
-						in2="SourceGraphic"
-						operator="in"
-					/>
-				</filter>
-			</defs>
-		</SVG>
-	);
-}
-
-/**
- * SVG from a duotone preset
- *
- * @param {Object} props        Duotone props.
- * @param {Object} props.preset Duotone preset settings.
- *
- * @return {WPElement} Duotone element.
- */
-export function PresetDuotoneFilter( { preset } ) {
-	return (
-		<DuotoneFilter
-			id={ `wp-duotone-${ preset.slug }` }
-			colors={ preset.colors }
-		/>
-	);
-}

package/src/components/duotone/index.js

@@ -1,7 +0,0 @@
-export { getValuesFromColors as __unstableGetValuesFromColors } from './utils';
-export {
-	DuotoneFilter as __unstableDuotoneFilter,
-	PresetDuotoneFilter as __unstablePresetDuotoneFilter,
-	DuotoneStylesheet as __unstableDuotoneStylesheet,
-	DuotoneUnsetStylesheet as __unstableDuotoneUnsetStylesheet,
-} from './components';

package/src/components/global-styles/behaviors-panel.js

@@ -1,71 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { SelectControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-export default function ( { onChange, value, behaviors } ) {
-	const defaultBehaviors = {
-		default: {
-			value: 'default',
-			label: __( 'Default' ),
-		},
-		noBehaviors: {
-			value: '',
-			label: __( 'No behaviors' ),
-		},
-	};
-
-	const behaviorsOptions = Object.entries( behaviors ).map(
-		( [ behaviorName ] ) => ( {
-			value: behaviorName,
-			// Capitalize the first letter of the behavior name.
-			label: `${ behaviorName.charAt( 0 ).toUpperCase() }${ behaviorName
-				.slice( 1 )
-				.toLowerCase() }`,
-		} )
-	);
-
-	const options = [
-		...Object.values( defaultBehaviors ),
-		...behaviorsOptions,
-	];
-
-	const animations = [
-		{
-			value: 'zoom',
-			label: __( 'Zoom' ),
-		},
-		{
-			value: 'fade',
-			label: __( 'Fade' ),
-		},
-	];
-	return (
-		<div style={ { marginTop: '2rem' } }>
-			<SelectControl
-				label={ __( 'Behaviors' ) }
-				// At the moment we are only supporting one behavior (Lightbox)
-				value={ value }
-				options={ options }
-				onChange={ onChange }
-				hideCancelButton={ true }
-				size="__unstable-large"
-			/>
-			{ value === 'lightbox' && (
-				<SelectControl
-					label={ __( 'Animation' ) }
-					value={
-						behaviors?.lightbox.animation
-							? behaviors?.lightbox.animation
-							: ''
-					}
-					options={ animations }
-					onChange={ onChange }
-					hideCancelButton={ false }
-					size="__unstable-large"
-				/>
-			) }
-		</div>
-	);
-}

package/src/components/inserter/reusable-blocks-tab.js

@@ -1,84 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { addQueryArgs } from '@wordpress/url';
-import { Button } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import BlockTypesList from '../block-types-list';
-import InserterPanel from './panel';
-import InserterNoResults from './no-results';
-import useBlockTypesState from './hooks/use-block-types-state';
-import ReusableBlocksRenameHint from './reusable-block-rename-hint';
-
-function ReusableBlocksList( { onHover, onInsert, rootClientId } ) {
-	const [ items, , , onSelectItem ] = useBlockTypesState(
-		rootClientId,
-		onInsert
-	);
-
-	const filteredItems = useMemo( () => {
-		return items.filter(
-			( { category, syncStatus } ) =>
-				category === 'reusable' && syncStatus !== 'unsynced'
-		);
-	}, [ items ] );
-
-	if ( filteredItems.length === 0 ) {
-		return <InserterNoResults />;
-	}
-
-	return (
-		<InserterPanel title={ __( 'Synced patterns' ) }>
-			<BlockTypesList
-				items={ filteredItems }
-				onSelect={ onSelectItem }
-				onHover={ onHover }
-				label={ __( 'Synced patterns' ) }
-			/>
-		</InserterPanel>
-	);
-}
-
-// The unwrapped component is only exported for use by unit tests.
-/**
- * List of reusable blocks shown in the "Reusable" tab of the inserter.
- *
- * @param {Object}   props              Component props.
- * @param {?string}  props.rootClientId Client id of block to insert into.
- * @param {Function} props.onInsert     Callback to run when item is inserted.
- * @param {Function} props.onHover      Callback to run when item is hovered.
- *
- * @return {WPComponent} The component.
- */
-export function ReusableBlocksTab( { rootClientId, onInsert, onHover } ) {
-	return (
-		<>
-			<div className="block-editor-inserter__hint">
-				<ReusableBlocksRenameHint />
-			</div>
-			<ReusableBlocksList
-				onHover={ onHover }
-				onInsert={ onInsert }
-				rootClientId={ rootClientId }
-			/>
-			<div className="block-editor-inserter__manage-reusable-blocks-container">
-				<Button
-					className="block-editor-inserter__manage-reusable-blocks"
-					variant="secondary"
-					href={ addQueryArgs( 'edit.php', {
-						post_type: 'wp_block',
-					} ) }
-				>
-					{ __( 'Manage my patterns' ) }
-				</Button>
-			</div>
-		</>
-	);
-}
-
-export default ReusableBlocksTab;

package/src/components/inserter/test/reusable-blocks-tab.js

@@ -1,73 +0,0 @@
-/**
- * External dependencies
- */
-import { render, screen } from '@testing-library/react';
-
-/**
- * WordPress dependencies
- */
-import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { ReusableBlocksTab } from '../reusable-blocks-tab';
-import items, { categories, collections } from './fixtures';
-import useBlockTypesState from '../hooks/use-block-types-state';
-
-jest.mock( '../hooks/use-block-types-state', () => {
-	// This allows us to tweak the returned value on each test.
-	const mock = jest.fn();
-	return mock;
-} );
-
-describe( 'InserterMenu', () => {
-	beforeAll( () => {
-		registerBlockType( 'core/block', {
-			save: () => {},
-			title: 'reusable block',
-			edit: () => {},
-		} );
-	} );
-
-	afterAll( () => {
-		unregisterBlockType( 'core/block' );
-	} );
-
-	beforeEach( () => {
-		useBlockTypesState.mockImplementation( () => [
-			items,
-			categories,
-			collections,
-		] );
-	} );
-
-	it( 'should show nothing if there are no items', () => {
-		const noItems = [];
-		useBlockTypesState.mockImplementation( () => [
-			noItems,
-			categories,
-			collections,
-		] );
-
-		render( <ReusableBlocksTab filterValue="random" /> );
-
-		expect( screen.queryByRole( 'option' ) ).not.toBeInTheDocument();
-	} );
-
-	it( 'should list reusable blocks', () => {
-		render( <ReusableBlocksTab /> );
-
-		expect(
-			screen.getByRole( 'option', { name: 'My reusable block' } )
-		).toBeVisible();
-	} );
-
-	it( 'should trim whitespace of search terms', () => {
-		render( <ReusableBlocksTab filterValue=" my reusable" /> );
-
-		expect(
-			screen.getByRole( 'option', { name: 'My reusable block' } )
-		).toBeVisible();
-	} );
-} );