@wordpress/block-editor 12.25.0 → 13.0.0

package/build-module/components/list-view/appender.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -16,6 +15,8 @@ import useBlockDisplayTitle from '../block-title/use-block-display-title';
 import { useListViewContext } from './context';
 import Inserter from '../inserter';
 import AriaReferencedText from './aria-referenced-text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const Appender = forwardRef(({
   nestingLevel,
   blockCount,
@@ -56,27 +57,29 @@ export const Appender = forwardRef(({
   const descriptionId = `list-view-appender__${instanceId}`;
   const description = sprintf( /* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */
   __('Append to %1$s block at position %2$d, Level %3$d'), blockTitle, blockCount + 1, nestingLevel);
-  return createElement("div", {
-    className: "list-view-appender"
-  }, createElement(Inserter, {
-    ref: ref,
-    rootClientId: clientId,
-    position: "bottom right",
-    isAppender: true,
-    selectBlockOnInsert: false,
-    shouldDirectInsert: false,
-    __experimentalIsQuick: true,
-    ...props,
-    toggleProps: {
-      'aria-describedby': descriptionId
-    },
-    onSelectOrClose: maybeInsertedBlock => {
-      if (maybeInsertedBlock?.clientId) {
-        setInsertedBlock(maybeInsertedBlock);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "list-view-appender",
+    children: [/*#__PURE__*/_jsx(Inserter, {
+      ref: ref,
+      rootClientId: clientId,
+      position: "bottom right",
+      isAppender: true,
+      selectBlockOnInsert: false,
+      shouldDirectInsert: false,
+      __experimentalIsQuick: true,
+      ...props,
+      toggleProps: {
+        'aria-describedby': descriptionId
+      },
+      onSelectOrClose: maybeInsertedBlock => {
+        if (maybeInsertedBlock?.clientId) {
+          setInsertedBlock(maybeInsertedBlock);
+        }
       }
-    }
-  }), createElement(AriaReferencedText, {
-    id: descriptionId
-  }, description));
+    }), /*#__PURE__*/_jsx(AriaReferencedText, {
+      id: descriptionId,
+      children: description
+    })]
+  });
 });
 //# sourceMappingURL=appender.js.map

package/build-module/components/list-view/appender.js.map

@@ -1 +1 @@
-{"version":3,"names":["useInstanceId","speak","useSelect","forwardRef","useEffect","__","sprintf","store","blockEditorStore","useBlockDisplayTitle","useListViewContext","Inserter","AriaReferencedText","Appender","nestingLevel","blockCount","clientId","props","ref","insertedBlock","setInsertedBlock","instanceId","hideInserter","select","getTemplateLock","__unstableGetEditorMode","blockTitle","context","insertedBlockTitle","length","descriptionId","description","createElement","className","rootClientId","position","isAppender","selectBlockOnInsert","shouldDirectInsert","__experimentalIsQuick","toggleProps","onSelectOrClose","maybeInsertedBlock","id"],"sources":["@wordpress/block-editor/src/components/list-view/appender.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport { useListViewContext } from './context';\nimport Inserter from '../inserter';\nimport AriaReferencedText from './aria-referenced-text';\n\nexport const Appender = forwardRef(\n\t( { nestingLevel, blockCount, clientId, ...props }, ref ) => {\n\t\tconst { insertedBlock, setInsertedBlock } = useListViewContext();\n\n\t\tconst instanceId = useInstanceId( Appender );\n\t\tconst hideInserter = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getTemplateLock, __unstableGetEditorMode } =\n\t\t\t\t\tselect( blockEditorStore );\n\n\t\t\t\treturn (\n\t\t\t\t\t!! getTemplateLock( clientId ) ||\n\t\t\t\t\t__unstableGetEditorMode() === 'zoom-out'\n\t\t\t\t);\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\t\tconst blockTitle = useBlockDisplayTitle( {\n\t\t\tclientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tconst insertedBlockTitle = useBlockDisplayTitle( {\n\t\t\tclientId: insertedBlock?.clientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tuseEffect( () => {\n\t\t\tif ( ! insertedBlockTitle?.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tspeak(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)\n\t\t\t\t\t__( '%s block inserted' ),\n\t\t\t\t\tinsertedBlockTitle\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t}, [ insertedBlockTitle ] );\n\n\t\tif ( hideInserter ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst descriptionId = `list-view-appender__${ instanceId }`;\n\t\tconst description = sprintf(\n\t\t\t/* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */\n\t\t\t__( 'Append to %1$s block at position %2$d, Level %3$d' ),\n\t\t\tblockTitle,\n\t\t\tblockCount + 1,\n\t\t\tnestingLevel\n\t\t);\n\n\t\treturn (\n\t\t\t<div className=\"list-view-appender\">\n\t\t\t\t<Inserter\n\t\t\t\t\tref={ ref }\n\t\t\t\t\trootClientId={ clientId }\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t\tisAppender\n\t\t\t\t\tselectBlockOnInsert={ false }\n\t\t\t\t\tshouldDirectInsert={ false }\n\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t{ ...props }\n\t\t\t\t\ttoggleProps={ { 'aria-describedby': descriptionId } }\n\t\t\t\t\tonSelectOrClose={ ( maybeInsertedBlock ) => {\n\t\t\t\t\t\tif ( maybeInsertedBlock?.clientId ) {\n\t\t\t\t\t\t\tsetInsertedBlock( maybeInsertedBlock );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<AriaReferencedText id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</AriaReferencedText>\n\t\t\t</div>\n\t\t);\n\t}\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,EAAEC,SAAS,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,oBAAoB,MAAM,wCAAwC;AACzE,SAASC,kBAAkB,QAAQ,WAAW;AAC9C,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,kBAAkB,MAAM,wBAAwB;AAEvD,OAAO,MAAMC,QAAQ,GAAGV,UAAU,CACjC,CAAE;EAAEW,YAAY;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EAC5D,MAAM;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAAGV,kBAAkB,CAAC,CAAC;EAEhE,MAAMW,UAAU,GAAGrB,aAAa,CAAEa,QAAS,CAAC;EAC5C,MAAMS,YAAY,GAAGpB,SAAS,CAC3BqB,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAwB,CAAC,GACjDF,MAAM,CAAEf,gBAAiB,CAAC;IAE3B,OACC,CAAC,CAAEgB,eAAe,CAAER,QAAS,CAAC,IAC9BS,uBAAuB,CAAC,CAAC,KAAK,UAAU;EAE1C,CAAC,EACD,CAAET,QAAQ,CACX,CAAC;EAED,MAAMU,UAAU,GAAGjB,oBAAoB,CAAE;IACxCO,QAAQ;IACRW,OAAO,EAAE;EACV,CAAE,CAAC;EAEH,MAAMC,kBAAkB,GAAGnB,oBAAoB,CAAE;IAChDO,QAAQ,EAAEG,aAAa,EAAEH,QAAQ;IACjCW,OAAO,EAAE;EACV,CAAE,CAAC;EAEHvB,SAAS,CAAE,MAAM;IAChB,IAAK,CAAEwB,kBAAkB,EAAEC,MAAM,EAAG;MACnC;IACD;IAEA5B,KAAK,CACJK,OAAO;IACN;IACAD,EAAE,CAAE,mBAAoB,CAAC,EACzBuB,kBACD,CAAC,EACD,WACD,CAAC;EACF,CAAC,EAAE,CAAEA,kBAAkB,CAAG,CAAC;EAE3B,IAAKN,YAAY,EAAG;IACnB,OAAO,IAAI;EACZ;EAEA,MAAMQ,aAAa,GAAI,uBAAuBT,UAAY,EAAC;EAC3D,MAAMU,WAAW,GAAGzB,OAAO,EAC1B;EACAD,EAAE,CAAE,mDAAoD,CAAC,EACzDqB,UAAU,EACVX,UAAU,GAAG,CAAC,EACdD,YACD,CAAC;EAED,OACCkB,aAAA;IAAKC,SAAS,EAAC;EAAoB,GAClCD,aAAA,CAACrB,QAAQ;IACRO,GAAG,EAAGA,GAAK;IACXgB,YAAY,EAAGlB,QAAU;IACzBmB,QAAQ,EAAC,cAAc;IACvBC,UAAU;IACVC,mBAAmB,EAAG,KAAO;IAC7BC,kBAAkB,EAAG,KAAO;IAC5BC,qBAAqB;IAAA,GAChBtB,KAAK;IACVuB,WAAW,EAAG;MAAE,kBAAkB,EAAEV;IAAc,CAAG;IACrDW,eAAe,EAAKC,kBAAkB,IAAM;MAC3C,IAAKA,kBAAkB,EAAE1B,QAAQ,EAAG;QACnCI,gBAAgB,CAAEsB,kBAAmB,CAAC;MACvC;IACD;EAAG,CACH,CAAC,EACFV,aAAA,CAACpB,kBAAkB;IAAC+B,EAAE,EAAGb;EAAe,GACrCC,WACiB,CAChB,CAAC;AAER,CACD,CAAC","ignoreList":[]}
+{"version":3,"names":["useInstanceId","speak","useSelect","forwardRef","useEffect","__","sprintf","store","blockEditorStore","useBlockDisplayTitle","useListViewContext","Inserter","AriaReferencedText","jsx","_jsx","jsxs","_jsxs","Appender","nestingLevel","blockCount","clientId","props","ref","insertedBlock","setInsertedBlock","instanceId","hideInserter","select","getTemplateLock","__unstableGetEditorMode","blockTitle","context","insertedBlockTitle","length","descriptionId","description","className","children","rootClientId","position","isAppender","selectBlockOnInsert","shouldDirectInsert","__experimentalIsQuick","toggleProps","onSelectOrClose","maybeInsertedBlock","id"],"sources":["@wordpress/block-editor/src/components/list-view/appender.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport { useListViewContext } from './context';\nimport Inserter from '../inserter';\nimport AriaReferencedText from './aria-referenced-text';\n\nexport const Appender = forwardRef(\n\t( { nestingLevel, blockCount, clientId, ...props }, ref ) => {\n\t\tconst { insertedBlock, setInsertedBlock } = useListViewContext();\n\n\t\tconst instanceId = useInstanceId( Appender );\n\t\tconst hideInserter = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getTemplateLock, __unstableGetEditorMode } =\n\t\t\t\t\tselect( blockEditorStore );\n\n\t\t\t\treturn (\n\t\t\t\t\t!! getTemplateLock( clientId ) ||\n\t\t\t\t\t__unstableGetEditorMode() === 'zoom-out'\n\t\t\t\t);\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\t\tconst blockTitle = useBlockDisplayTitle( {\n\t\t\tclientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tconst insertedBlockTitle = useBlockDisplayTitle( {\n\t\t\tclientId: insertedBlock?.clientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tuseEffect( () => {\n\t\t\tif ( ! insertedBlockTitle?.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tspeak(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)\n\t\t\t\t\t__( '%s block inserted' ),\n\t\t\t\t\tinsertedBlockTitle\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t}, [ insertedBlockTitle ] );\n\n\t\tif ( hideInserter ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst descriptionId = `list-view-appender__${ instanceId }`;\n\t\tconst description = sprintf(\n\t\t\t/* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */\n\t\t\t__( 'Append to %1$s block at position %2$d, Level %3$d' ),\n\t\t\tblockTitle,\n\t\t\tblockCount + 1,\n\t\t\tnestingLevel\n\t\t);\n\n\t\treturn (\n\t\t\t<div className=\"list-view-appender\">\n\t\t\t\t<Inserter\n\t\t\t\t\tref={ ref }\n\t\t\t\t\trootClientId={ clientId }\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t\tisAppender\n\t\t\t\t\tselectBlockOnInsert={ false }\n\t\t\t\t\tshouldDirectInsert={ false }\n\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t{ ...props }\n\t\t\t\t\ttoggleProps={ { 'aria-describedby': descriptionId } }\n\t\t\t\t\tonSelectOrClose={ ( maybeInsertedBlock ) => {\n\t\t\t\t\t\tif ( maybeInsertedBlock?.clientId ) {\n\t\t\t\t\t\t\tsetInsertedBlock( maybeInsertedBlock );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<AriaReferencedText id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</AriaReferencedText>\n\t\t\t</div>\n\t\t);\n\t}\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,EAAEC,SAAS,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,oBAAoB,MAAM,wCAAwC;AACzE,SAASC,kBAAkB,QAAQ,WAAW;AAC9C,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,kBAAkB,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,OAAO,MAAMC,QAAQ,GAAGd,UAAU,CACjC,CAAE;EAAEe,YAAY;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EAC5D,MAAM;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAAGd,kBAAkB,CAAC,CAAC;EAEhE,MAAMe,UAAU,GAAGzB,aAAa,CAAEiB,QAAS,CAAC;EAC5C,MAAMS,YAAY,GAAGxB,SAAS,CAC3ByB,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAwB,CAAC,GACjDF,MAAM,CAAEnB,gBAAiB,CAAC;IAE3B,OACC,CAAC,CAAEoB,eAAe,CAAER,QAAS,CAAC,IAC9BS,uBAAuB,CAAC,CAAC,KAAK,UAAU;EAE1C,CAAC,EACD,CAAET,QAAQ,CACX,CAAC;EAED,MAAMU,UAAU,GAAGrB,oBAAoB,CAAE;IACxCW,QAAQ;IACRW,OAAO,EAAE;EACV,CAAE,CAAC;EAEH,MAAMC,kBAAkB,GAAGvB,oBAAoB,CAAE;IAChDW,QAAQ,EAAEG,aAAa,EAAEH,QAAQ;IACjCW,OAAO,EAAE;EACV,CAAE,CAAC;EAEH3B,SAAS,CAAE,MAAM;IAChB,IAAK,CAAE4B,kBAAkB,EAAEC,MAAM,EAAG;MACnC;IACD;IAEAhC,KAAK,CACJK,OAAO;IACN;IACAD,EAAE,CAAE,mBAAoB,CAAC,EACzB2B,kBACD,CAAC,EACD,WACD,CAAC;EACF,CAAC,EAAE,CAAEA,kBAAkB,CAAG,CAAC;EAE3B,IAAKN,YAAY,EAAG;IACnB,OAAO,IAAI;EACZ;EAEA,MAAMQ,aAAa,GAAI,uBAAuBT,UAAY,EAAC;EAC3D,MAAMU,WAAW,GAAG7B,OAAO,EAC1B;EACAD,EAAE,CAAE,mDAAoD,CAAC,EACzDyB,UAAU,EACVX,UAAU,GAAG,CAAC,EACdD,YACD,CAAC;EAED,oBACCF,KAAA;IAAKoB,SAAS,EAAC,oBAAoB;IAAAC,QAAA,gBAClCvB,IAAA,CAACH,QAAQ;MACRW,GAAG,EAAGA,GAAK;MACXgB,YAAY,EAAGlB,QAAU;MACzBmB,QAAQ,EAAC,cAAc;MACvBC,UAAU;MACVC,mBAAmB,EAAG,KAAO;MAC7BC,kBAAkB,EAAG,KAAO;MAC5BC,qBAAqB;MAAA,GAChBtB,KAAK;MACVuB,WAAW,EAAG;QAAE,kBAAkB,EAAEV;MAAc,CAAG;MACrDW,eAAe,EAAKC,kBAAkB,IAAM;QAC3C,IAAKA,kBAAkB,EAAE1B,QAAQ,EAAG;UACnCI,gBAAgB,CAAEsB,kBAAmB,CAAC;QACvC;MACD;IAAG,CACH,CAAC,eACFhC,IAAA,CAACF,kBAAkB;MAACmC,EAAE,EAAGb,aAAe;MAAAG,QAAA,EACrCF;IAAW,CACM,CAAC;EAAA,CACjB,CAAC;AAER,CACD,CAAC","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,6 +10,7 @@ import { useRef, useEffect } from '@wordpress/element';
  * @param {Object}                    props          Props.
  * @param {import('react').ReactNode} props.children
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function AriaReferencedText({
   children,
   ...props
@@ -24,10 +24,11 @@ export default function AriaReferencedText({
       ref.current.textContent = ref.current.textContent;
     }
   }, [children]);
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     hidden: true,
     ...props,
-    ref: ref
-  }, children);
+    ref: ref,
+    children: children
+  });
 }
 //# sourceMappingURL=aria-referenced-text.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","AriaReferencedText","children","props","ref","current","textContent","createElement","hidden"],"sources":["@wordpress/block-editor/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 {import('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":";AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,kBAAkBA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EACpE,MAAMC,GAAG,GAAGL,MAAM,CAAC,CAAC;EAEpBC,SAAS,CAAE,MAAM;IAChB,IAAKI,GAAG,CAACC,OAAO,EAAG;MAClB;MACA;MACA;MACAD,GAAG,CAACC,OAAO,CAACC,WAAW,GAAGF,GAAG,CAACC,OAAO,CAACC,WAAW;IAClD;EACD,CAAC,EAAE,CAAEJ,QAAQ,CAAG,CAAC;EAEjB,OACCK,aAAA;IAAKC,MAAM;IAAA,GAAML,KAAK;IAAGC,GAAG,EAAGA;EAAK,GACjCF,QACE,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["useRef","useEffect","jsx","_jsx","AriaReferencedText","children","props","ref","current","textContent","hidden"],"sources":["@wordpress/block-editor/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 {import('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":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,eAAe,SAASC,kBAAkBA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EACpE,MAAMC,GAAG,GAAGP,MAAM,CAAC,CAAC;EAEpBC,SAAS,CAAE,MAAM;IAChB,IAAKM,GAAG,CAACC,OAAO,EAAG;MAClB;MACA;MACA;MACAD,GAAG,CAACC,OAAO,CAACC,WAAW,GAAGF,GAAG,CAACC,OAAO,CAACC,WAAW;IAClD;EACD,CAAC,EAAE,CAAEJ,QAAQ,CAAG,CAAC;EAEjB,oBACCF,IAAA;IAAKO,MAAM;IAAA,GAAMJ,KAAK;IAAGC,GAAG,EAAGA,GAAK;IAAAF,QAAA,EACjCA;EAAQ,CACN,CAAC;AAER","ignoreList":[]}

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

@@ -1,8 +1,7 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -17,6 +16,9 @@ import ListViewBlockSelectButton from './block-select-button';
 import BlockDraggable from '../block-draggable';
 import { store as blockEditorStore } from '../../store';
 import { useListViewContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ListViewBlockContents = forwardRef(({
   onClick,
   onToggleExpanded,
@@ -51,7 +53,7 @@ const ListViewBlockContents = forwardRef(({
     setInsertedBlock
   } = useListViewContext();
   const isBlockMoveTarget = blockMovingClientId && selectedBlockInBlockEditor === clientId;
-  const className = classnames('block-editor-list-view-block-contents', {
+  const className = clsx('block-editor-list-view-block-contents', {
     'is-dropping-before': isBlockMoveTarget
   });
 
@@ -60,34 +62,37 @@ const ListViewBlockContents = forwardRef(({
   // to drag a block that isn't part of the selection, they're still able
   // to drag it and rearrange its position.
   const draggableClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId];
-  return createElement(Fragment, null, AdditionalBlockContent && createElement(AdditionalBlockContent, {
-    block: block,
-    insertedBlock: insertedBlock,
-    setInsertedBlock: setInsertedBlock
-  }), createElement(BlockDraggable, {
-    appendToOwnerDocument: true,
-    clientIds: draggableClientIds,
-    cloneClassname: 'block-editor-list-view-draggable-chip'
-  }, ({
-    draggable,
-    onDragStart,
-    onDragEnd
-  }) => createElement(ListViewBlockSelectButton, {
-    ref: ref,
-    className: className,
-    block: block,
-    onClick: onClick,
-    onToggleExpanded: onToggleExpanded,
-    isSelected: isSelected,
-    position: position,
-    siblingBlockCount: siblingBlockCount,
-    level: level,
-    draggable: draggable,
-    onDragStart: onDragStart,
-    onDragEnd: onDragEnd,
-    isExpanded: isExpanded,
-    ...props
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [AdditionalBlockContent && /*#__PURE__*/_jsx(AdditionalBlockContent, {
+      block: block,
+      insertedBlock: insertedBlock,
+      setInsertedBlock: setInsertedBlock
+    }), /*#__PURE__*/_jsx(BlockDraggable, {
+      appendToOwnerDocument: true,
+      clientIds: draggableClientIds,
+      cloneClassname: "block-editor-list-view-draggable-chip",
+      children: ({
+        draggable,
+        onDragStart,
+        onDragEnd
+      }) => /*#__PURE__*/_jsx(ListViewBlockSelectButton, {
+        ref: ref,
+        className: className,
+        block: block,
+        onClick: onClick,
+        onToggleExpanded: onToggleExpanded,
+        isSelected: isSelected,
+        position: position,
+        siblingBlockCount: siblingBlockCount,
+        level: level,
+        draggable: draggable,
+        onDragStart: onDragStart,
+        onDragEnd: onDragEnd,
+        isExpanded: isExpanded,
+        ...props
+      })
+    })]
+  });
 });
 export default ListViewBlockContents;
 //# sourceMappingURL=block-contents.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useSelect","forwardRef","ListViewBlockSelectButton","BlockDraggable","store","blockEditorStore","useListViewContext","ListViewBlockContents","onClick","onToggleExpanded","block","isSelected","position","siblingBlockCount","level","isExpanded","selectedClientIds","props","ref","clientId","blockMovingClientId","selectedBlockInBlockEditor","select","hasBlockMovingClientId","getSelectedBlockClientId","AdditionalBlockContent","insertedBlock","setInsertedBlock","isBlockMoveTarget","className","draggableClientIds","includes","createElement","Fragment","appendToOwnerDocument","clientIds","cloneClassname","draggable","onDragStart","onDragEnd"],"sources":["@wordpress/block-editor/src/components/list-view/block-contents.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ListViewBlockSelectButton from './block-select-button';\nimport BlockDraggable from '../block-draggable';\nimport { store as blockEditorStore } from '../../store';\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\n\t\tconst { blockMovingClientId, selectedBlockInBlockEditor } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { hasBlockMovingClientId, getSelectedBlockClientId } =\n\t\t\t\t\tselect( blockEditorStore );\n\t\t\t\treturn {\n\t\t\t\t\tblockMovingClientId: hasBlockMovingClientId(),\n\t\t\t\t\tselectedBlockInBlockEditor: getSelectedBlockClientId(),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[]\n\t\t);\n\n\t\tconst { AdditionalBlockContent, insertedBlock, setInsertedBlock } =\n\t\t\tuseListViewContext();\n\n\t\tconst isBlockMoveTarget =\n\t\t\tblockMovingClientId && selectedBlockInBlockEditor === clientId;\n\n\t\tconst className = classnames( 'block-editor-list-view-block-contents', {\n\t\t\t'is-dropping-before': isBlockMoveTarget,\n\t\t} );\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={ className }\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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,yBAAyB,MAAM,uBAAuB;AAC7D,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,MAAMC,qBAAqB,GAAGN,UAAU,CACvC,CACC;EACCO,OAAO;EACPC,gBAAgB;EAChBC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,iBAAiB;EACjBC,KAAK;EACLC,UAAU;EACVC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EACDC,GAAG,KACC;EACJ,MAAM;IAAEC;EAAS,CAAC,GAAGT,KAAK;EAE1B,MAAM;IAAEU,mBAAmB;IAAEC;EAA2B,CAAC,GAAGrB,SAAS,CAClEsB,MAAM,IAAM;IACb,MAAM;MAAEC,sBAAsB;MAAEC;IAAyB,CAAC,GACzDF,MAAM,CAAEjB,gBAAiB,CAAC;IAC3B,OAAO;MACNe,mBAAmB,EAAEG,sBAAsB,CAAC,CAAC;MAC7CF,0BAA0B,EAAEG,wBAAwB,CAAC;IACtD,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAM;IAAEC,sBAAsB;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAChErB,kBAAkB,CAAC,CAAC;EAErB,MAAMsB,iBAAiB,GACtBR,mBAAmB,IAAIC,0BAA0B,KAAKF,QAAQ;EAE/D,MAAMU,SAAS,GAAG9B,UAAU,CAAE,uCAAuC,EAAE;IACtE,oBAAoB,EAAE6B;EACvB,CAAE,CAAC;;EAEH;EACA;EACA;EACA;EACA,MAAME,kBAAkB,GAAGd,iBAAiB,CAACe,QAAQ,CAAEZ,QAAS,CAAC,GAC9DH,iBAAiB,GACjB,CAAEG,QAAQ,CAAE;EAEf,OACCa,aAAA,CAAAC,QAAA,QACGR,sBAAsB,IACvBO,aAAA,CAACP,sBAAsB;IACtBf,KAAK,EAAGA,KAAO;IACfgB,aAAa,EAAGA,aAAe;IAC/BC,gBAAgB,EAAGA;EAAkB,CACrC,CACD,EACDK,aAAA,CAAC7B,cAAc;IACd+B,qBAAqB;IACrBC,SAAS,EAAGL,kBAAoB;IAChCM,cAAc,EAAG;EAAyC,GAExD,CAAE;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAU,CAAC,KACxCP,aAAA,CAAC9B,yBAAyB;IACzBgB,GAAG,EAAGA,GAAK;IACXW,SAAS,EAAGA,SAAW;IACvBnB,KAAK,EAAGA,KAAO;IACfF,OAAO,EAAGA,OAAS;IACnBC,gBAAgB,EAAGA,gBAAkB;IACrCE,UAAU,EAAGA,UAAY;IACzBC,QAAQ,EAAGA,QAAU;IACrBC,iBAAiB,EAAGA,iBAAmB;IACvCC,KAAK,EAAGA,KAAO;IACfuB,SAAS,EAAGA,SAAW;IACvBC,WAAW,EAAGA,WAAa;IAC3BC,SAAS,EAAGA,SAAW;IACvBxB,UAAU,EAAGA,UAAY;IAAA,GACpBE;EAAK,CACV,CAEa,CACf,CAAC;AAEL,CACD,CAAC;AAED,eAAeV,qBAAqB","ignoreList":[]}
+{"version":3,"names":["clsx","useSelect","forwardRef","ListViewBlockSelectButton","BlockDraggable","store","blockEditorStore","useListViewContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ListViewBlockContents","onClick","onToggleExpanded","block","isSelected","position","siblingBlockCount","level","isExpanded","selectedClientIds","props","ref","clientId","blockMovingClientId","selectedBlockInBlockEditor","select","hasBlockMovingClientId","getSelectedBlockClientId","AdditionalBlockContent","insertedBlock","setInsertedBlock","isBlockMoveTarget","className","draggableClientIds","includes","children","appendToOwnerDocument","clientIds","cloneClassname","draggable","onDragStart","onDragEnd"],"sources":["@wordpress/block-editor/src/components/list-view/block-contents.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ListViewBlockSelectButton from './block-select-button';\nimport BlockDraggable from '../block-draggable';\nimport { store as blockEditorStore } from '../../store';\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\n\t\tconst { blockMovingClientId, selectedBlockInBlockEditor } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { hasBlockMovingClientId, getSelectedBlockClientId } =\n\t\t\t\t\tselect( blockEditorStore );\n\t\t\t\treturn {\n\t\t\t\t\tblockMovingClientId: hasBlockMovingClientId(),\n\t\t\t\t\tselectedBlockInBlockEditor: getSelectedBlockClientId(),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[]\n\t\t);\n\n\t\tconst { AdditionalBlockContent, insertedBlock, setInsertedBlock } =\n\t\t\tuseListViewContext();\n\n\t\tconst isBlockMoveTarget =\n\t\t\tblockMovingClientId && selectedBlockInBlockEditor === clientId;\n\n\t\tconst className = clsx( 'block-editor-list-view-block-contents', {\n\t\t\t'is-dropping-before': isBlockMoveTarget,\n\t\t} );\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={ className }\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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,yBAAyB,MAAM,uBAAuB;AAC7D,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/C,MAAMC,qBAAqB,GAAGZ,UAAU,CACvC,CACC;EACCa,OAAO;EACPC,gBAAgB;EAChBC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,iBAAiB;EACjBC,KAAK;EACLC,UAAU;EACVC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EACDC,GAAG,KACC;EACJ,MAAM;IAAEC;EAAS,CAAC,GAAGT,KAAK;EAE1B,MAAM;IAAEU,mBAAmB;IAAEC;EAA2B,CAAC,GAAG3B,SAAS,CAClE4B,MAAM,IAAM;IACb,MAAM;MAAEC,sBAAsB;MAAEC;IAAyB,CAAC,GACzDF,MAAM,CAAEvB,gBAAiB,CAAC;IAC3B,OAAO;MACNqB,mBAAmB,EAAEG,sBAAsB,CAAC,CAAC;MAC7CF,0BAA0B,EAAEG,wBAAwB,CAAC;IACtD,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAM;IAAEC,sBAAsB;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAChE3B,kBAAkB,CAAC,CAAC;EAErB,MAAM4B,iBAAiB,GACtBR,mBAAmB,IAAIC,0BAA0B,KAAKF,QAAQ;EAE/D,MAAMU,SAAS,GAAGpC,IAAI,CAAE,uCAAuC,EAAE;IAChE,oBAAoB,EAAEmC;EACvB,CAAE,CAAC;;EAEH;EACA;EACA;EACA;EACA,MAAME,kBAAkB,GAAGd,iBAAiB,CAACe,QAAQ,CAAEZ,QAAS,CAAC,GAC9DH,iBAAiB,GACjB,CAAEG,QAAQ,CAAE;EAEf,oBACCb,KAAA,CAAAF,SAAA;IAAA4B,QAAA,GACGP,sBAAsB,iBACvBvB,IAAA,CAACuB,sBAAsB;MACtBf,KAAK,EAAGA,KAAO;MACfgB,aAAa,EAAGA,aAAe;MAC/BC,gBAAgB,EAAGA;IAAkB,CACrC,CACD,eACDzB,IAAA,CAACL,cAAc;MACdoC,qBAAqB;MACrBC,SAAS,EAAGJ,kBAAoB;MAChCK,cAAc,EAAC,uCAAuC;MAAAH,QAAA,EAEpDA,CAAE;QAAEI,SAAS;QAAEC,WAAW;QAAEC;MAAU,CAAC,kBACxCpC,IAAA,CAACN,yBAAyB;QACzBsB,GAAG,EAAGA,GAAK;QACXW,SAAS,EAAGA,SAAW;QACvBnB,KAAK,EAAGA,KAAO;QACfF,OAAO,EAAGA,OAAS;QACnBC,gBAAgB,EAAGA,gBAAkB;QACrCE,UAAU,EAAGA,UAAY;QACzBC,QAAQ,EAAGA,QAAU;QACrBC,iBAAiB,EAAGA,iBAAmB;QACvCC,KAAK,EAAGA,KAAO;QACfsB,SAAS,EAAGA,SAAW;QACvBC,WAAW,EAAGA,WAAa;QAC3BC,SAAS,EAAGA,SAAW;QACvBvB,UAAU,EAAGA,UAAY;QAAA,GACpBE;MAAK,CACV;IACD,CACc,CAAC;EAAA,CAChB,CAAC;AAEL,CACD,CAAC;AAED,eAAeV,qBAAqB","ignoreList":[]}

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

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -12,6 +11,7 @@ import { forwardRef } from '@wordpress/element';
 import { Icon, lockSmall as lock, pinSmall } from '@wordpress/icons';
 import { SPACE, ENTER } from '@wordpress/keycodes';
 import { __, sprintf } from '@wordpress/i18n';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -22,6 +22,9 @@ import useBlockDisplayTitle from '../block-title/use-block-display-title';
 import ListViewExpander from './expander';
 import { useBlockLock } from '../block-lock';
 import useListViewImages from './use-list-view-images';
+import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function ListViewBlockSelectButton({
   className,
   block: {
@@ -47,6 +50,12 @@ function ListViewBlockSelectButton({
   const {
     isLocked
   } = useBlockLock(clientId);
+  const {
+    isContentOnly
+  } = useSelect(select => ({
+    isContentOnly: select(blockEditorStore).getBlockEditingMode(clientId) === 'contentOnly'
+  }), [clientId]);
+  const shouldShowLockIcon = isLocked && !isContentOnly;
   const isSticky = blockInformation?.positionType === 'sticky';
   const images = useListViewImages({
     clientId,
@@ -73,8 +82,8 @@ function ListViewBlockSelectButton({
       onClick(event);
     }
   }
-  return createElement(Button, {
-    className: classnames('block-editor-list-view-block-select-button', className),
+  return /*#__PURE__*/_jsxs(Button, {
+    className: clsx('block-editor-list-view-block-select-button', className),
     onClick: onClick,
     onContextMenu: onContextMenu,
     onKeyDown: onKeyDown,
@@ -87,46 +96,54 @@ function ListViewBlockSelectButton({
     draggable: draggable,
     href: `#block-${clientId}`,
     "aria-describedby": ariaDescribedBy,
-    "aria-expanded": isExpanded
-  }, createElement(ListViewExpander, {
-    onClick: onToggleExpanded
-  }), createElement(BlockIcon, {
-    icon: blockInformation?.icon,
-    showColors: true,
-    context: "list-view"
-  }), createElement(HStack, {
-    alignment: "center",
-    className: "block-editor-list-view-block-select-button__label-wrapper",
-    justify: "flex-start",
-    spacing: 1
-  }, createElement("span", {
-    className: "block-editor-list-view-block-select-button__title"
-  }, createElement(Truncate, {
-    ellipsizeMode: "auto"
-  }, blockTitle)), blockInformation?.anchor && createElement("span", {
-    className: "block-editor-list-view-block-select-button__anchor-wrapper"
-  }, createElement(Truncate, {
-    className: "block-editor-list-view-block-select-button__anchor",
-    ellipsizeMode: "auto"
-  }, blockInformation.anchor)), positionLabel && isSticky && createElement(Tooltip, {
-    text: positionLabel
-  }, createElement(Icon, {
-    icon: pinSmall
-  })), images.length ? createElement("span", {
-    className: "block-editor-list-view-block-select-button__images",
-    "aria-hidden": true
-  }, images.map((image, index) => createElement("span", {
-    className: "block-editor-list-view-block-select-button__image",
-    key: image.clientId,
-    style: {
-      backgroundImage: `url(${image.url})`,
-      zIndex: images.length - index // Ensure the first image is on top, and subsequent images are behind.
-    }
-  }))) : null, isLocked && createElement("span", {
-    className: "block-editor-list-view-block-select-button__lock"
-  }, createElement(Icon, {
-    icon: lock
-  }))));
+    "aria-expanded": isExpanded,
+    children: [/*#__PURE__*/_jsx(ListViewExpander, {
+      onClick: onToggleExpanded
+    }), /*#__PURE__*/_jsx(BlockIcon, {
+      icon: blockInformation?.icon,
+      showColors: true,
+      context: "list-view"
+    }), /*#__PURE__*/_jsxs(HStack, {
+      alignment: "center",
+      className: "block-editor-list-view-block-select-button__label-wrapper",
+      justify: "flex-start",
+      spacing: 1,
+      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(Truncate, {
+          className: "block-editor-list-view-block-select-button__anchor",
+          ellipsizeMode: "auto",
+          children: blockInformation.anchor
+        })
+      }), positionLabel && isSticky && /*#__PURE__*/_jsx(Tooltip, {
+        text: positionLabel,
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: pinSmall
+        })
+      }), images.length ? /*#__PURE__*/_jsx("span", {
+        className: "block-editor-list-view-block-select-button__images",
+        "aria-hidden": true,
+        children: images.map((image, index) => /*#__PURE__*/_jsx("span", {
+          className: "block-editor-list-view-block-select-button__image",
+          style: {
+            backgroundImage: `url(${image.url})`,
+            zIndex: images.length - index // Ensure the first image is on top, and subsequent images are behind.
+          }
+        }, image.clientId))
+      }) : null, shouldShowLockIcon && /*#__PURE__*/_jsx("span", {
+        className: "block-editor-list-view-block-select-button__lock",
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: lock
+        })
+      })]
+    })]
+  });
 }
 export default forwardRef(ListViewBlockSelectButton);
 //# sourceMappingURL=block-select-button.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","Button","__experimentalHStack","HStack","__experimentalTruncate","Truncate","Tooltip","forwardRef","Icon","lockSmall","lock","pinSmall","SPACE","ENTER","__","sprintf","BlockIcon","useBlockDisplayInformation","useBlockDisplayTitle","ListViewExpander","useBlockLock","useListViewImages","ListViewBlockSelectButton","className","block","clientId","onClick","onContextMenu","onMouseDown","onToggleExpanded","tabIndex","onFocus","onDragStart","onDragEnd","draggable","isExpanded","ariaDescribedBy","ref","blockInformation","blockTitle","context","isLocked","isSticky","positionType","images","positionLabel","onDragStartHandler","event","dataTransfer","clearData","onKeyDown","keyCode","createElement","href","icon","showColors","alignment","justify","spacing","ellipsizeMode","anchor","text","length","map","image","index","key","style","backgroundImage","url","zIndex"],"sources":["@wordpress/block-editor/src/components/list-view/block-select-button.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n\tTooltip,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { Icon, lockSmall as lock, pinSmall } from '@wordpress/icons';\nimport { SPACE, ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } 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';\nimport { useBlockLock } from '../block-lock';\nimport useListViewImages from './use-list-view-images';\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},\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\tconst isSticky = blockInformation?.positionType === 'sticky';\n\tconst images = useListViewImages( { clientId, isExpanded } );\n\n\tconst positionLabel = blockInformation?.positionLabel\n\t\t? sprintf(\n\t\t\t\t// translators: 1: Position of selected block, e.g. \"Sticky\" or \"Fixed\".\n\t\t\t\t__( 'Position: %1$s' ),\n\t\t\t\tblockInformation.positionLabel\n\t\t  )\n\t\t: '';\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<Button\n\t\t\tclassName={ classnames(\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={ `#block-${ clientId }` }\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<Truncate\n\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__anchor\"\n\t\t\t\t\t\t\tellipsizeMode=\"auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ blockInformation.anchor }\n\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t{ positionLabel && isSticky && (\n\t\t\t\t\t<Tooltip text={ positionLabel }>\n\t\t\t\t\t\t<Icon icon={ pinSmall } />\n\t\t\t\t\t</Tooltip>\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{ isLocked && (\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</Button>\n\t);\n}\n\nexport default forwardRef( ListViewBlockSelectButton );\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,EAC9BC,sBAAsB,IAAIC,QAAQ,EAClCC,OAAO,QACD,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI,EAAEC,SAAS,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AACpE,SAASC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AAClD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,0BAA0B,MAAM,kCAAkC;AACzE,OAAOC,oBAAoB,MAAM,wCAAwC;AACzE,OAAOC,gBAAgB,MAAM,YAAY;AACzC,SAASC,YAAY,QAAQ,eAAe;AAC5C,OAAOC,iBAAiB,MAAM,wBAAwB;AAEtD,SAASC,yBAAyBA,CACjC;EACCC,SAAS;EACTC,KAAK,EAAE;IAAEC;EAAS,CAAC;EACnBC,OAAO;EACPC,aAAa;EACbC,WAAW;EACXC,gBAAgB;EAChBC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC;AACD,CAAC,EACDC,GAAG,EACF;EACD,MAAMC,gBAAgB,GAAGrB,0BAA0B,CAAEQ,QAAS,CAAC;EAC/D,MAAMc,UAAU,GAAGrB,oBAAoB,CAAE;IACxCO,QAAQ;IACRe,OAAO,EAAE;EACV,CAAE,CAAC;EACH,MAAM;IAAEC;EAAS,CAAC,GAAGrB,YAAY,CAAEK,QAAS,CAAC;EAC7C,MAAMiB,QAAQ,GAAGJ,gBAAgB,EAAEK,YAAY,KAAK,QAAQ;EAC5D,MAAMC,MAAM,GAAGvB,iBAAiB,CAAE;IAAEI,QAAQ;IAAEU;EAAW,CAAE,CAAC;EAE5D,MAAMU,aAAa,GAAGP,gBAAgB,EAAEO,aAAa,GAClD9B,OAAO;EACP;EACAD,EAAE,CAAE,gBAAiB,CAAC,EACtBwB,gBAAgB,CAACO,aACjB,CAAC,GACD,EAAE;;EAEL;EACA;EACA;EACA;EACA,MAAMC,kBAAkB,GAAKC,KAAK,IAAM;IACvCA,KAAK,CAACC,YAAY,CAACC,SAAS,CAAC,CAAC;IAC9BjB,WAAW,GAAIe,KAAM,CAAC;EACvB,CAAC;;EAED;AACD;AACA;EACC,SAASG,SAASA,CAAEH,KAAK,EAAG;IAC3B,IAAKA,KAAK,CAACI,OAAO,KAAKtC,KAAK,IAAIkC,KAAK,CAACI,OAAO,KAAKvC,KAAK,EAAG;MACzDc,OAAO,CAAEqB,KAAM,CAAC;IACjB;EACD;EAEA,OACCK,aAAA,CAACnD,MAAM;IACNsB,SAAS,EAAGvB,UAAU,CACrB,4CAA4C,EAC5CuB,SACD,CAAG;IACHG,OAAO,EAAGA,OAAS;IACnBC,aAAa,EAAGA,aAAe;IAC/BuB,SAAS,EAAGA,SAAW;IACvBtB,WAAW,EAAGA,WAAa;IAC3BS,GAAG,EAAGA,GAAK;IACXP,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA,OAAS;IACnBC,WAAW,EAAGc,kBAAoB;IAClCb,SAAS,EAAGA,SAAW;IACvBC,SAAS,EAAGA,SAAW;IACvBmB,IAAI,EAAI,UAAU5B,QAAU,EAAG;IAC/B,oBAAmBW,eAAiB;IACpC,iBAAgBD;EAAY,GAE5BiB,aAAA,CAACjC,gBAAgB;IAACO,OAAO,EAAGG;EAAkB,CAAE,CAAC,EACjDuB,aAAA,CAACpC,SAAS;IACTsC,IAAI,EAAGhB,gBAAgB,EAAEgB,IAAM;IAC/BC,UAAU;IACVf,OAAO,EAAC;EAAW,CACnB,CAAC,EACFY,aAAA,CAACjD,MAAM;IACNqD,SAAS,EAAC,QAAQ;IAClBjC,SAAS,EAAC,2DAA2D;IACrEkC,OAAO,EAAC,YAAY;IACpBC,OAAO,EAAG;EAAG,GAEbN,aAAA;IAAM7B,SAAS,EAAC;EAAmD,GAClE6B,aAAA,CAAC/C,QAAQ;IAACsD,aAAa,EAAC;EAAM,GAAGpB,UAAsB,CAClD,CAAC,EACLD,gBAAgB,EAAEsB,MAAM,IACzBR,aAAA;IAAM7B,SAAS,EAAC;EAA4D,GAC3E6B,aAAA,CAAC/C,QAAQ;IACRkB,SAAS,EAAC,oDAAoD;IAC9DoC,aAAa,EAAC;EAAM,GAElBrB,gBAAgB,CAACsB,MACV,CACL,CACN,EACCf,aAAa,IAAIH,QAAQ,IAC1BU,aAAA,CAAC9C,OAAO;IAACuD,IAAI,EAAGhB;EAAe,GAC9BO,aAAA,CAAC5C,IAAI;IAAC8C,IAAI,EAAG3C;EAAU,CAAE,CACjB,CACT,EACCiC,MAAM,CAACkB,MAAM,GACdV,aAAA;IACC7B,SAAS,EAAC,oDAAoD;IAC9D;EAAW,GAETqB,MAAM,CAACmB,GAAG,CAAE,CAAEC,KAAK,EAAEC,KAAK,KAC3Bb,aAAA;IACC7B,SAAS,EAAC,mDAAmD;IAC7D2C,GAAG,EAAGF,KAAK,CAACvC,QAAU;IACtB0C,KAAK,EAAG;MACPC,eAAe,EAAG,OAAOJ,KAAK,CAACK,GAAK,GAAE;MACtCC,MAAM,EAAE1B,MAAM,CAACkB,MAAM,GAAGG,KAAK,CAAE;IAChC;EAAG,CACH,CACA,CACG,CAAC,GACJ,IAAI,EACNxB,QAAQ,IACTW,aAAA;IAAM7B,SAAS,EAAC;EAAkD,GACjE6B,aAAA,CAAC5C,IAAI;IAAC8C,IAAI,EAAG5C;EAAM,CAAE,CAChB,CAEA,CACD,CAAC;AAEX;AAEA,eAAeH,UAAU,CAAEe,yBAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["clsx","Button","__experimentalHStack","HStack","__experimentalTruncate","Truncate","Tooltip","forwardRef","Icon","lockSmall","lock","pinSmall","SPACE","ENTER","__","sprintf","useSelect","BlockIcon","useBlockDisplayInformation","useBlockDisplayTitle","ListViewExpander","useBlockLock","useListViewImages","store","blockEditorStore","jsx","_jsx","jsxs","_jsxs","ListViewBlockSelectButton","className","block","clientId","onClick","onContextMenu","onMouseDown","onToggleExpanded","tabIndex","onFocus","onDragStart","onDragEnd","draggable","isExpanded","ariaDescribedBy","ref","blockInformation","blockTitle","context","isLocked","isContentOnly","select","getBlockEditingMode","shouldShowLockIcon","isSticky","positionType","images","positionLabel","onDragStartHandler","event","dataTransfer","clearData","onKeyDown","keyCode","href","children","icon","showColors","alignment","justify","spacing","ellipsizeMode","anchor","text","length","map","image","index","style","backgroundImage","url","zIndex"],"sources":["@wordpress/block-editor/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\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalTruncate as Truncate,\n\tTooltip,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { Icon, lockSmall as lock, pinSmall } from '@wordpress/icons';\nimport { SPACE, ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\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 { store as blockEditorStore } from '../../store';\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},\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\tconst { isContentOnly } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisContentOnly:\n\t\t\t\tselect( blockEditorStore ).getBlockEditingMode( clientId ) ===\n\t\t\t\t'contentOnly',\n\t\t} ),\n\t\t[ clientId ]\n\t);\n\tconst shouldShowLockIcon = isLocked && ! isContentOnly;\n\tconst isSticky = blockInformation?.positionType === 'sticky';\n\tconst images = useListViewImages( { clientId, isExpanded } );\n\n\tconst positionLabel = blockInformation?.positionLabel\n\t\t? sprintf(\n\t\t\t\t// translators: 1: Position of selected block, e.g. \"Sticky\" or \"Fixed\".\n\t\t\t\t__( 'Position: %1$s' ),\n\t\t\t\tblockInformation.positionLabel\n\t\t  )\n\t\t: '';\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<Button\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={ `#block-${ clientId }` }\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<Truncate\n\t\t\t\t\t\t\tclassName=\"block-editor-list-view-block-select-button__anchor\"\n\t\t\t\t\t\t\tellipsizeMode=\"auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ blockInformation.anchor }\n\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t{ positionLabel && isSticky && (\n\t\t\t\t\t<Tooltip text={ positionLabel }>\n\t\t\t\t\t\t<Icon icon={ pinSmall } />\n\t\t\t\t\t</Tooltip>\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{ 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</Button>\n\t);\n}\n\nexport default forwardRef( ListViewBlockSelectButton );\n"],"mappings":"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","ignoreList":[]}