@wordpress/block-editor 12.14.0 → 12.16.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 12.16.0 (2023-12-13)
+
+## 12.15.0 (2023-11-29)
+
 ## 12.14.0 (2023-11-16)
 
 ## 12.13.0 (2023-11-02)

package/README.md

@@ -19,7 +19,6 @@ import { useState } from 'react';
 import {
 	BlockEditorProvider,
 	BlockList,
-	BlockTools,
 	WritingFlow,
 } from '@wordpress/block-editor';
 
@@ -32,9 +31,7 @@ function MyEditorComponent() {
 			onInput={ ( blocks ) => updateBlocks( blocks ) }
 			onChange={ ( blocks ) => updateBlocks( blocks ) }
 		>
-			<BlockTools>
-				<BlockCanvas height="400px" />
-			</BlockTools>
+			<BlockCanvas height="400px" />
 		</BlockEditorProvider>
 	);
 }
@@ -280,10 +277,18 @@ _Returns_
 
 ### BlockToolbar
 
+Renders the block toolbar.
+
 _Related_
 
 -   <https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-toolbar/README.md>
 
+_Parameters_
+
+-   _props_ `Object`: Components props.
+-   _props.hideDragHandle_ `boolean`: Show or hide the Drag Handle for drag and drop functionality.
+-   _props.variant_ `string`: Style variant of the toolbar, also passed to the Dropdowns rendered from Block Toolbar Buttons.
+
 ### BlockTools
 
 Renders block tools (the block toolbar, select/navigation mode toolbar, the insertion point and a slot for the inline rich text toolbar). Must be wrapped around the block content and editor styles wrapper or iframe.
@@ -954,7 +959,7 @@ _Parameters_
 
 ### useSetting
 
-> **Deprecated** 6.4.0 Use useSettings instead.
+> **Deprecated** 6.5.0 Use useSettings instead.
 
 Hook that retrieves the given setting for the block instance in use.
 

package/build/components/block-canvas/index.js

@@ -8,7 +8,9 @@ exports.ExperimentalBlockCanvas = ExperimentalBlockCanvas;
 exports.default = void 0;
 var _react = require("react");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _blockList = _interopRequireDefault(require("../block-list"));
+var _blockTools = _interopRequireDefault(require("../block-tools"));
 var _editorStyles = _interopRequireDefault(require("../editor-styles"));
 var _iframe = _interopRequireDefault(require("../iframe"));
 var _writingFlow = _interopRequireDefault(require("../writing-flow"));
@@ -32,9 +34,16 @@ function ExperimentalBlockCanvas({
 }) {
   const resetTypingRef = (0, _observeTyping.useMouseMoveTypingReset)();
   const clearerRef = (0, _blockSelectionClearer.useBlockSelectionClearer)();
-  const contentRef = (0, _compose.useMergeRefs)([contentRefProp, clearerRef]);
+  const localRef = (0, _element.useRef)();
+  const contentRef = (0, _compose.useMergeRefs)([contentRefProp, clearerRef, localRef]);
   if (!shouldIframe) {
-    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editorStyles.default, {
+    return (0, _react.createElement)(_blockTools.default, {
+      __unstableContentRef: localRef,
+      style: {
+        height,
+        display: 'flex'
+      }
+    }, (0, _react.createElement)(_editorStyles.default, {
       styles: styles,
       scope: ".editor-styles-wrapper"
     }), (0, _react.createElement)(_writingFlow.default, {
@@ -42,23 +51,30 @@ function ExperimentalBlockCanvas({
       className: "editor-styles-wrapper",
       tabIndex: -1,
       style: {
-        height
+        height: '100%',
+        width: '100%'
       }
     }, children));
   }
-  return (0, _react.createElement)(_iframe.default, {
+  return (0, _react.createElement)(_blockTools.default, {
+    __unstableContentRef: localRef,
+    style: {
+      height,
+      display: 'flex'
+    }
+  }, (0, _react.createElement)(_iframe.default, {
     ...iframeProps,
     ref: resetTypingRef,
     contentRef: contentRef,
     style: {
       width: '100%',
-      height,
+      height: '100%',
       ...iframeProps?.style
     },
     name: "editor-canvas"
   }, (0, _react.createElement)(_editorStyles.default, {
     styles: styles
-  }), children);
+  }), children));
 }
 
 /**

package/build/components/block-canvas/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_blockList","_interopRequireDefault","_editorStyles","_iframe","_writingFlow","_observeTyping","_blockSelectionClearer","ExperimentalBlockCanvas","shouldIframe","height","children","_react","createElement","default","styles","contentRef","contentRefProp","iframeProps","resetTypingRef","useMouseMoveTypingReset","clearerRef","useBlockSelectionClearer","useMergeRefs","Fragment","scope","ref","className","tabIndex","style","width","name","BlockCanvas","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-canvas/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst contentRef = useMergeRefs( [ contentRefProp, clearerRef ] );\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ { height } }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Iframe\n\t\t\t{ ...iframeProps }\n\t\t\tref={ resetTypingRef }\n\t\t\tcontentRef={ contentRef }\n\t\t\tstyle={ {\n\t\t\t\twidth: '100%',\n\t\t\t\theight,\n\t\t\t\t...iframeProps?.style,\n\t\t\t} }\n\t\t\tname=\"editor-canvas\"\n\t\t>\n\t\t\t<EditorStyles styles={ styles } />\n\t\t\t{ children }\n\t\t</Iframe>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}  props          Component props.\n * @param {string}  props.height   Canvas height, defaults to 300px.\n * @param {Array}   props.styles   Content styles to inject into the iframe.\n * @param {Element} props.children Content of the canvas, defaults to the BlockList component.\n * @return {Element}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAQO,SAASQ,uBAAuBA,CAAE;EACxCC,YAAY,GAAG,IAAI;EACnBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAa,OAAS,MAAE,CAAC;EACxBC,MAAM;EACNC,UAAU,EAAEC,cAAc;EAC1BC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,sCAAuB,EAAC,CAAC;EAChD,MAAMC,UAAU,GAAG,IAAAC,+CAAwB,EAAC,CAAC;EAC7C,MAAMN,UAAU,GAAG,IAAAO,qBAAY,EAAE,CAAEN,cAAc,EAAEI,UAAU,CAAG,CAAC;EAEjE,IAAK,CAAEZ,YAAY,EAAG;IACrB,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAY,QAAA,QACC,IAAAZ,MAAA,CAAAC,aAAA,EAACV,aAAA,CAAAW,OAAY;MACZC,MAAM,EAAGA,MAAQ;MACjBU,KAAK,EAAC;IAAwB,CAC9B,CAAC,EACF,IAAAb,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAS,OAAW;MACXY,GAAG,EAAGV,UAAY;MAClBW,SAAS,EAAC,uBAAuB;MACjCC,QAAQ,EAAG,CAAC,CAAG;MACfC,KAAK,EAAG;QAAEnB;MAAO;IAAG,GAElBC,QACU,CACZ,CAAC;EAEL;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,OAAA,CAAAU,OAAM;IAAA,GACDI,WAAW;IAChBQ,GAAG,EAAGP,cAAgB;IACtBH,UAAU,EAAGA,UAAY;IACzBa,KAAK,EAAG;MACPC,KAAK,EAAE,MAAM;MACbpB,MAAM;MACN,GAAGQ,WAAW,EAAEW;IACjB,CAAG;IACHE,IAAI,EAAC;EAAe,GAEpB,IAAAnB,MAAA,CAAAC,aAAA,EAACV,aAAA,CAAAW,OAAY;IAACC,MAAM,EAAGA;EAAQ,CAAE,CAAC,EAChCJ,QACK,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASqB,WAAWA,CAAE;EAAErB,QAAQ;EAAED,MAAM;EAAEK;AAAO,CAAC,EAAG;EACpD,OACC,IAAAH,MAAA,CAAAC,aAAA,EAACL,uBAAuB;IAACE,MAAM,EAAGA,MAAQ;IAACK,MAAM,EAAGA;EAAQ,GACzDJ,QACsB,CAAC;AAE5B;AAAC,IAAAsB,QAAA,GAEcD,WAAW;AAAAE,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}
+{"version":3,"names":["_compose","require","_element","_blockList","_interopRequireDefault","_blockTools","_editorStyles","_iframe","_writingFlow","_observeTyping","_blockSelectionClearer","ExperimentalBlockCanvas","shouldIframe","height","children","_react","createElement","default","styles","contentRef","contentRefProp","iframeProps","resetTypingRef","useMouseMoveTypingReset","clearerRef","useBlockSelectionClearer","localRef","useRef","useMergeRefs","__unstableContentRef","style","display","scope","ref","className","tabIndex","width","name","BlockCanvas","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-canvas/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport BlockTools from '../block-tools';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst localRef = useRef();\n\tconst contentRef = useMergeRefs( [ contentRefProp, clearerRef, localRef ] );\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<BlockTools\n\t\t\t\t__unstableContentRef={ localRef }\n\t\t\t\tstyle={ { height, display: 'flex' } }\n\t\t\t>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</BlockTools>\n\t\t);\n\t}\n\n\treturn (\n\t\t<BlockTools\n\t\t\t__unstableContentRef={ localRef }\n\t\t\tstyle={ { height, display: 'flex' } }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\t{ ...iframeProps }\n\t\t\t\tref={ resetTypingRef }\n\t\t\t\tcontentRef={ contentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\t...iframeProps?.style,\n\t\t\t\t} }\n\t\t\t\tname=\"editor-canvas\"\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ styles } />\n\t\t\t\t{ children }\n\t\t\t</Iframe>\n\t\t</BlockTools>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}  props          Component props.\n * @param {string}  props.height   Canvas height, defaults to 300px.\n * @param {Array}   props.styles   Content styles to inject into the iframe.\n * @param {Element} props.children Content of the canvas, defaults to the BlockList component.\n * @return {Element}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],"mappings":"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"}

package/build/components/block-card/index.js

@@ -82,7 +82,7 @@ function BlockCard({
     className: "block-editor-block-card__content"
   }, (0, _react.createElement)("h2", {
     className: "block-editor-block-card__title"
-  }, title), (0, _react.createElement)("span", {
+  }, title), description && (0, _react.createElement)("span", {
     className: "block-editor-block-card__description"
   }, description)));
 }

package/build/components/block-card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_deprecated","_components","_icons","_i18n","_data","_blockIcon","_store","BlockCard","title","icon","description","blockType","className","deprecated","since","alternative","parentNavBlockClientId","useSelect","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","useDispatch","_react","createElement","classnames","Button","onClick","label","__","style","minWidth","padding","isRTL","chevronRight","chevronLeft","isSmall","default","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { Button } from '@wordpress/components';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockCard( { title, icon, description, blockType, className } ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentNavBlockClientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ],\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ classnames( 'block-editor-block-card', className ) }>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tisSmall\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<div className=\"block-editor-block-card__content\">\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">{ title }</h2>\n\t\t\t\t<span className=\"block-editor-block-card__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChB,IAAAE,mBAAU,EAAE,+CAA+C,EAAE;MAC5DC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEP,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEK;EAAuB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,MAAMC,sBAAsB,GAAGH,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNH,sBAAsB,EAAEI,0BAA0B,CACjDE,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEvD,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAG,IAAAe,mBAAU,EAAE,yBAAyB,EAAEf,SAAU;EAAG,GAClEI,sBAAsB;EAAM;EAC7B,IAAAS,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA2B,MAAM;IACNC,OAAO,EAAGA,CAAA,KAAMN,WAAW,CAAEP,sBAAuB,CAAG;IACvDc,KAAK,EAAG,IAAAC,QAAE,EAAE,+BAAgC,CAAG;IAC/CC,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDzB,IAAI,EAAG,IAAA0B,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;IAC7CC,OAAO;EAAA,CACP,CACD,EACD,IAAAb,MAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAkC,OAAS;IAAC9B,IAAI,EAAGA,IAAM;IAAC+B,UAAU;EAAA,CAAE,CAAC,EACtC,IAAAf,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAC;EAAkC,GAChD,IAAAa,MAAA,CAAAC,aAAA;IAAId,SAAS,EAAC;EAAgC,GAAGJ,KAAW,CAAC,EAC7D,IAAAiB,MAAA,CAAAC,aAAA;IAAMd,SAAS,EAAC;EAAsC,GACnDF,WACG,CACF,CACD,CAAC;AAER;AAAC,IAAA+B,QAAA,GAEclC,SAAS;AAAAmC,OAAA,CAAAH,OAAA,GAAAE,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_deprecated","_components","_icons","_i18n","_data","_blockIcon","_store","BlockCard","title","icon","description","blockType","className","deprecated","since","alternative","parentNavBlockClientId","useSelect","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","useDispatch","_react","createElement","classnames","Button","onClick","label","__","style","minWidth","padding","isRTL","chevronRight","chevronLeft","isSmall","default","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { Button } from '@wordpress/components';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockCard( { title, icon, description, blockType, className } ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentNavBlockClientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ],\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ classnames( 'block-editor-block-card', className ) }>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tisSmall\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<div className=\"block-editor-block-card__content\">\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">{ title }</h2>\n\t\t\t\t{ description && (\n\t\t\t\t\t<span className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChB,IAAAE,mBAAU,EAAE,+CAA+C,EAAE;MAC5DC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEP,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEK;EAAuB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,MAAMC,sBAAsB,GAAGH,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNH,sBAAsB,EAAEI,0BAA0B,CACjDE,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEvD,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAG,IAAAe,mBAAU,EAAE,yBAAyB,EAAEf,SAAU;EAAG,GAClEI,sBAAsB;EAAM;EAC7B,IAAAS,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA2B,MAAM;IACNC,OAAO,EAAGA,CAAA,KAAMN,WAAW,CAAEP,sBAAuB,CAAG;IACvDc,KAAK,EAAG,IAAAC,QAAE,EAAE,+BAAgC,CAAG;IAC/CC,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDzB,IAAI,EAAG,IAAA0B,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;IAC7CC,OAAO;EAAA,CACP,CACD,EACD,IAAAb,MAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAkC,OAAS;IAAC9B,IAAI,EAAGA,IAAM;IAAC+B,UAAU;EAAA,CAAE,CAAC,EACtC,IAAAf,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAC;EAAkC,GAChD,IAAAa,MAAA,CAAAC,aAAA;IAAId,SAAS,EAAC;EAAgC,GAAGJ,KAAW,CAAC,EAC3DE,WAAW,IACZ,IAAAe,MAAA,CAAAC,aAAA;IAAMd,SAAS,EAAC;EAAsC,GACnDF,WACG,CAEH,CACD,CAAC;AAER;AAAC,IAAA+B,QAAA,GAEclC,SAAS;AAAAmC,OAAA,CAAAH,OAAA,GAAAE,QAAA"}

package/build/components/block-controls/hook.js

@@ -5,12 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useBlockControlsFill;
-var _blocks = require("@wordpress/blocks");
-var _data = require("@wordpress/data");
 var _groups = _interopRequireDefault(require("./groups"));
-var _store = require("../../store");
 var _context = require("../block-edit/context");
-var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-block-controls"));
 /**
  * WordPress dependencies
  */
@@ -20,27 +16,11 @@ var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-bl
  */
 
 function useBlockControlsFill(group, shareWithChildBlocks) {
-  const isDisplayed = (0, _useDisplayBlockControls.default)();
-  const {
-    clientId
-  } = (0, _context.useBlockEditContext)();
-  const isParentDisplayed = (0, _data.useSelect)(select => {
-    if (!shareWithChildBlocks) {
-      return false;
-    }
-    const {
-      getBlockName,
-      hasSelectedInnerBlock
-    } = select(_store.store);
-    const {
-      hasBlockSupport
-    } = select(_blocks.store);
-    return hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId);
-  }, [shareWithChildBlocks, clientId]);
-  if (isDisplayed) {
+  const context = (0, _context.useBlockEditContext)();
+  if (context[_context.mayDisplayControlsKey]) {
     return _groups.default[group]?.Fill;
   }
-  if (isParentDisplayed) {
+  if (context[_context.mayDisplayParentControlsKey] && shareWithChildBlocks) {
     return _groups.default.parent.Fill;
   }
   return null;

package/build/components/block-controls/hook.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_data","_groups","_interopRequireDefault","_store","_context","_useDisplayBlockControls","useBlockControlsFill","group","shareWithChildBlocks","isDisplayed","useDisplayBlockControls","clientId","useBlockEditContext","isParentDisplayed","useSelect","select","getBlockName","hasSelectedInnerBlock","blockEditorStore","hasBlockSupport","blocksStore","groups","Fill","parent"],"sources":["@wordpress/block-editor/src/components/block-controls/hook.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit/context';\nimport useDisplayBlockControls from '../use-display-block-controls';\n\nexport default function useBlockControlsFill( group, shareWithChildBlocks ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst { clientId } = useBlockEditContext();\n\tconst isParentDisplayed = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! shareWithChildBlocks ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst { getBlockName, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { hasBlockSupport } = select( blocksStore );\n\n\t\t\treturn (\n\t\t\t\thasBlockSupport(\n\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t'__experimentalExposeControlsToChildren',\n\t\t\t\t\tfalse\n\t\t\t\t) && hasSelectedInnerBlock( clientId )\n\t\t\t);\n\t\t},\n\t\t[ shareWithChildBlocks, clientId ]\n\t);\n\n\tif ( isDisplayed ) {\n\t\treturn groups[ group ]?.Fill;\n\t}\n\tif ( isParentDisplayed ) {\n\t\treturn groups.parent.Fill;\n\t}\n\treturn null;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,wBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAIA;AACA;AACA;;AAMe,SAASO,oBAAoBA,CAAEC,KAAK,EAAEC,oBAAoB,EAAG;EAC3E,MAAMC,WAAW,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAC7C,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EAC1C,MAAMC,iBAAiB,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAM;IACb,IAAK,CAAEP,oBAAoB,EAAG;MAC7B,OAAO,KAAK;IACb;IAEA,MAAM;MAAEQ,YAAY;MAAEC;IAAsB,CAAC,GAC5CF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,MAAM;MAAEC;IAAgB,CAAC,GAAGJ,MAAM,CAAEK,aAAY,CAAC;IAEjD,OACCD,eAAe,CACdH,YAAY,CAAEL,QAAS,CAAC,EACxB,wCAAwC,EACxC,KACD,CAAC,IAAIM,qBAAqB,CAAEN,QAAS,CAAC;EAExC,CAAC,EACD,CAAEH,oBAAoB,EAAEG,QAAQ,CACjC,CAAC;EAED,IAAKF,WAAW,EAAG;IAClB,OAAOY,eAAM,CAAEd,KAAK,CAAE,EAAEe,IAAI;EAC7B;EACA,IAAKT,iBAAiB,EAAG;IACxB,OAAOQ,eAAM,CAACE,MAAM,CAACD,IAAI;EAC1B;EACA,OAAO,IAAI;AACZ"}
+{"version":3,"names":["_groups","_interopRequireDefault","require","_context","useBlockControlsFill","group","shareWithChildBlocks","context","useBlockEditContext","mayDisplayControlsKey","groups","Fill","mayDisplayParentControlsKey","parent"],"sources":["@wordpress/block-editor/src/components/block-controls/hook.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n\tmayDisplayParentControlsKey,\n} from '../block-edit/context';\n\nexport default function useBlockControlsFill( group, shareWithChildBlocks ) {\n\tconst context = useBlockEditContext();\n\tif ( context[ mayDisplayControlsKey ] ) {\n\t\treturn groups[ group ]?.Fill;\n\t}\n\tif ( context[ mayDisplayParentControlsKey ] && shareWithChildBlocks ) {\n\t\treturn groups.parent.Fill;\n\t}\n\treturn null;\n}\n"],"mappings":";;;;;;;AAOA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAEA;AACA;AACA;;AAQe,SAASE,oBAAoBA,CAAEC,KAAK,EAAEC,oBAAoB,EAAG;EAC3E,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACrC,IAAKD,OAAO,CAAEE,8BAAqB,CAAE,EAAG;IACvC,OAAOC,eAAM,CAAEL,KAAK,CAAE,EAAEM,IAAI;EAC7B;EACA,IAAKJ,OAAO,CAAEK,oCAA2B,CAAE,IAAIN,oBAAoB,EAAG;IACrE,OAAOI,eAAM,CAACG,MAAM,CAACF,IAAI;EAC1B;EACA,OAAO,IAAI;AACZ"}

package/build/components/block-edit/context.js

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_BLOCK_EDIT_CONTEXT = exports.BlockEditContextProvider = void 0;
+exports.mayDisplayParentControlsKey = exports.mayDisplayControlsKey = exports.DEFAULT_BLOCK_EDIT_CONTEXT = exports.BlockEditContextProvider = void 0;
 exports.useBlockEditContext = useBlockEditContext;
 var _element = require("@wordpress/element");
 /**
  * WordPress dependencies
  */
 
+const mayDisplayControlsKey = Symbol('mayDisplayControls');
+exports.mayDisplayControlsKey = mayDisplayControlsKey;
+const mayDisplayParentControlsKey = Symbol('mayDisplayParentControls');
+exports.mayDisplayParentControlsKey = mayDisplayParentControlsKey;
 const DEFAULT_BLOCK_EDIT_CONTEXT = {
   name: '',
   isSelected: false

package/build/components/block-edit/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","DEFAULT_BLOCK_EDIT_CONTEXT","name","isSelected","exports","Context","createContext","Provider","BlockEditContextProvider","useBlockEditContext","useContext"],"sources":["@wordpress/block-editor/src/components/block-edit/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const DEFAULT_BLOCK_EDIT_CONTEXT = {\n\tname: '',\n\tisSelected: false,\n};\n\nconst Context = createContext( DEFAULT_BLOCK_EDIT_CONTEXT );\nconst { Provider } = Context;\n\nexport { Provider as BlockEditContextProvider };\n\n/**\n * A hook that returns the block edit context.\n *\n * @return {Object} Block edit context\n */\nexport function useBlockEditContext() {\n\treturn useContext( Context );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,0BAA0B,GAAG;EACzCC,IAAI,EAAE,EAAE;EACRC,UAAU,EAAE;AACb,CAAC;AAACC,OAAA,CAAAH,0BAAA,GAAAA,0BAAA;AAEF,MAAMI,OAAO,GAAG,IAAAC,sBAAa,EAAEL,0BAA2B,CAAC;AAC3D,MAAM;EAAEM;AAAS,CAAC,GAAGF,OAAO;AAACD,OAAA,CAAAI,wBAAA,GAAAD,QAAA;AAI7B;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAAA,EAAG;EACrC,OAAO,IAAAC,mBAAU,EAAEL,OAAQ,CAAC;AAC7B"}
+{"version":3,"names":["_element","require","mayDisplayControlsKey","Symbol","exports","mayDisplayParentControlsKey","DEFAULT_BLOCK_EDIT_CONTEXT","name","isSelected","Context","createContext","Provider","BlockEditContextProvider","useBlockEditContext","useContext"],"sources":["@wordpress/block-editor/src/components/block-edit/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const mayDisplayControlsKey = Symbol( 'mayDisplayControls' );\nexport const mayDisplayParentControlsKey = Symbol( 'mayDisplayParentControls' );\n\nexport const DEFAULT_BLOCK_EDIT_CONTEXT = {\n\tname: '',\n\tisSelected: false,\n};\n\nconst Context = createContext( DEFAULT_BLOCK_EDIT_CONTEXT );\nconst { Provider } = Context;\n\nexport { Provider as BlockEditContextProvider };\n\n/**\n * A hook that returns the block edit context.\n *\n * @return {Object} Block edit context\n */\nexport function useBlockEditContext() {\n\treturn useContext( Context );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,qBAAqB,GAAGC,MAAM,CAAE,oBAAqB,CAAC;AAACC,OAAA,CAAAF,qBAAA,GAAAA,qBAAA;AAC7D,MAAMG,2BAA2B,GAAGF,MAAM,CAAE,0BAA2B,CAAC;AAACC,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAEzE,MAAMC,0BAA0B,GAAG;EACzCC,IAAI,EAAE,EAAE;EACRC,UAAU,EAAE;AACb,CAAC;AAACJ,OAAA,CAAAE,0BAAA,GAAAA,0BAAA;AAEF,MAAMG,OAAO,GAAG,IAAAC,sBAAa,EAAEJ,0BAA2B,CAAC;AAC3D,MAAM;EAAEK;AAAS,CAAC,GAAGF,OAAO;AAACL,OAAA,CAAAQ,wBAAA,GAAAD,QAAA;AAI7B;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAAA,EAAG;EACrC,OAAO,IAAAC,mBAAU,EAAEL,OAAQ,CAAC;AAC7B"}

package/build/components/block-edit/index.js

@@ -33,7 +33,13 @@ var _context = require("./context");
  * @return {Object} Block edit context
  */
 
-function BlockEdit(props) {
+function BlockEdit({
+  mayDisplayControls,
+  mayDisplayParentControls,
+  // The remaining props are passed through the BlockEdit filters and are thus
+  // public API!
+  ...props
+}) {
   const {
     name,
     isSelected,
@@ -45,19 +51,22 @@ function BlockEdit(props) {
     layout = null
   } = attributes;
   const layoutSupport = (0, _blocks.hasBlockSupport)(name, 'layout', false) || (0, _blocks.hasBlockSupport)(name, '__experimentalLayout', false);
-  const context = {
-    name,
-    isSelected,
-    clientId,
-    layout: layoutSupport ? layout : null,
-    __unstableLayoutClassNames
-  };
   return (0, _react.createElement)(_context.BlockEditContextProvider
   // It is important to return the same object if props haven't
   // changed to avoid  unnecessary rerenders.
   // See https://reactjs.org/docs/context.html#caveats.
   , {
-    value: (0, _element.useMemo)(() => context, Object.values(context))
+    value: (0, _element.useMemo)(() => ({
+      name,
+      isSelected,
+      clientId,
+      layout: layoutSupport ? layout : null,
+      __unstableLayoutClassNames,
+      // We use symbols in favour of an __unstable prefix to avoid
+      // usage outside of the package (this context is exposed).
+      [_context.mayDisplayControlsKey]: mayDisplayControls,
+      [_context.mayDisplayParentControlsKey]: mayDisplayParentControls
+    }), [name, isSelected, clientId, layoutSupport, layout, __unstableLayoutClassNames, mayDisplayControls, mayDisplayParentControls])
   }, (0, _react.createElement)(_edit.default, {
     ...props
   }));

package/build/components/block-edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blocks","_edit","_interopRequireDefault","_context","BlockEdit","props","name","isSelected","clientId","attributes","__unstableLayoutClassNames","layout","layoutSupport","hasBlockSupport","context","_react","createElement","BlockEditContextProvider","value","useMemo","Object","values","default"],"sources":["@wordpress/block-editor/src/components/block-edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\nimport { hasBlockSupport } from '@wordpress/blocks';\n/**\n * Internal dependencies\n */\nimport Edit from './edit';\nimport { BlockEditContextProvider, useBlockEditContext } from './context';\n\n/**\n * The `useBlockEditContext` hook provides information about the block this hook is being used in.\n * It returns an object with the `name`, `isSelected` state, and the `clientId` of the block.\n * It is useful if you want to create custom hooks that need access to the current blocks clientId\n * but don't want to rely on the data getting passed in as a parameter.\n *\n * @return {Object} Block edit context\n */\nexport { useBlockEditContext };\n\nexport default function BlockEdit( props ) {\n\tconst {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tattributes = {},\n\t\t__unstableLayoutClassNames,\n\t} = props;\n\tconst { layout = null } = attributes;\n\tconst layoutSupport =\n\t\thasBlockSupport( name, 'layout', false ) ||\n\t\thasBlockSupport( name, '__experimentalLayout', false );\n\tconst context = {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tlayout: layoutSupport ? layout : null,\n\t\t__unstableLayoutClassNames,\n\t};\n\treturn (\n\t\t<BlockEditContextProvider\n\t\t\t// It is important to return the same object if props haven't\n\t\t\t// changed to avoid  unnecessary rerenders.\n\t\t\t// See https://reactjs.org/docs/context.html#caveats.\n\t\t\tvalue={ useMemo( () => context, Object.values( context ) ) }\n\t\t>\n\t\t\t<Edit { ...props } />\n\t\t</BlockEditContextProvider>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGe,SAASK,SAASA,CAAEC,KAAK,EAAG;EAC1C,MAAM;IACLC,IAAI;IACJC,UAAU;IACVC,QAAQ;IACRC,UAAU,GAAG,CAAC,CAAC;IACfC;EACD,CAAC,GAAGL,KAAK;EACT,MAAM;IAAEM,MAAM,GAAG;EAAK,CAAC,GAAGF,UAAU;EACpC,MAAMG,aAAa,GAClB,IAAAC,uBAAe,EAAEP,IAAI,EAAE,QAAQ,EAAE,KAAM,CAAC,IACxC,IAAAO,uBAAe,EAAEP,IAAI,EAAE,sBAAsB,EAAE,KAAM,CAAC;EACvD,MAAMQ,OAAO,GAAG;IACfR,IAAI;IACJC,UAAU;IACVC,QAAQ;IACRG,MAAM,EAAEC,aAAa,GAAGD,MAAM,GAAG,IAAI;IACrCD;EACD,CAAC;EACD,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACb,QAAA,CAAAc;EACA;EACA;EACA;EAAA;IACAC,KAAK,EAAG,IAAAC,gBAAO,EAAE,MAAML,OAAO,EAAEM,MAAM,CAACC,MAAM,CAAEP,OAAQ,CAAE;EAAG,GAE5D,IAAAC,MAAA,CAAAC,aAAA,EAACf,KAAA,CAAAqB,OAAI;IAAA,GAAMjB;EAAK,CAAI,CACK,CAAC;AAE7B"}
+{"version":3,"names":["_element","require","_blocks","_edit","_interopRequireDefault","_context","BlockEdit","mayDisplayControls","mayDisplayParentControls","props","name","isSelected","clientId","attributes","__unstableLayoutClassNames","layout","layoutSupport","hasBlockSupport","_react","createElement","BlockEditContextProvider","value","useMemo","mayDisplayControlsKey","mayDisplayParentControlsKey","default"],"sources":["@wordpress/block-editor/src/components/block-edit/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\nimport { hasBlockSupport } from '@wordpress/blocks';\n/**\n * Internal dependencies\n */\nimport Edit from './edit';\nimport {\n\tBlockEditContextProvider,\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n\tmayDisplayParentControlsKey,\n} from './context';\n\n/**\n * The `useBlockEditContext` hook provides information about the block this hook is being used in.\n * It returns an object with the `name`, `isSelected` state, and the `clientId` of the block.\n * It is useful if you want to create custom hooks that need access to the current blocks clientId\n * but don't want to rely on the data getting passed in as a parameter.\n *\n * @return {Object} Block edit context\n */\nexport { useBlockEditContext };\n\nexport default function BlockEdit( {\n\tmayDisplayControls,\n\tmayDisplayParentControls,\n\t// The remaining props are passed through the BlockEdit filters and are thus\n\t// public API!\n\t...props\n} ) {\n\tconst {\n\t\tname,\n\t\tisSelected,\n\t\tclientId,\n\t\tattributes = {},\n\t\t__unstableLayoutClassNames,\n\t} = props;\n\tconst { layout = null } = attributes;\n\tconst layoutSupport =\n\t\thasBlockSupport( name, 'layout', false ) ||\n\t\thasBlockSupport( name, '__experimentalLayout', false );\n\treturn (\n\t\t<BlockEditContextProvider\n\t\t\t// It is important to return the same object if props haven't\n\t\t\t// changed to avoid  unnecessary rerenders.\n\t\t\t// See https://reactjs.org/docs/context.html#caveats.\n\t\t\tvalue={ useMemo(\n\t\t\t\t() => ( {\n\t\t\t\t\tname,\n\t\t\t\t\tisSelected,\n\t\t\t\t\tclientId,\n\t\t\t\t\tlayout: layoutSupport ? layout : null,\n\t\t\t\t\t__unstableLayoutClassNames,\n\t\t\t\t\t// We use symbols in favour of an __unstable prefix to avoid\n\t\t\t\t\t// usage outside of the package (this context is exposed).\n\t\t\t\t\t[ mayDisplayControlsKey ]: mayDisplayControls,\n\t\t\t\t\t[ mayDisplayParentControlsKey ]: mayDisplayParentControls,\n\t\t\t\t} ),\n\t\t\t\t[\n\t\t\t\t\tname,\n\t\t\t\t\tisSelected,\n\t\t\t\t\tclientId,\n\t\t\t\t\tlayoutSupport,\n\t\t\t\t\tlayout,\n\t\t\t\t\t__unstableLayoutClassNames,\n\t\t\t\t\tmayDisplayControls,\n\t\t\t\t\tmayDisplayParentControls,\n\t\t\t\t]\n\t\t\t) }\n\t\t>\n\t\t\t<Edit { ...props } />\n\t\t</BlockEditContextProvider>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGe,SAASK,SAASA,CAAE;EAClCC,kBAAkB;EAClBC,wBAAwB;EACxB;EACA;EACA,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM;IACLC,IAAI;IACJC,UAAU;IACVC,QAAQ;IACRC,UAAU,GAAG,CAAC,CAAC;IACfC;EACD,CAAC,GAAGL,KAAK;EACT,MAAM;IAAEM,MAAM,GAAG;EAAK,CAAC,GAAGF,UAAU;EACpC,MAAMG,aAAa,GAClB,IAAAC,uBAAe,EAAEP,IAAI,EAAE,QAAQ,EAAE,KAAM,CAAC,IACxC,IAAAO,uBAAe,EAAEP,IAAI,EAAE,sBAAsB,EAAE,KAAM,CAAC;EACvD,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAACd,QAAA,CAAAe;EACA;EACA;EACA;EAAA;IACAC,KAAK,EAAG,IAAAC,gBAAO,EACd,OAAQ;MACPZ,IAAI;MACJC,UAAU;MACVC,QAAQ;MACRG,MAAM,EAAEC,aAAa,GAAGD,MAAM,GAAG,IAAI;MACrCD,0BAA0B;MAC1B;MACA;MACA,CAAES,8BAAqB,GAAIhB,kBAAkB;MAC7C,CAAEiB,oCAA2B,GAAIhB;IAClC,CAAC,CAAE,EACH,CACCE,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRI,aAAa,EACbD,MAAM,EACND,0BAA0B,EAC1BP,kBAAkB,EAClBC,wBAAwB,CAE1B;EAAG,GAEH,IAAAU,MAAA,CAAAC,aAAA,EAAChB,KAAA,CAAAsB,OAAI;IAAA,GAAMhB;EAAK,CAAI,CACK,CAAC;AAE7B"}

package/build/components/block-info-slot-fill/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,7 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _components = require("@wordpress/components");
 var _lockUnlock = require("../../lock-unlock");
-var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-block-controls"));
+var _context = require("../block-edit/context");
 /**
  * WordPress dependencies
  */
@@ -25,8 +24,8 @@ const {
   Slot
 } = createPrivateSlotFill('BlockInformation');
 const BlockInfo = props => {
-  const isDisplayed = (0, _useDisplayBlockControls.default)();
-  if (!isDisplayed) {
+  const context = (0, _context.useBlockEditContext)();
+  if (!context[_context.mayDisplayControlsKey]) {
     return null;
   }
   return (0, _react.createElement)(Fill, {

package/build/components/block-info-slot-fill/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_lockUnlock","_useDisplayBlockControls","_interopRequireDefault","createPrivateSlotFill","unlock","componentsPrivateApis","Fill","Slot","BlockInfo","props","isDisplayed","useDisplayBlockControls","_react","createElement","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-info-slot-fill/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport useDisplayBlockControls from '../use-display-block-controls';\n\nconst { createPrivateSlotFill } = unlock( componentsPrivateApis );\nconst { Fill, Slot } = createPrivateSlotFill( 'BlockInformation' );\n\nconst BlockInfo = ( props ) => {\n\tconst isDisplayed = useDisplayBlockControls();\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\treturn <Fill { ...props } />;\n};\nBlockInfo.Slot = ( props ) => <Slot { ...props } />;\n\nexport default BlockInfo;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEI;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AACjE,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGJ,qBAAqB,CAAE,kBAAmB,CAAC;AAElE,MAAMK,SAAS,GAAKC,KAAK,IAAM;EAC9B,MAAMC,WAAW,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAC7C,IAAK,CAAED,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EACA,OAAO,IAAAE,MAAA,CAAAC,aAAA,EAACP,IAAI;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC7B,CAAC;AACDD,SAAS,CAACD,IAAI,GAAKE,KAAK,IAAM,IAAAG,MAAA,CAAAC,aAAA,EAACN,IAAI;EAAA,GAAME;AAAK,CAAI,CAAC;AAAC,IAAAK,QAAA,GAErCN,SAAS;AAAAO,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","_lockUnlock","_context","createPrivateSlotFill","unlock","componentsPrivateApis","Fill","Slot","BlockInfo","props","context","useBlockEditContext","mayDisplayControlsKey","_react","createElement","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-info-slot-fill/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n} from '../block-edit/context';\n\nconst { createPrivateSlotFill } = unlock( componentsPrivateApis );\nconst { Fill, Slot } = createPrivateSlotFill( 'BlockInformation' );\n\nconst BlockInfo = ( props ) => {\n\tconst context = useBlockEditContext();\n\tif ( ! context[ mayDisplayControlsKey ] ) {\n\t\treturn null;\n\t}\n\treturn <Fill { ...props } />;\n};\nBlockInfo.Slot = ( props ) => <Slot { ...props } />;\n\nexport default BlockInfo;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,MAAM;EAAEG;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AACjE,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGJ,qBAAqB,CAAE,kBAAmB,CAAC;AAElE,MAAMK,SAAS,GAAKC,KAAK,IAAM;EAC9B,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACrC,IAAK,CAAED,OAAO,CAAEE,8BAAqB,CAAE,EAAG;IACzC,OAAO,IAAI;EACZ;EACA,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACR,IAAI;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC7B,CAAC;AACDD,SAAS,CAACD,IAAI,GAAKE,KAAK,IAAM,IAAAI,MAAA,CAAAC,aAAA,EAACP,IAAI;EAAA,GAAME;AAAK,CAAI,CAAC;AAAC,IAAAM,QAAA,GAErCP,SAAS;AAAAQ,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -47,10 +47,12 @@ function mergeWrapperProps(propsA, propsB) {
     ...propsA,
     ...propsB
   };
-  if (propsA?.className && propsB?.className) {
+
+  // May be set to undefined, so check if the property is set!
+  if (propsA?.hasOwnProperty('className') && propsB?.hasOwnProperty('className')) {
     newProps.className = (0, _classnames.default)(propsA.className, propsB.className);
   }
-  if (propsA?.style && propsB?.style) {
+  if (propsA?.hasOwnProperty('style') && propsB?.hasOwnProperty('style')) {
     newProps.style = {
       ...propsA.style,
       ...propsB.style
@@ -95,19 +97,30 @@ function BlockListBlock({
   const {
     themeSupportsLayout,
     isTemporarilyEditingAsBlocks,
-    blockEditingMode
+    blockEditingMode,
+    mayDisplayControls,
+    mayDisplayParentControls
   } = (0, _data.useSelect)(select => {
     const {
       getSettings,
       __unstableGetTemporarilyEditingAsBlocks,
-      getBlockEditingMode
+      getBlockEditingMode,
+      getBlockName,
+      isFirstMultiSelectedBlock,
+      getMultiSelectedBlockClientIds,
+      hasSelectedInnerBlock
     } = select(_store.store);
+    const {
+      hasBlockSupport
+    } = select(_blocks.store);
     return {
       themeSupportsLayout: getSettings().supportsLayout,
       isTemporarilyEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === clientId,
-      blockEditingMode: getBlockEditingMode(clientId)
+      blockEditingMode: getBlockEditingMode(clientId),
+      mayDisplayControls: isSelected || isFirstMultiSelectedBlock(clientId) && getMultiSelectedBlockClientIds().every(id => getBlockName(id) === name),
+      mayDisplayParentControls: hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId)
     };
-  }, [clientId]);
+  }, [clientId, isSelected, name]);
   const {
     removeBlock
   } = (0, _data.useDispatch)(_store.store);
@@ -131,7 +144,9 @@ function BlockListBlock({
     isSelectionEnabled: isSelectionEnabled,
     toggleSelection: toggleSelection,
     __unstableLayoutClassNames: layoutClassNames,
-    __unstableParentLayout: Object.keys(parentLayout).length ? parentLayout : undefined
+    __unstableParentLayout: Object.keys(parentLayout).length ? parentLayout : undefined,
+    mayDisplayControls: mayDisplayControls,
+    mayDisplayParentControls: mayDisplayParentControls
   });
   const blockType = (0, _blocks.getBlockType)(name);
   if (blockEditingMode === 'disabled') {
@@ -146,6 +161,10 @@ function BlockListBlock({
   }
   const isAligned = wrapperProps && !!wrapperProps['data-align'] && !themeSupportsLayout;
 
+  // Support for sticky position in classic themes with alignment wrappers.
+
+  const isSticky = className?.includes('is-position-sticky');
+
   // For aligned blocks, provide a wrapper element so the block can be
   // positioned relative to the block column.
   // This is only kept for classic themes that don't support layout
@@ -156,7 +175,7 @@ function BlockListBlock({
   // and backend.
   if (isAligned) {
     blockEdit = (0, _react.createElement)("div", {
-      className: "wp-block",
+      className: (0, _classnames.default)('wp-block', isSticky && className),
       "data-align": wrapperProps['data-align']
     }, blockEdit);
   }
@@ -196,7 +215,7 @@ function BlockListBlock({
     className: (0, _classnames.default)({
       'is-editing-disabled': blockEditingMode === 'disabled',
       'is-content-locked-temporarily-editing-as-blocks': isTemporarilyEditingAsBlocks
-    }, dataAlign && themeSupportsLayout && `align${dataAlign}`, className),
+    }, dataAlign && themeSupportsLayout && `align${dataAlign}`, !(dataAlign && isSticky) && className),
     wrapperProps: restWrapperProps,
     isAligned
   };