@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build/components/list-view/branch.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_element","_data","_appender","_block","_interopRequireDefault","_context","_utils","_store","_useBlockDisplayInformation","_jsxRuntime","countBlocks","block","expandedState","draggedClientIds","isExpandedByDefault","_expandedState$block$","isDragged","includes","clientId","isExpanded","innerBlocks","reduce","countReducer","count","_expandedState$block$2","length","noop","ListViewBranch","props","blocks","selectBlock","showBlockMovers","selectedClientIds","level","path","isBranchSelected","listPosition","fixedListWindow","parentId","shouldShowInnerBlocks","isSyncedBranch","showAppender","showAppenderProp","parentBlockInformation","useBlockDisplayInformation","syncedBranch","isSynced","canParentExpand","useSelect","select","blockEditorStore","canEditBlock","blockDropPosition","blockDropTargetIndex","firstDraggedBlockIndex","blockIndexes","useListViewContext","nextPositionRef","useRef","filteredBlocks","filter","Boolean","blockCount","rowCount","current","jsxs","Fragment","children","map","index","_expandedState$client","displacement","isAfterDraggedBlocks","isNesting","getDragDisplacementValues","itemInView","blockInView","position","updatedPath","hasNestedBlocks","shouldExpand","undefined","isSelected","isClientIdSelected","isSelectedBranch","showBlock","AsyncModeProvider","value","jsx","default","siblingBlockCount","className","__experimentalTreeGridRow","setSize","positionInSet","__experimentalTreeGridCell","treeGridCellProps","Appender","nestingLevel","_default","exports","memo"],"sources":["@wordpress/block-editor/src/components/list-view/branch.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalTreeGridRow as TreeGridRow,\n\t__experimentalTreeGridCell as TreeGridCell,\n} from '@wordpress/components';\nimport { memo, useRef } from '@wordpress/element';\nimport { AsyncModeProvider, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { Appender } from './appender';\nimport ListViewBlock from './block';\nimport { useListViewContext } from './context';\nimport { getDragDisplacementValues, isClientIdSelected } from './utils';\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayInformation from '../use-block-display-information';\n\n/**\n * Given a block, returns the total number of blocks in that subtree. This is used to help determine\n * the list position of a block.\n *\n * When a block is collapsed, we do not count their children as part of that total. In the current drag\n * implementation dragged blocks and their children are not counted.\n *\n * @param {Object}  block               block tree\n * @param {Object}  expandedState       state that notes which branches are collapsed\n * @param {Array}   draggedClientIds    a list of dragged client ids\n * @param {boolean} isExpandedByDefault flag to determine the default fallback expanded state.\n * @return {number} block count\n */\nfunction countBlocks(\n\tblock,\n\texpandedState,\n\tdraggedClientIds,\n\tisExpandedByDefault\n) {\n\tconst isDragged = draggedClientIds?.includes( block.clientId );\n\tif ( isDragged ) {\n\t\treturn 0;\n\t}\n\tconst isExpanded = expandedState[ block.clientId ] ?? isExpandedByDefault;\n\n\tif ( isExpanded ) {\n\t\treturn (\n\t\t\t1 +\n\t\t\tblock.innerBlocks.reduce(\n\t\t\t\tcountReducer(\n\t\t\t\t\texpandedState,\n\t\t\t\t\tdraggedClientIds,\n\t\t\t\t\tisExpandedByDefault\n\t\t\t\t),\n\t\t\t\t0\n\t\t\t)\n\t\t);\n\t}\n\treturn 1;\n}\nconst countReducer =\n\t( expandedState, draggedClientIds, isExpandedByDefault ) =>\n\t( count, block ) => {\n\t\tconst isDragged = draggedClientIds?.includes( block.clientId );\n\t\tif ( isDragged ) {\n\t\t\treturn count;\n\t\t}\n\t\tconst isExpanded =\n\t\t\texpandedState[ block.clientId ] ?? isExpandedByDefault;\n\t\tif ( isExpanded && block.innerBlocks.length > 0 ) {\n\t\t\treturn (\n\t\t\t\tcount +\n\t\t\t\tcountBlocks(\n\t\t\t\t\tblock,\n\t\t\t\t\texpandedState,\n\t\t\t\t\tdraggedClientIds,\n\t\t\t\t\tisExpandedByDefault\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t\treturn count + 1;\n\t};\n\nconst noop = () => {};\n\nfunction ListViewBranch( props ) {\n\tconst {\n\t\tblocks,\n\t\tselectBlock = noop,\n\t\tshowBlockMovers,\n\t\tselectedClientIds,\n\t\tlevel = 1,\n\t\tpath = '',\n\t\tisBranchSelected = false,\n\t\tlistPosition = 0,\n\t\tfixedListWindow,\n\t\tisExpanded,\n\t\tparentId,\n\t\tshouldShowInnerBlocks = true,\n\t\tisSyncedBranch = false,\n\t\tshowAppender: showAppenderProp = true,\n\t} = props;\n\n\tconst parentBlockInformation = useBlockDisplayInformation( parentId );\n\tconst syncedBranch = isSyncedBranch || !! parentBlockInformation?.isSynced;\n\n\tconst canParentExpand = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! parentId ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn select( blockEditorStore ).canEditBlock( parentId );\n\t\t},\n\t\t[ parentId ]\n\t);\n\n\tconst {\n\t\tblockDropPosition,\n\t\tblockDropTargetIndex,\n\t\tfirstDraggedBlockIndex,\n\t\tblockIndexes,\n\t\texpandedState,\n\t\tdraggedClientIds,\n\t} = useListViewContext();\n\n\tconst nextPositionRef = useRef();\n\n\tif ( ! canParentExpand ) {\n\t\treturn null;\n\t}\n\n\t// Only show the appender at the first level.\n\tconst showAppender = showAppenderProp && level === 1;\n\tconst filteredBlocks = blocks.filter( Boolean );\n\tconst blockCount = filteredBlocks.length;\n\t// The appender means an extra row in List View, so add 1 to the row count.\n\tconst rowCount = showAppender ? blockCount + 1 : blockCount;\n\tnextPositionRef.current = listPosition;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredBlocks.map( ( block, index ) => {\n\t\t\t\tconst { clientId, innerBlocks } = block;\n\n\t\t\t\tif ( index > 0 ) {\n\t\t\t\t\tnextPositionRef.current += countBlocks(\n\t\t\t\t\t\tfilteredBlocks[ index - 1 ],\n\t\t\t\t\t\texpandedState,\n\t\t\t\t\t\tdraggedClientIds,\n\t\t\t\t\t\tisExpanded\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst isDragged = !! draggedClientIds?.includes( clientId );\n\n\t\t\t\t// Determine the displacement of the block while dragging. This\n\t\t\t\t// works out whether the current block should be displaced up or\n\t\t\t\t// down, relative to the dragged blocks and the drop target.\n\t\t\t\tconst { displacement, isAfterDraggedBlocks, isNesting } =\n\t\t\t\t\tgetDragDisplacementValues( {\n\t\t\t\t\t\tblockIndexes,\n\t\t\t\t\t\tblockDropTargetIndex,\n\t\t\t\t\t\tblockDropPosition,\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tfirstDraggedBlockIndex,\n\t\t\t\t\t\tisDragged,\n\t\t\t\t\t} );\n\n\t\t\t\tconst { itemInView } = fixedListWindow;\n\t\t\t\tconst blockInView = itemInView( nextPositionRef.current );\n\n\t\t\t\tconst position = index + 1;\n\t\t\t\tconst updatedPath =\n\t\t\t\t\tpath.length > 0\n\t\t\t\t\t\t? `${ path }_${ position }`\n\t\t\t\t\t\t: `${ position }`;\n\t\t\t\tconst hasNestedBlocks = !! innerBlocks?.length;\n\n\t\t\t\tconst shouldExpand =\n\t\t\t\t\thasNestedBlocks && shouldShowInnerBlocks\n\t\t\t\t\t\t? expandedState[ clientId ] ?? isExpanded\n\t\t\t\t\t\t: undefined;\n\n\t\t\t\t// Make updates to the selected or dragged blocks synchronous,\n\t\t\t\t// but asynchronous for any other block.\n\t\t\t\tconst isSelected = isClientIdSelected(\n\t\t\t\t\tclientId,\n\t\t\t\t\tselectedClientIds\n\t\t\t\t);\n\t\t\t\tconst isSelectedBranch =\n\t\t\t\t\tisBranchSelected || ( isSelected && hasNestedBlocks );\n\n\t\t\t\t// To avoid performance issues, we only render blocks that are in view,\n\t\t\t\t// or blocks that are selected or dragged. If a block is selected,\n\t\t\t\t// it is only counted if it is the first of the block selection.\n\t\t\t\t// This prevents the entire tree from being rendered when a branch is\n\t\t\t\t// selected, or a user selects all blocks, while still enabling scroll\n\t\t\t\t// into view behavior when selecting a block or opening the list view.\n\t\t\t\t// The first and last blocks of the list are always rendered, to ensure\n\t\t\t\t// that Home and End keys work as expected.\n\t\t\t\tconst showBlock =\n\t\t\t\t\tisDragged ||\n\t\t\t\t\tblockInView ||\n\t\t\t\t\t( isSelected && clientId === selectedClientIds[ 0 ] ) ||\n\t\t\t\t\tindex === 0 ||\n\t\t\t\t\tindex === blockCount - 1;\n\t\t\t\treturn (\n\t\t\t\t\t<AsyncModeProvider key={ clientId } value={ ! isSelected }>\n\t\t\t\t\t\t{ showBlock && (\n\t\t\t\t\t\t\t<ListViewBlock\n\t\t\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\t\t\tselectBlock={ selectBlock }\n\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\tisBranchSelected={ isSelectedBranch }\n\t\t\t\t\t\t\t\tisDragged={ isDragged }\n\t\t\t\t\t\t\t\tlevel={ level }\n\t\t\t\t\t\t\t\tposition={ position }\n\t\t\t\t\t\t\t\trowCount={ rowCount }\n\t\t\t\t\t\t\t\tsiblingBlockCount={ blockCount }\n\t\t\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\t\t\tpath={ updatedPath }\n\t\t\t\t\t\t\t\tisExpanded={ isDragged ? false : shouldExpand }\n\t\t\t\t\t\t\t\tlistPosition={ nextPositionRef.current }\n\t\t\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\t\t\tisSyncedBranch={ syncedBranch }\n\t\t\t\t\t\t\t\tdisplacement={ displacement }\n\t\t\t\t\t\t\t\tisAfterDraggedBlocks={ isAfterDraggedBlocks }\n\t\t\t\t\t\t\t\tisNesting={ isNesting }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! showBlock && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td className=\"block-editor-list-view-placeholder\" />\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ hasNestedBlocks && shouldExpand && ! isDragged && (\n\t\t\t\t\t\t\t<ListViewBranch\n\t\t\t\t\t\t\t\tparentId={ clientId }\n\t\t\t\t\t\t\t\tblocks={ innerBlocks }\n\t\t\t\t\t\t\t\tselectBlock={ selectBlock }\n\t\t\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\t\t\tlevel={ level + 1 }\n\t\t\t\t\t\t\t\tpath={ updatedPath }\n\t\t\t\t\t\t\t\tlistPosition={ nextPositionRef.current + 1 }\n\t\t\t\t\t\t\t\tfixedListWindow={ fixedListWindow }\n\t\t\t\t\t\t\t\tisBranchSelected={ isSelectedBranch }\n\t\t\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\t\t\tisSyncedBranch={ syncedBranch }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AsyncModeProvider>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ showAppender && (\n\t\t\t\t<TreeGridRow\n\t\t\t\t\tlevel={ level }\n\t\t\t\t\tsetSize={ rowCount }\n\t\t\t\t\tpositionInSet={ rowCount }\n\t\t\t\t\tisExpanded\n\t\t\t\t>\n\t\t\t\t\t<TreeGridCell>\n\t\t\t\t\t\t{ ( treeGridCellProps ) => (\n\t\t\t\t\t\t\t<Appender\n\t\t\t\t\t\t\t\tclientId={ parentId }\n\t\t\t\t\t\t\t\tnestingLevel={ level }\n\t\t\t\t\t\t\t\tblockCount={ blockCount }\n\t\t\t\t\t\t\t\t{ ...treeGridCellProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</TreeGridCell>\n\t\t\t\t</TreeGridRow>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default memo( ListViewBranch );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/list-view/branch.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalTreeGridRow as TreeGridRow,\n\t__experimentalTreeGridCell as TreeGridCell,\n} from '@wordpress/components';\nimport { memo, useRef } from '@wordpress/element';\nimport { AsyncModeProvider, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { Appender } from './appender';\nimport ListViewBlock from './block';\nimport { useListViewContext } from './context';\nimport { getDragDisplacementValues, isClientIdSelected } from './utils';\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayInformation from '../use-block-display-information';\n\n/**\n * Given a block, returns the total number of blocks in that subtree. This is used to help determine\n * the list position of a block.\n *\n * When a block is collapsed, we do not count their children as part of that total. In the current drag\n * implementation dragged blocks and their children are not counted.\n *\n * @param {Object}  block               block tree\n * @param {Object}  expandedState       state that notes which branches are collapsed\n * @param {Array}   draggedClientIds    a list of dragged client ids\n * @param {boolean} isExpandedByDefault flag to determine the default fallback expanded state.\n * @return {number} block count\n */\nfunction countBlocks(\n\tblock,\n\texpandedState,\n\tdraggedClientIds,\n\tisExpandedByDefault\n) {\n\tconst isDragged = draggedClientIds?.includes( block.clientId );\n\tif ( isDragged ) {\n\t\treturn 0;\n\t}\n\tconst isExpanded = expandedState[ block.clientId ] ?? isExpandedByDefault;\n\n\tif ( isExpanded ) {\n\t\treturn (\n\t\t\t1 +\n\t\t\tblock.innerBlocks.reduce(\n\t\t\t\tcountReducer(\n\t\t\t\t\texpandedState,\n\t\t\t\t\tdraggedClientIds,\n\t\t\t\t\tisExpandedByDefault\n\t\t\t\t),\n\t\t\t\t0\n\t\t\t)\n\t\t);\n\t}\n\treturn 1;\n}\nconst countReducer =\n\t( expandedState, draggedClientIds, isExpandedByDefault ) =>\n\t( count, block ) => {\n\t\tconst isDragged = draggedClientIds?.includes( block.clientId );\n\t\tif ( isDragged ) {\n\t\t\treturn count;\n\t\t}\n\t\tconst isExpanded =\n\t\t\texpandedState[ block.clientId ] ?? isExpandedByDefault;\n\t\tif ( isExpanded && block.innerBlocks.length > 0 ) {\n\t\t\treturn (\n\t\t\t\tcount +\n\t\t\t\tcountBlocks(\n\t\t\t\t\tblock,\n\t\t\t\t\texpandedState,\n\t\t\t\t\tdraggedClientIds,\n\t\t\t\t\tisExpandedByDefault\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t\treturn count + 1;\n\t};\n\nconst noop = () => {};\n\nfunction ListViewBranch( props ) {\n\tconst {\n\t\tblocks,\n\t\tselectBlock = noop,\n\t\tshowBlockMovers,\n\t\tselectedClientIds,\n\t\tlevel = 1,\n\t\tpath = '',\n\t\tisBranchSelected = false,\n\t\tlistPosition = 0,\n\t\tfixedListWindow,\n\t\tisExpanded,\n\t\tparentId,\n\t\tshouldShowInnerBlocks = true,\n\t\tisSyncedBranch = false,\n\t\tshowAppender: showAppenderProp = true,\n\t} = props;\n\n\tconst parentBlockInformation = useBlockDisplayInformation( parentId );\n\tconst syncedBranch = isSyncedBranch || !! parentBlockInformation?.isSynced;\n\n\tconst canParentExpand = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! parentId ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn select( blockEditorStore ).canEditBlock( parentId );\n\t\t},\n\t\t[ parentId ]\n\t);\n\n\tconst {\n\t\tblockDropPosition,\n\t\tblockDropTargetIndex,\n\t\tfirstDraggedBlockIndex,\n\t\tblockIndexes,\n\t\texpandedState,\n\t\tdraggedClientIds,\n\t} = useListViewContext();\n\n\tconst nextPositionRef = useRef();\n\n\tif ( ! canParentExpand ) {\n\t\treturn null;\n\t}\n\n\t// Only show the appender at the first level.\n\tconst showAppender = showAppenderProp && level === 1;\n\tconst filteredBlocks = blocks.filter( Boolean );\n\tconst blockCount = filteredBlocks.length;\n\t// The appender means an extra row in List View, so add 1 to the row count.\n\tconst rowCount = showAppender ? blockCount + 1 : blockCount;\n\tnextPositionRef.current = listPosition;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredBlocks.map( ( block, index ) => {\n\t\t\t\tconst { clientId, innerBlocks } = block;\n\n\t\t\t\tif ( index > 0 ) {\n\t\t\t\t\tnextPositionRef.current += countBlocks(\n\t\t\t\t\t\tfilteredBlocks[ index - 1 ],\n\t\t\t\t\t\texpandedState,\n\t\t\t\t\t\tdraggedClientIds,\n\t\t\t\t\t\tisExpanded\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst isDragged = !! draggedClientIds?.includes( clientId );\n\n\t\t\t\t// Determine the displacement of the block while dragging. This\n\t\t\t\t// works out whether the current block should be displaced up or\n\t\t\t\t// down, relative to the dragged blocks and the drop target.\n\t\t\t\tconst { displacement, isAfterDraggedBlocks, isNesting } =\n\t\t\t\t\tgetDragDisplacementValues( {\n\t\t\t\t\t\tblockIndexes,\n\t\t\t\t\t\tblockDropTargetIndex,\n\t\t\t\t\t\tblockDropPosition,\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tfirstDraggedBlockIndex,\n\t\t\t\t\t\tisDragged,\n\t\t\t\t\t} );\n\n\t\t\t\tconst { itemInView } = fixedListWindow;\n\t\t\t\tconst blockInView = itemInView( nextPositionRef.current );\n\n\t\t\t\tconst position = index + 1;\n\t\t\t\tconst updatedPath =\n\t\t\t\t\tpath.length > 0\n\t\t\t\t\t\t? `${ path }_${ position }`\n\t\t\t\t\t\t: `${ position }`;\n\t\t\t\tconst hasNestedBlocks = !! innerBlocks?.length;\n\n\t\t\t\tconst shouldExpand =\n\t\t\t\t\thasNestedBlocks && shouldShowInnerBlocks\n\t\t\t\t\t\t? expandedState[ clientId ] ?? isExpanded\n\t\t\t\t\t\t: undefined;\n\n\t\t\t\t// Make updates to the selected or dragged blocks synchronous,\n\t\t\t\t// but asynchronous for any other block.\n\t\t\t\tconst isSelected = isClientIdSelected(\n\t\t\t\t\tclientId,\n\t\t\t\t\tselectedClientIds\n\t\t\t\t);\n\t\t\t\tconst isSelectedBranch =\n\t\t\t\t\tisBranchSelected || ( isSelected && hasNestedBlocks );\n\n\t\t\t\t// To avoid performance issues, we only render blocks that are in view,\n\t\t\t\t// or blocks that are selected or dragged. If a block is selected,\n\t\t\t\t// it is only counted if it is the first of the block selection.\n\t\t\t\t// This prevents the entire tree from being rendered when a branch is\n\t\t\t\t// selected, or a user selects all blocks, while still enabling scroll\n\t\t\t\t// into view behavior when selecting a block or opening the list view.\n\t\t\t\t// The first and last blocks of the list are always rendered, to ensure\n\t\t\t\t// that Home and End keys work as expected.\n\t\t\t\tconst showBlock =\n\t\t\t\t\tisDragged ||\n\t\t\t\t\tblockInView ||\n\t\t\t\t\t( isSelected && clientId === selectedClientIds[ 0 ] ) ||\n\t\t\t\t\tindex === 0 ||\n\t\t\t\t\tindex === blockCount - 1;\n\t\t\t\treturn (\n\t\t\t\t\t<AsyncModeProvider key={ clientId } value={ ! isSelected }>\n\t\t\t\t\t\t{ showBlock && (\n\t\t\t\t\t\t\t<ListViewBlock\n\t\t\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\t\t\tselectBlock={ selectBlock }\n\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\tisBranchSelected={ isSelectedBranch }\n\t\t\t\t\t\t\t\tisDragged={ isDragged }\n\t\t\t\t\t\t\t\tlevel={ level }\n\t\t\t\t\t\t\t\tposition={ position }\n\t\t\t\t\t\t\t\trowCount={ rowCount }\n\t\t\t\t\t\t\t\tsiblingBlockCount={ blockCount }\n\t\t\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\t\t\tpath={ updatedPath }\n\t\t\t\t\t\t\t\tisExpanded={ isDragged ? false : shouldExpand }\n\t\t\t\t\t\t\t\tlistPosition={ nextPositionRef.current }\n\t\t\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\t\t\tisSyncedBranch={ syncedBranch }\n\t\t\t\t\t\t\t\tdisplacement={ displacement }\n\t\t\t\t\t\t\t\tisAfterDraggedBlocks={ isAfterDraggedBlocks }\n\t\t\t\t\t\t\t\tisNesting={ isNesting }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! showBlock && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td className=\"block-editor-list-view-placeholder\" />\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ hasNestedBlocks && shouldExpand && ! isDragged && (\n\t\t\t\t\t\t\t<ListViewBranch\n\t\t\t\t\t\t\t\tparentId={ clientId }\n\t\t\t\t\t\t\t\tblocks={ innerBlocks }\n\t\t\t\t\t\t\t\tselectBlock={ selectBlock }\n\t\t\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\t\t\tlevel={ level + 1 }\n\t\t\t\t\t\t\t\tpath={ updatedPath }\n\t\t\t\t\t\t\t\tlistPosition={ nextPositionRef.current + 1 }\n\t\t\t\t\t\t\t\tfixedListWindow={ fixedListWindow }\n\t\t\t\t\t\t\t\tisBranchSelected={ isSelectedBranch }\n\t\t\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\t\t\tisSyncedBranch={ syncedBranch }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AsyncModeProvider>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ showAppender && (\n\t\t\t\t<TreeGridRow\n\t\t\t\t\tlevel={ level }\n\t\t\t\t\tsetSize={ rowCount }\n\t\t\t\t\tpositionInSet={ rowCount }\n\t\t\t\t\tisExpanded\n\t\t\t\t>\n\t\t\t\t\t<TreeGridCell>\n\t\t\t\t\t\t{ ( treeGridCellProps ) => (\n\t\t\t\t\t\t\t<Appender\n\t\t\t\t\t\t\t\tclientId={ parentId }\n\t\t\t\t\t\t\t\tnestingLevel={ level }\n\t\t\t\t\t\t\t\tblockCount={ blockCount }\n\t\t\t\t\t\t\t\t{ ...treeGridCellProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</TreeGridCell>\n\t\t\t\t</TreeGridRow>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default memo( ListViewBranch );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4IE;AAzIF,wBAGO;AACP,qBAA6B;AAC7B,kBAA6C;AAK7C,sBAAyB;AACzB,mBAA0B;AAC1B,qBAAmC;AACnC,mBAA8D;AAC9D,mBAA0C;AAC1C,2CAAuC;AAevC,SAAS,YACR,OACA,eACA,kBACA,qBACC;AACD,QAAM,YAAY,kBAAkB,SAAU,MAAM,QAAS;AAC7D,MAAK,WAAY;AAChB,WAAO;AAAA,EACR;AACA,QAAM,aAAa,cAAe,MAAM,QAAS,KAAK;AAEtD,MAAK,YAAa;AACjB,WACC,IACA,MAAM,YAAY;AAAA,MACjB;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA;AAAA,IACD;AAAA,EAEF;AACA,SAAO;AACR;AACA,MAAM,eACL,CAAE,eAAe,kBAAkB,wBACnC,CAAE,OAAO,UAAW;AACnB,QAAM,YAAY,kBAAkB,SAAU,MAAM,QAAS;AAC7D,MAAK,WAAY;AAChB,WAAO;AAAA,EACR;AACA,QAAM,aACL,cAAe,MAAM,QAAS,KAAK;AACpC,MAAK,cAAc,MAAM,YAAY,SAAS,GAAI;AACjD,WACC,QACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,EAEF;AACA,SAAO,QAAQ;AAChB;AAED,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,eAAgB,OAAQ;AAChC,QAAM;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,cAAc,mBAAmB;AAAA,EAClC,IAAI;AAEJ,QAAM,6BAAyB,qCAAAA,SAA4B,QAAS;AACpE,QAAM,eAAe,kBAAkB,CAAC,CAAE,wBAAwB;AAElE,QAAM,sBAAkB;AAAA,IACvB,CAAE,WAAY;AACb,UAAK,CAAE,UAAW;AACjB,eAAO;AAAA,MACR;AACA,aAAO,OAAQ,aAAAC,KAAiB,EAAE,aAAc,QAAS;AAAA,IAC1D;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,mCAAmB;AAEvB,QAAM,sBAAkB,uBAAO;AAE/B,MAAK,CAAE,iBAAkB;AACxB,WAAO;AAAA,EACR;AAGA,QAAM,eAAe,oBAAoB,UAAU;AACnD,QAAM,iBAAiB,OAAO,OAAQ,OAAQ;AAC9C,QAAM,aAAa,eAAe;AAElC,QAAM,WAAW,eAAe,aAAa,IAAI;AACjD,kBAAgB,UAAU;AAE1B,SACC,4EACG;AAAA,mBAAe,IAAK,CAAE,OAAO,UAAW;AACzC,YAAM,EAAE,UAAU,YAAY,IAAI;AAElC,UAAK,QAAQ,GAAI;AAChB,wBAAgB,WAAW;AAAA,UAC1B,eAAgB,QAAQ,CAAE;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAEA,YAAM,YAAY,CAAC,CAAE,kBAAkB,SAAU,QAAS;AAK1D,YAAM,EAAE,cAAc,sBAAsB,UAAU,QACrD,wCAA2B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAE;AAEH,YAAM,EAAE,WAAW,IAAI;AACvB,YAAM,cAAc,WAAY,gBAAgB,OAAQ;AAExD,YAAM,WAAW,QAAQ;AACzB,YAAM,cACL,KAAK,SAAS,IACX,GAAI,IAAK,IAAK,QAAS,KACvB,GAAI,QAAS;AACjB,YAAM,kBAAkB,CAAC,CAAE,aAAa;AAExC,YAAM,eACL,mBAAmB,wBAChB,cAAe,QAAS,KAAK,aAC7B;AAIJ,YAAM,iBAAa;AAAA,QAClB;AAAA,QACA;AAAA,MACD;AACA,YAAM,mBACL,oBAAsB,cAAc;AAUrC,YAAM,YACL,aACA,eACE,cAAc,aAAa,kBAAmB,CAAE,KAClD,UAAU,KACV,UAAU,aAAa;AACxB,aACC,6CAAC,iCAAmC,OAAQ,CAAE,YAC3C;AAAA,qBACD;AAAA,UAAC,aAAAC;AAAA,UAAA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,kBAAmB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,mBAAoB;AAAA,YACpB;AAAA,YACA,MAAO;AAAA,YACP,YAAa,YAAY,QAAQ;AAAA,YACjC,cAAe,gBAAgB;AAAA,YAC/B;AAAA,YACA,gBAAiB;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACD;AAAA,QAEC,CAAE,aACH,4CAAC,QACA,sDAAC,QAAG,WAAU,sCAAqC,GACpD;AAAA,QAEC,mBAAmB,gBAAgB,CAAE,aACtC;AAAA,UAAC;AAAA;AAAA,YACA,UAAW;AAAA,YACX,QAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,OAAQ,QAAQ;AAAA,YAChB,MAAO;AAAA,YACP,cAAe,gBAAgB,UAAU;AAAA,YACzC;AAAA,YACA,kBAAmB;AAAA,YACnB;AAAA,YACA;AAAA,YACA,gBAAiB;AAAA;AAAA,QAClB;AAAA,WA1CuB,QA4CzB;AAAA,IAEF,CAAE;AAAA,IACA,gBACD;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,SAAU;AAAA,QACV,eAAgB;AAAA,QAChB,YAAU;AAAA,QAEV,sDAAC,kBAAAC,4BAAA,EACE,WAAE,sBACH;AAAA,UAAC;AAAA;AAAA,YACA,UAAW;AAAA,YACX,cAAe;AAAA,YACf;AAAA,YACE,GAAG;AAAA;AAAA,QACN,GAEF;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,IAAO,qBAAQ,qBAAM,cAAe;",
+  "names": ["useBlockDisplayInformation", "blockEditorStore", "ListViewBlock", "TreeGridRow", "TreeGridCell"]
+}

package/build/components/list-view/context.js

@@ -1,16 +1,34 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var context_exports = {};
+__export(context_exports, {
+  ListViewContext: () => ListViewContext,
+  useListViewContext: () => useListViewContext
 });
-exports.useListViewContext = exports.ListViewContext = void 0;
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-const ListViewContext = exports.ListViewContext = (0, _element.createContext)({});
-ListViewContext.displayName = 'ListViewContext';
-const useListViewContext = () => (0, _element.useContext)(ListViewContext);
-exports.useListViewContext = useListViewContext;
-//# sourceMappingURL=context.js.map
+module.exports = __toCommonJS(context_exports);
+var import_element = require("@wordpress/element");
+const ListViewContext = (0, import_element.createContext)({});
+ListViewContext.displayName = "ListViewContext";
+const useListViewContext = () => (0, import_element.useContext)(ListViewContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListViewContext,
+  useListViewContext
+});
+//# sourceMappingURL=context.js.map

package/build/components/list-view/context.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","ListViewContext","exports","createContext","displayName","useListViewContext","useContext"],"sources":["@wordpress/block-editor/src/components/list-view/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const ListViewContext = createContext( {} );\nListViewContext.displayName = 'ListViewContext';\n\nexport const useListViewContext = () => useContext( ListViewContext );\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,sBAAa,EAAE,CAAC,CAAE,CAAC;AAClDF,eAAe,CAACG,WAAW,GAAG,iBAAiB;AAExC,MAAMC,kBAAkB,GAAGA,CAAA,KAAM,IAAAC,mBAAU,EAAEL,eAAgB,CAAC;AAACC,OAAA,CAAAG,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/list-view/context.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const ListViewContext = createContext( {} );\nListViewContext.displayName = 'ListViewContext';\n\nexport const useListViewContext = () => useContext( ListViewContext );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAEnC,MAAM,sBAAkB,8BAAe,CAAC,CAAE;AACjD,gBAAgB,cAAc;AAEvB,MAAM,qBAAqB,UAAM,2BAAY,eAAgB;",
+  "names": []
+}

package/build/components/list-view/drop-indicator.js

@@ -1,112 +1,104 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var drop_indicator_exports = {};
+__export(drop_indicator_exports, {
+  default: () => ListViewDropIndicatorPreview
 });
-exports.default = ListViewDropIndicatorPreview;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _dom = require("@wordpress/dom");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _blockIcon = _interopRequireDefault(require("../block-icon"));
-var _useBlockDisplayInformation = _interopRequireDefault(require("../use-block-display-information"));
-var _useBlockDisplayTitle = _interopRequireDefault(require("../block-title/use-block-display-title"));
-var _expander = _interopRequireDefault(require("./expander"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(drop_indicator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_dom = require("@wordpress/dom");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_block_icon = __toESM(require("../block-icon"));
+var import_use_block_display_information = __toESM(require("../use-block-display-information"));
+var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title"));
+var import_expander = __toESM(require("./expander"));
 function ListViewDropIndicatorPreview({
   draggedBlockClientId,
   listViewRef,
   blockDropTarget
 }) {
-  const blockInformation = (0, _useBlockDisplayInformation.default)(draggedBlockClientId);
-  const blockTitle = (0, _useBlockDisplayTitle.default)({
+  const blockInformation = (0, import_use_block_display_information.default)(draggedBlockClientId);
+  const blockTitle = (0, import_use_block_display_title.default)({
     clientId: draggedBlockClientId,
-    context: 'list-view'
+    context: "list-view"
   });
-  const {
-    rootClientId,
-    clientId,
-    dropPosition
-  } = blockDropTarget || {};
-  const [rootBlockElement, blockElement] = (0, _element.useMemo)(() => {
+  const { rootClientId, clientId, dropPosition } = blockDropTarget || {};
+  const [rootBlockElement, blockElement] = (0, import_element.useMemo)(() => {
     if (!listViewRef.current) {
       return [];
     }
-
-    // The rootClientId will be defined whenever dropping into inner
-    // block lists, but is undefined when dropping at the root level.
-    const _rootBlockElement = rootClientId ? listViewRef.current.querySelector(`[data-block="${rootClientId}"]`) : undefined;
-
-    // The clientId represents the sibling block, the dragged block will
-    // usually be inserted adjacent to it. It will be undefined when
-    // dropping a block into an empty block list.
-    const _blockElement = clientId ? listViewRef.current.querySelector(`[data-block="${clientId}"]`) : undefined;
+    const _rootBlockElement = rootClientId ? listViewRef.current.querySelector(
+      `[data-block="${rootClientId}"]`
+    ) : void 0;
+    const _blockElement = clientId ? listViewRef.current.querySelector(
+      `[data-block="${clientId}"]`
+    ) : void 0;
     return [_rootBlockElement, _blockElement];
   }, [listViewRef, rootClientId, clientId]);
-
-  // The targetElement is the element that the drop indicator will appear
-  // before or after. When dropping into an empty block list, blockElement
-  // is undefined, so the indicator will appear after the rootBlockElement.
   const targetElement = blockElement || rootBlockElement;
-  const rtl = (0, _i18n.isRTL)();
-  const getDropIndicatorWidth = (0, _element.useCallback)((targetElementRect, indent) => {
-    if (!targetElement) {
-      return 0;
-    }
-
-    // Default to assuming that the width of the drop indicator
-    // should be the same as the target element.
-    let width = targetElement.offsetWidth;
-
-    // In deeply nested lists, where a scrollbar is present,
-    // the width of the drop indicator should be the width of
-    // the scroll container, minus the distance from the left
-    // edge of the scroll container to the left edge of the
-    // target element.
-    const scrollContainer = (0, _dom.getScrollContainer)(targetElement, 'horizontal');
-    const ownerDocument = targetElement.ownerDocument;
-    const windowScroll = scrollContainer === ownerDocument.body || scrollContainer === ownerDocument.documentElement;
-    if (scrollContainer && !windowScroll) {
-      const scrollContainerRect = scrollContainer.getBoundingClientRect();
-      const distanceBetweenContainerAndTarget = (0, _i18n.isRTL)() ? scrollContainerRect.right - targetElementRect.right : targetElementRect.left - scrollContainerRect.left;
-      const scrollContainerWidth = scrollContainer.clientWidth;
-      if (scrollContainerWidth < width + distanceBetweenContainerAndTarget) {
-        width = scrollContainerWidth - distanceBetweenContainerAndTarget;
-      }
-
-      // LTR logic for ensuring the drop indicator does not extend
-      // beyond the right edge of the scroll container.
-      if (!rtl && targetElementRect.left + indent < scrollContainerRect.left) {
-        width -= scrollContainerRect.left - targetElementRect.left;
-        return width;
+  const rtl = (0, import_i18n.isRTL)();
+  const getDropIndicatorWidth = (0, import_element.useCallback)(
+    (targetElementRect, indent) => {
+      if (!targetElement) {
+        return 0;
       }
-
-      // RTL logic for ensuring the drop indicator does not extend
-      // beyond the right edge of the scroll container.
-      if (rtl && targetElementRect.right - indent > scrollContainerRect.right) {
-        width -= targetElementRect.right - scrollContainerRect.right;
-        return width;
+      let width = targetElement.offsetWidth;
+      const scrollContainer = (0, import_dom.getScrollContainer)(
+        targetElement,
+        "horizontal"
+      );
+      const ownerDocument = targetElement.ownerDocument;
+      const windowScroll = scrollContainer === ownerDocument.body || scrollContainer === ownerDocument.documentElement;
+      if (scrollContainer && !windowScroll) {
+        const scrollContainerRect = scrollContainer.getBoundingClientRect();
+        const distanceBetweenContainerAndTarget = (0, import_i18n.isRTL)() ? scrollContainerRect.right - targetElementRect.right : targetElementRect.left - scrollContainerRect.left;
+        const scrollContainerWidth = scrollContainer.clientWidth;
+        if (scrollContainerWidth < width + distanceBetweenContainerAndTarget) {
+          width = scrollContainerWidth - distanceBetweenContainerAndTarget;
+        }
+        if (!rtl && targetElementRect.left + indent < scrollContainerRect.left) {
+          width -= scrollContainerRect.left - targetElementRect.left;
+          return width;
+        }
+        if (rtl && targetElementRect.right - indent > scrollContainerRect.right) {
+          width -= targetElementRect.right - scrollContainerRect.right;
+          return width;
+        }
       }
-    }
-
-    // Subtract the indent from the final width of the indicator.
-    return width - indent;
-  }, [rtl, targetElement]);
-  const style = (0, _element.useMemo)(() => {
+      return width - indent;
+    },
+    [rtl, targetElement]
+  );
+  const style = (0, import_element.useMemo)(() => {
     if (!targetElement) {
       return {};
     }
@@ -115,11 +107,11 @@ function ListViewDropIndicatorPreview({
       width: getDropIndicatorWidth(targetElementRect, 0)
     };
   }, [getDropIndicatorWidth, targetElement]);
-  const horizontalScrollOffsetStyle = (0, _element.useMemo)(() => {
+  const horizontalScrollOffsetStyle = (0, import_element.useMemo)(() => {
     if (!targetElement) {
       return {};
     }
-    const scrollContainer = (0, _dom.getScrollContainer)(targetElement);
+    const scrollContainer = (0, import_dom.getScrollContainer)(targetElement);
     const ownerDocument = targetElement.ownerDocument;
     const windowScroll = scrollContainer === ownerDocument.body || scrollContainer === ownerDocument.documentElement;
     if (scrollContainer && !windowScroll) {
@@ -139,67 +131,49 @@ function ListViewDropIndicatorPreview({
     }
     return {};
   }, [rtl, targetElement]);
-  const ariaLevel = (0, _element.useMemo)(() => {
+  const ariaLevel = (0, import_element.useMemo)(() => {
     if (!rootBlockElement) {
       return 1;
     }
-    const _ariaLevel = parseInt(rootBlockElement.getAttribute('aria-level'), 10);
+    const _ariaLevel = parseInt(
+      rootBlockElement.getAttribute("aria-level"),
+      10
+    );
     return _ariaLevel ? _ariaLevel + 1 : 1;
   }, [rootBlockElement]);
-  const hasAdjacentSelectedBranch = (0, _element.useMemo)(() => {
+  const hasAdjacentSelectedBranch = (0, import_element.useMemo)(() => {
     if (!targetElement) {
       return false;
     }
-    return targetElement.classList.contains('is-branch-selected');
+    return targetElement.classList.contains("is-branch-selected");
   }, [targetElement]);
-  const popoverAnchor = (0, _element.useMemo)(() => {
-    const isValidDropPosition = dropPosition === 'top' || dropPosition === 'bottom' || dropPosition === 'inside';
+  const popoverAnchor = (0, import_element.useMemo)(() => {
+    const isValidDropPosition = dropPosition === "top" || dropPosition === "bottom" || dropPosition === "inside";
     if (!targetElement || !isValidDropPosition) {
-      return undefined;
+      return void 0;
     }
     return {
       contextElement: targetElement,
       getBoundingClientRect() {
         const rect = targetElement.getBoundingClientRect();
-        // In RTL languages, the drop indicator should be positioned
-        // to the left of the target element, with the width of the
-        // indicator determining the indent at the right edge of the
-        // target element. In LTR languages, the drop indicator should
-        // end at the right edge of the target element, with the indent
-        // added to the position of the left edge of the target element.
-        // let left = rtl ? rect.left : rect.left + indent;
         let left = rect.left;
         let top = 0;
-
-        // In deeply nested lists, where a scrollbar is present,
-        // the width of the drop indicator should be the width of
-        // the visible area of the scroll container. Additionally,
-        // the left edge of the drop indicator line needs to be
-        // offset by the distance the left edge of the target element
-        // and the left edge of the scroll container. The ensures
-        // that the drop indicator position never breaks out of the
-        // visible area of the scroll container.
-        const scrollContainer = (0, _dom.getScrollContainer)(targetElement, 'horizontal');
+        const scrollContainer = (0, import_dom.getScrollContainer)(
+          targetElement,
+          "horizontal"
+        );
         const doc = targetElement.ownerDocument;
         const windowScroll = scrollContainer === doc.body || scrollContainer === doc.documentElement;
-
-        // If the scroll container is not the window, offset the left position, if need be.
         if (scrollContainer && !windowScroll) {
           const scrollContainerRect = scrollContainer.getBoundingClientRect();
-
-          // In RTL languages, a vertical scrollbar is present on the
-          // left edge of the scroll container. The width of the
-          // scrollbar needs to be accounted for when positioning the
-          // drop indicator.
           const scrollbarWidth = rtl ? scrollContainer.offsetWidth - scrollContainer.clientWidth : 0;
           if (left < scrollContainerRect.left + scrollbarWidth) {
             left = scrollContainerRect.left + scrollbarWidth;
           }
         }
-        if (dropPosition === 'top') {
+        if (dropPosition === "top") {
           top = rect.top - rect.height * 2;
         } else {
-          // `dropPosition` is either `bottom` or `inside`
           top = rect.top;
         }
         const width = getDropIndicatorWidth(rect, 0);
@@ -211,49 +185,71 @@ function ListViewDropIndicatorPreview({
   if (!targetElement) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
-    animate: false,
-    anchor: popoverAnchor,
-    focusOnMount: false,
-    className: "block-editor-list-view-drop-indicator--preview",
-    variant: "unstyled",
-    flip: false,
-    resize: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: style,
-      className: (0, _clsx.default)('block-editor-list-view-drop-indicator__line', {
-        'block-editor-list-view-drop-indicator__line--darker': hasAdjacentSelectedBranch
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "block-editor-list-view-leaf",
-        "aria-level": ariaLevel,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _clsx.default)('block-editor-list-view-block-select-button', 'block-editor-list-view-block-contents'),
-          style: horizontalScrollOffsetStyle,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_expander.default, {
-            onClick: () => {}
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
-            icon: blockInformation?.icon,
-            showColors: true,
-            context: "list-view"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
-            alignment: "center",
-            className: "block-editor-list-view-block-select-button__label-wrapper",
-            justify: "flex-start",
-            spacing: 1,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "block-editor-list-view-block-select-button__title",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalTruncate, {
-                ellipsizeMode: "auto",
-                children: blockTitle
-              })
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "block-editor-list-view-block__menu-cell"
-        })]
-      })
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Popover,
+    {
+      animate: false,
+      anchor: popoverAnchor,
+      focusOnMount: false,
+      className: "block-editor-list-view-drop-indicator--preview",
+      variant: "unstyled",
+      flip: false,
+      resize: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style,
+          className: (0, import_clsx.default)(
+            "block-editor-list-view-drop-indicator__line",
+            {
+              "block-editor-list-view-drop-indicator__line--darker": hasAdjacentSelectedBranch
+            }
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: "block-editor-list-view-leaf",
+              "aria-level": ariaLevel,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "div",
+                  {
+                    className: (0, import_clsx.default)(
+                      "block-editor-list-view-block-select-button",
+                      "block-editor-list-view-block-contents"
+                    ),
+                    style: horizontalScrollOffsetStyle,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_expander.default, { onClick: () => {
+                      } }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_block_icon.default,
+                        {
+                          icon: blockInformation?.icon,
+                          showColors: true,
+                          context: "list-view"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_components.__experimentalHStack,
+                        {
+                          alignment: "center",
+                          className: "block-editor-list-view-block-select-button__label-wrapper",
+                          justify: "flex-start",
+                          spacing: 1,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block-editor-list-view-block-select-button__title", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { ellipsizeMode: "auto", children: blockTitle }) })
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-list-view-block__menu-cell" })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=drop-indicator.js.map
+//# sourceMappingURL=drop-indicator.js.map