UNPKG

@wordpress/block-editor

Version:
8 lines (7 loc) 9.04 kB
{ "version": 3, "sources": ["../../../src/components/block-list/use-in-between-inserter.js"], "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { InsertionPointOpenRef } from '../block-tools/insertion-point';\nimport { unlock } from '../../lock-unlock';\n\nexport function useInBetweenInserter() {\n\tconst openRef = useContext( InsertionPointOpenRef );\n\tconst isInBetweenInserterDisabled = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().isDistractionFree ||\n\t\t\tunlock( select( blockEditorStore ) ).isZoomOut(),\n\t\t[]\n\t);\n\tconst {\n\t\tgetBlockListSettings,\n\t\tgetBlockIndex,\n\t\tisMultiSelecting,\n\t\tgetSelectedBlockClientIds,\n\t\tgetSettings,\n\t\tgetTemplateLock,\n\t\t__unstableIsWithinBlockOverlay,\n\t\tgetBlockEditingMode,\n\t\tgetBlockName,\n\t\tgetBlockAttributes,\n\t\tgetParentSectionBlock,\n\t} = unlock( useSelect( blockEditorStore ) );\n\tconst { showInsertionPoint, hideInsertionPoint } =\n\t\tuseDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isInBetweenInserterDisabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseMove( event ) {\n\t\t\t\t// openRef is the reference to the insertion point between blocks.\n\t\t\t\t// If the reference is not set or the insertion point is already open, return.\n\t\t\t\tif ( openRef === undefined || openRef.current ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Ignore text nodes sometimes detected in FireFox.\n\t\t\t\tif ( event.target.nodeType === event.target.TEXT_NODE ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( isMultiSelecting() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t! event.target.classList.contains(\n\t\t\t\t\t\t'block-editor-block-list__layout'\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tlet rootClientId;\n\t\t\t\tif (\n\t\t\t\t\t! event.target.classList.contains( 'is-root-container' )\n\t\t\t\t) {\n\t\t\t\t\tconst blockElement = !! event.target.getAttribute(\n\t\t\t\t\t\t'data-block'\n\t\t\t\t\t)\n\t\t\t\t\t\t? event.target\n\t\t\t\t\t\t: event.target.closest( '[data-block]' );\n\t\t\t\t\trootClientId = blockElement.getAttribute( 'data-block' );\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tgetTemplateLock( rootClientId ) ||\n\t\t\t\t\tgetBlockEditingMode( rootClientId ) === 'disabled' ||\n\t\t\t\t\tgetBlockName( rootClientId ) === 'core/block' ||\n\t\t\t\t\t( rootClientId &&\n\t\t\t\t\t\tgetBlockAttributes( rootClientId ).layout\n\t\t\t\t\t\t\t?.isManualPlacement )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst blockListSettings = getBlockListSettings( rootClientId );\n\t\t\t\tconst orientation =\n\t\t\t\t\tblockListSettings?.orientation || 'vertical';\n\t\t\t\tconst captureToolbars =\n\t\t\t\t\t!! blockListSettings?.__experimentalCaptureToolbars;\n\t\t\t\tconst offsetTop = event.clientY;\n\t\t\t\tconst offsetLeft = event.clientX;\n\n\t\t\t\tconst children = Array.from( event.target.children );\n\t\t\t\tlet element = children.find( ( blockEl ) => {\n\t\t\t\t\tconst blockElRect = blockEl.getBoundingClientRect();\n\t\t\t\t\treturn (\n\t\t\t\t\t\t( blockEl.classList.contains( 'wp-block' ) &&\n\t\t\t\t\t\t\torientation === 'vertical' &&\n\t\t\t\t\t\t\tblockElRect.top > offsetTop ) ||\n\t\t\t\t\t\t( blockEl.classList.contains( 'wp-block' ) &&\n\t\t\t\t\t\t\torientation === 'horizontal' &&\n\t\t\t\t\t\t\t( isRTL()\n\t\t\t\t\t\t\t\t? blockElRect.right < offsetLeft\n\t\t\t\t\t\t\t\t: blockElRect.left > offsetLeft ) )\n\t\t\t\t\t);\n\t\t\t\t} );\n\n\t\t\t\tif ( ! element ) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// The block may be in an alignment wrapper, so check the first direct\n\t\t\t\t// child if the element has no ID.\n\t\t\t\tif ( ! element.id ) {\n\t\t\t\t\telement = element.firstElementChild;\n\n\t\t\t\t\tif ( ! element ) {\n\t\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Don't show the insertion point if a parent block has an \"overlay\"\n\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/34012#pullrequestreview-727762337\n\t\t\t\tconst clientId = element.id.slice( 'block-'.length );\n\t\t\t\tif (\n\t\t\t\t\t! clientId ||\n\t\t\t\t\t__unstableIsWithinBlockOverlay( clientId ) ||\n\t\t\t\t\t!! getParentSectionBlock( clientId )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Don't show the inserter if the following conditions are met,\n\t\t\t\t// as it conflicts with the block toolbar:\n\t\t\t\t// 1. when hovering above or inside selected block(s)\n\t\t\t\t// 2. when the orientation is vertical\n\t\t\t\t// 3. when the __experimentalCaptureToolbars is not enabled\n\t\t\t\t// 4. when the Top Toolbar is not disabled\n\t\t\t\tif (\n\t\t\t\t\tgetSelectedBlockClientIds().includes( clientId ) &&\n\t\t\t\t\torientation === 'vertical' &&\n\t\t\t\t\t! captureToolbars &&\n\t\t\t\t\t! getSettings().hasFixedToolbar\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst elementRect = element.getBoundingClientRect();\n\n\t\t\t\tif (\n\t\t\t\t\t( orientation === 'horizontal' &&\n\t\t\t\t\t\t( event.clientY > elementRect.bottom ||\n\t\t\t\t\t\t\tevent.clientY < elementRect.top ) ) ||\n\t\t\t\t\t( orientation === 'vertical' &&\n\t\t\t\t\t\t( event.clientX > elementRect.right ||\n\t\t\t\t\t\t\tevent.clientX < elementRect.left ) )\n\t\t\t\t) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst index = getBlockIndex( clientId );\n\n\t\t\t\t// Don't show the in-between inserter before the first block in\n\t\t\t\t// the list (preserves the original behaviour).\n\t\t\t\tif ( index === 0 ) {\n\t\t\t\t\thideInsertionPoint();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tshowInsertionPoint( rootClientId, index, {\n\t\t\t\t\t__unstableWithInserter: true,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousemove', onMouseMove );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousemove', onMouseMove );\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\topenRef,\n\t\t\tgetBlockListSettings,\n\t\t\tgetBlockIndex,\n\t\t\tisMultiSelecting,\n\t\t\tshowInsertionPoint,\n\t\t\thideInsertionPoint,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\tisInBetweenInserterDisabled,\n\t\t]\n\t);\n}\n"], "mappings": "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", "names": ["blockEditorStore"] }