@wordpress/block-editor 16.1.0 → 16.2.0

package/build-module/components/list-view/aria-referenced-text.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/list-view/aria-referenced-text.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\n\n/**\n * A component specifically designed to be used as an element referenced\n * by ARIA attributes such as `aria-labelledby` or `aria-describedby`.\n *\n * @param {Object}          props          Props.\n * @param {React.ReactNode} props.children\n */\nexport default function AriaReferencedText( { children, ...props } ) {\n\tconst ref = useRef();\n\n\tuseEffect( () => {\n\t\tif ( ref.current ) {\n\t\t\t// This seems like a no-op, but it fixes a bug in Firefox where\n\t\t\t// it fails to recompute the text when only the text node changes.\n\t\t\t// @see https://github.com/WordPress/gutenberg/pull/51035\n\t\t\tref.current.textContent = ref.current.textContent;\n\t\t}\n\t}, [ children ] );\n\n\treturn (\n\t\t<div hidden { ...props } ref={ ref }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,QAAQ,iBAAiB;AAsBhC;AAba,SAAR,mBAAqC,EAAE,UAAU,GAAG,MAAM,GAAI;AACpE,QAAM,MAAM,OAAO;AAEnB,YAAW,MAAM;AAChB,QAAK,IAAI,SAAU;AAIlB,UAAI,QAAQ,cAAc,IAAI,QAAQ;AAAA,IACvC;AAAA,EACD,GAAG,CAAE,QAAS,CAAE;AAEhB,SACC,oBAAC,SAAI,QAAM,MAAG,GAAG,OAAQ,KACtB,UACH;AAEF;",
+  "sourcesContent": ["/**\n * A component specifically designed to be used as an element referenced\n * by ARIA attributes such as `aria-labelledby` or `aria-describedby`.\n *\n * Keying on the text is what makes this component more than a plain `div`:\n * it makes React replace the element rather than update the existing text\n * node in place. Firefox fails to recompute the accessible description when\n * only the text node of a hidden element changes, so screen readers announce\n * a stale value.\n *\n * @see https://github.com/WordPress/gutenberg/pull/51035\n *\n * @param {Object} props          Props.\n * @param {string} props.children Text to reference. Must be a string, since\n *                                it is used as the key.\n */\nexport default function AriaReferencedText( { children, ...props } ) {\n\treturn (\n\t\t<div hidden { ...props } key={ children }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";AAkBE;AAFa,SAAR,mBAAqC,EAAE,UAAU,GAAG,MAAM,GAAI;AACpE,SACC,8BAAC,SAAI,QAAM,MAAG,GAAG,OAAQ,KAAM,YAC5B,QACH;AAEF;",
   "names": []
 }

package/build-module/components/list-view/block-contents.mjs

@@ -2,33 +2,34 @@
 import { forwardRef } from "@wordpress/element";
 import ListViewBlockSelectButton from "./block-select-button.mjs";
 import BlockDraggable from "../block-draggable/index.mjs";
-import { useListViewContext } from "./context.mjs";
+import { useInsertedBlockClientId, useListViewContext } from "./context.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function InsertedBlockContent({ clientId }) {
+  const { AdditionalBlockContent, setInsertedBlockClientId } = useListViewContext();
+  const insertedBlockClientId = useInsertedBlockClientId();
+  if (!AdditionalBlockContent || insertedBlockClientId !== clientId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    AdditionalBlockContent,
+    {
+      insertedBlockClientId,
+      setInsertedBlockClientId
+    }
+  );
+}
 var ListViewBlockContents = forwardRef(
   ({
     onClick,
     onToggleExpanded,
-    block,
-    isSelected,
-    position,
-    siblingBlockCount,
-    level,
+    clientId,
     isExpanded,
     selectedClientIds,
     ...props
   }, ref) => {
-    const { clientId } = block;
-    const { AdditionalBlockContent, insertedBlock, setInsertedBlock } = useListViewContext();
     const draggableClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId];
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      AdditionalBlockContent && /* @__PURE__ */ jsx(
-        AdditionalBlockContent,
-        {
-          block,
-          insertedBlock,
-          setInsertedBlock
-        }
-      ),
+      /* @__PURE__ */ jsx(InsertedBlockContent, { clientId }),
       /* @__PURE__ */ jsx(
         BlockDraggable,
         {
@@ -40,13 +41,9 @@ var ListViewBlockContents = forwardRef(
             {
               ref,
               className: "block-editor-list-view-block-contents",
-              block,
+              clientId,
               onClick,
               onToggleExpanded,
-              isSelected,
-              position,
-              siblingBlockCount,
-              level,
               draggable,
               onDragStart,
               onDragEnd,

package/build-module/components/list-view/block-contents.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/list-view/block-contents.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ListViewBlockSelectButton from './block-select-button';\nimport BlockDraggable from '../block-draggable';\nimport { useListViewContext } from './context';\n\nconst ListViewBlockContents = forwardRef(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\tonToggleExpanded,\n\t\t\tblock,\n\t\t\tisSelected,\n\t\t\tposition,\n\t\t\tsiblingBlockCount,\n\t\t\tlevel,\n\t\t\tisExpanded,\n\t\t\tselectedClientIds,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst { clientId } = block;\n\t\tconst { AdditionalBlockContent, insertedBlock, setInsertedBlock } =\n\t\t\tuseListViewContext();\n\n\t\t// Only include all selected blocks if the currently clicked on block\n\t\t// is one of the selected blocks. This ensures that if a user attempts\n\t\t// to drag a block that isn't part of the selection, they're still able\n\t\t// to drag it and rearrange its position.\n\t\tconst draggableClientIds = selectedClientIds.includes( clientId )\n\t\t\t? selectedClientIds\n\t\t\t: [ clientId ];\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ AdditionalBlockContent && (\n\t\t\t\t\t<AdditionalBlockContent\n\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\tinsertedBlock={ insertedBlock }\n\t\t\t\t\t\tsetInsertedBlock={ setInsertedBlock }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockDraggable\n\t\t\t\t\tappendToOwnerDocument\n\t\t\t\t\tclientIds={ draggableClientIds }\n\t\t\t\t\tcloneClassname=\"block-editor-list-view-draggable-chip\"\n\t\t\t\t>\n\t\t\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t\t\t<ListViewBlockSelectButton\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-contents\"\n\t\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\tonToggleExpanded={ onToggleExpanded }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tposition={ position }\n\t\t\t\t\t\t\tsiblingBlockCount={ siblingBlockCount }\n\t\t\t\t\t\t\tlevel={ level }\n\t\t\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\t\t\tonDragStart={ onDragStart }\n\t\t\t\t\t\t\tonDragEnd={ onDragEnd }\n\t\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default ListViewBlockContents;\n"],
-  "mappings": ";AAGA,SAAS,kBAAkB;AAK3B,OAAO,+BAA+B;AACtC,OAAO,oBAAoB;AAC3B,SAAS,0BAA0B;AA+BhC,mBAEE,KAFF;AA7BH,IAAM,wBAAwB;AAAA,EAC7B,CACC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GACA,QACI;AACJ,UAAM,EAAE,SAAS,IAAI;AACrB,UAAM,EAAE,wBAAwB,eAAe,iBAAiB,IAC/D,mBAAmB;AAMpB,UAAM,qBAAqB,kBAAkB,SAAU,QAAS,IAC7D,oBACA,CAAE,QAAS;AAEd,WACC,iCACG;AAAA,gCACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,WAAY;AAAA,UACZ,gBAAe;AAAA,UAEb,WAAE,EAAE,WAAW,aAAa,UAAU,MACvC;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACE,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MAEF;AAAA,OACD;AAAA,EAEF;AACD;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport ListViewBlockSelectButton from './block-select-button';\nimport BlockDraggable from '../block-draggable';\nimport { useInsertedBlockClientId, useListViewContext } from './context';\n\n/**\n * Renders the additional block content for the row of the block that was just\n * inserted. Reading the inserted block from its own context keeps an insert\n * from re-rendering the contents of every other row.\n *\n * @param {Object} props          Component props.\n * @param {string} props.clientId The client ID of the block for this row.\n */\nfunction InsertedBlockContent( { clientId } ) {\n\tconst { AdditionalBlockContent, setInsertedBlockClientId } =\n\t\tuseListViewContext();\n\tconst insertedBlockClientId = useInsertedBlockClientId();\n\n\tif ( ! AdditionalBlockContent || insertedBlockClientId !== clientId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<AdditionalBlockContent\n\t\t\tinsertedBlockClientId={ insertedBlockClientId }\n\t\t\tsetInsertedBlockClientId={ setInsertedBlockClientId }\n\t\t/>\n\t);\n}\n\nconst ListViewBlockContents = forwardRef(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\tonToggleExpanded,\n\t\t\tclientId,\n\t\t\tisExpanded,\n\t\t\tselectedClientIds,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\t// Only include all selected blocks if the currently clicked on block\n\t\t// is one of the selected blocks. This ensures that if a user attempts\n\t\t// to drag a block that isn't part of the selection, they're still able\n\t\t// to drag it and rearrange its position.\n\t\tconst draggableClientIds = selectedClientIds.includes( clientId )\n\t\t\t? selectedClientIds\n\t\t\t: [ clientId ];\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<InsertedBlockContent clientId={ clientId } />\n\t\t\t\t<BlockDraggable\n\t\t\t\t\tappendToOwnerDocument\n\t\t\t\t\tclientIds={ draggableClientIds }\n\t\t\t\t\tcloneClassname=\"block-editor-list-view-draggable-chip\"\n\t\t\t\t>\n\t\t\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t\t\t<ListViewBlockSelectButton\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-contents\"\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\tonToggleExpanded={ onToggleExpanded }\n\t\t\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\t\t\tonDragStart={ onDragStart }\n\t\t\t\t\t\t\tonDragEnd={ onDragEnd }\n\t\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default ListViewBlockContents;\n"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,OAAO,+BAA+B;AACtC,OAAO,oBAAoB;AAC3B,SAAS,0BAA0B,0BAA0B;AAoB3D,SA4BC,UA5BD,KA4BC,YA5BD;AAVF,SAAS,qBAAsB,EAAE,SAAS,GAAI;AAC7C,QAAM,EAAE,wBAAwB,yBAAyB,IACxD,mBAAmB;AACpB,QAAM,wBAAwB,yBAAyB;AAEvD,MAAK,CAAE,0BAA0B,0BAA0B,UAAW;AACrE,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACD;AAEF;AAEA,IAAM,wBAAwB;AAAA,EAC7B,CACC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GACA,QACI;AAKJ,UAAM,qBAAqB,kBAAkB,SAAU,QAAS,IAC7D,oBACA,CAAE,QAAS;AAEd,WACC,iCACC;AAAA,0BAAC,wBAAqB,UAAsB;AAAA,MAC5C;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,WAAY;AAAA,UACZ,gBAAe;AAAA,UAEb,WAAE,EAAE,WAAW,aAAa,UAAU,MACvC;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA,WAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACE,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MAEF;AAAA,OACD;AAAA,EAEF;AACD;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/build-module/components/list-view/block-select-button.mjs

@@ -1,26 +1,28 @@
 // packages/block-editor/src/components/list-view/block-select-button.js
 import clsx from "clsx";
-import {
-  __experimentalHStack as HStack,
-  __experimentalTruncate as Truncate,
-  privateApis as componentsPrivateApis
-} from "@wordpress/components";
+import { __experimentalTruncate as Truncate } from "@wordpress/components";
 import { forwardRef } from "@wordpress/element";
-import { Icon, lockSmall as lock, pinSmall, unseen } from "@wordpress/icons";
+import { useSelect } from "@wordpress/data";
+import { store as blocksStore } from "@wordpress/blocks";
+import {
+  Icon,
+  lockSmall as lock,
+  pinSmall,
+  symbol,
+  unseen
+} from "@wordpress/icons";
 import { SPACE, ENTER } from "@wordpress/keycodes";
-import { Tooltip } from "@wordpress/ui";
+import { Stack, Tooltip } from "@wordpress/ui";
 import BlockIcon from "../block-icon/index.mjs";
-import useBlockDisplayInformation from "../use-block-display-information/index.mjs";
 import useBlockDisplayTitle from "../block-title/use-block-display-title.mjs";
 import ListViewExpander from "./expander.mjs";
-import { useBlockLock } from "../block-lock/index.mjs";
 import useListViewImages from "./use-list-view-images.mjs";
+import { store as blockEditorStore } from "../../store/index.mjs";
 import { unlock } from "../../lock-unlock.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-var { Badge: WCBadge } = unlock(componentsPrivateApis);
 function ListViewBlockSelectButton({
   className,
-  block: { clientId },
+  clientId,
   onClick,
   onContextMenu,
   onMouseDown,
@@ -35,14 +37,42 @@ function ListViewBlockSelectButton({
   visibilityLabel,
   isDisabled = false
 }, ref) {
-  const blockInformation = useBlockDisplayInformation(clientId);
   const blockTitle = useBlockDisplayTitle({
     clientId,
     context: "list-view"
   });
-  const { isLocked } = useBlockLock(clientId);
+  const { icon, anchor, isSticky, isLocked } = useSelect(
+    (select) => {
+      const {
+        getBlockName,
+        getBlockAttributes,
+        getBlock,
+        isSectionBlock,
+        isLockedBlock
+      } = unlock(select(blockEditorStore));
+      const { getBlockType, getActiveBlockVariation } = select(blocksStore);
+      const attributes = getBlockAttributes(clientId);
+      const blockName = getBlockName(clientId);
+      let blockIcon = symbol;
+      if (!attributes?.metadata?.patternName || !isSectionBlock(clientId)) {
+        const match = getActiveBlockVariation(
+          blockName,
+          attributes,
+          void 0,
+          getBlock(clientId)?.innerContent
+        );
+        blockIcon = match?.icon || getBlockType(blockName)?.icon;
+      }
+      return {
+        icon: blockIcon,
+        anchor: attributes?.anchor,
+        isSticky: attributes?.style?.position?.type === "sticky",
+        isLocked: isLockedBlock(clientId)
+      };
+    },
+    [clientId]
+  );
   const shouldShowLockIcon = isLocked;
-  const isSticky = blockInformation?.positionType === "sticky";
   const images = useListViewImages({ clientId, isExpanded });
   const onDragStartHandler = (event) => {
     event.dataTransfer.clearData();
@@ -79,24 +109,17 @@ function ListViewBlockSelectButton({
         "aria-expanded": isExpanded,
         children: [
           /* @__PURE__ */ jsx(ListViewExpander, { onClick: onToggleExpanded }),
-          /* @__PURE__ */ jsx(
-            BlockIcon,
-            {
-              icon: blockInformation?.icon,
-              showColors: true,
-              context: "list-view"
-            }
-          ),
+          /* @__PURE__ */ jsx(BlockIcon, { icon, showColors: true, context: "list-view" }),
           /* @__PURE__ */ jsxs(
-            HStack,
+            Stack,
             {
-              alignment: "center",
+              align: "center",
               className: "block-editor-list-view-block-select-button__label-wrapper",
               justify: "flex-start",
-              spacing: 1,
+              gap: "xs",
               children: [
                 /* @__PURE__ */ jsx("span", { className: "block-editor-list-view-block-select-button__title", children: /* @__PURE__ */ jsx(Truncate, { ellipsizeMode: "auto", children: blockTitle }) }),
-                blockInformation?.anchor && /* @__PURE__ */ jsx("span", { className: "block-editor-list-view-block-select-button__anchor-wrapper", children: /* @__PURE__ */ jsx(WCBadge, { className: "block-editor-list-view-block-select-button__anchor", children: blockInformation.anchor }) }),
+                !!anchor && /* @__PURE__ */ jsx("span", { className: "block-editor-list-view-block-select-button__anchor-wrapper", children: /* @__PURE__ */ jsx("span", { className: "block-editor-list-view-block-select-button__anchor", children: anchor }) }),
                 isSticky && /* @__PURE__ */ jsx("span", { className: "block-editor-list-view-block-select-button__sticky", children: /* @__PURE__ */ jsx(Icon, { icon: pinSmall }) }),
                 images.length ? /* @__PURE__ */ jsx(
                   "span",

package/build-module/components/list-view/block-select-button.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/list-view/block-select-button.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\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { Icon, lockSmall as lock, pinSmall, unseen } from '@wordpress/icons';\nimport { SPACE, ENTER } from '@wordpress/keycodes';\n\nimport { Tooltip } from '@wordpress/ui';\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';\nimport { useBlockLock } from '../block-lock';\nimport useListViewImages from './use-list-view-images';\nimport { unlock } from '../../lock-unlock';\n\nconst { Badge: WCBadge } = unlock( componentsPrivateApis );\n\nfunction ListViewBlockSelectButton(\n\t{\n\t\tclassName,\n\t\tblock: { clientId },\n\t\tonClick,\n\t\tonContextMenu,\n\t\tonMouseDown,\n\t\tonToggleExpanded,\n\t\ttabIndex,\n\t\tonFocus,\n\t\tonDragStart,\n\t\tonDragEnd,\n\t\tdraggable,\n\t\tisExpanded,\n\t\tariaDescribedBy,\n\t\tvisibilityLabel,\n\t\tisDisabled = false,\n\t},\n\tref\n) {\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId,\n\t\tcontext: 'list-view',\n\t} );\n\tconst { isLocked } = useBlockLock( clientId );\n\n\tconst shouldShowLockIcon = isLocked;\n\tconst isSticky = blockInformation?.positionType === 'sticky';\n\tconst images = useListViewImages( { clientId, isExpanded } );\n\n\t// The `href` attribute triggers the browser's native HTML drag operations.\n\t// When the link is dragged, the element's outerHTML is set in DataTransfer object as text/html.\n\t// We need to clear any HTML drag data to prevent `pasteHandler` from firing\n\t// inside the `useOnBlockDrop` hook.\n\tconst onDragStartHandler = ( event ) => {\n\t\tevent.dataTransfer.clearData();\n\t\tonDragStart?.( event );\n\t};\n\n\t/**\n\t * @param {KeyboardEvent} event\n\t */\n\tfunction onKeyDown( event ) {\n\t\tif ( event.keyCode === ENTER || event.keyCode === SPACE ) {\n\t\t\tonClick( event );\n\t\t}\n\t}\n\n\treturn (\n\t\t// Disabled list view items intentionally omit href so TreeGrid skips them.\n\t\t// eslint-disable-next-line jsx-a11y/anchor-is-valid\n\t\t<a\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-list-view-block-select-button',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ onClick }\n\t\t\tonContextMenu={ onContextMenu }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t\tonMouseDown={ onMouseDown }\n\t\t\tref={ ref }\n\t\t\ttabIndex={ tabIndex }\n\t\t\tonFocus={ onFocus }\n\t\t\tonDragStart={ onDragStartHandler }\n\t\t\tonDragEnd={ onDragEnd }\n\t\t\tdraggable={ draggable }\n\t\t\thref={ isDisabled ? undefined : `#block-${ clientId }` }\n\t\t\taria-disabled={ isDisabled ? true : undefined }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-expanded={ isExpanded }\n\t\t>\n\t\t\t<ListViewExpander onClick={ onToggleExpanded } />\n\t\t\t<BlockIcon\n\t\t\t\ticon={ blockInformation?.icon }\n\t\t\t\tshowColors\n\t\t\t\tcontext=\"list-view\"\n\t\t\t/>\n\t\t\t<HStack\n\t\t\t\talignment=\"center\"\n\t\t\t\tclassName=\"block-editor-list-view-block-select-button__label-wrapper\"\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t\tspacing={ 1 }\n\t\t\t>\n\t\t\t\t<span className=\"block-editor-list-view-block-select-button__title\">\n\t\t\t\t\t<Truncate ellipsizeMode=\"auto\">{ blockTitle }</Truncate>\n\t\t\t\t</span>\n\t\t\t\t{ blockInformation?.anchor && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__anchor-wrapper\">\n\t\t\t\t\t\t<WCBadge className=\"block-editor-list-view-block-select-button__anchor\">\n\t\t\t\t\t\t\t{ blockInformation.anchor }\n\t\t\t\t\t\t</WCBadge>\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t{ isSticky && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__sticky\">\n\t\t\t\t\t\t<Icon icon={ pinSmall } />\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t{ images.length ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__images\"\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t{ images.map( ( image, index ) => (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__image\"\n\t\t\t\t\t\t\t\tkey={ image.clientId }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tbackgroundImage: `url(${ image.url })`,\n\t\t\t\t\t\t\t\t\tzIndex: images.length - index, // Ensure the first image is on top, and subsequent images are behind.\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</span>\n\t\t\t\t) : null }\n\t\t\t\t{ !! visibilityLabel && (\n\t\t\t\t\t// The tooltip below is a sighted-hover affordance for\n\t\t\t\t\t// the (decorative) visibility icon. The same\n\t\t\t\t\t// `visibilityLabel` is exposed to assistive technology\n\t\t\t\t\t// via the row's `aria-describedby`, which references the\n\t\t\t\t\t// hidden `AriaReferencedText` rendered by the parent\n\t\t\t\t\t// `ListViewBlock`.\n\t\t\t\t\t<Tooltip.Root>\n\t\t\t\t\t\t<Tooltip.Trigger\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__block-visibility\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon={ unseen } />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Tooltip.Popup>{ visibilityLabel }</Tooltip.Popup>\n\t\t\t\t\t</Tooltip.Root>\n\t\t\t\t) }\n\t\t\t\t{ shouldShowLockIcon && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__lock\">\n\t\t\t\t\t\t<Icon icon={ lock } />\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</a>\n\t);\n}\n\nexport default forwardRef( ListViewBlockSelectButton );\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport {\n\tIcon,\n\tlockSmall as lock,\n\tpinSmall,\n\tsymbol,\n\tunseen,\n} from '@wordpress/icons';\nimport { SPACE, ENTER } from '@wordpress/keycodes';\nimport { Stack, Tooltip } from '@wordpress/ui';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport ListViewExpander from './expander';\nimport useListViewImages from './use-list-view-images';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction ListViewBlockSelectButton(\n\t{\n\t\tclassName,\n\t\tclientId,\n\t\tonClick,\n\t\tonContextMenu,\n\t\tonMouseDown,\n\t\tonToggleExpanded,\n\t\ttabIndex,\n\t\tonFocus,\n\t\tonDragStart,\n\t\tonDragEnd,\n\t\tdraggable,\n\t\tisExpanded,\n\t\tariaDescribedBy,\n\t\tvisibilityLabel,\n\t\tisDisabled = false,\n\t},\n\tref\n) {\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId,\n\t\tcontext: 'list-view',\n\t} );\n\tconst { icon, anchor, isSticky, isLocked } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlock,\n\t\t\t\tisSectionBlock,\n\t\t\t\tisLockedBlock,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\tconst blockName = getBlockName( clientId );\n\n\t\t\t// Pattern-sourced section blocks show the pattern icon.\n\t\t\t// Everything else resolves its variation or block type icon.\n\t\t\tlet blockIcon = symbol;\n\t\t\tif (\n\t\t\t\t! attributes?.metadata?.patternName ||\n\t\t\t\t! isSectionBlock( clientId )\n\t\t\t) {\n\t\t\t\tconst match = getActiveBlockVariation(\n\t\t\t\t\tblockName,\n\t\t\t\t\tattributes,\n\t\t\t\t\tundefined,\n\t\t\t\t\tgetBlock( clientId )?.innerContent\n\t\t\t\t);\n\t\t\t\tblockIcon = match?.icon || getBlockType( blockName )?.icon;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ticon: blockIcon,\n\t\t\t\tanchor: attributes?.anchor,\n\t\t\t\tisSticky: attributes?.style?.position?.type === 'sticky',\n\t\t\t\tisLocked: isLockedBlock( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst shouldShowLockIcon = isLocked;\n\tconst images = useListViewImages( { clientId, isExpanded } );\n\n\t// The `href` attribute triggers the browser's native HTML drag operations.\n\t// When the link is dragged, the element's outerHTML is set in DataTransfer object as text/html.\n\t// We need to clear any HTML drag data to prevent `pasteHandler` from firing\n\t// inside the `useOnBlockDrop` hook.\n\tconst onDragStartHandler = ( event ) => {\n\t\tevent.dataTransfer.clearData();\n\t\tonDragStart?.( event );\n\t};\n\n\t/**\n\t * @param {KeyboardEvent} event\n\t */\n\tfunction onKeyDown( event ) {\n\t\tif ( event.keyCode === ENTER || event.keyCode === SPACE ) {\n\t\t\tonClick( event );\n\t\t}\n\t}\n\n\treturn (\n\t\t// Disabled list view items intentionally omit href so TreeGrid skips them.\n\t\t// eslint-disable-next-line jsx-a11y/anchor-is-valid\n\t\t<a\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-list-view-block-select-button',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ onClick }\n\t\t\tonContextMenu={ onContextMenu }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t\tonMouseDown={ onMouseDown }\n\t\t\tref={ ref }\n\t\t\ttabIndex={ tabIndex }\n\t\t\tonFocus={ onFocus }\n\t\t\tonDragStart={ onDragStartHandler }\n\t\t\tonDragEnd={ onDragEnd }\n\t\t\tdraggable={ draggable }\n\t\t\thref={ isDisabled ? undefined : `#block-${ clientId }` }\n\t\t\taria-disabled={ isDisabled ? true : undefined }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-expanded={ isExpanded }\n\t\t>\n\t\t\t<ListViewExpander onClick={ onToggleExpanded } />\n\t\t\t<BlockIcon icon={ icon } showColors context=\"list-view\" />\n\t\t\t<Stack\n\t\t\t\talign=\"center\"\n\t\t\t\tclassName=\"block-editor-list-view-block-select-button__label-wrapper\"\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t\tgap=\"xs\"\n\t\t\t>\n\t\t\t\t<span className=\"block-editor-list-view-block-select-button__title\">\n\t\t\t\t\t<Truncate ellipsizeMode=\"auto\">{ blockTitle }</Truncate>\n\t\t\t\t</span>\n\t\t\t\t{ !! anchor && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__anchor-wrapper\">\n\t\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__anchor\">\n\t\t\t\t\t\t\t{ anchor }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t{ isSticky && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__sticky\">\n\t\t\t\t\t\t<Icon icon={ pinSmall } />\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t{ images.length ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__images\"\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t{ images.map( ( image, index ) => (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__image\"\n\t\t\t\t\t\t\t\tkey={ image.clientId }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tbackgroundImage: `url(${ image.url })`,\n\t\t\t\t\t\t\t\t\tzIndex: images.length - index, // Ensure the first image is on top, and subsequent images are behind.\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</span>\n\t\t\t\t) : null }\n\t\t\t\t{ !! visibilityLabel && (\n\t\t\t\t\t// The tooltip below is a sighted-hover affordance for\n\t\t\t\t\t// the (decorative) visibility icon. The same\n\t\t\t\t\t// `visibilityLabel` is exposed to assistive technology\n\t\t\t\t\t// via the row's `aria-describedby`, which references the\n\t\t\t\t\t// hidden `AriaReferencedText` rendered by the parent\n\t\t\t\t\t// `ListViewBlock`.\n\t\t\t\t\t<Tooltip.Root>\n\t\t\t\t\t\t<Tooltip.Trigger\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__block-visibility\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon={ unseen } />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Tooltip.Popup>{ visibilityLabel }</Tooltip.Popup>\n\t\t\t\t\t</Tooltip.Root>\n\t\t\t\t) }\n\t\t\t\t{ shouldShowLockIcon && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__lock\">\n\t\t\t\t\t\t<Icon icon={ lock } />\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</Stack>\n\t\t</a>\n\t);\n}\n\nexport default forwardRef( ListViewBlockSelectButton );\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/components/list-view/block.mjs

@@ -1,10 +1,6 @@
 // packages/block-editor/src/components/list-view/block.js
 import clsx from "clsx";
-import {
-  hasBlockSupport,
-  switchToBlockType,
-  store as blocksStore
-} from "@wordpress/blocks";
+import { hasBlockSupport, store as blocksStore } from "@wordpress/blocks";
 import {
   __experimentalTreeGridCell as TreeGridCell,
   __experimentalTreeGridItem as TreeGridItem
@@ -38,16 +34,16 @@ import {
   focusListItem
 } from "./utils.mjs";
 import { store as blockEditorStore } from "../../store/index.mjs";
-import useBlockDisplayInformation from "../use-block-display-information/index.mjs";
-import { useBlockLock } from "../block-lock/index.mjs";
-import { useBlockRename, BlockRenameModal } from "../block-rename/index.mjs";
+import { groupBlocks } from "../../utils/group-blocks.mjs";
+import { getPositionTypeLabel } from "../use-block-display-information/index.mjs";
+import { BlockRenameModal } from "../block-rename/index.mjs";
 import AriaReferencedText from "./aria-referenced-text.mjs";
 import { unlock } from "../../lock-unlock.mjs";
 import usePasteStyles from "../use-paste-styles/index.mjs";
 import { getBlockVisibilityLabel } from "../block-visibility/index.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ListViewBlock({
-  block: { clientId },
+  clientId,
   displacement,
   isAfterDraggedBlocks,
   isDragged,
@@ -71,7 +67,6 @@ function ListViewBlock({
   const [isHovered, setIsHovered] = useState(false);
   const [settingsAnchorRect, setSettingsAnchorRect] = useState();
   const [isRenameModalOpen, setIsRenameModalOpen] = useState(false);
-  const { isLocked } = useBlockLock(clientId);
   const isFirstSelectedBlock = isSelected && selectedClientIds[0] === clientId;
   const isLastSelectedBlock = isSelected && selectedClientIds[selectedClientIds.length - 1] === clientId;
   const {
@@ -104,40 +99,48 @@ function ListViewBlock({
     isGroupable
   } = useSelect(blockEditorStore);
   const { getGroupingBlockName } = useSelect(blocksStore);
-  const blockInformation = useBlockDisplayInformation(clientId);
   const pasteStyles = usePasteStyles();
   const {
-    block,
     blockName,
+    blockVisibility,
     blockEditingMode,
     allowRightClickOverrides,
     editedSection,
     viewportSettings,
-    blockVisibilitySetting
+    blockVisibilitySetting,
+    positionLabel,
+    isSynced,
+    isLocked
   } = useSelect(
     (select) => {
       const {
-        getBlock,
         getBlockName,
+        getBlockAttributes,
         getBlockEditingMode: getBlockEditingModeForClientId,
         getSettings,
-        getEditedContentOnlySection
+        getEditedContentOnlySection,
+        isSyncedBlock,
+        isLockedBlock
       } = unlock(select(blockEditorStore));
       const settings = getSettings();
+      const attributes = getBlockAttributes(clientId);
       return {
-        block: getBlock(clientId),
         blockName: getBlockName(clientId),
+        blockVisibility: attributes?.metadata?.blockVisibility,
         blockEditingMode: getBlockEditingModeForClientId(clientId),
         allowRightClickOverrides: settings.allowRightClickOverrides,
         editedSection: getEditedContentOnlySection(),
         viewportSettings: settings.__experimentalFeatures?.viewport,
-        blockVisibilitySetting: settings.__experimentalFeatures?.blockVisibility?.allowEditing
+        blockVisibilitySetting: settings.__experimentalFeatures?.blockVisibility?.allowEditing,
+        positionLabel: getPositionTypeLabel(attributes),
+        isSynced: isSyncedBlock(clientId),
+        isLocked: isLockedBlock(clientId)
       };
     },
     [clientId]
   );
   const isDisabled = blockEditingMode === "disabled";
-  const { canRename } = useBlockRename(blockName);
+  const canRename = !!blockName && hasBlockSupport(blockName, "renaming", true);
   const showBlockActions = (
     // When a block hides its toolbar it also hides the block settings menu,
     // since that menu is part of the toolbar in the editor canvas.
@@ -147,13 +150,10 @@ function ListViewBlock({
   const instanceId = useInstanceId(ListViewBlock);
   const descriptionId = `list-view-block-select-button__description-${instanceId}`;
   const {
-    expand,
-    collapse,
-    collapseAll,
     BlockSettingsMenu,
     listViewInstanceId,
-    expandedState,
-    setInsertedBlock,
+    updateExpansion,
+    setInsertedBlockClientId,
     treeGridElementRef,
     rootClientId
   } = useListViewContext();
@@ -271,18 +271,14 @@ function ListViewBlock({
       event.preventDefault();
       const { firstBlockClientId } = getBlocksToUpdate();
       const blockParents = getBlockParents(firstBlockClientId, false);
-      collapseAll();
-      expand(blockParents);
+      updateExpansion({ type: "replace", clientIds: blockParents });
     } else if (isMatch("core/block-editor/group", event)) {
       const { blocksToUpdate } = getBlocksToUpdate();
       if (blocksToUpdate.length > 1 && isGroupable(blocksToUpdate)) {
         event.preventDefault();
         const blocks = getBlocksByClientId(blocksToUpdate);
         const groupingBlockName = getGroupingBlockName();
-        const newBlocks = switchToBlockType(
-          blocks,
-          groupingBlockName
-        );
+        const newBlocks = groupBlocks(blocks, groupingBlockName);
         replaceBlocks(blocksToUpdate, newBlocks);
         speak(__("Selected blocks are grouped."));
         const newlySelectedBlocks = getSelectedBlockClientIds();
@@ -345,13 +341,15 @@ function ListViewBlock({
     (event) => {
       event.preventDefault();
       event.stopPropagation();
-      if (isExpanded === true) {
-        collapse(clientId);
-      } else if (isExpanded === false) {
-        expand(clientId);
+      if (isExpanded === void 0) {
+        return;
       }
+      updateExpansion({
+        type: isExpanded ? "collapse" : "expand",
+        clientIds: [clientId]
+      });
     },
-    [clientId, expand, collapse, isExpanded]
+    [clientId, updateExpansion, isExpanded]
   );
   const onContextMenu = useCallback(
     (event) => {
@@ -397,7 +395,7 @@ function ListViewBlock({
     rowItemRef: rowRef,
     selectedClientIds
   });
-  if (!block) {
+  if (!blockName) {
     return null;
   }
   const blockPositionDescription = getBlockPositionDescription(
@@ -406,11 +404,11 @@ function ListViewBlock({
     level
   );
   const blockPropertiesDescription = getBlockPropertiesDescription(
-    blockInformation,
+    positionLabel,
     isLocked
   );
   const blockVisibilityDescription = getBlockVisibilityLabel(
-    block?.attributes?.metadata?.blockVisibility,
+    blockVisibility,
     viewportSettings
   );
   const hasSiblings = siblingBlockCount > 0;
@@ -438,7 +436,7 @@ function ListViewBlock({
     "is-synced-branch": isSyncedBranch,
     "is-dragging": isDragged,
     "has-single-cell": !showBlockActions,
-    "is-synced": blockInformation?.isSynced,
+    "is-synced": isSynced,
     "is-draggable": canMoveBlock && !isDisabled,
     "is-displacement-normal": displacement === "normal",
     "is-displacement-up": displacement === "up",
@@ -487,15 +485,11 @@ function ListViewBlock({
               /* @__PURE__ */ jsx(
                 ListViewBlockContents,
                 {
-                  block,
+                  clientId,
                   onClick: selectEditorBlock,
                   onContextMenu: isDisabled ? void 0 : onContextMenu,
                   onMouseDown,
                   onToggleExpanded: isDisabled ? void 0 : toggleExpanded,
-                  isSelected,
-                  position,
-                  siblingBlockCount,
-                  level,
                   ref,
                   tabIndex: getListViewBlockTabIndex(tabIndex),
                   onFocus,
@@ -552,8 +546,8 @@ function ListViewBlock({
             children: ({ ref, tabIndex, onFocus }) => /* @__PURE__ */ jsx(
               BlockSettingsMenu,
               {
+                clientId,
                 clientIds: dropdownClientIds,
-                block,
                 icon: moreVertical,
                 label: __("Options"),
                 popoverProps: {
@@ -569,9 +563,8 @@ function ListViewBlock({
                   size: "small"
                 },
                 disableOpenOnArrowDown: true,
-                expand,
-                expandedState,
-                setInsertedBlock,
+                updateExpansion,
+                setInsertedBlockClientId,
                 __experimentalSelectBlock: updateFocusAndSelection,
                 isContentOnlyListView: !!rootClientId && getBlockEditingMode(rootClientId) === "contentOnly"
               }