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

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

@@ -1 +1,7 @@
-{"version":3,"names":["useInstanceId","speak","useSelect","forwardRef","useEffect","__","sprintf","store","blockEditorStore","useBlockDisplayTitle","useListViewContext","Inserter","AriaReferencedText","unlock","jsx","_jsx","jsxs","_jsxs","Appender","nestingLevel","blockCount","clientId","props","ref","insertedBlock","setInsertedBlock","instanceId","directInsert","hideInserter","select","getBlockListSettings","getTemplateLock","isZoomOut","settings","directInsertValue","hideInserterValue","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';\nimport { unlock } from '../../lock-unlock';\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 { directInsert, hideInserter } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getBlockListSettings, getTemplateLock, isZoomOut } =\n\t\t\t\t\tunlock( select( blockEditorStore ) );\n\n\t\t\t\tconst settings = getBlockListSettings( clientId );\n\t\t\t\tconst directInsertValue = settings?.directInsert || false;\n\t\t\t\tconst hideInserterValue =\n\t\t\t\t\t!! getTemplateLock( clientId ) || isZoomOut();\n\n\t\t\t\treturn {\n\t\t\t\t\tdirectInsert: directInsertValue,\n\t\t\t\t\thideInserter: hideInserterValue,\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={ directInsert }\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":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../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';\nimport { unlock } from '../../lock-unlock';\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 { directInsert, hideInserter } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getBlockListSettings, getTemplateLock, isZoomOut } =\n\t\t\t\t\tunlock( select( blockEditorStore ) );\n\n\t\t\t\tconst settings = getBlockListSettings( clientId );\n\t\t\t\tconst directInsertValue = settings?.directInsert || false;\n\t\t\t\tconst hideInserterValue =\n\t\t\t\t\t!! getTemplateLock( clientId ) || isZoomOut();\n\n\t\t\t\treturn {\n\t\t\t\t\tdirectInsert: directInsertValue,\n\t\t\t\t\thideInserter: hideInserterValue,\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={ directInsert }\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": "AAiFG,SACC,KADD;AA9EH,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,YAAY,iBAAiB;AACtC,SAAS,IAAI,eAAe;AAK5B,SAAS,SAAS,wBAAwB;AAC1C,OAAO,0BAA0B;AACjC,SAAS,0BAA0B;AACnC,OAAO,cAAc;AACrB,OAAO,wBAAwB;AAC/B,SAAS,cAAc;AAEhB,MAAM,WAAW;AAAA,EACvB,CAAE,EAAE,cAAc,YAAY,UAAU,GAAG,MAAM,GAAG,QAAS;AAC5D,UAAM,EAAE,eAAe,iBAAiB,IAAI,mBAAmB;AAE/D,UAAM,aAAa,cAAe,QAAS;AAC3C,UAAM,EAAE,cAAc,aAAa,IAAI;AAAA,MACtC,CAAE,WAAY;AACb,cAAM,EAAE,sBAAsB,iBAAiB,UAAU,IACxD,OAAQ,OAAQ,gBAAiB,CAAE;AAEpC,cAAM,WAAW,qBAAsB,QAAS;AAChD,cAAM,oBAAoB,UAAU,gBAAgB;AACpD,cAAM,oBACL,CAAC,CAAE,gBAAiB,QAAS,KAAK,UAAU;AAE7C,eAAO;AAAA,UACN,cAAc;AAAA,UACd,cAAc;AAAA,QACf;AAAA,MACD;AAAA,MACA,CAAE,QAAS;AAAA,IACZ;AAEA,UAAM,aAAa,qBAAsB;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,IACV,CAAE;AAEF,UAAM,qBAAqB,qBAAsB;AAAA,MAChD,UAAU,eAAe;AAAA,MACzB,SAAS;AAAA,IACV,CAAE;AAEF,cAAW,MAAM;AAChB,UAAK,CAAE,oBAAoB,QAAS;AACnC;AAAA,MACD;AAEA;AAAA,QACC;AAAA;AAAA,UAEC,GAAI,mBAAoB;AAAA,UACxB;AAAA,QACD;AAAA,QACA;AAAA,MACD;AAAA,IACD,GAAG,CAAE,kBAAmB,CAAE;AAE1B,QAAK,cAAe;AACnB,aAAO;AAAA,IACR;AAEA,UAAM,gBAAgB,uBAAwB,UAAW;AACzD,UAAM,cAAc;AAAA;AAAA,MAEnB,GAAI,mDAAoD;AAAA,MACxD;AAAA,MACA,aAAa;AAAA,MACb;AAAA,IACD;AAEA,WACC,qBAAC,SAAI,WAAU,sBACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,cAAe;AAAA,UACf,UAAS;AAAA,UACT,YAAU;AAAA,UACV,qBAAsB;AAAA,UACtB,oBAAqB;AAAA,UACrB,uBAAqB;AAAA,UACnB,GAAG;AAAA,UACL,aAAc,EAAE,oBAAoB,cAAc;AAAA,UAClD,iBAAkB,CAAE,uBAAwB;AAC3C,gBAAK,oBAAoB,UAAW;AACnC,+BAAkB,kBAAmB;AAAA,YACtC;AAAA,UACD;AAAA;AAAA,MACD;AAAA,MACA,oBAAC,sBAAmB,IAAK,eACtB,uBACH;AAAA,OACD;AAAA,EAEF;AACD;",
+  "names": []
+}

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

@@ -1,34 +1,15 @@
-/**
- * WordPress dependencies
- */
-import { useRef, useEffect } from '@wordpress/element';
-
-/**
- * A component specifically designed to be used as an element referenced
- * by ARIA attributes such as `aria-labelledby` or `aria-describedby`.
- *
- * @param {Object}                    props          Props.
- * @param {import('react').ReactNode} props.children
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function AriaReferencedText({
-  children,
-  ...props
-}) {
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "@wordpress/element";
+function AriaReferencedText({ children, ...props }) {
   const ref = useRef();
   useEffect(() => {
     if (ref.current) {
-      // This seems like a no-op, but it fixes a bug in Firefox where
-      // it fails to recompute the text when only the text node changes.
-      // @see https://github.com/WordPress/gutenberg/pull/51035
       ref.current.textContent = ref.current.textContent;
     }
   }, [children]);
-  return /*#__PURE__*/_jsx("div", {
-    hidden: true,
-    ...props,
-    ref: ref,
-    children: children
-  });
+  return /* @__PURE__ */ jsx("div", { hidden: true, ...props, ref, children });
 }
-//# sourceMappingURL=aria-referenced-text.js.map
+export {
+  AriaReferencedText as default
+};
+//# sourceMappingURL=aria-referenced-text.js.map

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

@@ -1 +1,7 @@
-{"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":[]}
+{
+  "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 {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": "AAyBE;AAtBF,SAAS,QAAQ,iBAAiB;AASnB,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;",
+  "names": []
+}

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

@@ -1,72 +1,65 @@
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import ListViewBlockSelectButton from './block-select-button';
-import BlockDraggable from '../block-draggable';
-import { useListViewContext } from './context';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const ListViewBlockContents = forwardRef(({
-  onClick,
-  onToggleExpanded,
-  block,
-  isSelected,
-  position,
-  siblingBlockCount,
-  level,
-  isExpanded,
-  selectedClientIds,
-  ...props
-}, ref) => {
-  const {
-    clientId
-  } = block;
-  const {
-    AdditionalBlockContent,
-    insertedBlock,
-    setInsertedBlock
-  } = useListViewContext();
-
-  // Only include all selected blocks if the currently clicked on block
-  // is one of the selected blocks. This ensures that if a user attempts
-  // 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 /*#__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: "block-editor-list-view-block-contents",
-        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
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "@wordpress/element";
+import ListViewBlockSelectButton from "./block-select-button";
+import BlockDraggable from "../block-draggable";
+import { useListViewContext } from "./context";
+const ListViewBlockContents = forwardRef(
+  ({
+    onClick,
+    onToggleExpanded,
+    block,
+    isSelected,
+    position,
+    siblingBlockCount,
+    level,
+    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(
+        BlockDraggable,
+        {
+          appendToOwnerDocument: true,
+          clientIds: draggableClientIds,
+          cloneClassname: "block-editor-list-view-draggable-chip",
+          children: ({ draggable, onDragStart, onDragEnd }) => /* @__PURE__ */ jsx(
+            ListViewBlockSelectButton,
+            {
+              ref,
+              className: "block-editor-list-view-block-contents",
+              block,
+              onClick,
+              onToggleExpanded,
+              isSelected,
+              position,
+              siblingBlockCount,
+              level,
+              draggable,
+              onDragStart,
+              onDragEnd,
+              isExpanded,
+              ...props
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+var block_contents_default = ListViewBlockContents;
+export {
+  block_contents_default as default
+};
+//# sourceMappingURL=block-contents.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","ListViewBlockSelectButton","BlockDraggable","useListViewContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ListViewBlockContents","onClick","onToggleExpanded","block","isSelected","position","siblingBlockCount","level","isExpanded","selectedClientIds","props","ref","clientId","AdditionalBlockContent","insertedBlock","setInsertedBlock","draggableClientIds","includes","children","appendToOwnerDocument","clientIds","cloneClassname","draggable","onDragStart","onDragEnd","className"],"sources":["@wordpress/block-editor/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":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,yBAAyB,MAAM,uBAAuB;AAC7D,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,MAAMC,qBAAqB,GAAGV,UAAU,CACvC,CACC;EACCW,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;EAC1B,MAAM;IAAEU,sBAAsB;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAChEtB,kBAAkB,CAAC,CAAC;;EAErB;EACA;EACA;EACA;EACA,MAAMuB,kBAAkB,GAAGP,iBAAiB,CAACQ,QAAQ,CAAEL,QAAS,CAAC,GAC9DH,iBAAiB,GACjB,CAAEG,QAAQ,CAAE;EAEf,oBACCb,KAAA,CAAAF,SAAA;IAAAqB,QAAA,GACGL,sBAAsB,iBACvBlB,IAAA,CAACkB,sBAAsB;MACtBV,KAAK,EAAGA,KAAO;MACfW,aAAa,EAAGA,aAAe;MAC/BC,gBAAgB,EAAGA;IAAkB,CACrC,CACD,eACDpB,IAAA,CAACH,cAAc;MACd2B,qBAAqB;MACrBC,SAAS,EAAGJ,kBAAoB;MAChCK,cAAc,EAAC,uCAAuC;MAAAH,QAAA,EAEpDA,CAAE;QAAEI,SAAS;QAAEC,WAAW;QAAEC;MAAU,CAAC,kBACxC7B,IAAA,CAACJ,yBAAyB;QACzBoB,GAAG,EAAGA,GAAK;QACXc,SAAS,EAAC,uCAAuC;QACjDtB,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;QACfe,SAAS,EAAGA,SAAW;QACvBC,WAAW,EAAGA,WAAa;QAC3BC,SAAS,EAAGA,SAAW;QACvBhB,UAAU,EAAGA,UAAY;QAAA,GACpBE;MAAK,CACV;IACD,CACc,CAAC;EAAA,CAChB,CAAC;AAEL,CACD,CAAC;AAED,eAAeV,qBAAqB","ignoreList":[]}
+{
+  "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": "AAyCG,mBAEE,KAFF;AAtCH,SAAS,kBAAkB;AAK3B,OAAO,+BAA+B;AACtC,OAAO,oBAAoB;AAC3B,SAAS,0BAA0B;AAEnC,MAAM,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;",
+  "names": []
+}

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

@@ -1,38 +1,27 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __experimentalHStack as HStack, __experimentalTruncate as Truncate, privateApis as componentsPrivateApis } from '@wordpress/components';
-import { forwardRef } from '@wordpress/element';
-import { Icon, lockSmall as lock, pinSmall, unseen } from '@wordpress/icons';
-import { SPACE, ENTER } from '@wordpress/keycodes';
-import { useSelect } from '@wordpress/data';
-import { hasBlockSupport } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import BlockIcon from '../block-icon';
-import useBlockDisplayInformation from '../use-block-display-information';
-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 { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Badge
-} = unlock(componentsPrivateApis);
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  __experimentalHStack as HStack,
+  __experimentalTruncate as Truncate,
+  privateApis as componentsPrivateApis
+} from "@wordpress/components";
+import { forwardRef } from "@wordpress/element";
+import { Icon, lockSmall as lock, pinSmall, unseen } from "@wordpress/icons";
+import { SPACE, ENTER } from "@wordpress/keycodes";
+import { useSelect } from "@wordpress/data";
+import { hasBlockSupport } from "@wordpress/blocks";
+import BlockIcon from "../block-icon";
+import useBlockDisplayInformation from "../use-block-display-information";
+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 { unlock } from "../../lock-unlock";
+const { Badge } = unlock(componentsPrivateApis);
 function ListViewBlockSelectButton({
   className,
-  block: {
-    clientId
-  },
+  block: { clientId },
   onClick,
   onContextMenu,
   onMouseDown,
@@ -48,119 +37,113 @@ function ListViewBlockSelectButton({
   const blockInformation = useBlockDisplayInformation(clientId);
   const blockTitle = useBlockDisplayTitle({
     clientId,
-    context: 'list-view'
+    context: "list-view"
   });
-  const {
-    isLocked
-  } = useBlockLock(clientId);
-  const {
-    canToggleBlockVisibility,
-    isBlockHidden,
-    isContentOnly
-  } = useSelect(select => {
-    const {
-      getBlockName
-    } = select(blockEditorStore);
-    const {
-      isBlockHidden: _isBlockHidden
-    } = unlock(select(blockEditorStore));
-    return {
-      canToggleBlockVisibility: hasBlockSupport(getBlockName(clientId), 'blockVisibility', true),
-      isBlockHidden: _isBlockHidden(clientId),
-      isContentOnly: select(blockEditorStore).getBlockEditingMode(clientId) === 'contentOnly'
-    };
-  }, [clientId]);
+  const { isLocked } = useBlockLock(clientId);
+  const { canToggleBlockVisibility, isBlockHidden, isContentOnly } = useSelect(
+    (select) => {
+      const { getBlockName } = select(blockEditorStore);
+      const { isBlockHidden: _isBlockHidden } = unlock(
+        select(blockEditorStore)
+      );
+      return {
+        canToggleBlockVisibility: hasBlockSupport(
+          getBlockName(clientId),
+          "blockVisibility",
+          true
+        ),
+        isBlockHidden: _isBlockHidden(clientId),
+        isContentOnly: select(blockEditorStore).getBlockEditingMode(
+          clientId
+        ) === "contentOnly"
+      };
+    },
+    [clientId]
+  );
   const shouldShowLockIcon = isLocked && !isContentOnly;
   const shouldShowBlockVisibilityIcon = canToggleBlockVisibility && isBlockHidden;
-  const isSticky = blockInformation?.positionType === 'sticky';
-  const images = useListViewImages({
-    clientId,
-    isExpanded
-  });
-
-  // The `href` attribute triggers the browser's native HTML drag operations.
-  // When the link is dragged, the element's outerHTML is set in DataTransfer object as text/html.
-  // We need to clear any HTML drag data to prevent `pasteHandler` from firing
-  // inside the `useOnBlockDrop` hook.
-  const onDragStartHandler = event => {
+  const isSticky = blockInformation?.positionType === "sticky";
+  const images = useListViewImages({ clientId, isExpanded });
+  const onDragStartHandler = (event) => {
     event.dataTransfer.clearData();
     onDragStart?.(event);
   };
-
-  /**
-   * @param {KeyboardEvent} event
-   */
   function onKeyDown(event) {
     if (event.keyCode === ENTER || event.keyCode === SPACE) {
       onClick(event);
     }
   }
-  return /*#__PURE__*/_jsxs("a", {
-    className: clsx('block-editor-list-view-block-select-button', className),
-    onClick: onClick,
-    onContextMenu: onContextMenu,
-    onKeyDown: onKeyDown,
-    onMouseDown: onMouseDown,
-    ref: ref,
-    tabIndex: tabIndex,
-    onFocus: onFocus,
-    onDragStart: onDragStartHandler,
-    onDragEnd: onDragEnd,
-    draggable: draggable,
-    href: `#block-${clientId}`,
-    "aria-describedby": ariaDescribedBy,
-    "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(Badge, {
-          className: "block-editor-list-view-block-select-button__anchor",
-          children: blockInformation.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", {
-        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.
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      className: clsx(
+        "block-editor-list-view-block-select-button",
+        className
+      ),
+      onClick,
+      onContextMenu,
+      onKeyDown,
+      onMouseDown,
+      ref,
+      tabIndex,
+      onFocus,
+      onDragStart: onDragStartHandler,
+      onDragEnd,
+      draggable,
+      href: `#block-${clientId}`,
+      "aria-describedby": ariaDescribedBy,
+      "aria-expanded": isExpanded,
+      children: [
+        /* @__PURE__ */ jsx(ListViewExpander, { onClick: onToggleExpanded }),
+        /* @__PURE__ */ jsx(
+          BlockIcon,
+          {
+            icon: blockInformation?.icon,
+            showColors: true,
+            context: "list-view"
           }
-        }, image.clientId))
-      }) : null, shouldShowBlockVisibilityIcon && /*#__PURE__*/_jsx("span", {
-        className: "block-editor-list-view-block-select-button__block-visibility",
-        children: /*#__PURE__*/_jsx(Icon, {
-          icon: unseen
-        })
-      }), shouldShowLockIcon && /*#__PURE__*/_jsx("span", {
-        className: "block-editor-list-view-block-select-button__lock",
-        children: /*#__PURE__*/_jsx(Icon, {
-          icon: lock
-        })
-      })]
-    })]
-  });
+        ),
+        /* @__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(Badge, { className: "block-editor-list-view-block-select-button__anchor", children: blockInformation.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",
+                {
+                  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,
+              shouldShowBlockVisibilityIcon && /* @__PURE__ */ jsx("span", { className: "block-editor-list-view-block-select-button__block-visibility", children: /* @__PURE__ */ jsx(Icon, { icon: unseen }) }),
+              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
+var block_select_button_default = forwardRef(ListViewBlockSelectButton);
+export {
+  block_select_button_default as default
+};
+//# sourceMappingURL=block-select-button.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalTruncate","Truncate","privateApis","componentsPrivateApis","forwardRef","Icon","lockSmall","lock","pinSmall","unseen","SPACE","ENTER","useSelect","hasBlockSupport","BlockIcon","useBlockDisplayInformation","useBlockDisplayTitle","ListViewExpander","useBlockLock","useListViewImages","store","blockEditorStore","unlock","jsx","_jsx","jsxs","_jsxs","Badge","ListViewBlockSelectButton","className","block","clientId","onClick","onContextMenu","onMouseDown","onToggleExpanded","tabIndex","onFocus","onDragStart","onDragEnd","draggable","isExpanded","ariaDescribedBy","ref","blockInformation","blockTitle","context","isLocked","canToggleBlockVisibility","isBlockHidden","isContentOnly","select","getBlockName","_isBlockHidden","getBlockEditingMode","shouldShowLockIcon","shouldShowBlockVisibilityIcon","isSticky","positionType","images","onDragStartHandler","event","dataTransfer","clearData","onKeyDown","keyCode","href","children","icon","showColors","alignment","justify","spacing","ellipsizeMode","anchor","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\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';\nimport { useSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\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';\nimport { unlock } from '../../lock-unlock';\n\nconst { Badge } = 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},\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 { canToggleBlockVisibility, isBlockHidden, isContentOnly } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getBlockName } = select( blockEditorStore );\n\t\t\t\tconst { isBlockHidden: _isBlockHidden } = unlock(\n\t\t\t\t\tselect( blockEditorStore )\n\t\t\t\t);\n\t\t\t\treturn {\n\t\t\t\t\tcanToggleBlockVisibility: hasBlockSupport(\n\t\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t\t'blockVisibility',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t),\n\t\t\t\t\tisBlockHidden: _isBlockHidden( clientId ),\n\t\t\t\t\tisContentOnly:\n\t\t\t\t\t\tselect( blockEditorStore ).getBlockEditingMode(\n\t\t\t\t\t\t\tclientId\n\t\t\t\t\t\t) === 'contentOnly',\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\tconst shouldShowLockIcon = isLocked && ! isContentOnly;\n\tconst shouldShowBlockVisibilityIcon =\n\t\tcanToggleBlockVisibility && isBlockHidden;\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<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={ `#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<Badge 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</Badge>\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{ shouldShowBlockVisibilityIcon && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__block-visibility\">\n\t\t\t\t\t\t<Icon icon={ unseen } />\n\t\t\t\t\t</span>\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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","ignoreList":[]}
+{
+  "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';\nimport { useSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\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';\nimport { unlock } from '../../lock-unlock';\n\nconst { Badge } = 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},\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 { canToggleBlockVisibility, isBlockHidden, isContentOnly } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getBlockName } = select( blockEditorStore );\n\t\t\t\tconst { isBlockHidden: _isBlockHidden } = unlock(\n\t\t\t\t\tselect( blockEditorStore )\n\t\t\t\t);\n\t\t\t\treturn {\n\t\t\t\t\tcanToggleBlockVisibility: hasBlockSupport(\n\t\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t\t'blockVisibility',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t),\n\t\t\t\t\tisBlockHidden: _isBlockHidden( clientId ),\n\t\t\t\t\tisContentOnly:\n\t\t\t\t\t\tselect( blockEditorStore ).getBlockEditingMode(\n\t\t\t\t\t\t\tclientId\n\t\t\t\t\t\t) === 'contentOnly',\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\tconst shouldShowLockIcon = isLocked && ! isContentOnly;\n\tconst shouldShowBlockVisibilityIcon =\n\t\tcanToggleBlockVisibility && isBlockHidden;\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<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={ `#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<Badge 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</Badge>\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{ shouldShowBlockVisibilityIcon && (\n\t\t\t\t\t<span className=\"block-editor-list-view-block-select-button__block-visibility\">\n\t\t\t\t\t\t<Icon icon={ unseen } />\n\t\t\t\t\t</span>\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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",
+  "names": []
+}