@wordpress/block-editor 12.25.0 → 13.0.0

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
 var _blockSelectButton = _interopRequireDefault(require("./block-select-button"));
 var _blockDraggable = _interopRequireDefault(require("../block-draggable"));
 var _store = require("../../store");
 var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -59,7 +59,7 @@ const ListViewBlockContents = (0, _element.forwardRef)(({
     setInsertedBlock
   } = (0, _context.useListViewContext)();
   const isBlockMoveTarget = blockMovingClientId && selectedBlockInBlockEditor === clientId;
-  const className = (0, _classnames.default)('block-editor-list-view-block-contents', {
+  const className = (0, _clsx.default)('block-editor-list-view-block-contents', {
     'is-dropping-before': isBlockMoveTarget
   });
 
@@ -68,34 +68,37 @@ const ListViewBlockContents = (0, _element.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 (0, _react.createElement)(_react.Fragment, null, AdditionalBlockContent && (0, _react.createElement)(AdditionalBlockContent, {
-    block: block,
-    insertedBlock: insertedBlock,
-    setInsertedBlock: setInsertedBlock
-  }), (0, _react.createElement)(_blockDraggable.default, {
-    appendToOwnerDocument: true,
-    clientIds: draggableClientIds,
-    cloneClassname: 'block-editor-list-view-draggable-chip'
-  }, ({
-    draggable,
-    onDragStart,
-    onDragEnd
-  }) => (0, _react.createElement)(_blockSelectButton.default, {
-    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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [AdditionalBlockContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(AdditionalBlockContent, {
+      block: block,
+      insertedBlock: insertedBlock,
+      setInsertedBlock: setInsertedBlock
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockDraggable.default, {
+      appendToOwnerDocument: true,
+      clientIds: draggableClientIds,
+      cloneClassname: "block-editor-list-view-draggable-chip",
+      children: ({
+        draggable,
+        onDragStart,
+        onDragEnd
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockSelectButton.default, {
+        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
+      })
+    })]
+  });
 });
 var _default = exports.default = ListViewBlockContents;
 //# sourceMappingURL=block-contents.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_element","_blockSelectButton","_blockDraggable","_store","_context","ListViewBlockContents","forwardRef","onClick","onToggleExpanded","block","isSelected","position","siblingBlockCount","level","isExpanded","selectedClientIds","props","ref","clientId","blockMovingClientId","selectedBlockInBlockEditor","useSelect","select","hasBlockMovingClientId","getSelectedBlockClientId","blockEditorStore","AdditionalBlockContent","insertedBlock","setInsertedBlock","useListViewContext","isBlockMoveTarget","className","classnames","draggableClientIds","includes","_react","createElement","Fragment","default","appendToOwnerDocument","clientIds","cloneClassname","draggable","onDragStart","onDragEnd","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAMO,qBAAqB,GAAG,IAAAC,mBAAU,EACvC,CACC;EACCC,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,GAAG,IAAAC,eAAS,EAClEC,MAAM,IAAM;IACb,MAAM;MAAEC,sBAAsB;MAAEC;IAAyB,CAAC,GACzDF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,OAAO;MACNN,mBAAmB,EAAEI,sBAAsB,CAAC,CAAC;MAC7CH,0BAA0B,EAAEI,wBAAwB,CAAC;IACtD,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAM;IAAEE,sBAAsB;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAChE,IAAAC,2BAAkB,EAAC,CAAC;EAErB,MAAMC,iBAAiB,GACtBX,mBAAmB,IAAIC,0BAA0B,KAAKF,QAAQ;EAE/D,MAAMa,SAAS,GAAG,IAAAC,mBAAU,EAAE,uCAAuC,EAAE;IACtE,oBAAoB,EAAEF;EACvB,CAAE,CAAC;;EAEH;EACA;EACA;EACA;EACA,MAAMG,kBAAkB,GAAGlB,iBAAiB,CAACmB,QAAQ,CAAEhB,QAAS,CAAC,GAC9DH,iBAAiB,GACjB,CAAEG,QAAQ,CAAE;EAEf,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGX,sBAAsB,IACvB,IAAAS,MAAA,CAAAC,aAAA,EAACV,sBAAsB;IACtBjB,KAAK,EAAGA,KAAO;IACfkB,aAAa,EAAGA,aAAe;IAC/BC,gBAAgB,EAAGA;EAAkB,CACrC,CACD,EACD,IAAAO,MAAA,CAAAC,aAAA,EAAClC,eAAA,CAAAoC,OAAc;IACdC,qBAAqB;IACrBC,SAAS,EAAGP,kBAAoB;IAChCQ,cAAc,EAAG;EAAyC,GAExD,CAAE;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAU,CAAC,KACxC,IAAAT,MAAA,CAAAC,aAAA,EAACnC,kBAAA,CAAAqC,OAAyB;IACzBrB,GAAG,EAAGA,GAAK;IACXc,SAAS,EAAGA,SAAW;IACvBtB,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;IACf6B,SAAS,EAAGA,SAAW;IACvBC,WAAW,EAAGA,WAAa;IAC3BC,SAAS,EAAGA,SAAW;IACvB9B,UAAU,EAAGA,UAAY;IAAA,GACpBE;EAAK,CACV,CAEa,CACf,CAAC;AAEL,CACD,CAAC;AAAC,IAAA6B,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEajC,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_element","_blockSelectButton","_blockDraggable","_store","_context","_jsxRuntime","ListViewBlockContents","forwardRef","onClick","onToggleExpanded","block","isSelected","position","siblingBlockCount","level","isExpanded","selectedClientIds","props","ref","clientId","blockMovingClientId","selectedBlockInBlockEditor","useSelect","select","hasBlockMovingClientId","getSelectedBlockClientId","blockEditorStore","AdditionalBlockContent","insertedBlock","setInsertedBlock","useListViewContext","isBlockMoveTarget","className","clsx","draggableClientIds","includes","jsxs","Fragment","children","jsx","default","appendToOwnerDocument","clientIds","cloneClassname","draggable","onDragStart","onDragEnd","_default","exports"],"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":"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","ignoreList":[]}

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

@@ -5,19 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _keycodes = require("@wordpress/keycodes");
 var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _useBlockDisplayInformation = _interopRequireDefault(require("../use-block-display-information"));
 var _useBlockDisplayTitle = _interopRequireDefault(require("../block-title/use-block-display-title"));
 var _expander = _interopRequireDefault(require("./expander"));
 var _blockLock = require("../block-lock");
 var _useListViewImages = _interopRequireDefault(require("./use-list-view-images"));
+var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -55,6 +57,12 @@ function ListViewBlockSelectButton({
   const {
     isLocked
   } = (0, _blockLock.useBlockLock)(clientId);
+  const {
+    isContentOnly
+  } = (0, _data.useSelect)(select => ({
+    isContentOnly: select(_store.store).getBlockEditingMode(clientId) === 'contentOnly'
+  }), [clientId]);
+  const shouldShowLockIcon = isLocked && !isContentOnly;
   const isSticky = blockInformation?.positionType === 'sticky';
   const images = (0, _useListViewImages.default)({
     clientId,
@@ -81,8 +89,8 @@ function ListViewBlockSelectButton({
       onClick(event);
     }
   }
-  return (0, _react.createElement)(_components.Button, {
-    className: (0, _classnames.default)('block-editor-list-view-block-select-button', className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Button, {
+    className: (0, _clsx.default)('block-editor-list-view-block-select-button', className),
     onClick: onClick,
     onContextMenu: onContextMenu,
     onKeyDown: onKeyDown,
@@ -95,46 +103,54 @@ function ListViewBlockSelectButton({
     draggable: draggable,
     href: `#block-${clientId}`,
     "aria-describedby": ariaDescribedBy,
-    "aria-expanded": isExpanded
-  }, (0, _react.createElement)(_expander.default, {
-    onClick: onToggleExpanded
-  }), (0, _react.createElement)(_blockIcon.default, {
-    icon: blockInformation?.icon,
-    showColors: true,
-    context: "list-view"
-  }), (0, _react.createElement)(_components.__experimentalHStack, {
-    alignment: "center",
-    className: "block-editor-list-view-block-select-button__label-wrapper",
-    justify: "flex-start",
-    spacing: 1
-  }, (0, _react.createElement)("span", {
-    className: "block-editor-list-view-block-select-button__title"
-  }, (0, _react.createElement)(_components.__experimentalTruncate, {
-    ellipsizeMode: "auto"
-  }, blockTitle)), blockInformation?.anchor && (0, _react.createElement)("span", {
-    className: "block-editor-list-view-block-select-button__anchor-wrapper"
-  }, (0, _react.createElement)(_components.__experimentalTruncate, {
-    className: "block-editor-list-view-block-select-button__anchor",
-    ellipsizeMode: "auto"
-  }, blockInformation.anchor)), positionLabel && isSticky && (0, _react.createElement)(_components.Tooltip, {
-    text: positionLabel
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.pinSmall
-  })), images.length ? (0, _react.createElement)("span", {
-    className: "block-editor-list-view-block-select-button__images",
-    "aria-hidden": true
-  }, images.map((image, index) => (0, _react.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 && (0, _react.createElement)("span", {
-    className: "block-editor-list-view-block-select-button__lock"
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.lockSmall
-  }))));
+    "aria-expanded": isExpanded,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_expander.default, {
+      onClick: onToggleExpanded
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
+      icon: blockInformation?.icon,
+      showColors: true,
+      context: "list-view"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      alignment: "center",
+      className: "block-editor-list-view-block-select-button__label-wrapper",
+      justify: "flex-start",
+      spacing: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "block-editor-list-view-block-select-button__title",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalTruncate, {
+          ellipsizeMode: "auto",
+          children: blockTitle
+        })
+      }), blockInformation?.anchor && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "block-editor-list-view-block-select-button__anchor-wrapper",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalTruncate, {
+          className: "block-editor-list-view-block-select-button__anchor",
+          ellipsizeMode: "auto",
+          children: blockInformation.anchor
+        })
+      }), positionLabel && isSticky && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
+        text: positionLabel,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+          icon: _icons.pinSmall
+        })
+      }), images.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "block-editor-list-view-block-select-button__images",
+        "aria-hidden": true,
+        children: images.map((image, index) => /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("span", {
+        className: "block-editor-list-view-block-select-button__lock",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+          icon: _icons.lockSmall
+        })
+      })]
+    })]
+  });
 }
 var _default = exports.default = (0, _element.forwardRef)(ListViewBlockSelectButton);
 //# sourceMappingURL=block-select-button.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_element","_icons","_keycodes","_i18n","_blockIcon","_useBlockDisplayInformation","_useBlockDisplayTitle","_expander","_blockLock","_useListViewImages","ListViewBlockSelectButton","className","block","clientId","onClick","onContextMenu","onMouseDown","onToggleExpanded","tabIndex","onFocus","onDragStart","onDragEnd","draggable","isExpanded","ariaDescribedBy","ref","blockInformation","useBlockDisplayInformation","blockTitle","useBlockDisplayTitle","context","isLocked","useBlockLock","isSticky","positionType","images","useListViewImages","positionLabel","sprintf","__","onDragStartHandler","event","dataTransfer","clearData","onKeyDown","keyCode","ENTER","SPACE","_react","createElement","Button","classnames","href","default","icon","showColors","__experimentalHStack","alignment","justify","spacing","__experimentalTruncate","ellipsizeMode","anchor","Tooltip","text","Icon","pinSmall","length","map","image","index","key","style","backgroundImage","url","zIndex","lock","_default","exports","forwardRef"],"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":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_element","_icons","_keycodes","_i18n","_data","_blockIcon","_useBlockDisplayInformation","_useBlockDisplayTitle","_expander","_blockLock","_useListViewImages","_store","_jsxRuntime","ListViewBlockSelectButton","className","block","clientId","onClick","onContextMenu","onMouseDown","onToggleExpanded","tabIndex","onFocus","onDragStart","onDragEnd","draggable","isExpanded","ariaDescribedBy","ref","blockInformation","useBlockDisplayInformation","blockTitle","useBlockDisplayTitle","context","isLocked","useBlockLock","isContentOnly","useSelect","select","blockEditorStore","getBlockEditingMode","shouldShowLockIcon","isSticky","positionType","images","useListViewImages","positionLabel","sprintf","__","onDragStartHandler","event","dataTransfer","clearData","onKeyDown","keyCode","ENTER","SPACE","jsxs","Button","clsx","href","children","jsx","default","icon","showColors","__experimentalHStack","alignment","justify","spacing","__experimentalTruncate","ellipsizeMode","anchor","Tooltip","text","Icon","pinSmall","length","map","image","index","style","backgroundImage","url","zIndex","lock","_default","exports","forwardRef"],"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":[]}