@wordpress/block-editor 16.1.0 → 16.2.0

package/build/components/list-view/branch.cjs

@@ -41,42 +41,27 @@ var import_block = __toESM(require("./block.cjs"));
 var import_context = require("./context.cjs");
 var import_utils = require("./utils.cjs");
 var import_store = require("../../store/index.cjs");
-var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"));
+var import_lock_unlock = require("../../lock-unlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-function countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault) {
+function countBlocks(block, expansionState, draggedClientIds, isExpandedByDefault) {
   const isDragged = draggedClientIds?.includes(block.clientId);
   if (isDragged) {
     return 0;
   }
-  const isExpanded = expandedState[block.clientId] ?? isExpandedByDefault;
-  if (isExpanded) {
-    return 1 + block.innerBlocks.reduce(
-      countReducer(
-        expandedState,
-        draggedClientIds,
-        isExpandedByDefault
-      ),
-      0
-    );
-  }
-  return 1;
-}
-var countReducer = (expandedState, draggedClientIds, isExpandedByDefault) => (count, block) => {
-  const isDragged = draggedClientIds?.includes(block.clientId);
-  if (isDragged) {
-    return count;
+  const isExpanded = expansionState[block.clientId] ?? isExpandedByDefault;
+  if (!isExpanded) {
+    return 1;
   }
-  const isExpanded = expandedState[block.clientId] ?? isExpandedByDefault;
-  if (isExpanded && block.innerBlocks.length > 0) {
-    return count + countBlocks(
-      block,
-      expandedState,
+  return block.innerBlocks.reduce(
+    (count, innerBlock) => count + countBlocks(
+      innerBlock,
+      expansionState,
       draggedClientIds,
       isExpandedByDefault
-    );
-  }
-  return count + 1;
-};
+    ),
+    1
+  );
+}
 var noop = () => {
 };
 function ListViewBranch(props) {
@@ -92,30 +77,33 @@ function ListViewBranch(props) {
     fixedListWindow,
     isExpanded,
     parentId,
-    shouldShowInnerBlocks = true,
     isSyncedBranch = false,
     showAppender: showAppenderProp = true
   } = props;
-  const parentBlockInformation = (0, import_use_block_display_information.default)(parentId);
-  const syncedBranch = isSyncedBranch || !!parentBlockInformation?.isSynced;
-  const canParentExpand = (0, import_data.useSelect)(
+  const { canParentExpand, isParentSynced } = (0, import_data.useSelect)(
     (select) => {
       if (!parentId) {
-        return true;
+        return { canParentExpand: true, isParentSynced: false };
       }
-      return select(import_store.store).canEditBlock(parentId);
+      const { canEditBlock, isSyncedBlock } = (0, import_lock_unlock.unlock)(
+        select(import_store.store)
+      );
+      return {
+        canParentExpand: canEditBlock(parentId),
+        isParentSynced: isSyncedBlock(parentId)
+      };
     },
     [parentId]
   );
+  const syncedBranch = isSyncedBranch || isParentSynced;
   const {
     blockDropPosition,
     blockDropTargetIndex,
     firstDraggedBlockIndex,
     blockIndexes,
-    expandedState,
+    expansionState,
     draggedClientIds
-  } = (0, import_context.useListViewContext)();
-  const nextPositionRef = (0, import_element.useRef)();
+  } = (0, import_context.useListViewTreeState)();
   if (!canParentExpand) {
     return null;
   }
@@ -123,44 +111,70 @@ function ListViewBranch(props) {
   const filteredBlocks = blocks.filter(Boolean);
   const blockCount = filteredBlocks.length;
   const rowCount = showAppender ? blockCount + 1 : blockCount;
-  nextPositionRef.current = listPosition;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    filteredBlocks.map((block, index) => {
-      const { clientId, innerBlocks } = block;
-      if (index > 0) {
-        nextPositionRef.current += countBlocks(
-          filteredBlocks[index - 1],
-          expandedState,
-          draggedClientIds,
-          isExpanded
-        );
+  let nextPosition = listPosition;
+  const rows = [];
+  let placeholderRows = 0;
+  let placeholderKey;
+  const pushPlaceholderRow = () => {
+    if (!placeholderRows) {
+      return;
+    }
+    rows.push(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "td",
+        {
+          className: "block-editor-list-view-placeholder",
+          style: {
+            height: placeholderRows * import_utils.BLOCK_LIST_ITEM_HEIGHT
+          }
+        }
+      ) }, `placeholder-${placeholderKey}`)
+    );
+    placeholderRows = 0;
+    placeholderKey = void 0;
+  };
+  filteredBlocks.forEach((block, index) => {
+    const { clientId, innerBlocks } = block;
+    const blockListPosition = nextPosition;
+    nextPosition += countBlocks(
+      block,
+      expansionState,
+      draggedClientIds,
+      isExpanded
+    );
+    const isDragged = !!draggedClientIds?.includes(clientId);
+    const { itemInView } = fixedListWindow;
+    const blockInView = itemInView(blockListPosition);
+    const position = index + 1;
+    const updatedPath = path.length > 0 ? `${path}_${position}` : `${position}`;
+    const hasNestedBlocks = !!innerBlocks?.length;
+    const shouldExpand = hasNestedBlocks ? expansionState[clientId] ?? isExpanded : void 0;
+    const isSelected = (0, import_utils.isClientIdSelected)(clientId, selectedClientIds);
+    const isSelectedBranch = isBranchSelected || isSelected && hasNestedBlocks;
+    const showBlock = isDragged || blockInView || isSelected && clientId === selectedClientIds[0] || index === 0 || index === blockCount - 1;
+    const showNestedBlocks = hasNestedBlocks && shouldExpand && !isDragged;
+    if (!showBlock) {
+      placeholderRows += 1;
+      placeholderKey ??= clientId;
+      if (!showNestedBlocks) {
+        return;
       }
-      const isDragged = !!draggedClientIds?.includes(clientId);
-      const { displacement, isAfterDraggedBlocks, isNesting } = (0, import_utils.getDragDisplacementValues)({
-        blockIndexes,
-        blockDropTargetIndex,
-        blockDropPosition,
-        clientId,
-        firstDraggedBlockIndex,
-        isDragged
-      });
-      const { itemInView } = fixedListWindow;
-      const blockInView = itemInView(nextPositionRef.current);
-      const position = index + 1;
-      const updatedPath = path.length > 0 ? `${path}_${position}` : `${position}`;
-      const hasNestedBlocks = !!innerBlocks?.length;
-      const shouldExpand = hasNestedBlocks && shouldShowInnerBlocks ? expandedState[clientId] ?? isExpanded : void 0;
-      const isSelected = (0, import_utils.isClientIdSelected)(
-        clientId,
-        selectedClientIds
-      );
-      const isSelectedBranch = isBranchSelected || isSelected && hasNestedBlocks;
-      const showBlock = isDragged || blockInView || isSelected && clientId === selectedClientIds[0] || index === 0 || index === blockCount - 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_data.AsyncModeProvider, { value: !isSelected, children: [
+    }
+    pushPlaceholderRow();
+    const { displacement, isAfterDraggedBlocks, isNesting } = (0, import_utils.getDragDisplacementValues)({
+      blockIndexes,
+      blockDropTargetIndex,
+      blockDropPosition,
+      clientId,
+      firstDraggedBlockIndex,
+      isDragged
+    });
+    rows.push(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_data.AsyncModeProvider, { value: !isSelected, children: [
         showBlock && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_block.default,
           {
-            block,
+            clientId,
             selectBlock,
             isSelected,
             isBranchSelected: isSelectedBranch,
@@ -172,7 +186,6 @@ function ListViewBranch(props) {
             showBlockMovers,
             path: updatedPath,
             isExpanded: isDragged ? false : shouldExpand,
-            listPosition: nextPositionRef.current,
             selectedClientIds,
             isSyncedBranch: syncedBranch,
             displacement,
@@ -180,8 +193,7 @@ function ListViewBranch(props) {
             isNesting
           }
         ),
-        !showBlock && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: "block-editor-list-view-placeholder" }) }),
-        hasNestedBlocks && shouldExpand && !isDragged && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        showNestedBlocks && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           ListViewBranch,
           {
             parentId: clientId,
@@ -190,7 +202,7 @@ function ListViewBranch(props) {
             showBlockMovers,
             level: level + 1,
             path: updatedPath,
-            listPosition: nextPositionRef.current + 1,
+            listPosition: blockListPosition + 1,
             fixedListWindow,
             isBranchSelected: isSelectedBranch,
             selectedClientIds,
@@ -198,8 +210,12 @@ function ListViewBranch(props) {
             isSyncedBranch: syncedBranch
           }
         )
-      ] }, clientId);
-    }),
+      ] }, clientId)
+    );
+  });
+  pushPlaceholderRow();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    rows,
     showAppender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_components.__experimentalTreeGridRow,
       {

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

@@ -1,7 +1,7 @@
 {
   "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": "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",
-  "names": ["useBlockDisplayInformation", "blockEditorStore", "ListViewBlock", "TreeGridRow", "TreeGridCell"]
+  "sourcesContent": ["import {\n\t__experimentalTreeGridRow as TreeGridRow,\n\t__experimentalTreeGridCell as TreeGridCell,\n} from '@wordpress/components';\nimport { memo } from '@wordpress/element';\nimport { AsyncModeProvider, useSelect } from '@wordpress/data';\nimport { Appender } from './appender';\nimport ListViewBlock from './block';\nimport { useListViewTreeState } from './context';\nimport {\n\tBLOCK_LIST_ITEM_HEIGHT,\n\tgetDragDisplacementValues,\n\tisClientIdSelected,\n} from './utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\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}  expansionState      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\texpansionState,\n\tdraggedClientIds,\n\tisExpandedByDefault\n) {\n\tconst isDragged = draggedClientIds?.includes( block.clientId );\n\tif ( isDragged ) {\n\t\treturn 0;\n\t}\n\tconst isExpanded = expansionState[ block.clientId ] ?? isExpandedByDefault;\n\tif ( ! isExpanded ) {\n\t\treturn 1;\n\t}\n\treturn block.innerBlocks.reduce(\n\t\t( count, innerBlock ) =>\n\t\t\tcount +\n\t\t\tcountBlocks(\n\t\t\t\tinnerBlock,\n\t\t\t\texpansionState,\n\t\t\t\tdraggedClientIds,\n\t\t\t\tisExpandedByDefault\n\t\t\t),\n\t\t1\n\t);\n}\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\tisSyncedBranch = false,\n\t\tshowAppender: showAppenderProp = true,\n\t} = props;\n\n\tconst { canParentExpand, isParentSynced } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! parentId ) {\n\t\t\t\treturn { canParentExpand: true, isParentSynced: false };\n\t\t\t}\n\t\t\tconst { canEditBlock, isSyncedBlock } = unlock(\n\t\t\t\tselect( blockEditorStore )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tcanParentExpand: canEditBlock( parentId ),\n\t\t\t\tisParentSynced: isSyncedBlock( parentId ),\n\t\t\t};\n\t\t},\n\t\t[ parentId ]\n\t);\n\n\tconst syncedBranch = isSyncedBranch || isParentSynced;\n\n\tconst {\n\t\tblockDropPosition,\n\t\tblockDropTargetIndex,\n\t\tfirstDraggedBlockIndex,\n\t\tblockIndexes,\n\t\texpansionState,\n\t\tdraggedClientIds,\n\t} = useListViewTreeState();\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\tlet nextPosition = listPosition;\n\n\tconst rows = [];\n\n\t// A run of blocks outside of the render window becomes one spacer row that\n\t// stands in for their height.\n\tlet placeholderRows = 0;\n\tlet placeholderKey;\n\n\t// Adds the pending placeholder row, if there is one. Call before\n\t// adding a real row.\n\tconst pushPlaceholderRow = () => {\n\t\tif ( ! placeholderRows ) {\n\t\t\treturn;\n\t\t}\n\t\trows.push(\n\t\t\t<tr key={ `placeholder-${ placeholderKey }` }>\n\t\t\t\t<td\n\t\t\t\t\tclassName=\"block-editor-list-view-placeholder\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: placeholderRows * BLOCK_LIST_ITEM_HEIGHT,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</tr>\n\t\t);\n\t\tplaceholderRows = 0;\n\t\tplaceholderKey = undefined;\n\t};\n\n\tfilteredBlocks.forEach( ( block, index ) => {\n\t\tconst { clientId, innerBlocks } = block;\n\n\t\t// The next sibling is offset by this block's subtree.\n\t\tconst blockListPosition = nextPosition;\n\t\tnextPosition += countBlocks(\n\t\t\tblock,\n\t\t\texpansionState,\n\t\t\tdraggedClientIds,\n\t\t\tisExpanded\n\t\t);\n\n\t\tconst isDragged = !! draggedClientIds?.includes( clientId );\n\n\t\tconst { itemInView } = fixedListWindow;\n\t\tconst blockInView = itemInView( blockListPosition );\n\n\t\tconst position = index + 1;\n\t\tconst updatedPath =\n\t\t\tpath.length > 0 ? `${ path }_${ position }` : `${ position }`;\n\t\tconst hasNestedBlocks = !! innerBlocks?.length;\n\n\t\tconst shouldExpand = hasNestedBlocks\n\t\t\t? expansionState[ clientId ] ?? isExpanded\n\t\t\t: undefined;\n\n\t\t// Make updates to the selected or dragged blocks synchronous,\n\t\t// but asynchronous for any other block.\n\t\tconst isSelected = isClientIdSelected( clientId, selectedClientIds );\n\t\tconst isSelectedBranch =\n\t\t\tisBranchSelected || ( isSelected && hasNestedBlocks );\n\n\t\t// To avoid performance issues, we only render blocks that are in view,\n\t\t// or blocks that are selected or dragged. If a block is selected,\n\t\t// it is only counted if it is the first of the block selection.\n\t\t// This prevents the entire tree from being rendered when a branch is\n\t\t// selected, or a user selects all blocks, while still enabling scroll\n\t\t// into view behavior when selecting a block or opening the list view.\n\t\t// The first and last blocks of the list are always rendered, to ensure\n\t\t// that Home and End keys work as expected.\n\t\tconst showBlock =\n\t\t\tisDragged ||\n\t\t\tblockInView ||\n\t\t\t( isSelected && clientId === selectedClientIds[ 0 ] ) ||\n\t\t\tindex === 0 ||\n\t\t\tindex === blockCount - 1;\n\n\t\tconst showNestedBlocks = hasNestedBlocks && shouldExpand && ! isDragged;\n\n\t\tif ( ! showBlock ) {\n\t\t\tplaceholderRows += 1;\n\t\t\tplaceholderKey ??= clientId;\n\n\t\t\t// Inner blocks of an off-window block may still be in view.\n\t\t\tif ( ! showNestedBlocks ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tpushPlaceholderRow();\n\n\t\t// Determine the displacement of the block while dragging. This\n\t\t// works out whether the current block should be displaced up or\n\t\t// down, relative to the dragged blocks and the drop target.\n\t\tconst { displacement, isAfterDraggedBlocks, isNesting } =\n\t\t\tgetDragDisplacementValues( {\n\t\t\t\tblockIndexes,\n\t\t\t\tblockDropTargetIndex,\n\t\t\t\tblockDropPosition,\n\t\t\t\tclientId,\n\t\t\t\tfirstDraggedBlockIndex,\n\t\t\t\tisDragged,\n\t\t\t} );\n\n\t\trows.push(\n\t\t\t<AsyncModeProvider key={ clientId } value={ ! isSelected }>\n\t\t\t\t{ showBlock && (\n\t\t\t\t\t<ListViewBlock\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tselectBlock={ selectBlock }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tisBranchSelected={ isSelectedBranch }\n\t\t\t\t\t\tisDragged={ isDragged }\n\t\t\t\t\t\tlevel={ level }\n\t\t\t\t\t\tposition={ position }\n\t\t\t\t\t\trowCount={ rowCount }\n\t\t\t\t\t\tsiblingBlockCount={ blockCount }\n\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\tpath={ updatedPath }\n\t\t\t\t\t\tisExpanded={ isDragged ? false : shouldExpand }\n\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\tisSyncedBranch={ syncedBranch }\n\t\t\t\t\t\tdisplacement={ displacement }\n\t\t\t\t\t\tisAfterDraggedBlocks={ isAfterDraggedBlocks }\n\t\t\t\t\t\tisNesting={ isNesting }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ showNestedBlocks && (\n\t\t\t\t\t<ListViewBranch\n\t\t\t\t\t\tparentId={ clientId }\n\t\t\t\t\t\tblocks={ innerBlocks }\n\t\t\t\t\t\tselectBlock={ selectBlock }\n\t\t\t\t\t\tshowBlockMovers={ showBlockMovers }\n\t\t\t\t\t\tlevel={ level + 1 }\n\t\t\t\t\t\tpath={ updatedPath }\n\t\t\t\t\t\tlistPosition={ blockListPosition + 1 }\n\t\t\t\t\t\tfixedListWindow={ fixedListWindow }\n\t\t\t\t\t\tisBranchSelected={ isSelectedBranch }\n\t\t\t\t\t\tselectedClientIds={ selectedClientIds }\n\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\tisSyncedBranch={ syncedBranch }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</AsyncModeProvider>\n\t\t);\n\t} );\n\n\tpushPlaceholderRow();\n\n\treturn (\n\t\t<>\n\t\t\t{ rows }\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;AAAA,wBAGO;AACP,qBAAqB;AACrB,kBAA6C;AAC7C,sBAAyB;AACzB,mBAA0B;AAC1B,qBAAqC;AACrC,mBAIO;AACP,mBAA0C;AAC1C,yBAAuB;AAmHnB;AApGJ,SAAS,YACR,OACA,gBACA,kBACA,qBACC;AACD,QAAM,YAAY,kBAAkB,SAAU,MAAM,QAAS;AAC7D,MAAK,WAAY;AAChB,WAAO;AAAA,EACR;AACA,QAAM,aAAa,eAAgB,MAAM,QAAS,KAAK;AACvD,MAAK,CAAE,YAAa;AACnB,WAAO;AAAA,EACR;AACA,SAAO,MAAM,YAAY;AAAA,IACxB,CAAE,OAAO,eACR,QACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAM,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,iBAAiB;AAAA,IACjB,cAAc,mBAAmB;AAAA,EAClC,IAAI;AAEJ,QAAM,EAAE,iBAAiB,eAAe,QAAI;AAAA,IAC3C,CAAE,WAAY;AACb,UAAK,CAAE,UAAW;AACjB,eAAO,EAAE,iBAAiB,MAAM,gBAAgB,MAAM;AAAA,MACvD;AACA,YAAM,EAAE,cAAc,cAAc,QAAI;AAAA,QACvC,OAAQ,aAAAA,KAAiB;AAAA,MAC1B;AACA,aAAO;AAAA,QACN,iBAAiB,aAAc,QAAS;AAAA,QACxC,gBAAgB,cAAe,QAAS;AAAA,MACzC;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,QAAM,eAAe,kBAAkB;AAEvC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,qCAAqB;AAEzB,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,MAAI,eAAe;AAEnB,QAAM,OAAO,CAAC;AAId,MAAI,kBAAkB;AACtB,MAAI;AAIJ,QAAM,qBAAqB,MAAM;AAChC,QAAK,CAAE,iBAAkB;AACxB;AAAA,IACD;AACA,SAAK;AAAA,MACJ,4CAAC,QACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQ;AAAA,YACP,QAAQ,kBAAkB;AAAA,UAC3B;AAAA;AAAA,MACD,KANS,eAAgB,cAAe,EAOzC;AAAA,IACD;AACA,sBAAkB;AAClB,qBAAiB;AAAA,EAClB;AAEA,iBAAe,QAAS,CAAE,OAAO,UAAW;AAC3C,UAAM,EAAE,UAAU,YAAY,IAAI;AAGlC,UAAM,oBAAoB;AAC1B,oBAAgB;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAEA,UAAM,YAAY,CAAC,CAAE,kBAAkB,SAAU,QAAS;AAE1D,UAAM,EAAE,WAAW,IAAI;AACvB,UAAM,cAAc,WAAY,iBAAkB;AAElD,UAAM,WAAW,QAAQ;AACzB,UAAM,cACL,KAAK,SAAS,IAAI,GAAI,IAAK,IAAK,QAAS,KAAK,GAAI,QAAS;AAC5D,UAAM,kBAAkB,CAAC,CAAE,aAAa;AAExC,UAAM,eAAe,kBAClB,eAAgB,QAAS,KAAK,aAC9B;AAIH,UAAM,iBAAa,iCAAoB,UAAU,iBAAkB;AACnE,UAAM,mBACL,oBAAsB,cAAc;AAUrC,UAAM,YACL,aACA,eACE,cAAc,aAAa,kBAAmB,CAAE,KAClD,UAAU,KACV,UAAU,aAAa;AAExB,UAAM,mBAAmB,mBAAmB,gBAAgB,CAAE;AAE9D,QAAK,CAAE,WAAY;AAClB,yBAAmB;AACnB,yBAAmB;AAGnB,UAAK,CAAE,kBAAmB;AACzB;AAAA,MACD;AAAA,IACD;AAEA,uBAAmB;AAKnB,UAAM,EAAE,cAAc,sBAAsB,UAAU,QACrD,wCAA2B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,CAAE;AAEH,SAAK;AAAA,MACJ,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;AAAA,YACA,gBAAiB;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACD;AAAA,QAEC,oBACD;AAAA,UAAC;AAAA;AAAA,YACA,UAAW;AAAA,YACX,QAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,OAAQ,QAAQ;AAAA,YAChB,MAAO;AAAA,YACP,cAAe,oBAAoB;AAAA,YACnC;AAAA,YACA,kBAAmB;AAAA,YACnB;AAAA,YACA;AAAA,YACA,gBAAiB;AAAA;AAAA,QAClB;AAAA,WApCuB,QAsCzB;AAAA,IACD;AAAA,EACD,CAAE;AAEF,qBAAmB;AAEnB,SACC,4EACG;AAAA;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": ["blockEditorStore", "ListViewBlock", "TreeGridRow", "TreeGridCell"]
 }

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

@@ -21,16 +21,30 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var context_exports = {};
 __export(context_exports, {
   ListViewContext: () => ListViewContext,
-  useListViewContext: () => useListViewContext
+  ListViewInsertedBlockContext: () => ListViewInsertedBlockContext,
+  ListViewTreeStateContext: () => ListViewTreeStateContext,
+  useInsertedBlockClientId: () => useInsertedBlockClientId,
+  useListViewContext: () => useListViewContext,
+  useListViewTreeState: () => useListViewTreeState
 });
 module.exports = __toCommonJS(context_exports);
 var import_element = require("@wordpress/element");
 var ListViewContext = (0, import_element.createContext)({});
 ListViewContext.displayName = "ListViewContext";
 var useListViewContext = () => (0, import_element.useContext)(ListViewContext);
+var ListViewTreeStateContext = (0, import_element.createContext)({});
+ListViewTreeStateContext.displayName = "ListViewTreeStateContext";
+var useListViewTreeState = () => (0, import_element.useContext)(ListViewTreeStateContext);
+var ListViewInsertedBlockContext = (0, import_element.createContext)(null);
+ListViewInsertedBlockContext.displayName = "ListViewInsertedBlockContext";
+var useInsertedBlockClientId = () => (0, import_element.useContext)(ListViewInsertedBlockContext);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ListViewContext,
-  useListViewContext
+  ListViewInsertedBlockContext,
+  ListViewTreeStateContext,
+  useInsertedBlockClientId,
+  useListViewContext,
+  useListViewTreeState
 });
 //# sourceMappingURL=context.cjs.map

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

@@ -1,7 +1,7 @@
 {
   "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,IAAM,sBAAkB,8BAAe,CAAC,CAAE;AACjD,gBAAgB,cAAc;AAEvB,IAAM,qBAAqB,UAAM,2BAAY,eAAgB;",
+  "sourcesContent": ["import { createContext, useContext } from '@wordpress/element';\n\n/**\n * Values that never change for the lifetime of a List View, such as the\n * components passed in as props, the tree grid element ref, and the stable\n * state updaters.\n */\nexport const ListViewContext = createContext( {} );\nListViewContext.displayName = 'ListViewContext';\n\nexport const useListViewContext = () => useContext( ListViewContext );\n\n/**\n * Expansion and drag state. Only `ListViewBranch` reads it, so the frequent\n * updates during a drag stop short of the individual rows.\n */\nexport const ListViewTreeStateContext = createContext( {} );\nListViewTreeStateContext.displayName = 'ListViewTreeStateContext';\n\nexport const useListViewTreeState = () =>\n\tuseContext( ListViewTreeStateContext );\n\n/**\n * The client ID of the block that was just inserted, or `null`.\n */\nexport const ListViewInsertedBlockContext = createContext( null );\nListViewInsertedBlockContext.displayName = 'ListViewInsertedBlockContext';\n\nexport const useInsertedBlockClientId = () =>\n\tuseContext( ListViewInsertedBlockContext );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0C;AAOnC,IAAM,sBAAkB,8BAAe,CAAC,CAAE;AACjD,gBAAgB,cAAc;AAEvB,IAAM,qBAAqB,UAAM,2BAAY,eAAgB;AAM7D,IAAM,+BAA2B,8BAAe,CAAC,CAAE;AAC1D,yBAAyB,cAAc;AAEhC,IAAM,uBAAuB,UACnC,2BAAY,wBAAyB;AAK/B,IAAM,mCAA+B,8BAAe,IAAK;AAChE,6BAA6B,cAAc;AAEpC,IAAM,2BAA2B,UACvC,2BAAY,4BAA6B;",
   "names": []
 }

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

@@ -38,6 +38,7 @@ 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_ui = require("@wordpress/ui");
 var import_block_icon = __toESM(require("../block-icon/index.cjs"));
 var import_use_block_display_information = __toESM(require("../use-block-display-information/index.cjs"));
 var import_use_block_display_title = __toESM(require("../block-title/use-block-display-title.cjs"));
@@ -233,12 +234,12 @@ function ListViewDropIndicatorPreview({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_components.__experimentalHStack,
+                        import_ui.Stack,
                         {
-                          alignment: "center",
+                          align: "center",
                           className: "block-editor-list-view-block-select-button__label-wrapper",
                           justify: "flex-start",
-                          spacing: 1,
+                          gap: "xs",
                           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 }) })
                         }
                       )

package/build/components/list-view/drop-indicator.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/list-view/drop-indicator.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n\tPopover,\n} from '@wordpress/components';\n\nimport { getScrollContainer } from '@wordpress/dom';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport ListViewExpander from './expander';\n\nexport default function ListViewDropIndicatorPreview( {\n\tdraggedBlockClientId,\n\tlistViewRef,\n\tblockDropTarget,\n} ) {\n\tconst blockInformation = useBlockDisplayInformation( draggedBlockClientId );\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId: draggedBlockClientId,\n\t\tcontext: 'list-view',\n\t} );\n\n\tconst { rootClientId, clientId, dropPosition } = blockDropTarget || {};\n\n\tconst [ rootBlockElement, blockElement ] = useMemo( () => {\n\t\tif ( ! listViewRef.current ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t// The rootClientId will be defined whenever dropping into inner\n\t\t// block lists, but is undefined when dropping at the root level.\n\t\tconst _rootBlockElement = rootClientId\n\t\t\t? listViewRef.current.querySelector(\n\t\t\t\t\t`[data-block=\"${ rootClientId }\"]`\n\t\t\t  )\n\t\t\t: undefined;\n\n\t\t// The clientId represents the sibling block, the dragged block will\n\t\t// usually be inserted adjacent to it. It will be undefined when\n\t\t// dropping a block into an empty block list.\n\t\tconst _blockElement = clientId\n\t\t\t? listViewRef.current.querySelector(\n\t\t\t\t\t`[data-block=\"${ clientId }\"]`\n\t\t\t  )\n\t\t\t: undefined;\n\n\t\treturn [ _rootBlockElement, _blockElement ];\n\t}, [ listViewRef, rootClientId, clientId ] );\n\n\t// The targetElement is the element that the drop indicator will appear\n\t// before or after. When dropping into an empty block list, blockElement\n\t// is undefined, so the indicator will appear after the rootBlockElement.\n\tconst targetElement = blockElement || rootBlockElement;\n\n\tconst rtl = isRTL();\n\n\tconst getDropIndicatorWidth = useCallback(\n\t\t( targetElementRect, indent ) => {\n\t\t\tif ( ! targetElement ) {\n\t\t\t\treturn 0;\n\t\t\t}\n\n\t\t\t// Default to assuming that the width of the drop indicator\n\t\t\t// should be the same as the target element.\n\t\t\tlet width = targetElement.offsetWidth;\n\n\t\t\t// In deeply nested lists, where a scrollbar is present,\n\t\t\t// the width of the drop indicator should be the width of\n\t\t\t// the scroll container, minus the distance from the left\n\t\t\t// edge of the scroll container to the left edge of the\n\t\t\t// target element.\n\t\t\tconst scrollContainer = getScrollContainer(\n\t\t\t\ttargetElement,\n\t\t\t\t'horizontal'\n\t\t\t);\n\n\t\t\tconst ownerDocument = targetElement.ownerDocument;\n\t\t\tconst windowScroll =\n\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\n\t\t\tif ( scrollContainer && ! windowScroll ) {\n\t\t\t\tconst scrollContainerRect =\n\t\t\t\t\tscrollContainer.getBoundingClientRect();\n\n\t\t\t\tconst distanceBetweenContainerAndTarget = isRTL()\n\t\t\t\t\t? scrollContainerRect.right - targetElementRect.right\n\t\t\t\t\t: targetElementRect.left - scrollContainerRect.left;\n\n\t\t\t\tconst scrollContainerWidth = scrollContainer.clientWidth;\n\n\t\t\t\tif (\n\t\t\t\t\tscrollContainerWidth <\n\t\t\t\t\twidth + distanceBetweenContainerAndTarget\n\t\t\t\t) {\n\t\t\t\t\twidth =\n\t\t\t\t\t\tscrollContainerWidth -\n\t\t\t\t\t\tdistanceBetweenContainerAndTarget;\n\t\t\t\t}\n\n\t\t\t\t// LTR logic for ensuring the drop indicator does not extend\n\t\t\t\t// beyond the right edge of the scroll container.\n\t\t\t\tif (\n\t\t\t\t\t! rtl &&\n\t\t\t\t\ttargetElementRect.left + indent < scrollContainerRect.left\n\t\t\t\t) {\n\t\t\t\t\twidth -= scrollContainerRect.left - targetElementRect.left;\n\t\t\t\t\treturn width;\n\t\t\t\t}\n\n\t\t\t\t// RTL logic for ensuring the drop indicator does not extend\n\t\t\t\t// beyond the right edge of the scroll container.\n\t\t\t\tif (\n\t\t\t\t\trtl &&\n\t\t\t\t\ttargetElementRect.right - indent > scrollContainerRect.right\n\t\t\t\t) {\n\t\t\t\t\twidth -=\n\t\t\t\t\t\ttargetElementRect.right - scrollContainerRect.right;\n\t\t\t\t\treturn width;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Subtract the indent from the final width of the indicator.\n\t\t\treturn width - indent;\n\t\t},\n\t\t[ rtl, targetElement ]\n\t);\n\n\tconst style = useMemo( () => {\n\t\tif ( ! targetElement ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst targetElementRect = targetElement.getBoundingClientRect();\n\n\t\treturn {\n\t\t\twidth: getDropIndicatorWidth( targetElementRect, 0 ),\n\t\t};\n\t}, [ getDropIndicatorWidth, targetElement ] );\n\n\tconst horizontalScrollOffsetStyle = useMemo( () => {\n\t\tif ( ! targetElement ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst scrollContainer = getScrollContainer( targetElement );\n\t\tconst ownerDocument = targetElement.ownerDocument;\n\t\tconst windowScroll =\n\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\tscrollContainer === ownerDocument.documentElement;\n\n\t\tif ( scrollContainer && ! windowScroll ) {\n\t\t\tconst scrollContainerRect = scrollContainer.getBoundingClientRect();\n\t\t\tconst targetElementRect = targetElement.getBoundingClientRect();\n\n\t\t\tconst distanceBetweenContainerAndTarget = rtl\n\t\t\t\t? scrollContainerRect.right - targetElementRect.right\n\t\t\t\t: targetElementRect.left - scrollContainerRect.left;\n\n\t\t\tif ( ! rtl && scrollContainerRect.left > targetElementRect.left ) {\n\t\t\t\treturn {\n\t\t\t\t\ttransform: `translateX( ${ distanceBetweenContainerAndTarget }px )`,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( rtl && scrollContainerRect.right < targetElementRect.right ) {\n\t\t\t\treturn {\n\t\t\t\t\ttransform: `translateX( ${\n\t\t\t\t\t\tdistanceBetweenContainerAndTarget * -1\n\t\t\t\t\t}px )`,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\treturn {};\n\t}, [ rtl, targetElement ] );\n\n\tconst ariaLevel = useMemo( () => {\n\t\tif ( ! rootBlockElement ) {\n\t\t\treturn 1;\n\t\t}\n\n\t\tconst _ariaLevel = parseInt(\n\t\t\trootBlockElement.getAttribute( 'aria-level' ),\n\t\t\t10\n\t\t);\n\n\t\treturn _ariaLevel ? _ariaLevel + 1 : 1;\n\t}, [ rootBlockElement ] );\n\n\tconst hasAdjacentSelectedBranch = useMemo( () => {\n\t\tif ( ! targetElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn targetElement.classList.contains( 'is-branch-selected' );\n\t}, [ targetElement ] );\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tconst isValidDropPosition =\n\t\t\tdropPosition === 'top' ||\n\t\t\tdropPosition === 'bottom' ||\n\t\t\tdropPosition === 'inside';\n\t\tif ( ! targetElement || ! isValidDropPosition ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tcontextElement: targetElement,\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst rect = targetElement.getBoundingClientRect();\n\t\t\t\t// In RTL languages, the drop indicator should be positioned\n\t\t\t\t// to the left of the target element, with the width of the\n\t\t\t\t// indicator determining the indent at the right edge of the\n\t\t\t\t// target element. In LTR languages, the drop indicator should\n\t\t\t\t// end at the right edge of the target element, with the indent\n\t\t\t\t// added to the position of the left edge of the target element.\n\t\t\t\t// let left = rtl ? rect.left : rect.left + indent;\n\t\t\t\tlet left = rect.left;\n\t\t\t\tlet top = 0;\n\n\t\t\t\t// In deeply nested lists, where a scrollbar is present,\n\t\t\t\t// the width of the drop indicator should be the width of\n\t\t\t\t// the visible area of the scroll container. Additionally,\n\t\t\t\t// the left edge of the drop indicator line needs to be\n\t\t\t\t// offset by the distance the left edge of the target element\n\t\t\t\t// and the left edge of the scroll container. The ensures\n\t\t\t\t// that the drop indicator position never breaks out of the\n\t\t\t\t// visible area of the scroll container.\n\t\t\t\tconst scrollContainer = getScrollContainer(\n\t\t\t\t\ttargetElement,\n\t\t\t\t\t'horizontal'\n\t\t\t\t);\n\n\t\t\t\tconst doc = targetElement.ownerDocument;\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === doc.body ||\n\t\t\t\t\tscrollContainer === doc.documentElement;\n\n\t\t\t\t// If the scroll container is not the window, offset the left position, if need be.\n\t\t\t\tif ( scrollContainer && ! windowScroll ) {\n\t\t\t\t\tconst scrollContainerRect =\n\t\t\t\t\t\tscrollContainer.getBoundingClientRect();\n\n\t\t\t\t\t// In RTL languages, a vertical scrollbar is present on the\n\t\t\t\t\t// left edge of the scroll container. The width of the\n\t\t\t\t\t// scrollbar needs to be accounted for when positioning the\n\t\t\t\t\t// drop indicator.\n\t\t\t\t\tconst scrollbarWidth = rtl\n\t\t\t\t\t\t? scrollContainer.offsetWidth -\n\t\t\t\t\t\t  scrollContainer.clientWidth\n\t\t\t\t\t\t: 0;\n\n\t\t\t\t\tif ( left < scrollContainerRect.left + scrollbarWidth ) {\n\t\t\t\t\t\tleft = scrollContainerRect.left + scrollbarWidth;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( dropPosition === 'top' ) {\n\t\t\t\t\ttop = rect.top - rect.height * 2;\n\t\t\t\t} else {\n\t\t\t\t\t// `dropPosition` is either `bottom` or `inside`\n\t\t\t\t\ttop = rect.top;\n\t\t\t\t}\n\n\t\t\t\tconst width = getDropIndicatorWidth( rect, 0 );\n\t\t\t\tconst height = rect.height;\n\n\t\t\t\treturn new window.DOMRect( left, top, width, height );\n\t\t\t},\n\t\t};\n\t}, [ targetElement, dropPosition, getDropIndicatorWidth, rtl ] );\n\n\tif ( ! targetElement ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tanimate={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tfocusOnMount={ false }\n\t\t\tclassName=\"block-editor-list-view-drop-indicator--preview\"\n\t\t\tvariant=\"unstyled\"\n\t\t\tflip={ false }\n\t\t\tresize\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={ style }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'block-editor-list-view-drop-indicator__line',\n\t\t\t\t\t{\n\t\t\t\t\t\t'block-editor-list-view-drop-indicator__line--darker':\n\t\t\t\t\t\t\thasAdjacentSelectedBranch,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-list-view-leaf\"\n\t\t\t\t\taria-level={ ariaLevel }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-list-view-block-select-button',\n\t\t\t\t\t\t\t'block-editor-list-view-block-contents'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ horizontalScrollOffsetStyle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListViewExpander onClick={ () => {} } />\n\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\ticon={ blockInformation?.icon }\n\t\t\t\t\t\t\tshowColors\n\t\t\t\t\t\t\tcontext=\"list-view\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__label-wrapper\"\n\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__title\">\n\t\t\t\t\t\t\t\t<Truncate ellipsizeMode=\"auto\">\n\t\t\t\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"block-editor-list-view-block__menu-cell\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Popover>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": ["useBlockDisplayInformation", "useBlockDisplayTitle", "clsx", "ListViewExpander", "BlockIcon", "HStack", "Truncate"]
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tPopover,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { getScrollContainer } from '@wordpress/dom';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { Stack } from '@wordpress/ui';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport ListViewExpander from './expander';\n\nexport default function ListViewDropIndicatorPreview( {\n\tdraggedBlockClientId,\n\tlistViewRef,\n\tblockDropTarget,\n} ) {\n\tconst blockInformation = useBlockDisplayInformation( draggedBlockClientId );\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId: draggedBlockClientId,\n\t\tcontext: 'list-view',\n\t} );\n\n\tconst { rootClientId, clientId, dropPosition } = blockDropTarget || {};\n\n\tconst [ rootBlockElement, blockElement ] = useMemo( () => {\n\t\tif ( ! listViewRef.current ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t// The rootClientId will be defined whenever dropping into inner\n\t\t// block lists, but is undefined when dropping at the root level.\n\t\tconst _rootBlockElement = rootClientId\n\t\t\t? listViewRef.current.querySelector(\n\t\t\t\t\t`[data-block=\"${ rootClientId }\"]`\n\t\t\t  )\n\t\t\t: undefined;\n\n\t\t// The clientId represents the sibling block, the dragged block will\n\t\t// usually be inserted adjacent to it. It will be undefined when\n\t\t// dropping a block into an empty block list.\n\t\tconst _blockElement = clientId\n\t\t\t? listViewRef.current.querySelector(\n\t\t\t\t\t`[data-block=\"${ clientId }\"]`\n\t\t\t  )\n\t\t\t: undefined;\n\n\t\treturn [ _rootBlockElement, _blockElement ];\n\t}, [ listViewRef, rootClientId, clientId ] );\n\n\t// The targetElement is the element that the drop indicator will appear\n\t// before or after. When dropping into an empty block list, blockElement\n\t// is undefined, so the indicator will appear after the rootBlockElement.\n\tconst targetElement = blockElement || rootBlockElement;\n\n\tconst rtl = isRTL();\n\n\tconst getDropIndicatorWidth = useCallback(\n\t\t( targetElementRect, indent ) => {\n\t\t\tif ( ! targetElement ) {\n\t\t\t\treturn 0;\n\t\t\t}\n\n\t\t\t// Default to assuming that the width of the drop indicator\n\t\t\t// should be the same as the target element.\n\t\t\tlet width = targetElement.offsetWidth;\n\n\t\t\t// In deeply nested lists, where a scrollbar is present,\n\t\t\t// the width of the drop indicator should be the width of\n\t\t\t// the scroll container, minus the distance from the left\n\t\t\t// edge of the scroll container to the left edge of the\n\t\t\t// target element.\n\t\t\tconst scrollContainer = getScrollContainer(\n\t\t\t\ttargetElement,\n\t\t\t\t'horizontal'\n\t\t\t);\n\n\t\t\tconst ownerDocument = targetElement.ownerDocument;\n\t\t\tconst windowScroll =\n\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\n\t\t\tif ( scrollContainer && ! windowScroll ) {\n\t\t\t\tconst scrollContainerRect =\n\t\t\t\t\tscrollContainer.getBoundingClientRect();\n\n\t\t\t\tconst distanceBetweenContainerAndTarget = isRTL()\n\t\t\t\t\t? scrollContainerRect.right - targetElementRect.right\n\t\t\t\t\t: targetElementRect.left - scrollContainerRect.left;\n\n\t\t\t\tconst scrollContainerWidth = scrollContainer.clientWidth;\n\n\t\t\t\tif (\n\t\t\t\t\tscrollContainerWidth <\n\t\t\t\t\twidth + distanceBetweenContainerAndTarget\n\t\t\t\t) {\n\t\t\t\t\twidth =\n\t\t\t\t\t\tscrollContainerWidth -\n\t\t\t\t\t\tdistanceBetweenContainerAndTarget;\n\t\t\t\t}\n\n\t\t\t\t// LTR logic for ensuring the drop indicator does not extend\n\t\t\t\t// beyond the right edge of the scroll container.\n\t\t\t\tif (\n\t\t\t\t\t! rtl &&\n\t\t\t\t\ttargetElementRect.left + indent < scrollContainerRect.left\n\t\t\t\t) {\n\t\t\t\t\twidth -= scrollContainerRect.left - targetElementRect.left;\n\t\t\t\t\treturn width;\n\t\t\t\t}\n\n\t\t\t\t// RTL logic for ensuring the drop indicator does not extend\n\t\t\t\t// beyond the right edge of the scroll container.\n\t\t\t\tif (\n\t\t\t\t\trtl &&\n\t\t\t\t\ttargetElementRect.right - indent > scrollContainerRect.right\n\t\t\t\t) {\n\t\t\t\t\twidth -=\n\t\t\t\t\t\ttargetElementRect.right - scrollContainerRect.right;\n\t\t\t\t\treturn width;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Subtract the indent from the final width of the indicator.\n\t\t\treturn width - indent;\n\t\t},\n\t\t[ rtl, targetElement ]\n\t);\n\n\tconst style = useMemo( () => {\n\t\tif ( ! targetElement ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst targetElementRect = targetElement.getBoundingClientRect();\n\n\t\treturn {\n\t\t\twidth: getDropIndicatorWidth( targetElementRect, 0 ),\n\t\t};\n\t}, [ getDropIndicatorWidth, targetElement ] );\n\n\tconst horizontalScrollOffsetStyle = useMemo( () => {\n\t\tif ( ! targetElement ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst scrollContainer = getScrollContainer( targetElement );\n\t\tconst ownerDocument = targetElement.ownerDocument;\n\t\tconst windowScroll =\n\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\tscrollContainer === ownerDocument.documentElement;\n\n\t\tif ( scrollContainer && ! windowScroll ) {\n\t\t\tconst scrollContainerRect = scrollContainer.getBoundingClientRect();\n\t\t\tconst targetElementRect = targetElement.getBoundingClientRect();\n\n\t\t\tconst distanceBetweenContainerAndTarget = rtl\n\t\t\t\t? scrollContainerRect.right - targetElementRect.right\n\t\t\t\t: targetElementRect.left - scrollContainerRect.left;\n\n\t\t\tif ( ! rtl && scrollContainerRect.left > targetElementRect.left ) {\n\t\t\t\treturn {\n\t\t\t\t\ttransform: `translateX( ${ distanceBetweenContainerAndTarget }px )`,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( rtl && scrollContainerRect.right < targetElementRect.right ) {\n\t\t\t\treturn {\n\t\t\t\t\ttransform: `translateX( ${\n\t\t\t\t\t\tdistanceBetweenContainerAndTarget * -1\n\t\t\t\t\t}px )`,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\treturn {};\n\t}, [ rtl, targetElement ] );\n\n\tconst ariaLevel = useMemo( () => {\n\t\tif ( ! rootBlockElement ) {\n\t\t\treturn 1;\n\t\t}\n\n\t\tconst _ariaLevel = parseInt(\n\t\t\trootBlockElement.getAttribute( 'aria-level' ),\n\t\t\t10\n\t\t);\n\n\t\treturn _ariaLevel ? _ariaLevel + 1 : 1;\n\t}, [ rootBlockElement ] );\n\n\tconst hasAdjacentSelectedBranch = useMemo( () => {\n\t\tif ( ! targetElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn targetElement.classList.contains( 'is-branch-selected' );\n\t}, [ targetElement ] );\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tconst isValidDropPosition =\n\t\t\tdropPosition === 'top' ||\n\t\t\tdropPosition === 'bottom' ||\n\t\t\tdropPosition === 'inside';\n\t\tif ( ! targetElement || ! isValidDropPosition ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tcontextElement: targetElement,\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst rect = targetElement.getBoundingClientRect();\n\t\t\t\t// In RTL languages, the drop indicator should be positioned\n\t\t\t\t// to the left of the target element, with the width of the\n\t\t\t\t// indicator determining the indent at the right edge of the\n\t\t\t\t// target element. In LTR languages, the drop indicator should\n\t\t\t\t// end at the right edge of the target element, with the indent\n\t\t\t\t// added to the position of the left edge of the target element.\n\t\t\t\t// let left = rtl ? rect.left : rect.left + indent;\n\t\t\t\tlet left = rect.left;\n\t\t\t\tlet top = 0;\n\n\t\t\t\t// In deeply nested lists, where a scrollbar is present,\n\t\t\t\t// the width of the drop indicator should be the width of\n\t\t\t\t// the visible area of the scroll container. Additionally,\n\t\t\t\t// the left edge of the drop indicator line needs to be\n\t\t\t\t// offset by the distance the left edge of the target element\n\t\t\t\t// and the left edge of the scroll container. The ensures\n\t\t\t\t// that the drop indicator position never breaks out of the\n\t\t\t\t// visible area of the scroll container.\n\t\t\t\tconst scrollContainer = getScrollContainer(\n\t\t\t\t\ttargetElement,\n\t\t\t\t\t'horizontal'\n\t\t\t\t);\n\n\t\t\t\tconst doc = targetElement.ownerDocument;\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === doc.body ||\n\t\t\t\t\tscrollContainer === doc.documentElement;\n\n\t\t\t\t// If the scroll container is not the window, offset the left position, if need be.\n\t\t\t\tif ( scrollContainer && ! windowScroll ) {\n\t\t\t\t\tconst scrollContainerRect =\n\t\t\t\t\t\tscrollContainer.getBoundingClientRect();\n\n\t\t\t\t\t// In RTL languages, a vertical scrollbar is present on the\n\t\t\t\t\t// left edge of the scroll container. The width of the\n\t\t\t\t\t// scrollbar needs to be accounted for when positioning the\n\t\t\t\t\t// drop indicator.\n\t\t\t\t\tconst scrollbarWidth = rtl\n\t\t\t\t\t\t? scrollContainer.offsetWidth -\n\t\t\t\t\t\t  scrollContainer.clientWidth\n\t\t\t\t\t\t: 0;\n\n\t\t\t\t\tif ( left < scrollContainerRect.left + scrollbarWidth ) {\n\t\t\t\t\t\tleft = scrollContainerRect.left + scrollbarWidth;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( dropPosition === 'top' ) {\n\t\t\t\t\ttop = rect.top - rect.height * 2;\n\t\t\t\t} else {\n\t\t\t\t\t// `dropPosition` is either `bottom` or `inside`\n\t\t\t\t\ttop = rect.top;\n\t\t\t\t}\n\n\t\t\t\tconst width = getDropIndicatorWidth( rect, 0 );\n\t\t\t\tconst height = rect.height;\n\n\t\t\t\treturn new window.DOMRect( left, top, width, height );\n\t\t\t},\n\t\t};\n\t}, [ targetElement, dropPosition, getDropIndicatorWidth, rtl ] );\n\n\tif ( ! targetElement ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tanimate={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tfocusOnMount={ false }\n\t\t\tclassName=\"block-editor-list-view-drop-indicator--preview\"\n\t\t\tvariant=\"unstyled\"\n\t\t\tflip={ false }\n\t\t\tresize\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={ style }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'block-editor-list-view-drop-indicator__line',\n\t\t\t\t\t{\n\t\t\t\t\t\t'block-editor-list-view-drop-indicator__line--darker':\n\t\t\t\t\t\t\thasAdjacentSelectedBranch,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-list-view-leaf\"\n\t\t\t\t\taria-level={ ariaLevel }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-list-view-block-select-button',\n\t\t\t\t\t\t\t'block-editor-list-view-block-contents'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ horizontalScrollOffsetStyle }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListViewExpander onClick={ () => {} } />\n\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\ticon={ blockInformation?.icon }\n\t\t\t\t\t\t\tshowColors\n\t\t\t\t\t\t\tcontext=\"list-view\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Stack\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__label-wrapper\"\n\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\tgap=\"xs\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__title\">\n\t\t\t\t\t\t\t\t<Truncate ellipsizeMode=\"auto\">\n\t\t\t\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"block-editor-list-view-block__menu-cell\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Popover>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["useBlockDisplayInformation", "useBlockDisplayTitle", "clsx", "ListViewExpander", "BlockIcon", "Truncate"]
 }

package/build/components/list-view/expander.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/list-view/expander.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\nimport { isRTL } from '@wordpress/i18n';\n\nexport default function ListViewExpander( { onClick } ) {\n\treturn (\n\t\t// Keyboard events are handled by TreeGrid see: components/src/tree-grid/index.js\n\t\t//\n\t\t// The expander component is implemented as a pseudo element in the w3 example\n\t\t// https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html\n\t\t//\n\t\t// We've mimicked this by adding an icon with aria-hidden set to true to hide this from the accessibility tree.\n\t\t// For the current tree grid implementation, please do not try to make this a button.\n\t\t<span\n\t\t\tclassName=\"block-editor-list-view__expander\"\n\t\t\tonClick={\n\t\t\t\tonClick\n\t\t\t\t\t? ( event ) => onClick( event, { forceToggle: true } )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-hidden=\"true\"\n\t\t\tdata-testid=\"list-view-expander\"\n\t\t>\n\t\t\t<Icon icon={ isRTL() ? chevronLeftSmall : chevronRightSmall } />\n\t\t</span>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0D;AAC1D,kBAAsB;AAqBnB;AAnBY,SAAR,iBAAmC,EAAE,QAAQ,GAAI;AACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,SACC,UACG,CAAE,UAAW,QAAS,OAAO,EAAE,aAAa,KAAK,CAAE,IACnD;AAAA,QAEJ,eAAY;AAAA,QACZ,eAAY;AAAA,QAEZ,sDAAC,qBAAK,UAAO,mBAAM,IAAI,gCAAmB,gCAAoB;AAAA;AAAA,IAC/D;AAAA;AAEF;",
+  "sourcesContent": ["import { chevronRightSmall, chevronLeftSmall, Icon } from '@wordpress/icons';\nimport { isRTL } from '@wordpress/i18n';\n\nexport default function ListViewExpander( { onClick } ) {\n\treturn (\n\t\t// Keyboard events are handled by TreeGrid see: components/src/tree-grid/index.js\n\t\t//\n\t\t// The expander component is implemented as a pseudo element in the w3 example\n\t\t// https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html\n\t\t//\n\t\t// We've mimicked this by adding an icon with aria-hidden set to true to hide this from the accessibility tree.\n\t\t// For the current tree grid implementation, please do not try to make this a button.\n\t\t<span\n\t\t\tclassName=\"block-editor-list-view__expander\"\n\t\t\tonClick={\n\t\t\t\tonClick\n\t\t\t\t\t? ( event ) => onClick( event, { forceToggle: true } )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\taria-hidden=\"true\"\n\t\t\tdata-testid=\"list-view-expander\"\n\t\t>\n\t\t\t<Icon icon={ isRTL() ? chevronLeftSmall : chevronRightSmall } />\n\t\t</span>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0D;AAC1D,kBAAsB;AAqBnB;AAnBY,SAAR,iBAAmC,EAAE,QAAQ,GAAI;AACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,SACC,UACG,CAAE,UAAW,QAAS,OAAO,EAAE,aAAa,KAAK,CAAE,IACnD;AAAA,QAEJ,eAAY;AAAA,QACZ,eAAY;AAAA,QAEZ,sDAAC,qBAAK,UAAO,mBAAM,IAAI,gCAAmB,gCAAoB;AAAA;AAAA,IAC/D;AAAA;AAEF;",
   "names": []
 }