npm - @wordpress/block-editor - Versions diffs - 12.19.7 → 12.19.9 - Mend

@wordpress/block-editor 12.19.7 → 12.19.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/build-module/components/list-view/use-list-view-drop-zone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","useState","useCallback","useEffect","useThrottle","__experimentalUseDropZone","useDropZone","usePrevious","isRTL","getDistanceToNearestEdge","isPointContainedByRect","useOnBlockDrop","store","blockEditorStore","NESTING_LEVEL_INDENTATION","isUpGesture","point","rect","nestingLevel","rtl","blockIndentPosition","right","left","x","getDesiredRelativeParentLevel","distanceBetweenPointAndBlockIndentPosition","desiredParentLevel","Math","round","abs","getCandidateBlockParents","candidateBlockData","blocksData","candidateBlockParents","currentBlockData","push","find","blockData","clientId","rootClientId","getNextNonDraggedBlock","index","nextBlockData","isDraggedBlock","isNestingGesture","isNestingHorizontalGesture","y","bottom","ALLOWED_DROP_EDGES","getListViewDropTarget","position","candidateEdge","candidateDistance","candidateRect","candidateBlockIndex","i","length","element","getBoundingClientRect","distance","edge","isCursorWithinBlock","undefined","indexOf","previousBlockData","isDraggingBelow","canInsertDraggedBlocksAsChild","innerBlockCount","isExpanded","newBlockIndex","blockIndex","dropPosition","nextBlock","currentLevel","nextLevel","desiredRelativeLevel","targetParentIndex","max","min","canInsertDraggedBlocksAsSibling","offset","EXPAND_THROTTLE_OPTIONS","leading","trailing","useListViewDropZone","dropZoneElement","expandedState","setExpandedState","getBlockRootClientId","getBlockIndex","getBlockCount","getDraggedBlockClientIds","canInsertBlocks","target","setTarget","targetRootClientId","targetBlockIndex","onBlockDrop","previousRootClientId","maybeExpandBlock","_expandedState","_target","type","clientIds","throttledMaybeExpandBlock","cancel","draggedBlockClientIds","throttled","event","currentTarget","clientX","clientY","isBlockDrag","blockElements","Array","from","querySelectorAll","map","blockElement","dataset","block","expanded","classList","contains","parseInt","getAttribute","newTarget","ref","onDrop","onDragLeave","onDragOver","onDragEnd"],"sources":["@wordpress/block-editor/src/components/list-view/use-list-view-drop-zone.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useState, useCallback, useEffect } from '@wordpress/element';\nimport {\n\tuseThrottle,\n\t__experimentalUseDropZone as useDropZone,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport {\n\tgetDistanceToNearestEdge,\n\tisPointContainedByRect,\n} from '../../utils/math';\nimport useOnBlockDrop from '../use-on-block-drop';\nimport { store as blockEditorStore } from '../../store';\n\n/* @typedef {import('../../utils/math').WPPoint} WPPoint /\n\n/\n The type of a drag event.\n \n @typedef {'default'\|'file'\|'html'} WPDragEventType\n /\n\n/\n An object representing data for blocks in the DOM used by drag and drop.\n \n @typedef {Object} WPListViewDropZoneBlock\n * @property {string} clientId The client id for the block.\n * @property {string} rootClientId The root client id for the block.\n * @property {number} blockIndex The block's index.\n * @property {Element} element The DOM element representing the block.\n * @property {number} innerBlockCount The number of inner blocks the block has.\n * @property {boolean} isDraggedBlock Whether the block is currently being dragged.\n * @property {boolean} isExpanded Whether the block is expanded in the UI.\n * @property {boolean} canInsertDraggedBlocksAsSibling Whether the dragged block can be a sibling of this block.\n * @property {boolean} canInsertDraggedBlocksAsChild Whether the dragged block can be a child of this block.\n /\n\n/\n An array representing data for blocks in the DOM used by drag and drop.\n \n @typedef {WPListViewDropZoneBlock[]} WPListViewDropZoneBlocks\n /\n\n/\n An object containing details of a drop target.\n \n @typedef {Object} WPListViewDropZoneTarget\n * @property {string} blockIndex The insertion index.\n * @property {string} rootClientId The root client id for the block.\n * @property {string\|undefined} clientId The client id for the block.\n * @property {'top'\|'bottom'\|'inside'} dropPosition The position relative to the block that the user is dropping to.\n * 'inside' refers to nesting as an inner block.\n /\n\n// When the indentation level, the corresponding left margin in `style.scss`\n// must be updated as well to ensure the drop zone is aligned with the indentation.\nexport const NESTING_LEVEL_INDENTATION = 28;\n\n/\n Determines whether the user is positioning the dragged block to be\n * moved up to a parent level.\n \n Determined based on nesting level indentation of the current block.\n \n @param {WPPoint} point The point representing the cursor position when dragging.\n * @param {DOMRect} rect The rectangle.\n * @param {number} nestingLevel The nesting level of the block.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n * @return {boolean} Whether the gesture is an upward gesture.\n /\nfunction isUpGesture( point, rect, nestingLevel = 1, rtl = false ) {\n\t// If the block is nested, and the user is dragging to the bottom\n\t// left of the block (or bottom right in RTL languages), then it is an upward gesture.\n\tconst blockIndentPosition = rtl\n\t\t? rect.right - nestingLevel NESTING_LEVEL_INDENTATION\n\t\t: rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;\n\treturn rtl ? point.x > blockIndentPosition : point.x < blockIndentPosition;\n}\n\n/*\n Returns how many nesting levels up the user is attempting to drag to.\n \n The relative parent level is calculated based on how far\n * the cursor is from the provided nesting level (e.g. of a candidate block\n * that the user is hovering over). The nesting level is considered \"desired\"\n * because it is not guaranteed that the user will be able to drag to the desired level.\n \n The returned integer can be used to access an ascending array\n * of parent blocks, where the first item is the block the user\n * is hovering over, and the last item is the root block.\n \n @param {WPPoint} point The point representing the cursor position when dragging.\n * @param {DOMRect} rect The rectangle.\n * @param {number} nestingLevel The nesting level of the block.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n * @return {number} The desired relative parent level.\n /\nfunction getDesiredRelativeParentLevel(\n\tpoint,\n\trect,\n\tnestingLevel = 1,\n\trtl = false\n) {\n\t// In RTL languages, the block indent position is from the right edge of the block.\n\t// In LTR languages, the block indent position is from the left edge of the block.\n\tconst blockIndentPosition = rtl\n\t\t? rect.right - nestingLevel NESTING_LEVEL_INDENTATION\n\t\t: rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;\n\n\tconst distanceBetweenPointAndBlockIndentPosition = rtl\n\t\t? blockIndentPosition - point.x\n\t\t: point.x - blockIndentPosition;\n\n\tconst desiredParentLevel = Math.round(\n\t\tdistanceBetweenPointAndBlockIndentPosition / NESTING_LEVEL_INDENTATION\n\t);\n\n\treturn Math.abs( desiredParentLevel );\n}\n\n/*\n Returns an array of the parent blocks of the block the user is dropping to.\n \n @param {WPListViewDropZoneBlock} candidateBlockData The block the user is dropping to.\n * @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view.\n * @return {WPListViewDropZoneBlocks} An array of block parents, including the block the user is dropping to.\n /\nfunction getCandidateBlockParents( candidateBlockData, blocksData ) {\n\tconst candidateBlockParents = [];\n\tlet currentBlockData = candidateBlockData;\n\n\twhile ( currentBlockData ) {\n\t\tcandidateBlockParents.push( { ...currentBlockData } );\n\t\tcurrentBlockData = blocksData.find(\n\t\t\t( blockData ) =>\n\t\t\t\tblockData.clientId === currentBlockData.rootClientId\n\t\t);\n\t}\n\n\treturn candidateBlockParents;\n}\n\n/\n Given a list of blocks data and a block index, return the next non-dragged\n * block. This is used to determine the block that the user is dropping to,\n * while ignoring the dragged block.\n \n @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view.\n * @param {number} index The index to begin searching from.\n * @return {WPListViewDropZoneBlock \| undefined} The next non-dragged block.\n /\nfunction getNextNonDraggedBlock( blocksData, index ) {\n\tconst nextBlockData = blocksData[ index + 1 ];\n\tif ( nextBlockData && nextBlockData.isDraggedBlock ) {\n\t\treturn getNextNonDraggedBlock( blocksData, index + 1 );\n\t}\n\n\treturn nextBlockData;\n}\n\n/\n Determines whether the user positioning the dragged block to nest as an\n * inner block.\n \n Determined based on nesting level indentation of the current block, plus\n * the indentation of the next level of nesting. The vertical position of the\n * cursor must also be within the block.\n \n @param {WPPoint} point The point representing the cursor position when dragging.\n * @param {DOMRect} rect The rectangle.\n * @param {number} nestingLevel The nesting level of the block.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n /\nfunction isNestingGesture( point, rect, nestingLevel = 1, rtl = false ) {\n\tconst blockIndentPosition = rtl\n\t\t? rect.right - nestingLevel NESTING_LEVEL_INDENTATION\n\t\t: rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;\n\n\tconst isNestingHorizontalGesture = rtl\n\t\t? point.x < blockIndentPosition - NESTING_LEVEL_INDENTATION\n\t\t: point.x > blockIndentPosition + NESTING_LEVEL_INDENTATION;\n\n\treturn isNestingHorizontalGesture && point.y < rect.bottom;\n}\n\n// Block navigation is always a vertical list, so only allow dropping\n// to the above or below a block.\nconst ALLOWED_DROP_EDGES = [ 'top', 'bottom' ];\n\n/*\n Given blocks data and the cursor position, compute the drop target.\n \n @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view.\n * @param {WPPoint} position The point representing the cursor position when dragging.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n \n @return {WPListViewDropZoneTarget \| undefined} An object containing data about the drop target.\n /\nexport function getListViewDropTarget( blocksData, position, rtl = false ) {\n\tlet candidateEdge;\n\tlet candidateBlockData;\n\tlet candidateDistance;\n\tlet candidateRect;\n\tlet candidateBlockIndex;\n\n\tfor ( let i = 0; i < blocksData.length; i++ ) {\n\t\tconst blockData = blocksData[ i ];\n\t\tif ( blockData.isDraggedBlock ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst rect = blockData.element.getBoundingClientRect();\n\t\tconst [ distance, edge ] = getDistanceToNearestEdge(\n\t\t\tposition,\n\t\t\trect,\n\t\t\tALLOWED_DROP_EDGES\n\t\t);\n\n\t\tconst isCursorWithinBlock = isPointContainedByRect( position, rect );\n\t\tif (\n\t\t\tcandidateDistance === undefined \|\|\n\t\t\tdistance < candidateDistance \|\|\n\t\t\tisCursorWithinBlock\n\t\t) {\n\t\t\tcandidateDistance = distance;\n\n\t\t\tconst index = blocksData.indexOf( blockData );\n\t\t\tconst previousBlockData = blocksData[ index - 1 ];\n\n\t\t\t// If dragging near the top of a block and the preceding block\n\t\t\t// is at the same level, use the preceding block as the candidate\n\t\t\t// instead, as later it makes determining a nesting drop easier.\n\t\t\tif (\n\t\t\t\tedge === 'top' &&\n\t\t\t\tpreviousBlockData &&\n\t\t\t\tpreviousBlockData.rootClientId === blockData.rootClientId &&\n\t\t\t\t! previousBlockData.isDraggedBlock\n\t\t\t) {\n\t\t\t\tcandidateBlockData = previousBlockData;\n\t\t\t\tcandidateEdge = 'bottom';\n\t\t\t\tcandidateRect =\n\t\t\t\t\tpreviousBlockData.element.getBoundingClientRect();\n\t\t\t\tcandidateBlockIndex = index - 1;\n\t\t\t} else {\n\t\t\t\tcandidateBlockData = blockData;\n\t\t\t\tcandidateEdge = edge;\n\t\t\t\tcandidateRect = rect;\n\t\t\t\tcandidateBlockIndex = index;\n\t\t\t}\n\n\t\t\t// If the mouse position is within the block, break early\n\t\t\t// as the user would intend to drop either before or after\n\t\t\t// this block.\n\t\t\t//\n\t\t\t// This solves an issue where some rows in the list view\n\t\t\t// tree overlap slightly due to sub-pixel rendering.\n\t\t\tif ( isCursorWithinBlock ) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tif ( ! candidateBlockData ) {\n\t\treturn;\n\t}\n\n\tconst candidateBlockParents = getCandidateBlockParents(\n\t\tcandidateBlockData,\n\t\tblocksData\n\t);\n\n\tconst isDraggingBelow = candidateEdge === 'bottom';\n\n\t// If the user is dragging towards the bottom of the block check whether\n\t// they might be trying to nest the block as a child.\n\t// If the block already has inner blocks, and is expanded, this should be treated\n\t// as nesting since the next block in the tree will be the first child.\n\t// However, if the block is collapsed, dragging beneath the block should\n\t// still be allowed, as the next visible block in the tree will be a sibling.\n\tif (\n\t\tisDraggingBelow &&\n\t\tcandidateBlockData.canInsertDraggedBlocksAsChild &&\n\t\t( ( candidateBlockData.innerBlockCount > 0 &&\n\t\t\tcandidateBlockData.isExpanded ) \|\|\n\t\t\tisNestingGesture(\n\t\t\t\tposition,\n\t\t\t\tcandidateRect,\n\t\t\t\tcandidateBlockParents.length,\n\t\t\t\trtl\n\t\t\t) )\n\t) {\n\t\t// If the block is expanded, insert the block as the first child.\n\t\t// Otherwise, for collapsed blocks, insert the block as the last child.\n\t\tconst newBlockIndex = candidateBlockData.isExpanded\n\t\t\t? 0\n\t\t\t: candidateBlockData.innerBlockCount \|\| 0;\n\n\t\treturn {\n\t\t\trootClientId: candidateBlockData.clientId,\n\t\t\tclientId: candidateBlockData.clientId,\n\t\t\tblockIndex: newBlockIndex,\n\t\t\tdropPosition: 'inside',\n\t\t};\n\t}\n\n\t// If the user is dragging towards the bottom of the block check whether\n\t// they might be trying to move the block to be at a parent level.\n\tif (\n\t\tisDraggingBelow &&\n\t\tcandidateBlockData.rootClientId &&\n\t\tisUpGesture(\n\t\t\tposition,\n\t\t\tcandidateRect,\n\t\t\tcandidateBlockParents.length,\n\t\t\trtl\n\t\t)\n\t) {\n\t\tconst nextBlock = getNextNonDraggedBlock(\n\t\t\tblocksData,\n\t\t\tcandidateBlockIndex\n\t\t);\n\t\tconst currentLevel = candidateBlockData.nestingLevel;\n\t\tconst nextLevel = nextBlock ? nextBlock.nestingLevel : 1;\n\n\t\tif ( currentLevel && nextLevel ) {\n\t\t\t// Determine the desired relative level of the block to be dropped.\n\t\t\tconst desiredRelativeLevel = getDesiredRelativeParentLevel(\n\t\t\t\tposition,\n\t\t\t\tcandidateRect,\n\t\t\t\tcandidateBlockParents.length,\n\t\t\t\trtl\n\t\t\t);\n\n\t\t\tconst targetParentIndex = Math.max(\n\t\t\t\tMath.min( desiredRelativeLevel, currentLevel - nextLevel ),\n\t\t\t\t0\n\t\t\t);\n\n\t\t\tif ( candidateBlockParents[ targetParentIndex ] ) {\n\t\t\t\t// Default to the block index of the candidate block.\n\t\t\t\tlet newBlockIndex = candidateBlockData.blockIndex;\n\n\t\t\t\t// If the next block is at the same level, use that as the default\n\t\t\t\t// block index. This ensures that the block is dropped in the correct\n\t\t\t\t// position when dragging to the bottom of a block.\n\t\t\t\tif (\n\t\t\t\t\tcandidateBlockParents[ targetParentIndex ].nestingLevel ===\n\t\t\t\t\tnextBlock?.nestingLevel\n\t\t\t\t) {\n\t\t\t\t\tnewBlockIndex = nextBlock?.blockIndex;\n\t\t\t\t} else {\n\t\t\t\t\t// Otherwise, search from the current block index back\n\t\t\t\t\t// to find the last block index within the same target parent.\n\t\t\t\t\tfor ( let i = candidateBlockIndex; i >= 0; i-- ) {\n\t\t\t\t\t\tconst blockData = blocksData[ i ];\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tblockData.rootClientId ===\n\t\t\t\t\t\t\tcandidateBlockParents[ targetParentIndex ]\n\t\t\t\t\t\t\t\t.rootClientId\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tnewBlockIndex = blockData.blockIndex + 1;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\trootClientId:\n\t\t\t\t\t\tcandidateBlockParents[ targetParentIndex ].rootClientId,\n\t\t\t\t\tclientId: candidateBlockData.clientId,\n\t\t\t\t\tblockIndex: newBlockIndex,\n\t\t\t\t\tdropPosition: candidateEdge,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t}\n\n\t// If dropping as a sibling, but block cannot be inserted in\n\t// this context, return early.\n\tif ( ! candidateBlockData.canInsertDraggedBlocksAsSibling ) {\n\t\treturn;\n\t}\n\n\tconst offset = isDraggingBelow ? 1 : 0;\n\treturn {\n\t\trootClientId: candidateBlockData.rootClientId,\n\t\tclientId: candidateBlockData.clientId,\n\t\tblockIndex: candidateBlockData.blockIndex + offset,\n\t\tdropPosition: candidateEdge,\n\t};\n}\n\n// Throttle options need to be defined outside of the hook to avoid\n// re-creating the object on every render. This is due to a limitation\n// of the `useThrottle` hook, where the options object is included\n// in the dependency array for memoization.\nconst EXPAND_THROTTLE_OPTIONS = {\n\tleading: false, // Don't call the function immediately on the first call.\n\ttrailing: true, // Do call the function on the last call.\n};\n\n/\n A react hook for implementing a drop zone in list view.\n \n @param {Object} props Named parameters.\n * @param {?HTMLElement} [props.dropZoneElement] Optional element to be used as the drop zone.\n * @param {Object} [props.expandedState] The expanded state of the blocks in the list view.\n * @param {Function} [props.setExpandedState] Function to set the expanded state of a list of block clientIds.\n \n @return {WPListViewDropZoneTarget} The drop target.\n */\nexport default function useListViewDropZone( {\n\tdropZoneElement,\n\texpandedState,\n\tsetExpandedState,\n} ) {\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlockIndex,\n\t\tgetBlockCount,\n\t\tgetDraggedBlockClientIds,\n\t\tcanInsertBlocks,\n\t} = useSelect( blockEditorStore );\n\tconst [ target, setTarget ] = useState();\n\tconst { rootClientId: targetRootClientId, blockIndex: targetBlockIndex } =\n\t\ttarget \|\| {};\n\n\tconst onBlockDrop = useOnBlockDrop( targetRootClientId, targetBlockIndex );\n\n\tconst rtl = isRTL();\n\n\tconst previousRootClientId = usePrevious( targetRootClientId );\n\n\tconst maybeExpandBlock = useCallback(\n\t\t( _expandedState, _target ) => {\n\t\t\t// If the user is attempting to drop a block inside a collapsed block,\n\t\t\t// that is, using a nesting gesture flagged by 'inside' dropPosition,\n\t\t\t// expand the block within the list view, if it isn't already.\n\t\t\tconst { rootClientId } = _target \|\| {};\n\t\t\tif ( ! rootClientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (\n\t\t\t\t_target?.dropPosition === 'inside' &&\n\t\t\t\t! _expandedState[ rootClientId ]\n\t\t\t) {\n\t\t\t\tsetExpandedState( {\n\t\t\t\t\ttype: 'expand',\n\t\t\t\t\tclientIds: [ rootClientId ],\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\n\t// Throttle the maybeExpandBlock function to avoid expanding the block\n\t// too quickly when the user is dragging over the block. This is to\n\t// avoid expanding the block when the user is just passing over it.\n\tconst throttledMaybeExpandBlock = useThrottle(\n\t\tmaybeExpandBlock,\n\t\t500,\n\t\tEXPAND_THROTTLE_OPTIONS\n\t);\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\ttarget?.dropPosition !== 'inside' \|\|\n\t\t\tpreviousRootClientId !== target?.rootClientId\n\t\t) {\n\t\t\tthrottledMaybeExpandBlock.cancel();\n\t\t\treturn;\n\t\t}\n\t\tthrottledMaybeExpandBlock( expandedState, target );\n\t}, [\n\t\texpandedState,\n\t\tpreviousRootClientId,\n\t\ttarget,\n\t\tthrottledMaybeExpandBlock,\n\t] );\n\n\tconst draggedBlockClientIds = getDraggedBlockClientIds();\n\tconst throttled = useThrottle(\n\t\tuseCallback(\n\t\t\t( event, currentTarget ) => {\n\t\t\t\tconst position = { x: event.clientX, y: event.clientY };\n\t\t\t\tconst isBlockDrag = !! draggedBlockClientIds?.length;\n\n\t\t\t\tconst blockElements = Array.from(\n\t\t\t\t\tcurrentTarget.querySelectorAll( '[data-block]' )\n\t\t\t\t);\n\n\t\t\t\tconst blocksData = blockElements.map( ( blockElement ) => {\n\t\t\t\t\tconst clientId = blockElement.dataset.block;\n\t\t\t\t\tconst isExpanded = blockElement.dataset.expanded === 'true';\n\t\t\t\t\tconst isDraggedBlock =\n\t\t\t\t\t\tblockElement.classList.contains( 'is-dragging' );\n\n\t\t\t\t\t// Get nesting level from `aria-level` attribute because Firefox does not support `element.ariaLevel`.\n\t\t\t\t\tconst nestingLevel = parseInt(\n\t\t\t\t\t\tblockElement.getAttribute( 'aria-level' ),\n\t\t\t\t\t\t10\n\t\t\t\t\t);\n\t\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tisExpanded,\n\t\t\t\t\t\trootClientId,\n\t\t\t\t\t\tblockIndex: getBlockIndex( clientId ),\n\t\t\t\t\t\telement: blockElement,\n\t\t\t\t\t\tnestingLevel: nestingLevel \|\| undefined,\n\t\t\t\t\t\tisDraggedBlock: isBlockDrag ? isDraggedBlock : false,\n\t\t\t\t\t\tinnerBlockCount: getBlockCount( clientId ),\n\t\t\t\t\t\tcanInsertDraggedBlocksAsSibling: isBlockDrag\n\t\t\t\t\t\t\t? canInsertBlocks(\n\t\t\t\t\t\t\t\t\tdraggedBlockClientIds,\n\t\t\t\t\t\t\t\t\trootClientId\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: true,\n\t\t\t\t\t\tcanInsertDraggedBlocksAsChild: isBlockDrag\n\t\t\t\t\t\t\t? canInsertBlocks( draggedBlockClientIds, clientId )\n\t\t\t\t\t\t\t: true,\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\tconst newTarget = getListViewDropTarget(\n\t\t\t\t\tblocksData,\n\t\t\t\t\tposition,\n\t\t\t\t\trtl\n\t\t\t\t);\n\n\t\t\t\tif ( newTarget ) {\n\t\t\t\t\tsetTarget( newTarget );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[\n\t\t\t\tcanInsertBlocks,\n\t\t\t\tdraggedBlockClientIds,\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\trtl,\n\t\t\t]\n\t\t),\n\t\t50\n\t);\n\n\tconst ref = useDropZone( {\n\t\tdropZoneElement,\n\t\tonDrop( event ) {\n\t\t\tif ( target ) {\n\t\t\t\tonBlockDrop( event );\n\t\t\t}\n\t\t},\n\t\tonDragLeave() {\n\t\t\tthrottled.cancel();\n\t\t\t// Use `null` value to indicate that the drop target is not valid,\n\t\t\t// but that the drag is still active. This allows for styling rules\n\t\t\t// that are active only when a user drags outside of the list view.\n\t\t\tsetTarget( null );\n\t\t},\n\t\tonDragOver( event ) {\n\t\t\t// `currentTarget` is only available while the event is being\n\t\t\t// handled, so get it now and pass it to the thottled function.\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget\n\t\t\tthrottled( event, event.currentTarget );\n\t\t},\n\t\tonDragEnd() {\n\t\t\tthrottled.cancel();\n\t\t\t// Use `undefined` value to indicate that the drag has concluded.\n\t\t\t// This allows styling rules that are active only when a user is\n\t\t\t// dragging to be removed.\n\t\t\tsetTarget( undefined );\n\t\t},\n\t} );\n\n\treturn { ref, target };\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["useSelect","useState","useCallback","useEffect","useThrottle","__experimentalUseDropZone","useDropZone","usePrevious","isRTL","getDistanceToNearestEdge","isPointContainedByRect","useOnBlockDrop","store","blockEditorStore","NESTING_LEVEL_INDENTATION","isUpGesture","point","rect","nestingLevel","rtl","blockIndentPosition","right","left","x","getDesiredRelativeParentLevel","distanceBetweenPointAndBlockIndentPosition","desiredParentLevel","Math","round","abs","getCandidateBlockParents","candidateBlockData","blocksData","candidateBlockParents","currentBlockData","push","find","blockData","clientId","rootClientId","getNextNonDraggedBlock","index","nextBlockData","isDraggedBlock","isNestingGesture","isNestingHorizontalGesture","y","bottom","ALLOWED_DROP_EDGES","getListViewDropTarget","position","candidateEdge","candidateDistance","candidateRect","candidateBlockIndex","i","length","element","getBoundingClientRect","distance","edge","isCursorWithinBlock","undefined","indexOf","previousBlockData","isDraggingBelow","canInsertDraggedBlocksAsChild","innerBlockCount","isExpanded","newBlockIndex","blockIndex","dropPosition","nextBlock","currentLevel","nextLevel","desiredRelativeLevel","targetParentIndex","max","min","canInsertDraggedBlocksAsSibling","offset","EXPAND_THROTTLE_OPTIONS","leading","trailing","useListViewDropZone","dropZoneElement","expandedState","setExpandedState","getBlockRootClientId","getBlockIndex","getBlockCount","getDraggedBlockClientIds","canInsertBlocks","target","setTarget","targetRootClientId","targetBlockIndex","onBlockDrop","previousRootClientId","maybeExpandBlock","_expandedState","_target","type","clientIds","throttledMaybeExpandBlock","cancel","draggedBlockClientIds","throttled","event","currentTarget","clientX","clientY","isBlockDrag","blockElements","Array","from","querySelectorAll","map","blockElement","dataset","block","expanded","classList","contains","parseInt","getAttribute","newTarget","ref","onDrop","onDragLeave","onDragOver","onDragEnd"],"sources":["@wordpress/block-editor/src/components/list-view/use-list-view-drop-zone.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useState, useCallback, useEffect } from '@wordpress/element';\nimport {\n\tuseThrottle,\n\t__experimentalUseDropZone as useDropZone,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport {\n\tgetDistanceToNearestEdge,\n\tisPointContainedByRect,\n} from '../../utils/math';\nimport useOnBlockDrop from '../use-on-block-drop';\nimport { store as blockEditorStore } from '../../store';\n\n/* @typedef {import('../../utils/math').WPPoint} WPPoint /\n\n/\n The type of a drag event.\n \n @typedef {'default'\|'file'\|'html'} WPDragEventType\n /\n\n/\n An object representing data for blocks in the DOM used by drag and drop.\n \n @typedef {Object} WPListViewDropZoneBlock\n * @property {string} clientId The client id for the block.\n * @property {string} rootClientId The root client id for the block.\n * @property {number} blockIndex The block's index.\n * @property {Element} element The DOM element representing the block.\n * @property {number} innerBlockCount The number of inner blocks the block has.\n * @property {boolean} isDraggedBlock Whether the block is currently being dragged.\n * @property {boolean} isExpanded Whether the block is expanded in the UI.\n * @property {boolean} canInsertDraggedBlocksAsSibling Whether the dragged block can be a sibling of this block.\n * @property {boolean} canInsertDraggedBlocksAsChild Whether the dragged block can be a child of this block.\n /\n\n/\n An array representing data for blocks in the DOM used by drag and drop.\n \n @typedef {WPListViewDropZoneBlock[]} WPListViewDropZoneBlocks\n /\n\n/\n An object containing details of a drop target.\n \n @typedef {Object} WPListViewDropZoneTarget\n * @property {string} blockIndex The insertion index.\n * @property {string} rootClientId The root client id for the block.\n * @property {string\|undefined} clientId The client id for the block.\n * @property {'top'\|'bottom'\|'inside'} dropPosition The position relative to the block that the user is dropping to.\n * 'inside' refers to nesting as an inner block.\n /\n\n// When the indentation level, the corresponding left margin in `style.scss`\n// must be updated as well to ensure the drop zone is aligned with the indentation.\nexport const NESTING_LEVEL_INDENTATION = 28;\n\n/\n Determines whether the user is positioning the dragged block to be\n * moved up to a parent level.\n \n Determined based on nesting level indentation of the current block.\n \n @param {WPPoint} point The point representing the cursor position when dragging.\n * @param {DOMRect} rect The rectangle.\n * @param {number} nestingLevel The nesting level of the block.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n * @return {boolean} Whether the gesture is an upward gesture.\n /\nfunction isUpGesture( point, rect, nestingLevel = 1, rtl = false ) {\n\t// If the block is nested, and the user is dragging to the bottom\n\t// left of the block (or bottom right in RTL languages), then it is an upward gesture.\n\tconst blockIndentPosition = rtl\n\t\t? rect.right - nestingLevel NESTING_LEVEL_INDENTATION\n\t\t: rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;\n\treturn rtl ? point.x > blockIndentPosition : point.x < blockIndentPosition;\n}\n\n/*\n Returns how many nesting levels up the user is attempting to drag to.\n \n The relative parent level is calculated based on how far\n * the cursor is from the provided nesting level (e.g. of a candidate block\n * that the user is hovering over). The nesting level is considered \"desired\"\n * because it is not guaranteed that the user will be able to drag to the desired level.\n \n The returned integer can be used to access an ascending array\n * of parent blocks, where the first item is the block the user\n * is hovering over, and the last item is the root block.\n \n @param {WPPoint} point The point representing the cursor position when dragging.\n * @param {DOMRect} rect The rectangle.\n * @param {number} nestingLevel The nesting level of the block.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n * @return {number} The desired relative parent level.\n /\nfunction getDesiredRelativeParentLevel(\n\tpoint,\n\trect,\n\tnestingLevel = 1,\n\trtl = false\n) {\n\t// In RTL languages, the block indent position is from the right edge of the block.\n\t// In LTR languages, the block indent position is from the left edge of the block.\n\tconst blockIndentPosition = rtl\n\t\t? rect.right - nestingLevel NESTING_LEVEL_INDENTATION\n\t\t: rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;\n\n\tconst distanceBetweenPointAndBlockIndentPosition = rtl\n\t\t? blockIndentPosition - point.x\n\t\t: point.x - blockIndentPosition;\n\n\tconst desiredParentLevel = Math.round(\n\t\tdistanceBetweenPointAndBlockIndentPosition / NESTING_LEVEL_INDENTATION\n\t);\n\n\treturn Math.abs( desiredParentLevel );\n}\n\n/*\n Returns an array of the parent blocks of the block the user is dropping to.\n \n @param {WPListViewDropZoneBlock} candidateBlockData The block the user is dropping to.\n * @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view.\n * @return {WPListViewDropZoneBlocks} An array of block parents, including the block the user is dropping to.\n /\nfunction getCandidateBlockParents( candidateBlockData, blocksData ) {\n\tconst candidateBlockParents = [];\n\tlet currentBlockData = candidateBlockData;\n\n\twhile ( currentBlockData ) {\n\t\tcandidateBlockParents.push( { ...currentBlockData } );\n\t\tcurrentBlockData = blocksData.find(\n\t\t\t( blockData ) =>\n\t\t\t\tblockData.clientId === currentBlockData.rootClientId\n\t\t);\n\t}\n\n\treturn candidateBlockParents;\n}\n\n/\n Given a list of blocks data and a block index, return the next non-dragged\n * block. This is used to determine the block that the user is dropping to,\n * while ignoring the dragged block.\n \n @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view.\n * @param {number} index The index to begin searching from.\n * @return {WPListViewDropZoneBlock \| undefined} The next non-dragged block.\n /\nfunction getNextNonDraggedBlock( blocksData, index ) {\n\tconst nextBlockData = blocksData[ index + 1 ];\n\tif ( nextBlockData && nextBlockData.isDraggedBlock ) {\n\t\treturn getNextNonDraggedBlock( blocksData, index + 1 );\n\t}\n\n\treturn nextBlockData;\n}\n\n/\n Determines whether the user positioning the dragged block to nest as an\n * inner block.\n \n Determined based on nesting level indentation of the current block, plus\n * the indentation of the next level of nesting. The vertical position of the\n * cursor must also be within the block.\n \n @param {WPPoint} point The point representing the cursor position when dragging.\n * @param {DOMRect} rect The rectangle.\n * @param {number} nestingLevel The nesting level of the block.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n /\nfunction isNestingGesture( point, rect, nestingLevel = 1, rtl = false ) {\n\tconst blockIndentPosition = rtl\n\t\t? rect.right - nestingLevel NESTING_LEVEL_INDENTATION\n\t\t: rect.left + nestingLevel * NESTING_LEVEL_INDENTATION;\n\n\tconst isNestingHorizontalGesture = rtl\n\t\t? point.x < blockIndentPosition - NESTING_LEVEL_INDENTATION\n\t\t: point.x > blockIndentPosition + NESTING_LEVEL_INDENTATION;\n\n\treturn isNestingHorizontalGesture && point.y < rect.bottom;\n}\n\n// Block navigation is always a vertical list, so only allow dropping\n// to the above or below a block.\nconst ALLOWED_DROP_EDGES = [ 'top', 'bottom' ];\n\n/*\n Given blocks data and the cursor position, compute the drop target.\n \n @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view.\n * @param {WPPoint} position The point representing the cursor position when dragging.\n * @param {boolean} rtl Whether the editor is in RTL mode.\n \n @return {WPListViewDropZoneTarget \| undefined} An object containing data about the drop target.\n /\nexport function getListViewDropTarget( blocksData, position, rtl = false ) {\n\tlet candidateEdge;\n\tlet candidateBlockData;\n\tlet candidateDistance;\n\tlet candidateRect;\n\tlet candidateBlockIndex;\n\n\tfor ( let i = 0; i < blocksData.length; i++ ) {\n\t\tconst blockData = blocksData[ i ];\n\t\tif ( blockData.isDraggedBlock ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst rect = blockData.element.getBoundingClientRect();\n\t\tconst [ distance, edge ] = getDistanceToNearestEdge(\n\t\t\tposition,\n\t\t\trect,\n\t\t\tALLOWED_DROP_EDGES\n\t\t);\n\n\t\tconst isCursorWithinBlock = isPointContainedByRect( position, rect );\n\t\tif (\n\t\t\tcandidateDistance === undefined \|\|\n\t\t\tdistance < candidateDistance \|\|\n\t\t\tisCursorWithinBlock\n\t\t) {\n\t\t\tcandidateDistance = distance;\n\n\t\t\tconst index = blocksData.indexOf( blockData );\n\t\t\tconst previousBlockData = blocksData[ index - 1 ];\n\n\t\t\t// If dragging near the top of a block and the preceding block\n\t\t\t// is at the same level, use the preceding block as the candidate\n\t\t\t// instead, as later it makes determining a nesting drop easier.\n\t\t\tif (\n\t\t\t\tedge === 'top' &&\n\t\t\t\tpreviousBlockData &&\n\t\t\t\tpreviousBlockData.rootClientId === blockData.rootClientId &&\n\t\t\t\t! previousBlockData.isDraggedBlock\n\t\t\t) {\n\t\t\t\tcandidateBlockData = previousBlockData;\n\t\t\t\tcandidateEdge = 'bottom';\n\t\t\t\tcandidateRect =\n\t\t\t\t\tpreviousBlockData.element.getBoundingClientRect();\n\t\t\t\tcandidateBlockIndex = index - 1;\n\t\t\t} else {\n\t\t\t\tcandidateBlockData = blockData;\n\t\t\t\tcandidateEdge = edge;\n\t\t\t\tcandidateRect = rect;\n\t\t\t\tcandidateBlockIndex = index;\n\t\t\t}\n\n\t\t\t// If the mouse position is within the block, break early\n\t\t\t// as the user would intend to drop either before or after\n\t\t\t// this block.\n\t\t\t//\n\t\t\t// This solves an issue where some rows in the list view\n\t\t\t// tree overlap slightly due to sub-pixel rendering.\n\t\t\tif ( isCursorWithinBlock ) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tif ( ! candidateBlockData ) {\n\t\treturn;\n\t}\n\n\tconst candidateBlockParents = getCandidateBlockParents(\n\t\tcandidateBlockData,\n\t\tblocksData\n\t);\n\n\tconst isDraggingBelow = candidateEdge === 'bottom';\n\n\t// If the user is dragging towards the bottom of the block check whether\n\t// they might be trying to nest the block as a child.\n\t// If the block already has inner blocks, and is expanded, this should be treated\n\t// as nesting since the next block in the tree will be the first child.\n\t// However, if the block is collapsed, dragging beneath the block should\n\t// still be allowed, as the next visible block in the tree will be a sibling.\n\tif (\n\t\tisDraggingBelow &&\n\t\tcandidateBlockData.canInsertDraggedBlocksAsChild &&\n\t\t( ( candidateBlockData.innerBlockCount > 0 &&\n\t\t\tcandidateBlockData.isExpanded ) \|\|\n\t\t\tisNestingGesture(\n\t\t\t\tposition,\n\t\t\t\tcandidateRect,\n\t\t\t\tcandidateBlockParents.length,\n\t\t\t\trtl\n\t\t\t) )\n\t) {\n\t\t// If the block is expanded, insert the block as the first child.\n\t\t// Otherwise, for collapsed blocks, insert the block as the last child.\n\t\tconst newBlockIndex = candidateBlockData.isExpanded\n\t\t\t? 0\n\t\t\t: candidateBlockData.innerBlockCount \|\| 0;\n\n\t\treturn {\n\t\t\trootClientId: candidateBlockData.clientId,\n\t\t\tclientId: candidateBlockData.clientId,\n\t\t\tblockIndex: newBlockIndex,\n\t\t\tdropPosition: 'inside',\n\t\t};\n\t}\n\n\t// If the user is dragging towards the bottom of the block check whether\n\t// they might be trying to move the block to be at a parent level.\n\tif (\n\t\tisDraggingBelow &&\n\t\tcandidateBlockData.rootClientId &&\n\t\tisUpGesture(\n\t\t\tposition,\n\t\t\tcandidateRect,\n\t\t\tcandidateBlockParents.length,\n\t\t\trtl\n\t\t)\n\t) {\n\t\tconst nextBlock = getNextNonDraggedBlock(\n\t\t\tblocksData,\n\t\t\tcandidateBlockIndex\n\t\t);\n\t\tconst currentLevel = candidateBlockData.nestingLevel;\n\t\tconst nextLevel = nextBlock ? nextBlock.nestingLevel : 1;\n\n\t\tif ( currentLevel && nextLevel ) {\n\t\t\t// Determine the desired relative level of the block to be dropped.\n\t\t\tconst desiredRelativeLevel = getDesiredRelativeParentLevel(\n\t\t\t\tposition,\n\t\t\t\tcandidateRect,\n\t\t\t\tcandidateBlockParents.length,\n\t\t\t\trtl\n\t\t\t);\n\n\t\t\tconst targetParentIndex = Math.max(\n\t\t\t\tMath.min( desiredRelativeLevel, currentLevel - nextLevel ),\n\t\t\t\t0\n\t\t\t);\n\n\t\t\tif ( candidateBlockParents[ targetParentIndex ] ) {\n\t\t\t\t// Default to the block index of the candidate block.\n\t\t\t\tlet newBlockIndex = candidateBlockData.blockIndex;\n\n\t\t\t\t// If the next block is at the same level, use that as the default\n\t\t\t\t// block index. This ensures that the block is dropped in the correct\n\t\t\t\t// position when dragging to the bottom of a block.\n\t\t\t\tif (\n\t\t\t\t\tcandidateBlockParents[ targetParentIndex ].nestingLevel ===\n\t\t\t\t\tnextBlock?.nestingLevel\n\t\t\t\t) {\n\t\t\t\t\tnewBlockIndex = nextBlock?.blockIndex;\n\t\t\t\t} else {\n\t\t\t\t\t// Otherwise, search from the current block index back\n\t\t\t\t\t// to find the last block index within the same target parent.\n\t\t\t\t\tfor ( let i = candidateBlockIndex; i >= 0; i-- ) {\n\t\t\t\t\t\tconst blockData = blocksData[ i ];\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tblockData.rootClientId ===\n\t\t\t\t\t\t\tcandidateBlockParents[ targetParentIndex ]\n\t\t\t\t\t\t\t\t.rootClientId\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tnewBlockIndex = blockData.blockIndex + 1;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\trootClientId:\n\t\t\t\t\t\tcandidateBlockParents[ targetParentIndex ].rootClientId,\n\t\t\t\t\tclientId: candidateBlockData.clientId,\n\t\t\t\t\tblockIndex: newBlockIndex,\n\t\t\t\t\tdropPosition: candidateEdge,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t}\n\n\t// If dropping as a sibling, but block cannot be inserted in\n\t// this context, return early.\n\tif ( ! candidateBlockData.canInsertDraggedBlocksAsSibling ) {\n\t\treturn;\n\t}\n\n\tconst offset = isDraggingBelow ? 1 : 0;\n\treturn {\n\t\trootClientId: candidateBlockData.rootClientId,\n\t\tclientId: candidateBlockData.clientId,\n\t\tblockIndex: candidateBlockData.blockIndex + offset,\n\t\tdropPosition: candidateEdge,\n\t};\n}\n\n// Throttle options need to be defined outside of the hook to avoid\n// re-creating the object on every render. This is due to a limitation\n// of the `useThrottle` hook, where the options object is included\n// in the dependency array for memoization.\nconst EXPAND_THROTTLE_OPTIONS = {\n\tleading: false, // Don't call the function immediately on the first call.\n\ttrailing: true, // Do call the function on the last call.\n};\n\n/\n A react hook for implementing a drop zone in list view.\n \n @param {Object} props Named parameters.\n * @param {?HTMLElement} [props.dropZoneElement] Optional element to be used as the drop zone.\n * @param {Object} [props.expandedState] The expanded state of the blocks in the list view.\n * @param {Function} [props.setExpandedState] Function to set the expanded state of a list of block clientIds.\n \n @return {WPListViewDropZoneTarget} The drop target.\n */\nexport default function useListViewDropZone( {\n\tdropZoneElement,\n\texpandedState,\n\tsetExpandedState,\n} ) {\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlockIndex,\n\t\tgetBlockCount,\n\t\tgetDraggedBlockClientIds,\n\t\tcanInsertBlocks,\n\t} = useSelect( blockEditorStore );\n\tconst [ target, setTarget ] = useState();\n\tconst { rootClientId: targetRootClientId, blockIndex: targetBlockIndex } =\n\t\ttarget \|\| {};\n\n\tconst onBlockDrop = useOnBlockDrop( targetRootClientId, targetBlockIndex );\n\n\tconst rtl = isRTL();\n\n\tconst previousRootClientId = usePrevious( targetRootClientId );\n\n\tconst maybeExpandBlock = useCallback(\n\t\t( _expandedState, _target ) => {\n\t\t\t// If the user is attempting to drop a block inside a collapsed block,\n\t\t\t// that is, using a nesting gesture flagged by 'inside' dropPosition,\n\t\t\t// expand the block within the list view, if it isn't already.\n\t\t\tconst { rootClientId } = _target \|\| {};\n\t\t\tif ( ! rootClientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (\n\t\t\t\t_target?.dropPosition === 'inside' &&\n\t\t\t\t! _expandedState[ rootClientId ]\n\t\t\t) {\n\t\t\t\tsetExpandedState( {\n\t\t\t\t\ttype: 'expand',\n\t\t\t\t\tclientIds: [ rootClientId ],\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ setExpandedState ]\n\t);\n\n\t// Throttle the maybeExpandBlock function to avoid expanding the block\n\t// too quickly when the user is dragging over the block. This is to\n\t// avoid expanding the block when the user is just passing over it.\n\tconst throttledMaybeExpandBlock = useThrottle(\n\t\tmaybeExpandBlock,\n\t\t500,\n\t\tEXPAND_THROTTLE_OPTIONS\n\t);\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\ttarget?.dropPosition !== 'inside' \|\|\n\t\t\tpreviousRootClientId !== target?.rootClientId\n\t\t) {\n\t\t\tthrottledMaybeExpandBlock.cancel();\n\t\t\treturn;\n\t\t}\n\t\tthrottledMaybeExpandBlock( expandedState, target );\n\t}, [\n\t\texpandedState,\n\t\tpreviousRootClientId,\n\t\ttarget,\n\t\tthrottledMaybeExpandBlock,\n\t] );\n\n\tconst draggedBlockClientIds = getDraggedBlockClientIds();\n\tconst throttled = useThrottle(\n\t\tuseCallback(\n\t\t\t( event, currentTarget ) => {\n\t\t\t\tconst position = { x: event.clientX, y: event.clientY };\n\t\t\t\tconst isBlockDrag = !! draggedBlockClientIds?.length;\n\n\t\t\t\tconst blockElements = Array.from(\n\t\t\t\t\tcurrentTarget.querySelectorAll( '[data-block]' )\n\t\t\t\t);\n\n\t\t\t\tconst blocksData = blockElements.map( ( blockElement ) => {\n\t\t\t\t\tconst clientId = blockElement.dataset.block;\n\t\t\t\t\tconst isExpanded = blockElement.dataset.expanded === 'true';\n\t\t\t\t\tconst isDraggedBlock =\n\t\t\t\t\t\tblockElement.classList.contains( 'is-dragging' );\n\n\t\t\t\t\t// Get nesting level from `aria-level` attribute because Firefox does not support `element.ariaLevel`.\n\t\t\t\t\tconst nestingLevel = parseInt(\n\t\t\t\t\t\tblockElement.getAttribute( 'aria-level' ),\n\t\t\t\t\t\t10\n\t\t\t\t\t);\n\t\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tisExpanded,\n\t\t\t\t\t\trootClientId,\n\t\t\t\t\t\tblockIndex: getBlockIndex( clientId ),\n\t\t\t\t\t\telement: blockElement,\n\t\t\t\t\t\tnestingLevel: nestingLevel \|\| undefined,\n\t\t\t\t\t\tisDraggedBlock: isBlockDrag ? isDraggedBlock : false,\n\t\t\t\t\t\tinnerBlockCount: getBlockCount( clientId ),\n\t\t\t\t\t\tcanInsertDraggedBlocksAsSibling: isBlockDrag\n\t\t\t\t\t\t\t? canInsertBlocks(\n\t\t\t\t\t\t\t\t\tdraggedBlockClientIds,\n\t\t\t\t\t\t\t\t\trootClientId\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: true,\n\t\t\t\t\t\tcanInsertDraggedBlocksAsChild: isBlockDrag\n\t\t\t\t\t\t\t? canInsertBlocks( draggedBlockClientIds, clientId )\n\t\t\t\t\t\t\t: true,\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\tconst newTarget = getListViewDropTarget(\n\t\t\t\t\tblocksData,\n\t\t\t\t\tposition,\n\t\t\t\t\trtl\n\t\t\t\t);\n\n\t\t\t\tif ( newTarget ) {\n\t\t\t\t\tsetTarget( newTarget );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[\n\t\t\t\tcanInsertBlocks,\n\t\t\t\tdraggedBlockClientIds,\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\trtl,\n\t\t\t]\n\t\t),\n\t\t50\n\t);\n\n\tconst ref = useDropZone( {\n\t\tdropZoneElement,\n\t\tonDrop( event ) {\n\t\t\tthrottled.cancel();\n\t\t\tif ( target ) {\n\t\t\t\tonBlockDrop( event );\n\t\t\t}\n\t\t\t// Use `undefined` value to indicate that the drag has concluded.\n\t\t\t// This allows styling rules that are active only when a user is\n\t\t\t// dragging to be removed.\n\t\t\tsetTarget( undefined );\n\t\t},\n\t\tonDragLeave() {\n\t\t\tthrottled.cancel();\n\t\t\t// Use `null` value to indicate that the drop target is not valid,\n\t\t\t// but that the drag is still active. This allows for styling rules\n\t\t\t// that are active only when a user drags outside of the list view.\n\t\t\tsetTarget( null );\n\t\t},\n\t\tonDragOver( event ) {\n\t\t\t// `currentTarget` is only available while the event is being\n\t\t\t// handled, so get it now and pass it to the thottled function.\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget\n\t\t\tthrottled( event, event.currentTarget );\n\t\t},\n\t\tonDragEnd() {\n\t\t\tthrottled.cancel();\n\t\t\t// Use `undefined` value to indicate that the drag has concluded.\n\t\t\t// This allows styling rules that are active only when a user is\n\t\t\t// dragging to be removed.\n\t\t\tsetTarget( undefined );\n\t\t},\n\t} );\n\n\treturn { ref, target };\n}\n"],"mappings":"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"}

package/build-module/components/recursion-provider/index.js CHANGED Viewed

@@ -89,11 +89,11 @@ export const DeprecatedExperimentalRecursionProvider = props => {
     ...props
   });
 };
-export const DeprecatedExperimentalUseHasRecursion = props => {
+export const DeprecatedExperimentalUseHasRecursion = (...args) => {
   deprecated('wp.blockEditor.__experimentalUseHasRecursion', {
     since: '6.5',
     alternative: 'wp.blockEditor.useHasRecursion'
   });
-  return useHasRecursion(...props);
+  return useHasRecursion(...args);
 };
 //# sourceMappingURL=index.js.map

package/build-module/components/recursion-provider/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["createContext","useContext","useMemo","deprecated","useBlockEditContext","RenderedRefsContext","addToBlockType","renderedBlocks","blockName","uniqueId","result","Set","add","RecursionProvider","children","previouslyRenderedBlocks","name","newRenderedBlocks","createElement","Provider","value","useHasRecursion","Boolean","has","DeprecatedExperimentalRecursionProvider","props","since","alternative","DeprecatedExperimentalUseHasRecursion"],"sources":["@wordpress/block-editor/src/components/recursion-provider/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createContext, useContext, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n /\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst RenderedRefsContext = createContext( {} );\n\n/\n Immutably adds an unique identifier to a set scoped for a given block type.\n \n @param {Object} renderedBlocks Rendered blocks grouped by block name\n * @param {string} blockName Name of the block.\n * @param {} uniqueId Any value that acts as a unique identifier for a block instance.\n \n * @return {Object} The list of rendered blocks grouped by block name.\n /\nfunction addToBlockType( renderedBlocks, blockName, uniqueId ) {\n\tconst result = {\n\t\t...renderedBlocks,\n\t\t[ blockName ]: renderedBlocks[ blockName ]\n\t\t\t? new Set( renderedBlocks[ blockName ] )\n\t\t\t: new Set(),\n\t};\n\tresult[ blockName ].add( uniqueId );\n\n\treturn result;\n}\n\n/\n A React context provider for use with the `useHasRecursion` hook to prevent recursive\n * renders.\n \n Wrap block content with this provider and provide the same `uniqueId` prop as used\n * with `useHasRecursion`.\n \n @param {Object} props\n * @param {} props.uniqueId Any value that acts as a unique identifier for a block instance.\n @param {string} props.blockName Optional block name.\n * @param {JSX.Element} props.children React children.\n \n @return {JSX.Element} A React element.\n /\nexport function RecursionProvider( { children, uniqueId, blockName = '' } ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\n\tblockName = blockName \|\| name;\n\n\tconst newRenderedBlocks = useMemo(\n\t\t() => addToBlockType( previouslyRenderedBlocks, blockName, uniqueId ),\n\t\t[ previouslyRenderedBlocks, blockName, uniqueId ]\n\t);\n\n\treturn (\n\t\t<RenderedRefsContext.Provider value={ newRenderedBlocks }>\n\t\t\t{ children }\n\t\t</RenderedRefsContext.Provider>\n\t);\n}\n\n/\n A React hook for keeping track of blocks previously rendered up in the block\n * tree. Blocks susceptible to recursion can use this hook in their `Edit`\n * function to prevent said recursion.\n \n Use this with the `RecursionProvider` component, using the same `uniqueId` value\n * for both the hook and the provider.\n \n @param {} uniqueId Any value that acts as a unique identifier for a block instance.\n @param {string} blockName Optional block name.\n \n @return {boolean} A boolean describing whether the provided id has already been rendered.\n */\nexport function useHasRecursion( uniqueId, blockName = '' ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\tblockName = blockName \|\| name;\n\treturn Boolean( previouslyRenderedBlocks[ blockName ]?.has( uniqueId ) );\n}\n\nexport const DeprecatedExperimentalRecursionProvider = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalRecursionProvider', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.RecursionProvider',\n\t} );\n\treturn <RecursionProvider { ...props } />;\n};\n\nexport const DeprecatedExperimentalUseHasRecursion = ( ~~props~~ ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalUseHasRecursion', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.useHasRecursion',\n\t} );\n\treturn useHasRecursion( ...~~props~~ );\n};\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;AACvE,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,MAAMC,mBAAmB,GAAGL,aAAa,CAAE,CAAC,CAAE,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASM,cAAcA,CAAEC,cAAc,EAAEC,SAAS,EAAEC,QAAQ,EAAG;EAC9D,MAAMC,MAAM,GAAG;IACd,GAAGH,cAAc;IACjB,CAAEC,SAAS,GAAID,cAAc,CAAEC,SAAS,CAAE,GACvC,IAAIG,GAAG,CAAEJ,cAAc,CAAEC,SAAS,CAAG,CAAC,GACtC,IAAIG,GAAG,CAAC;EACZ,CAAC;EACDD,MAAM,CAAEF,SAAS,CAAE,CAACI,GAAG,CAAEH,QAAS,CAAC;EAEnC,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEL,QAAQ;EAAED,SAAS,GAAG;AAAG,CAAC,EAAG;EAC3E,MAAMO,wBAAwB,GAAGd,UAAU,CAAEI,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAEtCI,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAE7B,MAAMC,iBAAiB,GAAGf,OAAO,CAChC,MAAMI,cAAc,CAAES,wBAAwB,EAAEP,SAAS,EAAEC,QAAS,CAAC,EACrE,CAAEM,wBAAwB,EAAEP,SAAS,EAAEC,QAAQ,CAChD,CAAC;EAED,OACCS,aAAA,CAACb,mBAAmB,CAACc,QAAQ;IAACC,KAAK,EAAGH;EAAmB,GACtDH,QAC2B,CAAC;AAEjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,eAAeA,CAAEZ,QAAQ,EAAED,SAAS,GAAG,EAAE,EAAG;EAC3D,MAAMO,wBAAwB,GAAGd,UAAU,CAAEI,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EACtCI,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAC7B,OAAOM,OAAO,CAAEP,wBAAwB,CAAEP,SAAS,CAAE,EAAEe,GAAG,CAAEd,QAAS,CAAE,CAAC;AACzE;AAEA,OAAO,MAAMe,uCAAuC,GAAKC,KAAK,IAAM;EACnEtB,UAAU,CAAE,gDAAgD,EAAE;IAC7DuB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAOT,aAAA,CAACL,iBAAiB;IAAA,GAAMY;EAAK,CAAI,CAAC;AAC1C,CAAC;AAED,OAAO,MAAMG,qCAAqC,~~GAAKH~~,~~KAAK~~,~~IAAM~~;~~EACjEtB~~,UAAU,CAAE,8CAA8C,EAAE;IAC3DuB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAON,eAAe,CAAE,~~GAAGI~~,~~KAAM~~,CAAC;~~AACnC~~,CAAC"}
1	+ {"version":3,"names":["createContext","useContext","useMemo","deprecated","useBlockEditContext","RenderedRefsContext","addToBlockType","renderedBlocks","blockName","uniqueId","result","Set","add","RecursionProvider","children","previouslyRenderedBlocks","name","newRenderedBlocks","createElement","Provider","value","useHasRecursion","Boolean","has","DeprecatedExperimentalRecursionProvider","props","since","alternative","DeprecatedExperimentalUseHasRecursion","args"],"sources":["@wordpress/block-editor/src/components/recursion-provider/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createContext, useContext, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n /\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst RenderedRefsContext = createContext( {} );\n\n/\n Immutably adds an unique identifier to a set scoped for a given block type.\n \n @param {Object} renderedBlocks Rendered blocks grouped by block name\n * @param {string} blockName Name of the block.\n * @param {} uniqueId Any value that acts as a unique identifier for a block instance.\n \n * @return {Object} The list of rendered blocks grouped by block name.\n /\nfunction addToBlockType( renderedBlocks, blockName, uniqueId ) {\n\tconst result = {\n\t\t...renderedBlocks,\n\t\t[ blockName ]: renderedBlocks[ blockName ]\n\t\t\t? new Set( renderedBlocks[ blockName ] )\n\t\t\t: new Set(),\n\t};\n\tresult[ blockName ].add( uniqueId );\n\n\treturn result;\n}\n\n/\n A React context provider for use with the `useHasRecursion` hook to prevent recursive\n * renders.\n \n Wrap block content with this provider and provide the same `uniqueId` prop as used\n * with `useHasRecursion`.\n \n @param {Object} props\n * @param {} props.uniqueId Any value that acts as a unique identifier for a block instance.\n @param {string} props.blockName Optional block name.\n * @param {JSX.Element} props.children React children.\n \n @return {JSX.Element} A React element.\n /\nexport function RecursionProvider( { children, uniqueId, blockName = '' } ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\n\tblockName = blockName \|\| name;\n\n\tconst newRenderedBlocks = useMemo(\n\t\t() => addToBlockType( previouslyRenderedBlocks, blockName, uniqueId ),\n\t\t[ previouslyRenderedBlocks, blockName, uniqueId ]\n\t);\n\n\treturn (\n\t\t<RenderedRefsContext.Provider value={ newRenderedBlocks }>\n\t\t\t{ children }\n\t\t</RenderedRefsContext.Provider>\n\t);\n}\n\n/\n A React hook for keeping track of blocks previously rendered up in the block\n * tree. Blocks susceptible to recursion can use this hook in their `Edit`\n * function to prevent said recursion.\n \n Use this with the `RecursionProvider` component, using the same `uniqueId` value\n * for both the hook and the provider.\n \n @param {} uniqueId Any value that acts as a unique identifier for a block instance.\n @param {string} blockName Optional block name.\n \n @return {boolean} A boolean describing whether the provided id has already been rendered.\n */\nexport function useHasRecursion( uniqueId, blockName = '' ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\tblockName = blockName \|\| name;\n\treturn Boolean( previouslyRenderedBlocks[ blockName ]?.has( uniqueId ) );\n}\n\nexport const DeprecatedExperimentalRecursionProvider = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalRecursionProvider', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.RecursionProvider',\n\t} );\n\treturn <RecursionProvider { ...props } />;\n};\n\nexport const DeprecatedExperimentalUseHasRecursion = ( ...args ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalUseHasRecursion', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.useHasRecursion',\n\t} );\n\treturn useHasRecursion( ...args );\n};\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;AACvE,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,MAAMC,mBAAmB,GAAGL,aAAa,CAAE,CAAC,CAAE,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASM,cAAcA,CAAEC,cAAc,EAAEC,SAAS,EAAEC,QAAQ,EAAG;EAC9D,MAAMC,MAAM,GAAG;IACd,GAAGH,cAAc;IACjB,CAAEC,SAAS,GAAID,cAAc,CAAEC,SAAS,CAAE,GACvC,IAAIG,GAAG,CAAEJ,cAAc,CAAEC,SAAS,CAAG,CAAC,GACtC,IAAIG,GAAG,CAAC;EACZ,CAAC;EACDD,MAAM,CAAEF,SAAS,CAAE,CAACI,GAAG,CAAEH,QAAS,CAAC;EAEnC,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEL,QAAQ;EAAED,SAAS,GAAG;AAAG,CAAC,EAAG;EAC3E,MAAMO,wBAAwB,GAAGd,UAAU,CAAEI,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAEtCI,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAE7B,MAAMC,iBAAiB,GAAGf,OAAO,CAChC,MAAMI,cAAc,CAAES,wBAAwB,EAAEP,SAAS,EAAEC,QAAS,CAAC,EACrE,CAAEM,wBAAwB,EAAEP,SAAS,EAAEC,QAAQ,CAChD,CAAC;EAED,OACCS,aAAA,CAACb,mBAAmB,CAACc,QAAQ;IAACC,KAAK,EAAGH;EAAmB,GACtDH,QAC2B,CAAC;AAEjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,eAAeA,CAAEZ,QAAQ,EAAED,SAAS,GAAG,EAAE,EAAG;EAC3D,MAAMO,wBAAwB,GAAGd,UAAU,CAAEI,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EACtCI,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAC7B,OAAOM,OAAO,CAAEP,wBAAwB,CAAEP,SAAS,CAAE,EAAEe,GAAG,CAAEd,QAAS,CAAE,CAAC;AACzE;AAEA,OAAO,MAAMe,uCAAuC,GAAKC,KAAK,IAAM;EACnEtB,UAAU,CAAE,gDAAgD,EAAE;IAC7DuB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAOT,aAAA,CAACL,iBAAiB;IAAA,GAAMY;EAAK,CAAI,CAAC;AAC1C,CAAC;AAED,OAAO,MAAMG,qCAAqC,GAAGA,CAAE,GAAGC,IAAI,KAAM;EACnE1B,UAAU,CAAE,8CAA8C,EAAE;IAC3DuB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAON,eAAe,CAAE,GAAGQ,IAAK,CAAC;AAClC,CAAC"}

package/build-module/components/url-popover/image-url-input-ui.js CHANGED Viewed

@@ -29,7 +29,8 @@ const ImageURLInputUI = ({
   rel,
   showLightboxSetting,
   lightboxEnabled,
-  onSetLightbox
+  onSetLightbox,
+  resetLightbox
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   // Use internal state instead of a ref to make sure that the component
@@ -190,8 +191,52 @@ const ImageURLInputUI = ({
     onChange: onSetLinkClass
   }));
   const linkEditorValue = urlInput !== null ? urlInput : url;
-  const showLinkEditor = (!linkEditorValue && !lightboxEnabled) === true;
+  const hideLightboxPanel = !lightboxEnabled || lightboxEnabled && !showLightboxSetting;
+  const showLinkEditor = !linkEditorValue && hideLightboxPanel;
   const urlLabel = (getLinkDestinations().find(destination => destination.linkDestination === linkDestination) || {}).title;
+  const PopoverChildren = () => {
+    if (lightboxEnabled && showLightboxSetting && !url && !isEditingLink) {
+      return createElement("div", {
+        className: "block-editor-url-popover__expand-on-click"
+      }, createElement(Icon, {
+        icon: fullscreen
+      }), createElement("div", {
+        className: "text"
+      }, createElement("p", null, __('Expand on click')), createElement("p", {
+        className: "description"
+      }, __('Scales the image with a lightbox effect'))), createElement(Button, {
+        icon: linkOff,
+        label: __('Disable expand on click'),
+        onClick: () => {
+          onSetLightbox(false);
+        },
+        size: "compact"
+      }));
+    } else if (!url || isEditingLink) {
+      return createElement(URLPopover.LinkEditor, {
+        className: "block-editor-format-toolbar__link-container-content",
+        value: linkEditorValue,
+        onChangeInputValue: setUrlInput,
+        onSubmit: onSubmitLinkChange(),
+        autocompleteRef: autocompleteRef
+      });
+    } else if (url && !isEditingLink) {
+      return createElement(Fragment, null, createElement(URLPopover.LinkViewer, {
+        className: "block-editor-format-toolbar__link-container-content",
+        url: url,
+        onEditLinkClick: startEditLink,
+        urlLabel: urlLabel
+      }), createElement(Button, {
+        icon: linkOff,
+        label: __('Remove link'),
+        onClick: () => {
+          onLinkRemove();
+          resetLightbox();
+        },
+        size: "compact"
+      }));
+    }
+  };
   return createElement(Fragment, null, createElement(ToolbarButton, {
     icon: linkIcon,
     className: "components-toolbar__control",
@@ -199,13 +244,13 @@ const ImageURLInputUI = ({
     "aria-expanded": isOpen,
     onClick: openLinkUI,
     ref: setPopoverAnchor,
-    isActive: !!url || lightboxEnabled
+    isActive: !!url || lightboxEnabled && showLightboxSetting
   }), isOpen && createElement(URLPopover, {
     ref: wrapperRef,
     anchor: popoverAnchor,
     onFocusOutside: onFocusOutside(),
     onClose: closeLinkUI,
-    renderSettings: !lightboxEnabled ? () => advancedOptions : null,
+    renderSettings: hideLightboxPanel ? () => advancedOptions : null,
     additionalControls: showLinkEditor && createElement(NavigableMenu, null, getLinkDestinations().map(link => createElement(MenuItem, {
       key: link.linkDestination,
       icon: link.icon,
@@ -232,38 +277,7 @@ const ImageURLInputUI = ({
       }
     }, __('Expand on click'))),
     offset: 13
-  }, (!url || isEditingLink) && !lightboxEnabled && createElement(Fragment, null, createElement(URLPopover.LinkEditor, {
-    className: "block-editor-format-toolbar__link-container-content",
-    value: linkEditorValue,
-    onChangeInputValue: setUrlInput,
-    onSubmit: onSubmitLinkChange(),
-    autocompleteRef: autocompleteRef
-  })), url && !isEditingLink && !lightboxEnabled && createElement(Fragment, null, createElement(URLPopover.LinkViewer, {
-    className: "block-editor-format-toolbar__link-container-content",
-    url: url,
-    onEditLinkClick: startEditLink,
-    urlLabel: urlLabel
-  }), createElement(Button, {
-    icon: linkOff,
-    label: __('Remove link'),
-    onClick: onLinkRemove,
-    size: "compact"
-  })), !url && !isEditingLink && lightboxEnabled && createElement("div", {
-    className: "block-editor-url-popover__expand-on-click"
-  }, createElement(Icon, {
-    icon: fullscreen
-  }), createElement("div", {
-    className: "text"
-  }, createElement("p", null, __('Expand on click')), createElement("p", {
-    className: "description"
-  }, __('Scales the image with a lightbox effect'))), createElement(Button, {
-    icon: linkOff,
-    label: __('Disable expand on click'),
-    onClick: () => {
-      onSetLightbox(false);
-    },
-    size: "compact"
-  }))));
+  }, PopoverChildren()));
 };
 export { ImageURLInputUI as __experimentalImageURLInputUI };
 //# sourceMappingURL=image-url-input-ui.js.map

package/build-module/components/url-popover/image-url-input-ui.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","useRef","useEffect","useState","focus","ToolbarButton","NavigableMenu","Button","MenuItem","ToggleControl","TextControl","__experimentalVStack","VStack","Icon","link","linkIcon","image","page","fullscreen","linkOff","URLPopover","LINK_DESTINATION_NONE","LINK_DESTINATION_CUSTOM","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","NEW_TAB_REL","ImageURLInputUI","linkDestination","onChangeUrl","url","mediaType","mediaUrl","mediaLink","linkTarget","linkClass","rel","showLightboxSetting","lightboxEnabled","onSetLightbox","isOpen","setIsOpen","popoverAnchor","setPopoverAnchor","openLinkUI","isEditingLink","setIsEditingLink","urlInput","setUrlInput","autocompleteRef","wrapperRef","current","nextFocusTarget","focusable","find","startEditLink","stopEditLink","closeLinkUI","getUpdatedLinkTargetSettings","value","newLinkTarget","undefined","updatedRel","rels","split","forEach","relVal","includes","push","join","filter","length","onFocusOutside","event","autocompleteElement","contains","target","onSubmitLinkChange","selectedDestination","getLinkDestinations","destination","href","lightbox","enabled","preventDefault","onLinkRemove","linkDestinations","title","icon","onSetHref","linkDestinationInput","onSetNewTab","updatedLinkTarget","onSetLinkRel","onSetLinkClass","advancedOptions","createElement","spacing","__nextHasNoMarginBottom","label","onChange","checked","linkEditorValue","showLinkEditor","urlLabel","Fragment","className","onClick","ref","isActive","anchor","onClose","renderSettings","additionalControls","map","key","iconPosition","info","offset","LinkEditor","onChangeInputValue","onSubmit","LinkViewer","onEditLinkClick","size","__experimentalImageURLInputUI"],"sources":["@wordpress/block-editor/src/components/url-popover/image-url-input-ui.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\nimport {\n\tToolbarButton,\n\tNavigableMenu,\n\tButton,\n\tMenuItem,\n\tToggleControl,\n\tTextControl,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tIcon,\n\tlink as linkIcon,\n\timage,\n\tpage,\n\tfullscreen,\n\tlinkOff,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport URLPopover from './index';\n\nconst LINK_DESTINATION_NONE = 'none';\nconst LINK_DESTINATION_CUSTOM = 'custom';\nconst LINK_DESTINATION_MEDIA = 'media';\nconst LINK_DESTINATION_ATTACHMENT = 'attachment';\nconst NEW_TAB_REL = [ 'noreferrer', 'noopener' ];\n\nconst ImageURLInputUI = ( {\n\tlinkDestination,\n\tonChangeUrl,\n\turl,\n\tmediaType = 'image',\n\tmediaUrl,\n\tmediaLink,\n\tlinkTarget,\n\tlinkClass,\n\trel,\n\tshowLightboxSetting,\n\tlightboxEnabled,\n\tonSetLightbox,\n} ) => {\n\tconst [ isOpen, setIsOpen ] = useState( false );\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst openLinkUI = () => {\n\t\tsetIsOpen( true );\n\t};\n\n\tconst [ isEditingLink, setIsEditingLink ] = useState( false );\n\tconst [ urlInput, setUrlInput ] = useState( null );\n\n\tconst autocompleteRef = useRef( null );\n\tconst wrapperRef = useRef();\n\n\tuseEffect( () => {\n\t\tif ( ! wrapperRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tconst nextFocusTarget =\n\t\t\tfocus.focusable.find( wrapperRef.current )[ 0 ] \|\|\n\t\t\twrapperRef.current;\n\t\tnextFocusTarget.focus();\n\t}, [ isEditingLink, url, lightboxEnabled ] );\n\n\tconst startEditLink = () => {\n\t\tif (\n\t\t\tlinkDestination === LINK_DESTINATION_MEDIA \|\|\n\t\t\tlinkDestination === LINK_DESTINATION_ATTACHMENT\n\t\t) {\n\t\t\tsetUrlInput( '' );\n\t\t}\n\t\tsetIsEditingLink( true );\n\t};\n\n\tconst stopEditLink = () => {\n\t\tsetIsEditingLink( false );\n\t};\n\n\tconst closeLinkUI = () => {\n\t\tsetUrlInput( null );\n\t\tstopEditLink();\n\t\tsetIsOpen( false );\n\t};\n\n\tconst getUpdatedLinkTargetSettings = ( value ) => {\n\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\tlet updatedRel;\n\t\tif ( newLinkTarget ) {\n\t\t\tconst rels = ( rel ?? '' ).split( ' ' );\n\t\t\tNEW_TAB_REL.forEach( ( relVal ) => {\n\t\t\t\tif ( ! rels.includes( relVal ) ) {\n\t\t\t\t\trels.push( relVal );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tupdatedRel = rels.join( ' ' );\n\t\t} else {\n\t\t\tconst rels = ( rel ?? '' )\n\t\t\t\t.split( ' ' )\n\t\t\t\t.filter(\n\t\t\t\t\t( relVal ) => NEW_TAB_REL.includes( relVal ) === false\n\t\t\t\t);\n\t\t\tupdatedRel = rels.length ? rels.join( ' ' ) : undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tlinkTarget: newLinkTarget,\n\t\t\trel: updatedRel,\n\t\t};\n\t};\n\n\tconst onFocusOutside = () => {\n\t\treturn ( event ) => {\n\t\t\t// The autocomplete suggestions list renders in a separate popover (in a portal),\n\t\t\t// so onFocusOutside fails to detect that a click on a suggestion occurred in the\n\t\t\t// LinkContainer. Detect clicks on autocomplete suggestions using a ref here, and\n\t\t\t// return to avoid the popover being closed.\n\t\t\tconst autocompleteElement = autocompleteRef.current;\n\t\t\tif (\n\t\t\t\tautocompleteElement &&\n\t\t\t\tautocompleteElement.contains( event.target )\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsOpen( false );\n\t\t\tsetUrlInput( null );\n\t\t\tstopEditLink();\n\t\t};\n\t};\n\n\tconst onSubmitLinkChange = () => {\n\t\treturn ( event ) => {\n\t\t\tif ( urlInput ) {\n\t\t\t\t// It is possible the entered URL actually matches a named link destination.\n\t\t\t\t// This check will ensure our link destination is correct.\n\t\t\t\tconst selectedDestination =\n\t\t\t\t\tgetLinkDestinations().find(\n\t\t\t\t\t\t( destination ) => destination.url === urlInput\n\t\t\t\t\t)?.linkDestination \|\| LINK_DESTINATION_CUSTOM;\n\n\t\t\t\tonChangeUrl( {\n\t\t\t\t\thref: urlInput,\n\t\t\t\t\tlinkDestination: selectedDestination,\n\t\t\t\t\tlightbox: { enabled: false },\n\t\t\t\t} );\n\t\t\t}\n\t\t\tstopEditLink();\n\t\t\tsetUrlInput( null );\n\t\t\tevent.preventDefault();\n\t\t};\n\t};\n\n\tconst onLinkRemove = () => {\n\t\tonChangeUrl( {\n\t\t\tlinkDestination: LINK_DESTINATION_NONE,\n\t\t\thref: '',\n\t\t} );\n\t};\n\n\tconst getLinkDestinations = () => {\n\t\tconst linkDestinations = [\n\t\t\t{\n\t\t\t\tlinkDestination: LINK_DESTINATION_MEDIA,\n\t\t\t\ttitle: __( 'Link to image file' ),\n\t\t\t\turl: mediaType === 'image' ? mediaUrl : undefined,\n\t\t\t\ticon: image,\n\t\t\t},\n\t\t];\n\t\tif ( mediaType === 'image' && mediaLink ) {\n\t\t\tlinkDestinations.push( {\n\t\t\t\tlinkDestination: LINK_DESTINATION_ATTACHMENT,\n\t\t\t\ttitle: __( 'Link to attachment page' ),\n\t\t\t\turl: mediaType === 'image' ? mediaLink : undefined,\n\t\t\t\ticon: page,\n\t\t\t} );\n\t\t}\n\t\treturn linkDestinations;\n\t};\n\n\tconst onSetHref = ( value ) => {\n\t\tconst linkDestinations = getLinkDestinations();\n\t\tlet linkDestinationInput;\n\t\tif ( ! value ) {\n\t\t\tlinkDestinationInput = LINK_DESTINATION_NONE;\n\t\t} else {\n\t\t\tlinkDestinationInput = (\n\t\t\t\tlinkDestinations.find( ( destination ) => {\n\t\t\t\t\treturn destination.url === value;\n\t\t\t\t} ) \|\| { linkDestination: LINK_DESTINATION_CUSTOM }\n\t\t\t).linkDestination;\n\t\t}\n\t\tonChangeUrl( {\n\t\t\tlinkDestination: linkDestinationInput,\n\t\t\thref: value,\n\t\t} );\n\t};\n\n\tconst onSetNewTab = ( value ) => {\n\t\tconst updatedLinkTarget = getUpdatedLinkTargetSettings( value );\n\t\tonChangeUrl( updatedLinkTarget );\n\t};\n\n\tconst onSetLinkRel = ( value ) => {\n\t\tonChangeUrl( { rel: value } );\n\t};\n\n\tconst onSetLinkClass = ( value ) => {\n\t\tonChangeUrl( { linkClass: value } );\n\t};\n\n\tconst advancedOptions = (\n\t\t<VStack spacing=\"3\">\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\tonChange={ onSetNewTab }\n\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t/>\n\t\t\t<TextControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\tvalue={ rel ?? '' }\n\t\t\t\tonChange={ onSetLinkRel }\n\t\t\t/>\n\t\t\t<TextControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Link CSS class' ) }\n\t\t\t\tvalue={ linkClass \|\| '' }\n\t\t\t\tonChange={ onSetLinkClass }\n\t\t\t/>\n\t\t</VStack>\n\t);\n\n\tconst linkEditorValue = urlInput !== null ? urlInput : url;\n\tconst showLinkEditor = ( ! linkEditorValue && ! lightboxEnabled ) === true;\n\n\tconst urlLabel = (\n\t\tgetLinkDestinations().find(\n\t\t\t( destination ) => destination.linkDestination === linkDestination\n\t\t) \|\| {}\n\t).title;\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ linkIcon }\n\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\taria-expanded={ isOpen }\n\t\t\t\tonClick={ openLinkUI }\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\tisActive={ !! url \|\| lightboxEnabled }\n\t\t\t/>\n\t\t\t{ isOpen && (\n\t\t\t\t<URLPopover\n\t\t\t\t\tref={ wrapperRef }\n\t\t\t\t\tanchor={ popoverAnchor }\n\t\t\t\t\tonFocusOutside={ onFocusOutside() }\n\t\t\t\t\tonClose={ closeLinkUI }\n\t\t\t\t\trenderSettings={\n\t\t\t\t\t\t! lightboxEnabled ? () => advancedOptions : null\n\t\t\t\t\t}\n\t\t\t\t\tadditionalControls={\n\t\t\t\t\t\tshowLinkEditor && (\n\t\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t\t{ getLinkDestinations().map( ( link ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ link.linkDestination }\n\t\t\t\t\t\t\t\t\t\ticon={ link.icon }\n\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetUrlInput( null );\n\t\t\t\t\t\t\t\t\t\t\tonSetHref( link.url );\n\t\t\t\t\t\t\t\t\t\t\tstopEditLink();\n\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\t\t{ link.title }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t{ showLightboxSetting && (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey=\"expand-on-click\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-url-popover__expand-on-click\"\n\t\t\t\t\t\t\t\t\t\ticon={ fullscreen }\n\t\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t\t'Scale the image with a lightbox effect.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetUrlInput( null );\n\t\t\t\t\t\t\t\t\t\t\tonChangeUrl( {\n\t\t\t\t\t\t\t\t\t\t\t\tlinkDestination:\n\t\t\t\t\t\t\t\t\t\t\t\t\tLINK_DESTINATION_NONE,\n\t\t\t\t\t\t\t\t\t\t\t\thref: '',\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\tonSetLightbox( true );\n\t\t\t\t\t\t\t\t\t\t\tstopEditLink();\n\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\t\t{ __( 'Expand on click' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\toffset={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ ( ! url \|\| isEditingLink ) && ! lightboxEnabled && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<URLPopover.LinkEditor\n\t\t\t\t\t\t\t\tclassName=\"block-editor-format-toolbar__link-container-content\"\n\t\t\t\t\t\t\t\tvalue={ linkEditorValue }\n\t\t\t\t\t\t\t\tonChangeInputValue={ setUrlInput }\n\t\t\t\t\t\t\t\tonSubmit={ onSubmitLinkChange() }\n\t\t\t\t\t\t\t\tautocompleteRef={ autocompleteRef }\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\t{ url && ! isEditingLink && ! lightboxEnabled && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<URLPopover.LinkViewer\n\t\t\t\t\t\t\t\tclassName=\"block-editor-format-toolbar__link-container-content\"\n\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\tonEditLinkClick={ startEditLink }\n\t\t\t\t\t\t\t\turlLabel={ urlLabel }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\t\t\tlabel={ __( 'Remove link' ) }\n\t\t\t\t\t\t\t\tonClick={ onLinkRemove }\n\t\t\t\t\t\t\t\tsize=\"compact\"\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\t{ ! url && ! isEditingLink && lightboxEnabled && (\n\t\t\t\t\t\t<div className=\"block-editor-url-popover__expand-on-click\">\n\t\t\t\t\t\t\t<Icon icon={ fullscreen } />\n\t\t\t\t\t\t\t<div className=\"text\">\n\t\t\t\t\t\t\t\t<p>{ __( 'Expand on click' ) }</p>\n\t\t\t\t\t\t\t\t<p className=\"description\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Scales the image with a lightbox effect'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\t\t\tlabel={ __( 'Disable expand on click' ) }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonSetLightbox( false );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</URLPopover>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport { ImageURLInputUI as __experimentalImageURLInputUI };\n"],"mappings":"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"}
1	+ {"version":3,"names":["__","useRef","useEffect","useState","focus","ToolbarButton","NavigableMenu","Button","MenuItem","ToggleControl","TextControl","__experimentalVStack","VStack","Icon","link","linkIcon","image","page","fullscreen","linkOff","URLPopover","LINK_DESTINATION_NONE","LINK_DESTINATION_CUSTOM","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","NEW_TAB_REL","ImageURLInputUI","linkDestination","onChangeUrl","url","mediaType","mediaUrl","mediaLink","linkTarget","linkClass","rel","showLightboxSetting","lightboxEnabled","onSetLightbox","resetLightbox","isOpen","setIsOpen","popoverAnchor","setPopoverAnchor","openLinkUI","isEditingLink","setIsEditingLink","urlInput","setUrlInput","autocompleteRef","wrapperRef","current","nextFocusTarget","focusable","find","startEditLink","stopEditLink","closeLinkUI","getUpdatedLinkTargetSettings","value","newLinkTarget","undefined","updatedRel","rels","split","forEach","relVal","includes","push","join","filter","length","onFocusOutside","event","autocompleteElement","contains","target","onSubmitLinkChange","selectedDestination","getLinkDestinations","destination","href","lightbox","enabled","preventDefault","onLinkRemove","linkDestinations","title","icon","onSetHref","linkDestinationInput","onSetNewTab","updatedLinkTarget","onSetLinkRel","onSetLinkClass","advancedOptions","createElement","spacing","__nextHasNoMarginBottom","label","onChange","checked","linkEditorValue","hideLightboxPanel","showLinkEditor","urlLabel","PopoverChildren","className","onClick","size","LinkEditor","onChangeInputValue","onSubmit","Fragment","LinkViewer","onEditLinkClick","ref","isActive","anchor","onClose","renderSettings","additionalControls","map","key","iconPosition","info","offset","__experimentalImageURLInputUI"],"sources":["@wordpress/block-editor/src/components/url-popover/image-url-input-ui.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\nimport {\n\tToolbarButton,\n\tNavigableMenu,\n\tButton,\n\tMenuItem,\n\tToggleControl,\n\tTextControl,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tIcon,\n\tlink as linkIcon,\n\timage,\n\tpage,\n\tfullscreen,\n\tlinkOff,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport URLPopover from './index';\n\nconst LINK_DESTINATION_NONE = 'none';\nconst LINK_DESTINATION_CUSTOM = 'custom';\nconst LINK_DESTINATION_MEDIA = 'media';\nconst LINK_DESTINATION_ATTACHMENT = 'attachment';\nconst NEW_TAB_REL = [ 'noreferrer', 'noopener' ];\n\nconst ImageURLInputUI = ( {\n\tlinkDestination,\n\tonChangeUrl,\n\turl,\n\tmediaType = 'image',\n\tmediaUrl,\n\tmediaLink,\n\tlinkTarget,\n\tlinkClass,\n\trel,\n\tshowLightboxSetting,\n\tlightboxEnabled,\n\tonSetLightbox,\n\tresetLightbox,\n} ) => {\n\tconst [ isOpen, setIsOpen ] = useState( false );\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst openLinkUI = () => {\n\t\tsetIsOpen( true );\n\t};\n\n\tconst [ isEditingLink, setIsEditingLink ] = useState( false );\n\tconst [ urlInput, setUrlInput ] = useState( null );\n\n\tconst autocompleteRef = useRef( null );\n\tconst wrapperRef = useRef();\n\n\tuseEffect( () => {\n\t\tif ( ! wrapperRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tconst nextFocusTarget =\n\t\t\tfocus.focusable.find( wrapperRef.current )[ 0 ] \|\|\n\t\t\twrapperRef.current;\n\t\tnextFocusTarget.focus();\n\t}, [ isEditingLink, url, lightboxEnabled ] );\n\n\tconst startEditLink = () => {\n\t\tif (\n\t\t\tlinkDestination === LINK_DESTINATION_MEDIA \|\|\n\t\t\tlinkDestination === LINK_DESTINATION_ATTACHMENT\n\t\t) {\n\t\t\tsetUrlInput( '' );\n\t\t}\n\t\tsetIsEditingLink( true );\n\t};\n\n\tconst stopEditLink = () => {\n\t\tsetIsEditingLink( false );\n\t};\n\n\tconst closeLinkUI = () => {\n\t\tsetUrlInput( null );\n\t\tstopEditLink();\n\t\tsetIsOpen( false );\n\t};\n\n\tconst getUpdatedLinkTargetSettings = ( value ) => {\n\t\tconst newLinkTarget = value ? '_blank' : undefined;\n\n\t\tlet updatedRel;\n\t\tif ( newLinkTarget ) {\n\t\t\tconst rels = ( rel ?? '' ).split( ' ' );\n\t\t\tNEW_TAB_REL.forEach( ( relVal ) => {\n\t\t\t\tif ( ! rels.includes( relVal ) ) {\n\t\t\t\t\trels.push( relVal );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tupdatedRel = rels.join( ' ' );\n\t\t} else {\n\t\t\tconst rels = ( rel ?? '' )\n\t\t\t\t.split( ' ' )\n\t\t\t\t.filter(\n\t\t\t\t\t( relVal ) => NEW_TAB_REL.includes( relVal ) === false\n\t\t\t\t);\n\t\t\tupdatedRel = rels.length ? rels.join( ' ' ) : undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tlinkTarget: newLinkTarget,\n\t\t\trel: updatedRel,\n\t\t};\n\t};\n\n\tconst onFocusOutside = () => {\n\t\treturn ( event ) => {\n\t\t\t// The autocomplete suggestions list renders in a separate popover (in a portal),\n\t\t\t// so onFocusOutside fails to detect that a click on a suggestion occurred in the\n\t\t\t// LinkContainer. Detect clicks on autocomplete suggestions using a ref here, and\n\t\t\t// return to avoid the popover being closed.\n\t\t\tconst autocompleteElement = autocompleteRef.current;\n\t\t\tif (\n\t\t\t\tautocompleteElement &&\n\t\t\t\tautocompleteElement.contains( event.target )\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsOpen( false );\n\t\t\tsetUrlInput( null );\n\t\t\tstopEditLink();\n\t\t};\n\t};\n\n\tconst onSubmitLinkChange = () => {\n\t\treturn ( event ) => {\n\t\t\tif ( urlInput ) {\n\t\t\t\t// It is possible the entered URL actually matches a named link destination.\n\t\t\t\t// This check will ensure our link destination is correct.\n\t\t\t\tconst selectedDestination =\n\t\t\t\t\tgetLinkDestinations().find(\n\t\t\t\t\t\t( destination ) => destination.url === urlInput\n\t\t\t\t\t)?.linkDestination \|\| LINK_DESTINATION_CUSTOM;\n\n\t\t\t\tonChangeUrl( {\n\t\t\t\t\thref: urlInput,\n\t\t\t\t\tlinkDestination: selectedDestination,\n\t\t\t\t\tlightbox: { enabled: false },\n\t\t\t\t} );\n\t\t\t}\n\t\t\tstopEditLink();\n\t\t\tsetUrlInput( null );\n\t\t\tevent.preventDefault();\n\t\t};\n\t};\n\n\tconst onLinkRemove = () => {\n\t\tonChangeUrl( {\n\t\t\tlinkDestination: LINK_DESTINATION_NONE,\n\t\t\thref: '',\n\t\t} );\n\t};\n\n\tconst getLinkDestinations = () => {\n\t\tconst linkDestinations = [\n\t\t\t{\n\t\t\t\tlinkDestination: LINK_DESTINATION_MEDIA,\n\t\t\t\ttitle: __( 'Link to image file' ),\n\t\t\t\turl: mediaType === 'image' ? mediaUrl : undefined,\n\t\t\t\ticon: image,\n\t\t\t},\n\t\t];\n\t\tif ( mediaType === 'image' && mediaLink ) {\n\t\t\tlinkDestinations.push( {\n\t\t\t\tlinkDestination: LINK_DESTINATION_ATTACHMENT,\n\t\t\t\ttitle: __( 'Link to attachment page' ),\n\t\t\t\turl: mediaType === 'image' ? mediaLink : undefined,\n\t\t\t\ticon: page,\n\t\t\t} );\n\t\t}\n\t\treturn linkDestinations;\n\t};\n\n\tconst onSetHref = ( value ) => {\n\t\tconst linkDestinations = getLinkDestinations();\n\t\tlet linkDestinationInput;\n\t\tif ( ! value ) {\n\t\t\tlinkDestinationInput = LINK_DESTINATION_NONE;\n\t\t} else {\n\t\t\tlinkDestinationInput = (\n\t\t\t\tlinkDestinations.find( ( destination ) => {\n\t\t\t\t\treturn destination.url === value;\n\t\t\t\t} ) \|\| { linkDestination: LINK_DESTINATION_CUSTOM }\n\t\t\t).linkDestination;\n\t\t}\n\t\tonChangeUrl( {\n\t\t\tlinkDestination: linkDestinationInput,\n\t\t\thref: value,\n\t\t} );\n\t};\n\n\tconst onSetNewTab = ( value ) => {\n\t\tconst updatedLinkTarget = getUpdatedLinkTargetSettings( value );\n\t\tonChangeUrl( updatedLinkTarget );\n\t};\n\n\tconst onSetLinkRel = ( value ) => {\n\t\tonChangeUrl( { rel: value } );\n\t};\n\n\tconst onSetLinkClass = ( value ) => {\n\t\tonChangeUrl( { linkClass: value } );\n\t};\n\n\tconst advancedOptions = (\n\t\t<VStack spacing=\"3\">\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\tonChange={ onSetNewTab }\n\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t/>\n\t\t\t<TextControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\tvalue={ rel ?? '' }\n\t\t\t\tonChange={ onSetLinkRel }\n\t\t\t/>\n\t\t\t<TextControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Link CSS class' ) }\n\t\t\t\tvalue={ linkClass \|\| '' }\n\t\t\t\tonChange={ onSetLinkClass }\n\t\t\t/>\n\t\t</VStack>\n\t);\n\n\tconst linkEditorValue = urlInput !== null ? urlInput : url;\n\tconst hideLightboxPanel =\n\t\t! lightboxEnabled \|\| ( lightboxEnabled && ! showLightboxSetting );\n\tconst showLinkEditor = ! linkEditorValue && hideLightboxPanel;\n\n\tconst urlLabel = (\n\t\tgetLinkDestinations().find(\n\t\t\t( destination ) => destination.linkDestination === linkDestination\n\t\t) \|\| {}\n\t).title;\n\n\tconst PopoverChildren = () => {\n\t\tif (\n\t\t\tlightboxEnabled &&\n\t\t\tshowLightboxSetting &&\n\t\t\t! url &&\n\t\t\t! isEditingLink\n\t\t) {\n\t\t\treturn (\n\t\t\t\t<div className=\"block-editor-url-popover__expand-on-click\">\n\t\t\t\t\t<Icon icon={ fullscreen } />\n\t\t\t\t\t<div className=\"text\">\n\t\t\t\t\t\t<p>{ __( 'Expand on click' ) }</p>\n\t\t\t\t\t\t<p className=\"description\">\n\t\t\t\t\t\t\t{ __( 'Scales the image with a lightbox effect' ) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\tlabel={ __( 'Disable expand on click' ) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonSetLightbox( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t);\n\t\t} else if ( ! url \|\| isEditingLink ) {\n\t\t\treturn (\n\t\t\t\t<URLPopover.LinkEditor\n\t\t\t\t\tclassName=\"block-editor-format-toolbar__link-container-content\"\n\t\t\t\t\tvalue={ linkEditorValue }\n\t\t\t\t\tonChangeInputValue={ setUrlInput }\n\t\t\t\t\tonSubmit={ onSubmitLinkChange() }\n\t\t\t\t\tautocompleteRef={ autocompleteRef }\n\t\t\t\t/>\n\t\t\t);\n\t\t} else if ( url && ! isEditingLink ) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<URLPopover.LinkViewer\n\t\t\t\t\t\tclassName=\"block-editor-format-toolbar__link-container-content\"\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tonEditLinkClick={ startEditLink }\n\t\t\t\t\t\turlLabel={ urlLabel }\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\tlabel={ __( 'Remove link' ) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonLinkRemove();\n\t\t\t\t\t\t\tresetLightbox();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ linkIcon }\n\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\taria-expanded={ isOpen }\n\t\t\t\tonClick={ openLinkUI }\n\t\t\t\tref={ setPopoverAnchor }\n\t\t\t\tisActive={\n\t\t\t\t\t!! url \|\| ( lightboxEnabled && showLightboxSetting )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ isOpen && (\n\t\t\t\t<URLPopover\n\t\t\t\t\tref={ wrapperRef }\n\t\t\t\t\tanchor={ popoverAnchor }\n\t\t\t\t\tonFocusOutside={ onFocusOutside() }\n\t\t\t\t\tonClose={ closeLinkUI }\n\t\t\t\t\trenderSettings={\n\t\t\t\t\t\thideLightboxPanel ? () => advancedOptions : null\n\t\t\t\t\t}\n\t\t\t\t\tadditionalControls={\n\t\t\t\t\t\tshowLinkEditor && (\n\t\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t\t{ getLinkDestinations().map( ( link ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ link.linkDestination }\n\t\t\t\t\t\t\t\t\t\ticon={ link.icon }\n\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetUrlInput( null );\n\t\t\t\t\t\t\t\t\t\t\tonSetHref( link.url );\n\t\t\t\t\t\t\t\t\t\t\tstopEditLink();\n\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\t\t{ link.title }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t{ showLightboxSetting && (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey=\"expand-on-click\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-url-popover__expand-on-click\"\n\t\t\t\t\t\t\t\t\t\ticon={ fullscreen }\n\t\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t\t'Scale the image with a lightbox effect.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetUrlInput( null );\n\t\t\t\t\t\t\t\t\t\t\tonChangeUrl( {\n\t\t\t\t\t\t\t\t\t\t\t\tlinkDestination:\n\t\t\t\t\t\t\t\t\t\t\t\t\tLINK_DESTINATION_NONE,\n\t\t\t\t\t\t\t\t\t\t\t\thref: '',\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\tonSetLightbox( true );\n\t\t\t\t\t\t\t\t\t\t\tstopEditLink();\n\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\t\t{ __( 'Expand on click' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\toffset={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ PopoverChildren() }\n\t\t\t\t</URLPopover>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport { ImageURLInputUI as __experimentalImageURLInputUI };\n"],"mappings":"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"}

package/build-module/hooks/layout.js CHANGED Viewed

@@ -263,7 +263,8 @@ export function addAttribute(settings) {
 }
 function BlockWithLayoutStyles({
   block: BlockListBlock,
-  props
+  props,
+  layoutClasses
 }) {
   const {
     name,
@@ -280,7 +281,6 @@ function BlockWithLayoutStyles({
     ...layout,
     type: 'constrained'
   } : layout || defaultBlockLayout || {};
-  const layoutClasses = useLayoutClasses(attributes, name);
   const {
     kebabCase
   } = unlock(componentsPrivateApis);
@@ -322,7 +322,12 @@ function BlockWithLayoutStyles({
  * @return {Function} Wrapped component.
  */
 export const withLayoutStyles = createHigherOrderComponent(BlockListBlock => props => {
+  const {
+    name,
+    attributes
+  } = props;
   const blockSupportsLayout = hasLayoutBlockSupport(props.name);
+  const layoutClasses = useLayoutClasses(attributes, name);
   const shouldRenderLayoutStyles = useSelect(select => {
     // The callback returns early to avoid block editor subscription.
     if (!blockSupportsLayout) {
@@ -332,12 +337,14 @@ export const withLayoutStyles = createHigherOrderComponent(BlockListBlock => pro
   }, [blockSupportsLayout]);
   if (!shouldRenderLayoutStyles) {
     return createElement(BlockListBlock, {
-      ...props
+      ...props,
+      __unstableLayoutClassNames: blockSupportsLayout ? layoutClasses : undefined
     });
   }
   return createElement(BlockWithLayoutStyles, {
     block: BlockListBlock,
-    props: props
+    props: props,
+    layoutClasses: layoutClasses
   });
 }, 'withLayoutStyles');
 addFilter('blocks.registerBlockType', 'core/layout/addAttribute', addAttribute);