@wordpress/block-editor 8.0.12-next.33ec3857e2.0 → 8.0.15

package/build-module/components/rich-text/prevent-event-discovery.js

@@ -1,25 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { insert } from '@wordpress/rich-text';
-export function preventEventDiscovery(value) {
-  const searchText = 'tales of gutenberg';
-  const addText = ' 🐡🐢🦀🐤🦋🐘🐧🐹🦁🦄🦍🐼🐿🎃🐴🐝🐆🦕🦔🌱🍇π🍌🐉💧🥨🌌🍂🍠🥦🥚🥝🎟🥥🥒🛵🥖🍒🍯🎾🎲🐺🐚🐮⌛️';
-  const {
-    start,
-    text
-  } = value;
-
-  if (start < searchText.length) {
-    return value;
-  }
-
-  const charactersBefore = text.slice(start - searchText.length, start);
-
-  if (charactersBefore.toLowerCase() !== searchText) {
-    return value;
-  }
-
-  return insert(value, addText);
-}
-//# sourceMappingURL=prevent-event-discovery.js.map

package/build-module/components/rich-text/prevent-event-discovery.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/prevent-event-discovery.js"],"names":["insert","preventEventDiscovery","value","searchText","addText","start","text","length","charactersBefore","slice","toLowerCase"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,sBAAvB;AAEA,OAAO,SAASC,qBAAT,CAAgCC,KAAhC,EAAwC;AAC9C,QAAMC,UAAU,GAAG,oBAAnB;AACA,QAAMC,OAAO,GACZ,4FADD;AAEA,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAkBJ,KAAxB;;AAEA,MAAKG,KAAK,GAAGF,UAAU,CAACI,MAAxB,EAAiC;AAChC,WAAOL,KAAP;AACA;;AAED,QAAMM,gBAAgB,GAAGF,IAAI,CAACG,KAAL,CAAYJ,KAAK,GAAGF,UAAU,CAACI,MAA/B,EAAuCF,KAAvC,CAAzB;;AAEA,MAAKG,gBAAgB,CAACE,WAAjB,OAAmCP,UAAxC,EAAqD;AACpD,WAAOD,KAAP;AACA;;AAED,SAAOF,MAAM,CAAEE,KAAF,EAASE,OAAT,CAAb;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { insert } from '@wordpress/rich-text';\n\nexport function preventEventDiscovery( value ) {\n\tconst searchText = 'tales of gutenberg';\n\tconst addText =\n\t\t' 🐡🐢🦀🐤🦋🐘🐧🐹🦁🦄🦍🐼🐿🎃🐴🐝🐆🦕🦔🌱🍇π🍌🐉💧🥨🌌🍂🍠🥦🥚🥝🎟🥥🥒🛵🥖🍒🍯🎾🎲🐺🐚🐮⌛️';\n\tconst { start, text } = value;\n\n\tif ( start < searchText.length ) {\n\t\treturn value;\n\t}\n\n\tconst charactersBefore = text.slice( start - searchText.length, start );\n\n\tif ( charactersBefore.toLowerCase() !== searchText ) {\n\t\treturn value;\n\t}\n\n\treturn insert( value, addText );\n}\n"]}

package/build-module/components/use-display-block-controls/index.native.js

@@ -1,34 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { hasBlockSupport } from '@wordpress/blocks';
-/**
- * Internal dependencies
- */
-
-import { useBlockEditContext } from '../block-edit/context';
-import { store as blockEditorStore } from '../../store';
-export default function useDisplayBlockControls() {
-  const {
-    isSelected,
-    clientId,
-    name
-  } = useBlockEditContext();
-  return useSelect(select => {
-    const {
-      getBlockName,
-      getBlockRootClientId
-    } = select(blockEditorStore);
-    const parentId = getBlockRootClientId(clientId);
-    const parentBlockName = getBlockName(parentId);
-    const hideControls = hasBlockSupport(parentBlockName, '__experimentalHideChildBlockControls', false);
-
-    if (!hideControls && isSelected) {
-      return true;
-    }
-
-    return false;
-  }, [clientId, isSelected, name]);
-}
-//# sourceMappingURL=index.native.js.map

package/build-module/components/use-display-block-controls/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/use-display-block-controls/index.native.js"],"names":["useSelect","hasBlockSupport","useBlockEditContext","store","blockEditorStore","useDisplayBlockControls","isSelected","clientId","name","select","getBlockName","getBlockRootClientId","parentId","parentBlockName","hideControls"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AACA,SAASC,eAAT,QAAgC,mBAAhC;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,eAAe,SAASC,uBAAT,GAAmC;AACjD,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,QAAd;AAAwBC,IAAAA;AAAxB,MAAiCN,mBAAmB,EAA1D;AACA,SAAOF,SAAS,CACbS,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QAAyCF,MAAM,CACpDL,gBADoD,CAArD;AAIA,UAAMQ,QAAQ,GAAGD,oBAAoB,CAAEJ,QAAF,CAArC;AACA,UAAMM,eAAe,GAAGH,YAAY,CAAEE,QAAF,CAApC;AAEA,UAAME,YAAY,GAAGb,eAAe,CACnCY,eADmC,EAEnC,sCAFmC,EAGnC,KAHmC,CAApC;;AAMA,QAAK,CAAEC,YAAF,IAAkBR,UAAvB,EAAoC;AACnC,aAAO,IAAP;AACA;;AAED,WAAO,KAAP;AACA,GApBc,EAqBf,CAAEC,QAAF,EAAYD,UAAZ,EAAwBE,IAAxB,CArBe,CAAhB;AAuBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useDisplayBlockControls() {\n\tconst { isSelected, clientId, name } = useBlockEditContext();\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlockRootClientId } = select(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\tconst parentBlockName = getBlockName( parentId );\n\n\t\t\tconst hideControls = hasBlockSupport(\n\t\t\t\tparentBlockName,\n\t\t\t\t'__experimentalHideChildBlockControls',\n\t\t\t\tfalse\n\t\t\t);\n\n\t\t\tif ( ! hideControls && isSelected ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\t[ clientId, isSelected, name ]\n\t);\n}\n"]}

package/src/components/block-styles/menu-items.js

@@ -1,49 +0,0 @@
-/**
- * External dependencies
- */
-import { noop } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { MenuItem, __experimentalText as Text } from '@wordpress/components';
-import { check } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import useStylesForBlocks from './use-styles-for-block';
-
-export default function BlockStylesMenuItems( { clientId, onSwitch = noop } ) {
-	const { onSelect, stylesToRender, activeStyle } = useStylesForBlocks( {
-		clientId,
-		onSwitch,
-	} );
-
-	if ( ! stylesToRender || stylesToRender.length === 0 ) {
-		return null;
-	}
-	return (
-		<>
-			{ stylesToRender.map( ( style ) => {
-				const menuItemText = style.label || style.name;
-				return (
-					<MenuItem
-						key={ style.name }
-						icon={ activeStyle.name === style.name ? check : null }
-						onClick={ () => onSelect( style ) }
-					>
-						<Text
-							as="span"
-							limit={ 18 }
-							ellipsizeMode="tail"
-							truncate
-						>
-							{ menuItemText }
-						</Text>
-					</MenuItem>
-				);
-			} ) }
-		</>
-	);
-}

package/src/components/block-styles/preview-panel.js

@@ -1,36 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import InserterPreviewPanel from '../inserter/preview-panel';
-import { replaceActiveStyle } from './utils';
-
-export default function BlockStylesPreviewPanel( {
-	genericPreviewBlock,
-	style,
-	className,
-	activeStyle,
-} ) {
-	const styleClassName = replaceActiveStyle( className, activeStyle, style );
-	const previewBlocks = useMemo( () => {
-		return {
-			...genericPreviewBlock,
-			title: style.label || style.name,
-			description: style.description,
-			initialAttributes: {
-				...genericPreviewBlock.attributes,
-				className:
-					styleClassName +
-					' block-editor-block-styles__block-preview-container',
-			},
-		};
-	}, [ genericPreviewBlock, styleClassName ] );
-
-	return (
-		<InserterPreviewPanel item={ previewBlocks } isStylePreview={ true } />
-	);
-}

package/src/components/block-styles/use-styles-for-block.js

@@ -1,99 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useDispatch, useSelect } from '@wordpress/data';
-import {
-	cloneBlock,
-	getBlockType,
-	getBlockFromExample,
-	store as blocksStore,
-} from '@wordpress/blocks';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { getActiveStyle, getRenderedStyles, replaceActiveStyle } from './utils';
-import { store as blockEditorStore } from '../../store';
-
-/**
- *
- * @param {WPBlock}     block Block object.
- * @param {WPBlockType} type  Block type settings.
- * @return {WPBlock}          A generic block ready for styles preview.
- */
-function useGenericPreviewBlock( block, type ) {
-	return useMemo( () => {
-		const example = type?.example;
-		const blockName = type?.name;
-
-		if ( example && blockName ) {
-			return getBlockFromExample( blockName, {
-				attributes: example.attributes,
-				innerBlocks: example.innerBlocks,
-			} );
-		}
-
-		if ( block ) {
-			return cloneBlock( block );
-		}
-	}, [ type?.example ? block?.name : block, type ] );
-}
-
-/**
- * @typedef useStylesForBlocksArguments
- * @property {string}     clientId Block client ID.
- * @property {() => void} onSwitch Block style switch callback function.
- */
-
-/**
- *
- * @param  {useStylesForBlocksArguments} useStylesForBlocks arguments.
- * @return {Object}                                         Results of the select methods.
- */
-export default function useStylesForBlocks( { clientId, onSwitch } ) {
-	const selector = ( select ) => {
-		const { getBlock } = select( blockEditorStore );
-		const block = getBlock( clientId );
-
-		if ( ! block ) {
-			return {};
-		}
-		const blockType = getBlockType( block.name );
-		const { getBlockStyles } = select( blocksStore );
-
-		return {
-			block,
-			blockType,
-			styles: getBlockStyles( block.name ),
-			className: block.attributes.className || '',
-		};
-	};
-	const { styles, block, blockType, className } = useSelect( selector, [
-		clientId,
-	] );
-	const { updateBlockAttributes } = useDispatch( blockEditorStore );
-	const stylesToRender = getRenderedStyles( styles );
-	const activeStyle = getActiveStyle( stylesToRender, className );
-	const genericPreviewBlock = useGenericPreviewBlock( block, blockType );
-
-	const onSelect = ( style ) => {
-		const styleClassName = replaceActiveStyle(
-			className,
-			activeStyle,
-			style
-		);
-		updateBlockAttributes( clientId, {
-			className: styleClassName,
-		} );
-		onSwitch();
-	};
-
-	return {
-		onSelect,
-		stylesToRender,
-		activeStyle,
-		genericPreviewBlock,
-		className,
-	};
-}

package/src/components/rich-text/prevent-event-discovery.js

@@ -1,23 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { insert } from '@wordpress/rich-text';
-
-export function preventEventDiscovery( value ) {
-	const searchText = 'tales of gutenberg';
-	const addText =
-		' 🐡🐢🦀🐤🦋🐘🐧🐹🦁🦄🦍🐼🐿🎃🐴🐝🐆🦕🦔🌱🍇π🍌🐉💧🥨🌌🍂🍠🥦🥚🥝🎟🥥🥒🛵🥖🍒🍯🎾🎲🐺🐚🐮⌛️';
-	const { start, text } = value;
-
-	if ( start < searchText.length ) {
-		return value;
-	}
-
-	const charactersBefore = text.slice( start - searchText.length, start );
-
-	if ( charactersBefore.toLowerCase() !== searchText ) {
-		return value;
-	}
-
-	return insert( value, addText );
-}

package/src/components/use-display-block-controls/index.native.js

@@ -1,38 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { hasBlockSupport } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { useBlockEditContext } from '../block-edit/context';
-import { store as blockEditorStore } from '../../store';
-
-export default function useDisplayBlockControls() {
-	const { isSelected, clientId, name } = useBlockEditContext();
-	return useSelect(
-		( select ) => {
-			const { getBlockName, getBlockRootClientId } = select(
-				blockEditorStore
-			);
-
-			const parentId = getBlockRootClientId( clientId );
-			const parentBlockName = getBlockName( parentId );
-
-			const hideControls = hasBlockSupport(
-				parentBlockName,
-				'__experimentalHideChildBlockControls',
-				false
-			);
-
-			if ( ! hideControls && isSelected ) {
-				return true;
-			}
-
-			return false;
-		},
-		[ clientId, isSelected, name ]
-	);
-}

package/src/components/writing-flow/test/use-multi-selection.js

@@ -1,36 +0,0 @@
-/**
- * Internal dependencies
- */
-import { toggleRichText } from '../use-multi-selection';
-
-describe( 'toggleRichText', () => {
-	function getContainer( isContentEditible ) {
-		const container = document.createDocumentFragment();
-		[
-			'rich-text',
-			'rich-text editor-post-title__input',
-			'some-other-class',
-		].forEach( ( className ) => {
-			const element = document.createElement( 'div' );
-			element.setAttribute( 'class', className );
-			if ( isContentEditible ) {
-				element.setAttribute( 'contenteditable', true );
-			}
-			container.appendChild( element );
-		} );
-		return container;
-	}
-
-	it( 'should set the `contenteditable` attribute on eligible rich text nodes', () => {
-		const container = getContainer();
-		toggleRichText( container, true );
-		let nodes = container.querySelectorAll( '[contenteditable=true]' );
-
-		expect( nodes ).toHaveLength( 1 );
-		expect( nodes[ 0 ].className ).toBe( 'rich-text' );
-
-		toggleRichText( container, false );
-		nodes = container.querySelectorAll( '[contenteditable=true]' );
-		expect( nodes ).toHaveLength( 0 );
-	} );
-} );

package/src/hooks/dimensions.scss

@@ -1,5 +0,0 @@
-.dimensions-block-support-panel {
-	.single-column {
-		grid-column: span 1;
-	}
-}