@wordpress/block-editor 12.15.0 → 12.16.1-next.79a6196f.0

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

@@ -8,7 +8,7 @@ import { privateApis as componentsPrivateApis } from '@wordpress/components';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
-import useDisplayBlockControls from '../use-display-block-controls';
+import { useBlockEditContext, mayDisplayControlsKey } from '../block-edit/context';
 const {
   createPrivateSlotFill
 } = unlock(componentsPrivateApis);
@@ -17,8 +17,8 @@ const {
   Slot
 } = createPrivateSlotFill('BlockInformation');
 const BlockInfo = props => {
-  const isDisplayed = useDisplayBlockControls();
-  if (!isDisplayed) {
+  const context = useBlockEditContext();
+  if (!context[mayDisplayControlsKey]) {
     return null;
   }
   return createElement(Fill, {

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

@@ -1 +1 @@
-{"version":3,"names":["privateApis","componentsPrivateApis","unlock","useDisplayBlockControls","createPrivateSlotFill","Fill","Slot","BlockInfo","props","isDisplayed","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,uBAAuB,MAAM,+BAA+B;AAEnE,MAAM;EAAEC;AAAsB,CAAC,GAAGF,MAAM,CAAED,qBAAsB,CAAC;AACjE,MAAM;EAAEI,IAAI;EAAEC;AAAK,CAAC,GAAGF,qBAAqB,CAAE,kBAAmB,CAAC;AAElE,MAAMG,SAAS,GAAKC,KAAK,IAAM;EAC9B,MAAMC,WAAW,GAAGN,uBAAuB,CAAC,CAAC;EAC7C,IAAK,CAAEM,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EACA,OAAOC,aAAA,CAACL,IAAI;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC7B,CAAC;AACDD,SAAS,CAACD,IAAI,GAAKE,KAAK,IAAME,aAAA,CAACJ,IAAI;EAAA,GAAME;AAAK,CAAI,CAAC;AAEnD,eAAeD,SAAS"}
+{"version":3,"names":["privateApis","componentsPrivateApis","unlock","useBlockEditContext","mayDisplayControlsKey","createPrivateSlotFill","Fill","Slot","BlockInfo","props","context","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SACCC,mBAAmB,EACnBC,qBAAqB,QACf,uBAAuB;AAE9B,MAAM;EAAEC;AAAsB,CAAC,GAAGH,MAAM,CAAED,qBAAsB,CAAC;AACjE,MAAM;EAAEK,IAAI;EAAEC;AAAK,CAAC,GAAGF,qBAAqB,CAAE,kBAAmB,CAAC;AAElE,MAAMG,SAAS,GAAKC,KAAK,IAAM;EAC9B,MAAMC,OAAO,GAAGP,mBAAmB,CAAC,CAAC;EACrC,IAAK,CAAEO,OAAO,CAAEN,qBAAqB,CAAE,EAAG;IACzC,OAAO,IAAI;EACZ;EACA,OAAOO,aAAA,CAACL,IAAI;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC7B,CAAC;AACDD,SAAS,CAACD,IAAI,GAAKE,KAAK,IAAME,aAAA,CAACJ,IAAI;EAAA,GAAME;AAAK,CAAI,CAAC;AAEnD,eAAeD,SAAS"}

package/build-module/components/block-inspector/index.js

@@ -76,7 +76,7 @@ const BlockInspector = ({
       selectedBlockClientId: _selectedBlockClientId,
       selectedBlockName: _selectedBlockName,
       blockType: _blockType,
-      topLevelLockedBlock: __unstableGetContentLockingParent(_selectedBlockClientId) || (getTemplateLock(_selectedBlockClientId) === 'contentOnly' ? _selectedBlockClientId : undefined)
+      topLevelLockedBlock: __unstableGetContentLockingParent(_selectedBlockClientId) || (getTemplateLock(_selectedBlockClientId) === 'contentOnly' || _selectedBlockName === 'core/block' && window.__experimentalPatternPartialSyncing ? _selectedBlockClientId : undefined)
     };
   }, []);
   const availableTabs = useInspectorControlsTabs(blockType?.name);

package/build-module/components/block-inspector/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","getBlockType","getUnregisteredTypeHandlerName","hasBlockSupport","store","blocksStore","PanelBody","__unstableMotion","motion","useSelect","SkipToSelectedBlock","BlockCard","MultiSelectionInspector","BlockVariationTransforms","useBlockDisplayInformation","blockEditorStore","BlockStyles","DefaultStylePicker","default","InspectorControls","InspectorControlsTabs","useInspectorControlsTabs","AdvancedControls","PositionControls","useBlockInspectorAnimationSettings","BlockInfo","BlockQuickNavigation","BlockInspectorLockedBlocks","topLevelLockedBlock","contentClientIds","select","getClientIdsOfDescendants","getBlockName","getBlockEditingMode","filter","clientId","blockInformation","createElement","className","isSynced","blockClientId","Slot","title","clientIds","BlockInspector","showNoBlockSelectedMessage","count","selectedBlockName","selectedBlockClientId","blockType","getSelectedBlockClientId","getSelectedBlockCount","__unstableGetContentLockingParent","getTemplateLock","_selectedBlockClientId","_selectedBlockName","_blockType","undefined","availableTabs","name","showTabs","length","blockInspectorAnimationSettings","tabs","Fragment","group","label","isSelectedBlockUnregistered","BlockInspectorSingleBlockWrapper","animate","wrapper","children","AnimatedContainer","BlockInspectorSingleBlock","blockName","animationOrigin","enterDirection","div","x","opacity","transition","ease","duration","initial","key","hasBlockStyles","getBlockStyles","blockStyles"],"sources":["@wordpress/block-editor/src/components/block-inspector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tgetBlockType,\n\tgetUnregisteredTypeHandlerName,\n\thasBlockSupport,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { PanelBody, __unstableMotion as motion } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SkipToSelectedBlock from '../skip-to-selected-block';\nimport BlockCard from '../block-card';\nimport MultiSelectionInspector from '../multi-selection-inspector';\nimport BlockVariationTransforms from '../block-variation-transforms';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport { store as blockEditorStore } from '../../store';\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport { default as InspectorControls } from '../inspector-controls';\nimport { default as InspectorControlsTabs } from '../inspector-controls-tabs';\nimport useInspectorControlsTabs from '../inspector-controls-tabs/use-inspector-controls-tabs';\nimport AdvancedControls from '../inspector-controls-tabs/advanced-controls-panel';\nimport PositionControls from '../inspector-controls-tabs/position-controls-panel';\nimport useBlockInspectorAnimationSettings from './useBlockInspectorAnimationSettings';\nimport BlockInfo from '../block-info-slot-fill';\nimport BlockQuickNavigation from '../block-quick-navigation';\n\nfunction BlockInspectorLockedBlocks( { topLevelLockedBlock } ) {\n\tconst contentClientIds = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetClientIdsOfDescendants,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn getClientIdsOfDescendants( topLevelLockedBlock ).filter(\n\t\t\t\t( clientId ) =>\n\t\t\t\t\tgetBlockName( clientId ) !== 'core/list-item' &&\n\t\t\t\t\tgetBlockEditingMode( clientId ) === 'contentOnly'\n\t\t\t);\n\t\t},\n\t\t[ topLevelLockedBlock ]\n\t);\n\tconst blockInformation = useBlockDisplayInformation( topLevelLockedBlock );\n\treturn (\n\t\t<div className=\"block-editor-block-inspector\">\n\t\t\t<BlockCard\n\t\t\t\t{ ...blockInformation }\n\t\t\t\tclassName={ blockInformation.isSynced && 'is-synced' }\n\t\t\t/>\n\t\t\t<BlockVariationTransforms blockClientId={ topLevelLockedBlock } />\n\t\t\t<BlockInfo.Slot />\n\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t<BlockQuickNavigation clientIds={ contentClientIds } />\n\t\t\t</PanelBody>\n\t\t</div>\n\t);\n}\n\nconst BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {\n\tconst {\n\t\tcount,\n\t\tselectedBlockName,\n\t\tselectedBlockClientId,\n\t\tblockType,\n\t\ttopLevelLockedBlock,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetSelectedBlockCount,\n\t\t\tgetBlockName,\n\t\t\t__unstableGetContentLockingParent,\n\t\t\tgetTemplateLock,\n\t\t} = select( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst _selectedBlockName =\n\t\t\t_selectedBlockClientId && getBlockName( _selectedBlockClientId );\n\t\tconst _blockType =\n\t\t\t_selectedBlockName && getBlockType( _selectedBlockName );\n\n\t\treturn {\n\t\t\tcount: getSelectedBlockCount(),\n\t\t\tselectedBlockClientId: _selectedBlockClientId,\n\t\t\tselectedBlockName: _selectedBlockName,\n\t\t\tblockType: _blockType,\n\t\t\ttopLevelLockedBlock:\n\t\t\t\t__unstableGetContentLockingParent( _selectedBlockClientId ) ||\n\t\t\t\t( getTemplateLock( _selectedBlockClientId ) === 'contentOnly'\n\t\t\t\t\t? _selectedBlockClientId\n\t\t\t\t\t: undefined ),\n\t\t};\n\t}, [] );\n\n\tconst availableTabs = useInspectorControlsTabs( blockType?.name );\n\tconst showTabs = availableTabs?.length > 1;\n\n\t// The block inspector animation settings will be completely\n\t// removed in the future to create an API which allows the block\n\t// inspector to transition between what it\n\t// displays based on the relationship between the selected block\n\t// and its parent, and only enable it if the parent is controlling\n\t// its children blocks.\n\tconst blockInspectorAnimationSettings = useBlockInspectorAnimationSettings(\n\t\tblockType,\n\t\tselectedBlockClientId\n\t);\n\n\tif ( count > 1 ) {\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-inspector\">\n\t\t\t\t<MultiSelectionInspector />\n\t\t\t\t{ showTabs ? (\n\t\t\t\t\t<InspectorControlsTabs tabs={ availableTabs } />\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"color\"\n\t\t\t\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"typography\"\n\t\t\t\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"dimensions\"\n\t\t\t\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"border\"\n\t\t\t\t\t\t\tlabel={ __( 'Border' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst isSelectedBlockUnregistered =\n\t\tselectedBlockName === getUnregisteredTypeHandlerName();\n\n\t/*\n\t * If the selected block is of an unregistered type, avoid showing it as an actual selection\n\t * because we want the user to focus on the unregistered block warning, not block settings.\n\t */\n\tif (\n\t\t! blockType ||\n\t\t! selectedBlockClientId ||\n\t\tisSelectedBlockUnregistered\n\t) {\n\t\tif ( showNoBlockSelectedMessage ) {\n\t\t\treturn (\n\t\t\t\t<span className=\"block-editor-block-inspector__no-blocks\">\n\t\t\t\t\t{ __( 'No block selected.' ) }\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\tif ( topLevelLockedBlock ) {\n\t\treturn (\n\t\t\t<BlockInspectorLockedBlocks\n\t\t\t\ttopLevelLockedBlock={ topLevelLockedBlock }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<BlockInspectorSingleBlockWrapper\n\t\t\tanimate={ blockInspectorAnimationSettings }\n\t\t\twrapper={ ( children ) => (\n\t\t\t\t<AnimatedContainer\n\t\t\t\t\tblockInspectorAnimationSettings={\n\t\t\t\t\t\tblockInspectorAnimationSettings\n\t\t\t\t\t}\n\t\t\t\t\tselectedBlockClientId={ selectedBlockClientId }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</AnimatedContainer>\n\t\t\t) }\n\t\t>\n\t\t\t<BlockInspectorSingleBlock\n\t\t\t\tclientId={ selectedBlockClientId }\n\t\t\t\tblockName={ blockType.name }\n\t\t\t/>\n\t\t</BlockInspectorSingleBlockWrapper>\n\t);\n};\n\nconst BlockInspectorSingleBlockWrapper = ( { animate, wrapper, children } ) => {\n\treturn animate ? wrapper( children ) : children;\n};\n\nconst AnimatedContainer = ( {\n\tblockInspectorAnimationSettings,\n\tselectedBlockClientId,\n\tchildren,\n} ) => {\n\tconst animationOrigin =\n\t\tblockInspectorAnimationSettings &&\n\t\tblockInspectorAnimationSettings.enterDirection === 'leftToRight'\n\t\t\t? -50\n\t\t\t: 50;\n\n\treturn (\n\t\t<motion.div\n\t\t\tanimate={ {\n\t\t\t\tx: 0,\n\t\t\t\topacity: 1,\n\t\t\t\ttransition: {\n\t\t\t\t\tease: 'easeInOut',\n\t\t\t\t\tduration: 0.14,\n\t\t\t\t},\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tx: animationOrigin,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\tkey={ selectedBlockClientId }\n\t\t>\n\t\t\t{ children }\n\t\t</motion.div>\n\t);\n};\n\nconst BlockInspectorSingleBlock = ( { clientId, blockName } ) => {\n\tconst availableTabs = useInspectorControlsTabs( blockName );\n\tconst showTabs = availableTabs?.length > 1;\n\n\tconst hasBlockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\tconst blockStyles = getBlockStyles( blockName );\n\t\t\treturn blockStyles && blockStyles.length > 0;\n\t\t},\n\t\t[ blockName ]\n\t);\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector\">\n\t\t\t<BlockCard\n\t\t\t\t{ ...blockInformation }\n\t\t\t\tclassName={ blockInformation.isSynced && 'is-synced' }\n\t\t\t/>\n\t\t\t<BlockVariationTransforms blockClientId={ clientId } />\n\t\t\t<BlockInfo.Slot />\n\t\t\t{ showTabs && (\n\t\t\t\t<InspectorControlsTabs\n\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\ttabs={ availableTabs }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! showTabs && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasBlockStyles && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t\t\t\t{ hasBlockSupport(\n\t\t\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t) && (\n\t\t\t\t\t\t\t\t\t<DefaultStylePicker\n\t\t\t\t\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"color\"\n\t\t\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"typography\"\n\t\t\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"dimensions\"\n\t\t\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"border\"\n\t\t\t\t\t\tlabel={ __( 'Border' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"background\"\n\t\t\t\t\t\tlabel={ __( 'Background' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<PositionControls />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<AdvancedControls />\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<SkipToSelectedBlock key=\"back\" />\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-inspector/README.md\n */\nexport default BlockInspector;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,YAAY,EACZC,8BAA8B,EAC9BC,eAAe,EACfC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,SAAS,EAAEC,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;AAC7E,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,2BAA2B;AAC3D,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,wBAAwB,MAAM,+BAA+B;AACpE,OAAOC,0BAA0B,MAAM,kCAAkC;AACzE,SAASV,KAAK,IAAIW,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,kBAAkB,MAAM,yBAAyB;AACxD,SAASC,OAAO,IAAIC,iBAAiB,QAAQ,uBAAuB;AACpE,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,4BAA4B;AAC7E,OAAOC,wBAAwB,MAAM,wDAAwD;AAC7F,OAAOC,gBAAgB,MAAM,oDAAoD;AACjF,OAAOC,gBAAgB,MAAM,oDAAoD;AACjF,OAAOC,kCAAkC,MAAM,sCAAsC;AACrF,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,oBAAoB,MAAM,2BAA2B;AAE5D,SAASC,0BAA0BA,CAAE;EAAEC;AAAoB,CAAC,EAAG;EAC9D,MAAMC,gBAAgB,GAAGpB,SAAS,CAC/BqB,MAAM,IAAM;IACb,MAAM;MACLC,yBAAyB;MACzBC,YAAY;MACZC;IACD,CAAC,GAAGH,MAAM,CAAEf,gBAAiB,CAAC;IAC9B,OAAOgB,yBAAyB,CAAEH,mBAAoB,CAAC,CAACM,MAAM,CAC3DC,QAAQ,IACTH,YAAY,CAAEG,QAAS,CAAC,KAAK,gBAAgB,IAC7CF,mBAAmB,CAAEE,QAAS,CAAC,KAAK,aACtC,CAAC;EACF,CAAC,EACD,CAAEP,mBAAmB,CACtB,CAAC;EACD,MAAMQ,gBAAgB,GAAGtB,0BAA0B,CAAEc,mBAAoB,CAAC;EAC1E,OACCS,aAAA;IAAKC,SAAS,EAAC;EAA8B,GAC5CD,aAAA,CAAC1B,SAAS;IAAA,GACJyB,gBAAgB;IACrBE,SAAS,EAAGF,gBAAgB,CAACG,QAAQ,IAAI;EAAa,CACtD,CAAC,EACFF,aAAA,CAACxB,wBAAwB;IAAC2B,aAAa,EAAGZ;EAAqB,CAAE,CAAC,EAClES,aAAA,CAACZ,SAAS,CAACgB,IAAI,MAAE,CAAC,EAClBJ,aAAA,CAAC/B,SAAS;IAACoC,KAAK,EAAG1C,EAAE,CAAE,SAAU;EAAG,GACnCqC,aAAA,CAACX,oBAAoB;IAACiB,SAAS,EAAGd;EAAkB,CAAE,CAC5C,CACP,CAAC;AAER;AAEA,MAAMe,cAAc,GAAGA,CAAE;EAAEC,0BAA0B,GAAG;AAAK,CAAC,KAAM;EACnE,MAAM;IACLC,KAAK;IACLC,iBAAiB;IACjBC,qBAAqB;IACrBC,SAAS;IACTrB;EACD,CAAC,GAAGnB,SAAS,CAAIqB,MAAM,IAAM;IAC5B,MAAM;MACLoB,wBAAwB;MACxBC,qBAAqB;MACrBnB,YAAY;MACZoB,iCAAiC;MACjCC;IACD,CAAC,GAAGvB,MAAM,CAAEf,gBAAiB,CAAC;IAE9B,MAAMuC,sBAAsB,GAAGJ,wBAAwB,CAAC,CAAC;IACzD,MAAMK,kBAAkB,GACvBD,sBAAsB,IAAItB,YAAY,CAAEsB,sBAAuB,CAAC;IACjE,MAAME,UAAU,GACfD,kBAAkB,IAAItD,YAAY,CAAEsD,kBAAmB,CAAC;IAEzD,OAAO;MACNT,KAAK,EAAEK,qBAAqB,CAAC,CAAC;MAC9BH,qBAAqB,EAAEM,sBAAsB;MAC7CP,iBAAiB,EAAEQ,kBAAkB;MACrCN,SAAS,EAAEO,UAAU;MACrB5B,mBAAmB,EAClBwB,iCAAiC,CAAEE,sBAAuB,CAAC,KACzDD,eAAe,CAAEC,sBAAuB,CAAC,KAAK,aAAa,GAC1DA,sBAAsB,GACtBG,SAAS;IACd,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,aAAa,GAAGrC,wBAAwB,CAAE4B,SAAS,EAAEU,IAAK,CAAC;EACjE,MAAMC,QAAQ,GAAGF,aAAa,EAAEG,MAAM,GAAG,CAAC;;EAE1C;EACA;EACA;EACA;EACA;EACA;EACA,MAAMC,+BAA+B,GAAGtC,kCAAkC,CACzEyB,SAAS,EACTD,qBACD,CAAC;EAED,IAAKF,KAAK,GAAG,CAAC,EAAG;IAChB,OACCT,aAAA;MAAKC,SAAS,EAAC;IAA8B,GAC5CD,aAAA,CAACzB,uBAAuB,MAAE,CAAC,EACzBgD,QAAQ,GACTvB,aAAA,CAACjB,qBAAqB;MAAC2C,IAAI,EAAGL;IAAe,CAAE,CAAC,GAEhDrB,aAAA,CAAA2B,QAAA,QACC3B,aAAA,CAAClB,iBAAiB,CAACsB,IAAI,MAAE,CAAC,EAC1BJ,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;MACtBwB,KAAK,EAAC,OAAO;MACbC,KAAK,EAAGlE,EAAE,CAAE,OAAQ,CAAG;MACvBsC,SAAS,EAAC;IAA0C,CACpD,CAAC,EACFD,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;MACtBwB,KAAK,EAAC,YAAY;MAClBC,KAAK,EAAGlE,EAAE,CAAE,YAAa;IAAG,CAC5B,CAAC,EACFqC,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;MACtBwB,KAAK,EAAC,YAAY;MAClBC,KAAK,EAAGlE,EAAE,CAAE,YAAa;IAAG,CAC5B,CAAC,EACFqC,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;MACtBwB,KAAK,EAAC,QAAQ;MACdC,KAAK,EAAGlE,EAAE,CAAE,QAAS;IAAG,CACxB,CAAC,EACFqC,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;MAACwB,KAAK,EAAC;IAAQ,CAAE,CACvC,CAEC,CAAC;EAER;EAEA,MAAME,2BAA2B,GAChCpB,iBAAiB,KAAK7C,8BAA8B,CAAC,CAAC;;EAEvD;AACD;AACA;AACA;EACC,IACC,CAAE+C,SAAS,IACX,CAAED,qBAAqB,IACvBmB,2BAA2B,EAC1B;IACD,IAAKtB,0BAA0B,EAAG;MACjC,OACCR,aAAA;QAAMC,SAAS,EAAC;MAAyC,GACtDtC,EAAE,CAAE,oBAAqB,CACtB,CAAC;IAET;IACA,OAAO,IAAI;EACZ;EACA,IAAK4B,mBAAmB,EAAG;IAC1B,OACCS,aAAA,CAACV,0BAA0B;MAC1BC,mBAAmB,EAAGA;IAAqB,CAC3C,CAAC;EAEJ;EAEA,OACCS,aAAA,CAAC+B,gCAAgC;IAChCC,OAAO,EAAGP,+BAAiC;IAC3CQ,OAAO,EAAKC,QAAQ,IACnBlC,aAAA,CAACmC,iBAAiB;MACjBV,+BAA+B,EAC9BA,+BACA;MACDd,qBAAqB,EAAGA;IAAuB,GAE7CuB,QACgB;EACjB,GAEHlC,aAAA,CAACoC,yBAAyB;IACzBtC,QAAQ,EAAGa,qBAAuB;IAClC0B,SAAS,EAAGzB,SAAS,CAACU;EAAM,CAC5B,CACgC,CAAC;AAErC,CAAC;AAED,MAAMS,gCAAgC,GAAGA,CAAE;EAAEC,OAAO;EAAEC,OAAO;EAAEC;AAAS,CAAC,KAAM;EAC9E,OAAOF,OAAO,GAAGC,OAAO,CAAEC,QAAS,CAAC,GAAGA,QAAQ;AAChD,CAAC;AAED,MAAMC,iBAAiB,GAAGA,CAAE;EAC3BV,+BAA+B;EAC/Bd,qBAAqB;EACrBuB;AACD,CAAC,KAAM;EACN,MAAMI,eAAe,GACpBb,+BAA+B,IAC/BA,+BAA+B,CAACc,cAAc,KAAK,aAAa,GAC7D,CAAC,EAAE,GACH,EAAE;EAEN,OACCvC,aAAA,CAAC7B,MAAM,CAACqE,GAAG;IACVR,OAAO,EAAG;MACTS,CAAC,EAAE,CAAC;MACJC,OAAO,EAAE,CAAC;MACVC,UAAU,EAAE;QACXC,IAAI,EAAE,WAAW;QACjBC,QAAQ,EAAE;MACX;IACD,CAAG;IACHC,OAAO,EAAG;MACTL,CAAC,EAAEH,eAAe;MAClBI,OAAO,EAAE;IACV,CAAG;IACHK,GAAG,EAAGpC;EAAuB,GAE3BuB,QACS,CAAC;AAEf,CAAC;AAED,MAAME,yBAAyB,GAAGA,CAAE;EAAEtC,QAAQ;EAAEuC;AAAU,CAAC,KAAM;EAChE,MAAMhB,aAAa,GAAGrC,wBAAwB,CAAEqD,SAAU,CAAC;EAC3D,MAAMd,QAAQ,GAAGF,aAAa,EAAEG,MAAM,GAAG,CAAC;EAE1C,MAAMwB,cAAc,GAAG5E,SAAS,CAC7BqB,MAAM,IAAM;IACb,MAAM;MAAEwD;IAAe,CAAC,GAAGxD,MAAM,CAAEzB,WAAY,CAAC;IAChD,MAAMkF,WAAW,GAAGD,cAAc,CAAEZ,SAAU,CAAC;IAC/C,OAAOa,WAAW,IAAIA,WAAW,CAAC1B,MAAM,GAAG,CAAC;EAC7C,CAAC,EACD,CAAEa,SAAS,CACZ,CAAC;EACD,MAAMtC,gBAAgB,GAAGtB,0BAA0B,CAAEqB,QAAS,CAAC;EAE/D,OACCE,aAAA;IAAKC,SAAS,EAAC;EAA8B,GAC5CD,aAAA,CAAC1B,SAAS;IAAA,GACJyB,gBAAgB;IACrBE,SAAS,EAAGF,gBAAgB,CAACG,QAAQ,IAAI;EAAa,CACtD,CAAC,EACFF,aAAA,CAACxB,wBAAwB;IAAC2B,aAAa,EAAGL;EAAU,CAAE,CAAC,EACvDE,aAAA,CAACZ,SAAS,CAACgB,IAAI,MAAE,CAAC,EAChBmB,QAAQ,IACTvB,aAAA,CAACjB,qBAAqB;IACrBiE,cAAc,EAAGA,cAAgB;IACjClD,QAAQ,EAAGA,QAAU;IACrBuC,SAAS,EAAGA,SAAW;IACvBX,IAAI,EAAGL;EAAe,CACtB,CACD,EACC,CAAEE,QAAQ,IACXvB,aAAA,CAAA2B,QAAA,QACGqB,cAAc,IACfhD,aAAA,cACCA,aAAA,CAAC/B,SAAS;IAACoC,KAAK,EAAG1C,EAAE,CAAE,QAAS;EAAG,GAClCqC,aAAA,CAACrB,WAAW;IAACmB,QAAQ,EAAGA;EAAU,CAAE,CAAC,EACnChC,eAAe,CAChBuE,SAAS,EACT,oBAAoB,EACpB,IACD,CAAC,IACArC,aAAA,CAACpB,kBAAkB;IAClByD,SAAS,EAAGA;EAAW,CACvB,CAEQ,CACP,CACL,EACDrC,aAAA,CAAClB,iBAAiB,CAACsB,IAAI,MAAE,CAAC,EAC1BJ,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;IAACwB,KAAK,EAAC;EAAM,CAAE,CAAC,EACvC5B,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;IACtBwB,KAAK,EAAC,OAAO;IACbC,KAAK,EAAGlE,EAAE,CAAE,OAAQ,CAAG;IACvBsC,SAAS,EAAC;EAA0C,CACpD,CAAC,EACFD,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;IACtBwB,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAGlE,EAAE,CAAE,YAAa;EAAG,CAC5B,CAAC,EACFqC,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;IACtBwB,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAGlE,EAAE,CAAE,YAAa;EAAG,CAC5B,CAAC,EACFqC,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;IACtBwB,KAAK,EAAC,QAAQ;IACdC,KAAK,EAAGlE,EAAE,CAAE,QAAS;EAAG,CACxB,CAAC,EACFqC,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;IAACwB,KAAK,EAAC;EAAQ,CAAE,CAAC,EACzC5B,aAAA,CAAClB,iBAAiB,CAACsB,IAAI;IACtBwB,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAGlE,EAAE,CAAE,YAAa;EAAG,CAC5B,CAAC,EACFqC,aAAA,CAACd,gBAAgB,MAAE,CAAC,EACpBc,aAAA,cACCA,aAAA,CAACf,gBAAgB,MAAE,CACf,CACJ,CACF,EACDe,aAAA,CAAC3B,mBAAmB;IAAC0E,GAAG,EAAC;EAAM,CAAE,CAC7B,CAAC;AAER,CAAC;;AAED;AACA;AACA;AACA,eAAexC,cAAc"}
+{"version":3,"names":["__","getBlockType","getUnregisteredTypeHandlerName","hasBlockSupport","store","blocksStore","PanelBody","__unstableMotion","motion","useSelect","SkipToSelectedBlock","BlockCard","MultiSelectionInspector","BlockVariationTransforms","useBlockDisplayInformation","blockEditorStore","BlockStyles","DefaultStylePicker","default","InspectorControls","InspectorControlsTabs","useInspectorControlsTabs","AdvancedControls","PositionControls","useBlockInspectorAnimationSettings","BlockInfo","BlockQuickNavigation","BlockInspectorLockedBlocks","topLevelLockedBlock","contentClientIds","select","getClientIdsOfDescendants","getBlockName","getBlockEditingMode","filter","clientId","blockInformation","createElement","className","isSynced","blockClientId","Slot","title","clientIds","BlockInspector","showNoBlockSelectedMessage","count","selectedBlockName","selectedBlockClientId","blockType","getSelectedBlockClientId","getSelectedBlockCount","__unstableGetContentLockingParent","getTemplateLock","_selectedBlockClientId","_selectedBlockName","_blockType","window","__experimentalPatternPartialSyncing","undefined","availableTabs","name","showTabs","length","blockInspectorAnimationSettings","tabs","Fragment","group","label","isSelectedBlockUnregistered","BlockInspectorSingleBlockWrapper","animate","wrapper","children","AnimatedContainer","BlockInspectorSingleBlock","blockName","animationOrigin","enterDirection","div","x","opacity","transition","ease","duration","initial","key","hasBlockStyles","getBlockStyles","blockStyles"],"sources":["@wordpress/block-editor/src/components/block-inspector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tgetBlockType,\n\tgetUnregisteredTypeHandlerName,\n\thasBlockSupport,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { PanelBody, __unstableMotion as motion } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SkipToSelectedBlock from '../skip-to-selected-block';\nimport BlockCard from '../block-card';\nimport MultiSelectionInspector from '../multi-selection-inspector';\nimport BlockVariationTransforms from '../block-variation-transforms';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport { store as blockEditorStore } from '../../store';\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport { default as InspectorControls } from '../inspector-controls';\nimport { default as InspectorControlsTabs } from '../inspector-controls-tabs';\nimport useInspectorControlsTabs from '../inspector-controls-tabs/use-inspector-controls-tabs';\nimport AdvancedControls from '../inspector-controls-tabs/advanced-controls-panel';\nimport PositionControls from '../inspector-controls-tabs/position-controls-panel';\nimport useBlockInspectorAnimationSettings from './useBlockInspectorAnimationSettings';\nimport BlockInfo from '../block-info-slot-fill';\nimport BlockQuickNavigation from '../block-quick-navigation';\n\nfunction BlockInspectorLockedBlocks( { topLevelLockedBlock } ) {\n\tconst contentClientIds = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetClientIdsOfDescendants,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn getClientIdsOfDescendants( topLevelLockedBlock ).filter(\n\t\t\t\t( clientId ) =>\n\t\t\t\t\tgetBlockName( clientId ) !== 'core/list-item' &&\n\t\t\t\t\tgetBlockEditingMode( clientId ) === 'contentOnly'\n\t\t\t);\n\t\t},\n\t\t[ topLevelLockedBlock ]\n\t);\n\tconst blockInformation = useBlockDisplayInformation( topLevelLockedBlock );\n\treturn (\n\t\t<div className=\"block-editor-block-inspector\">\n\t\t\t<BlockCard\n\t\t\t\t{ ...blockInformation }\n\t\t\t\tclassName={ blockInformation.isSynced && 'is-synced' }\n\t\t\t/>\n\t\t\t<BlockVariationTransforms blockClientId={ topLevelLockedBlock } />\n\t\t\t<BlockInfo.Slot />\n\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t<BlockQuickNavigation clientIds={ contentClientIds } />\n\t\t\t</PanelBody>\n\t\t</div>\n\t);\n}\n\nconst BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {\n\tconst {\n\t\tcount,\n\t\tselectedBlockName,\n\t\tselectedBlockClientId,\n\t\tblockType,\n\t\ttopLevelLockedBlock,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetSelectedBlockCount,\n\t\t\tgetBlockName,\n\t\t\t__unstableGetContentLockingParent,\n\t\t\tgetTemplateLock,\n\t\t} = select( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst _selectedBlockName =\n\t\t\t_selectedBlockClientId && getBlockName( _selectedBlockClientId );\n\t\tconst _blockType =\n\t\t\t_selectedBlockName && getBlockType( _selectedBlockName );\n\n\t\treturn {\n\t\t\tcount: getSelectedBlockCount(),\n\t\t\tselectedBlockClientId: _selectedBlockClientId,\n\t\t\tselectedBlockName: _selectedBlockName,\n\t\t\tblockType: _blockType,\n\t\t\ttopLevelLockedBlock:\n\t\t\t\t__unstableGetContentLockingParent( _selectedBlockClientId ) ||\n\t\t\t\t( getTemplateLock( _selectedBlockClientId ) === 'contentOnly' ||\n\t\t\t\t( _selectedBlockName === 'core/block' &&\n\t\t\t\t\twindow.__experimentalPatternPartialSyncing )\n\t\t\t\t\t? _selectedBlockClientId\n\t\t\t\t\t: undefined ),\n\t\t};\n\t}, [] );\n\n\tconst availableTabs = useInspectorControlsTabs( blockType?.name );\n\tconst showTabs = availableTabs?.length > 1;\n\n\t// The block inspector animation settings will be completely\n\t// removed in the future to create an API which allows the block\n\t// inspector to transition between what it\n\t// displays based on the relationship between the selected block\n\t// and its parent, and only enable it if the parent is controlling\n\t// its children blocks.\n\tconst blockInspectorAnimationSettings = useBlockInspectorAnimationSettings(\n\t\tblockType,\n\t\tselectedBlockClientId\n\t);\n\n\tif ( count > 1 ) {\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-inspector\">\n\t\t\t\t<MultiSelectionInspector />\n\t\t\t\t{ showTabs ? (\n\t\t\t\t\t<InspectorControlsTabs tabs={ availableTabs } />\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"color\"\n\t\t\t\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"typography\"\n\t\t\t\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"dimensions\"\n\t\t\t\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\t\tgroup=\"border\"\n\t\t\t\t\t\t\tlabel={ __( 'Border' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst isSelectedBlockUnregistered =\n\t\tselectedBlockName === getUnregisteredTypeHandlerName();\n\n\t/*\n\t * If the selected block is of an unregistered type, avoid showing it as an actual selection\n\t * because we want the user to focus on the unregistered block warning, not block settings.\n\t */\n\tif (\n\t\t! blockType ||\n\t\t! selectedBlockClientId ||\n\t\tisSelectedBlockUnregistered\n\t) {\n\t\tif ( showNoBlockSelectedMessage ) {\n\t\t\treturn (\n\t\t\t\t<span className=\"block-editor-block-inspector__no-blocks\">\n\t\t\t\t\t{ __( 'No block selected.' ) }\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}\n\tif ( topLevelLockedBlock ) {\n\t\treturn (\n\t\t\t<BlockInspectorLockedBlocks\n\t\t\t\ttopLevelLockedBlock={ topLevelLockedBlock }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<BlockInspectorSingleBlockWrapper\n\t\t\tanimate={ blockInspectorAnimationSettings }\n\t\t\twrapper={ ( children ) => (\n\t\t\t\t<AnimatedContainer\n\t\t\t\t\tblockInspectorAnimationSettings={\n\t\t\t\t\t\tblockInspectorAnimationSettings\n\t\t\t\t\t}\n\t\t\t\t\tselectedBlockClientId={ selectedBlockClientId }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</AnimatedContainer>\n\t\t\t) }\n\t\t>\n\t\t\t<BlockInspectorSingleBlock\n\t\t\t\tclientId={ selectedBlockClientId }\n\t\t\t\tblockName={ blockType.name }\n\t\t\t/>\n\t\t</BlockInspectorSingleBlockWrapper>\n\t);\n};\n\nconst BlockInspectorSingleBlockWrapper = ( { animate, wrapper, children } ) => {\n\treturn animate ? wrapper( children ) : children;\n};\n\nconst AnimatedContainer = ( {\n\tblockInspectorAnimationSettings,\n\tselectedBlockClientId,\n\tchildren,\n} ) => {\n\tconst animationOrigin =\n\t\tblockInspectorAnimationSettings &&\n\t\tblockInspectorAnimationSettings.enterDirection === 'leftToRight'\n\t\t\t? -50\n\t\t\t: 50;\n\n\treturn (\n\t\t<motion.div\n\t\t\tanimate={ {\n\t\t\t\tx: 0,\n\t\t\t\topacity: 1,\n\t\t\t\ttransition: {\n\t\t\t\t\tease: 'easeInOut',\n\t\t\t\t\tduration: 0.14,\n\t\t\t\t},\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tx: animationOrigin,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\tkey={ selectedBlockClientId }\n\t\t>\n\t\t\t{ children }\n\t\t</motion.div>\n\t);\n};\n\nconst BlockInspectorSingleBlock = ( { clientId, blockName } ) => {\n\tconst availableTabs = useInspectorControlsTabs( blockName );\n\tconst showTabs = availableTabs?.length > 1;\n\n\tconst hasBlockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\tconst blockStyles = getBlockStyles( blockName );\n\t\t\treturn blockStyles && blockStyles.length > 0;\n\t\t},\n\t\t[ blockName ]\n\t);\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector\">\n\t\t\t<BlockCard\n\t\t\t\t{ ...blockInformation }\n\t\t\t\tclassName={ blockInformation.isSynced && 'is-synced' }\n\t\t\t/>\n\t\t\t<BlockVariationTransforms blockClientId={ clientId } />\n\t\t\t<BlockInfo.Slot />\n\t\t\t{ showTabs && (\n\t\t\t\t<InspectorControlsTabs\n\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\ttabs={ availableTabs }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! showTabs && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasBlockStyles && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t\t\t\t{ hasBlockSupport(\n\t\t\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t) && (\n\t\t\t\t\t\t\t\t\t<DefaultStylePicker\n\t\t\t\t\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"color\"\n\t\t\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"typography\"\n\t\t\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"dimensions\"\n\t\t\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"border\"\n\t\t\t\t\t\tlabel={ __( 'Border' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"background\"\n\t\t\t\t\t\tlabel={ __( 'Background' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<PositionControls />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<AdvancedControls />\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<SkipToSelectedBlock key=\"back\" />\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-inspector/README.md\n */\nexport default BlockInspector;\n"],"mappings":"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"}

package/build-module/components/block-list/block-list-item-cell.native.js

@@ -58,6 +58,7 @@ function BlockListItemCell({
     }
   }, [clientId, rootClientId, updateBlocksLayouts, onLayout]);
   return createElement(View, {
+    testID: "block-list-item-cell",
     onLayout: onCellLayout
   }, children);
 }

package/build-module/components/block-list/block-list-item-cell.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","useEffect","useCallback","useSelect","useBlockListContext","store","blockEditorStore","BlockListItemCell","children","item","clientId","onLayout","blocksLayouts","updateBlocksLayouts","rootClientId","select","getBlockRootClientId","shouldRemove","onCellLayout","event","nativeEvent","layout","createElement"],"sources":["@wordpress/block-editor/src/components/block-list/block-list-item-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useBlockListContext } from './block-list-context';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockListItemCell( { children, item: clientId, onLayout } ) {\n\tconst { blocksLayouts, updateBlocksLayouts } = useBlockListContext();\n\tconst { rootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\t\t\treturn { rootClientId: getBlockRootClientId( clientId ) };\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tupdateBlocksLayouts( blocksLayouts, {\n\t\t\t\tclientId,\n\t\t\t\tshouldRemove: true,\n\t\t\t} );\n\t\t};\n\t}, [] );\n\n\tconst onCellLayout = useCallback(\n\t\t( event ) => {\n\t\t\tconst {\n\t\t\t\tnativeEvent: { layout },\n\t\t\t} = event;\n\t\t\tupdateBlocksLayouts( blocksLayouts, {\n\t\t\t\tclientId,\n\t\t\t\trootClientId,\n\t\t\t\t...layout,\n\t\t\t} );\n\n\t\t\tif ( onLayout ) {\n\t\t\t\tonLayout( event );\n\t\t\t}\n\t\t},\n\t\t[ clientId, rootClientId, updateBlocksLayouts, onLayout ]\n\t);\n\n\treturn <View onLayout={ onCellLayout }>{ children }</View>;\n}\n\nexport default BlockListItemCell;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,EAAEC,WAAW,QAAQ,oBAAoB;AAC3D,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,SAASC,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC,IAAI,EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACpE,MAAM;IAAEC,aAAa;IAAEC;EAAoB,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACpE,MAAM;IAAEU;EAAa,CAAC,GAAGX,SAAS,CAC/BY,MAAM,IAAM;IACb,MAAM;MAAEC;IAAqB,CAAC,GAAGD,MAAM,CAAET,gBAAiB,CAAC;IAC3D,OAAO;MAAEQ,YAAY,EAAEE,oBAAoB,CAAEN,QAAS;IAAE,CAAC;EAC1D,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAEDT,SAAS,CAAE,MAAM;IAChB,OAAO,MAAM;MACZY,mBAAmB,CAAED,aAAa,EAAE;QACnCF,QAAQ;QACRO,YAAY,EAAE;MACf,CAAE,CAAC;IACJ,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,YAAY,GAAGhB,WAAW,CAC7BiB,KAAK,IAAM;IACZ,MAAM;MACLC,WAAW,EAAE;QAAEC;MAAO;IACvB,CAAC,GAAGF,KAAK;IACTN,mBAAmB,CAAED,aAAa,EAAE;MACnCF,QAAQ;MACRI,YAAY;MACZ,GAAGO;IACJ,CAAE,CAAC;IAEH,IAAKV,QAAQ,EAAG;MACfA,QAAQ,CAAEQ,KAAM,CAAC;IAClB;EACD,CAAC,EACD,CAAET,QAAQ,EAAEI,YAAY,EAAED,mBAAmB,EAAEF,QAAQ,CACxD,CAAC;EAED,OAAOW,aAAA,CAACtB,IAAI;IAACW,QAAQ,EAAGO;EAAc,GAAGV,QAAgB,CAAC;AAC3D;AAEA,eAAeD,iBAAiB"}
+{"version":3,"names":["View","useEffect","useCallback","useSelect","useBlockListContext","store","blockEditorStore","BlockListItemCell","children","item","clientId","onLayout","blocksLayouts","updateBlocksLayouts","rootClientId","select","getBlockRootClientId","shouldRemove","onCellLayout","event","nativeEvent","layout","createElement","testID"],"sources":["@wordpress/block-editor/src/components/block-list/block-list-item-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useBlockListContext } from './block-list-context';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockListItemCell( { children, item: clientId, onLayout } ) {\n\tconst { blocksLayouts, updateBlocksLayouts } = useBlockListContext();\n\tconst { rootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\t\t\treturn { rootClientId: getBlockRootClientId( clientId ) };\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tupdateBlocksLayouts( blocksLayouts, {\n\t\t\t\tclientId,\n\t\t\t\tshouldRemove: true,\n\t\t\t} );\n\t\t};\n\t}, [] );\n\n\tconst onCellLayout = useCallback(\n\t\t( event ) => {\n\t\t\tconst {\n\t\t\t\tnativeEvent: { layout },\n\t\t\t} = event;\n\t\t\tupdateBlocksLayouts( blocksLayouts, {\n\t\t\t\tclientId,\n\t\t\t\trootClientId,\n\t\t\t\t...layout,\n\t\t\t} );\n\n\t\t\tif ( onLayout ) {\n\t\t\t\tonLayout( event );\n\t\t\t}\n\t\t},\n\t\t[ clientId, rootClientId, updateBlocksLayouts, onLayout ]\n\t);\n\n\treturn (\n\t\t<View testID=\"block-list-item-cell\" onLayout={ onCellLayout }>\n\t\t\t{ children }\n\t\t</View>\n\t);\n}\n\nexport default BlockListItemCell;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,EAAEC,WAAW,QAAQ,oBAAoB;AAC3D,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,SAASC,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC,IAAI,EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACpE,MAAM;IAAEC,aAAa;IAAEC;EAAoB,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACpE,MAAM;IAAEU;EAAa,CAAC,GAAGX,SAAS,CAC/BY,MAAM,IAAM;IACb,MAAM;MAAEC;IAAqB,CAAC,GAAGD,MAAM,CAAET,gBAAiB,CAAC;IAC3D,OAAO;MAAEQ,YAAY,EAAEE,oBAAoB,CAAEN,QAAS;IAAE,CAAC;EAC1D,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAEDT,SAAS,CAAE,MAAM;IAChB,OAAO,MAAM;MACZY,mBAAmB,CAAED,aAAa,EAAE;QACnCF,QAAQ;QACRO,YAAY,EAAE;MACf,CAAE,CAAC;IACJ,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,YAAY,GAAGhB,WAAW,CAC7BiB,KAAK,IAAM;IACZ,MAAM;MACLC,WAAW,EAAE;QAAEC;MAAO;IACvB,CAAC,GAAGF,KAAK;IACTN,mBAAmB,CAAED,aAAa,EAAE;MACnCF,QAAQ;MACRI,YAAY;MACZ,GAAGO;IACJ,CAAE,CAAC;IAEH,IAAKV,QAAQ,EAAG;MACfA,QAAQ,CAAEQ,KAAM,CAAC;IAClB;EACD,CAAC,EACD,CAAET,QAAQ,EAAEI,YAAY,EAAED,mBAAmB,EAAEF,QAAQ,CACxD,CAAC;EAED,OACCW,aAAA,CAACtB,IAAI;IAACuB,MAAM,EAAC,sBAAsB;IAACZ,QAAQ,EAAGO;EAAc,GAC1DV,QACG,CAAC;AAET;AAEA,eAAeD,iBAAiB"}

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

@@ -7,11 +7,11 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { useMemo, useCallback, RawHTML } from '@wordpress/element';
-import { getBlockType, getSaveContent, isUnmodifiedDefaultBlock, serializeRawBlock, switchToBlockType, getDefaultBlockName, isUnmodifiedBlock } from '@wordpress/blocks';
+import { useCallback, RawHTML, useContext } from '@wordpress/element';
+import { getBlockType, getSaveContent, isUnmodifiedDefaultBlock, serializeRawBlock, switchToBlockType, getDefaultBlockName, isUnmodifiedBlock, isReusableBlock, getBlockDefaultClassName, store as blocksStore } from '@wordpress/blocks';
 import { withFilters } from '@wordpress/components';
-import { withDispatch, withSelect, useDispatch, useSelect } from '@wordpress/data';
-import { compose, pure, ifCondition } from '@wordpress/compose';
+import { withDispatch, useDispatch, useSelect } from '@wordpress/data';
+import { compose, pure } from '@wordpress/compose';
 import { safeHTML } from '@wordpress/dom';
 
 /**
@@ -25,7 +25,8 @@ import BlockHtml from './block-html';
 import { useBlockProps } from './use-block-props';
 import { store as blockEditorStore } from '../../store';
 import { useLayout } from './layout';
-import { BlockListBlockContext } from './block-list-block-context';
+import { PrivateBlockContext } from './private-block-context';
+import { unlock } from '../../lock-unlock';
 
 /**
  * Merges wrapper props with special handling for classNames and styles.
@@ -40,10 +41,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 = classnames(propsA.className, propsB.className);
   }
-  if (propsA?.style && propsB?.style) {
+  if (propsA?.hasOwnProperty('style') && propsB?.hasOwnProperty('style')) {
     newProps.style = {
       ...propsA.style,
       ...propsB.style
@@ -86,21 +89,11 @@ function BlockListBlock({
 }) {
   var _wrapperProps;
   const {
+    mayDisplayControls,
+    mayDisplayParentControls,
     themeSupportsLayout,
-    isTemporarilyEditingAsBlocks,
-    blockEditingMode
-  } = useSelect(select => {
-    const {
-      getSettings,
-      __unstableGetTemporarilyEditingAsBlocks,
-      getBlockEditingMode
-    } = select(blockEditorStore);
-    return {
-      themeSupportsLayout: getSettings().supportsLayout,
-      isTemporarilyEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === clientId,
-      blockEditingMode: getBlockEditingMode(clientId)
-    };
-  }, [clientId]);
+    ...context
+  } = useContext(PrivateBlockContext);
   const {
     removeBlock
   } = useDispatch(blockEditorStore);
@@ -124,21 +117,22 @@ 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 = getBlockType(name);
-  if (blockEditingMode === 'disabled') {
-    wrapperProps = {
-      ...wrapperProps,
-      tabIndex: -1
-    };
-  }
+
   // Determine whether the block has props to apply to the wrapper.
   if (blockType?.getEditWrapperProps) {
     wrapperProps = mergeWrapperProps(wrapperProps, blockType.getEditWrapperProps(attributes));
   }
   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
@@ -149,7 +143,7 @@ function BlockListBlock({
   // and backend.
   if (isAligned) {
     blockEdit = createElement("div", {
-      className: "wp-block",
+      className: classnames('wp-block', isSticky && className),
       "data-align": wrapperProps['data-align']
     }, blockEdit);
   }
@@ -176,80 +170,29 @@ function BlockListBlock({
   } else if (blockType?.apiVersion > 1) {
     block = blockEdit;
   } else {
-    block = createElement(Block, {
-      ...wrapperProps
-    }, blockEdit);
+    block = createElement(Block, null, blockEdit);
   }
   const {
     'data-align': dataAlign,
     ...restWrapperProps
   } = (_wrapperProps = wrapperProps) !== null && _wrapperProps !== void 0 ? _wrapperProps : {};
-  const value = {
-    clientId,
-    className: classnames({
-      'is-editing-disabled': blockEditingMode === 'disabled',
-      'is-content-locked-temporarily-editing-as-blocks': isTemporarilyEditingAsBlocks
-    }, dataAlign && themeSupportsLayout && `align${dataAlign}`, className),
-    wrapperProps: restWrapperProps,
-    isAligned
-  };
-  const memoizedValue = useMemo(() => value, Object.values(value));
-  return createElement(BlockListBlockContext.Provider, {
-    value: memoizedValue
+  restWrapperProps.className = classnames(restWrapperProps.className, dataAlign && themeSupportsLayout && `align${dataAlign}`, !(dataAlign && isSticky) && className);
+
+  // We set a new context with the adjusted and filtered wrapperProps (through
+  // `editor.BlockListBlock`), which the `BlockListBlockProvider` did not have
+  // access to.
+  return createElement(PrivateBlockContext.Provider, {
+    value: {
+      wrapperProps: restWrapperProps,
+      isAligned,
+      ...context
+    }
   }, createElement(BlockCrashBoundary, {
     fallback: createElement(Block, {
       className: "has-warning"
     }, createElement(BlockCrashWarning, null))
   }, block));
 }
-const applyWithSelect = withSelect((select, {
-  clientId,
-  rootClientId
-}) => {
-  const {
-    isBlockSelected,
-    getBlockMode,
-    isSelectionEnabled,
-    getTemplateLock,
-    __unstableGetBlockWithoutInnerBlocks,
-    canRemoveBlock,
-    canMoveBlock
-  } = select(blockEditorStore);
-  const block = __unstableGetBlockWithoutInnerBlocks(clientId);
-  const isSelected = isBlockSelected(clientId);
-  const templateLock = getTemplateLock(rootClientId);
-  const canRemove = canRemoveBlock(clientId, rootClientId);
-  const canMove = canMoveBlock(clientId, rootClientId);
-
-  // The fallback to `{}` is a temporary fix.
-  // This function should never be called when a block is not present in
-  // the state. It happens now because the order in withSelect rendering
-  // is not correct.
-  const {
-    name,
-    attributes,
-    isValid
-  } = block || {};
-
-  // Do not add new properties here, use `useSelect` instead to avoid
-  // leaking new props to the public API (editor.BlockListBlock filter).
-  return {
-    mode: getBlockMode(clientId),
-    isSelectionEnabled: isSelectionEnabled(),
-    isLocked: !!templateLock,
-    canRemove,
-    canMove,
-    // Users of the editor.BlockListBlock filter used to be able to
-    // access the block prop.
-    // Ideally these blocks would rely on the clientId prop only.
-    // This is kept for backward compatibility reasons.
-    block,
-    name,
-    attributes,
-    isValid,
-    isSelected
-  };
-});
 const applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
   const {
     updateBlockAttributes,
@@ -416,11 +359,230 @@ const applyWithDispatch = withDispatch((dispatch, ownProps, registry) => {
     }
   };
 });
-export default compose(pure, applyWithSelect, applyWithDispatch,
-// Block is sometimes not mounted at the right time, causing it be undefined
-// see issue for more info
-// https://github.com/WordPress/gutenberg/issues/17013
-ifCondition(({
-  block
-}) => !!block), withFilters('editor.BlockListBlock'))(BlockListBlock);
+
+// This component is used by the BlockListBlockProvider component below. It will
+// add the props necessary for the `editor.BlockListBlock` filters.
+BlockListBlock = compose(applyWithDispatch, withFilters('editor.BlockListBlock'))(BlockListBlock);
+
+// This component provides all the information we need through a single store
+// subscription (useSelect mapping). Only the necesssary props are passed down
+// to the BlockListBlock component, which is a filtered component, so these
+// props are public API. To avoid adding to the public API, we use a private
+// context to pass the rest of the information to the filtered BlockListBlock
+// component, and useBlockProps.
+function BlockListBlockProvider(props) {
+  const {
+    clientId,
+    rootClientId
+  } = props;
+  const selectedProps = useSelect(select => {
+    const {
+      isBlockSelected,
+      getBlockMode,
+      isSelectionEnabled,
+      getTemplateLock,
+      __unstableGetBlockWithoutInnerBlocks,
+      canRemoveBlock,
+      canMoveBlock,
+      getSettings,
+      __unstableGetTemporarilyEditingAsBlocks,
+      getBlockEditingMode,
+      getBlockName,
+      isFirstMultiSelectedBlock,
+      getMultiSelectedBlockClientIds,
+      hasSelectedInnerBlock,
+      getBlockIndex,
+      isTyping,
+      isBlockMultiSelected,
+      isBlockSubtreeDisabled,
+      isBlockHighlighted,
+      __unstableIsFullySelected,
+      __unstableSelectionHasUnmergeableBlock,
+      isBlockBeingDragged,
+      hasBlockMovingClientId,
+      canInsertBlockType,
+      getBlockRootClientId,
+      __unstableHasActiveBlockOverlayActive,
+      __unstableGetEditorMode,
+      getSelectedBlocksInitialCaretPosition
+    } = unlock(select(blockEditorStore));
+    const block = __unstableGetBlockWithoutInnerBlocks(clientId);
+
+    // This is a temporary fix.
+    // This function should never be called when a block is not
+    // present in the state. It happens now because the order in
+    // withSelect rendering is not correct.
+    if (!block) {
+      return;
+    }
+    const {
+      hasBlockSupport: _hasBlockSupport,
+      getActiveBlockVariation
+    } = select(blocksStore);
+    const _isSelected = isBlockSelected(clientId);
+    const templateLock = getTemplateLock(rootClientId);
+    const canRemove = canRemoveBlock(clientId, rootClientId);
+    const canMove = canMoveBlock(clientId, rootClientId);
+    const {
+      name: blockName,
+      attributes,
+      isValid
+    } = block;
+    const blockType = getBlockType(blockName);
+    const match = getActiveBlockVariation(blockName, attributes);
+    const {
+      outlineMode,
+      supportsLayout
+    } = getSettings();
+    const isMultiSelected = isBlockMultiSelected(clientId);
+    const checkDeep = true;
+    const isAncestorOfSelectedBlock = hasSelectedInnerBlock(clientId, checkDeep);
+    const typing = isTyping();
+    const hasLightBlockWrapper = blockType?.apiVersion > 1;
+    const movingClientId = hasBlockMovingClientId();
+    return {
+      mode: getBlockMode(clientId),
+      isSelectionEnabled: isSelectionEnabled(),
+      isLocked: !!templateLock,
+      canRemove,
+      canMove,
+      // Users of the editor.BlockListBlock filter used to be able to
+      // access the block prop.
+      // Ideally these blocks would rely on the clientId prop only.
+      // This is kept for backward compatibility reasons.
+      block,
+      name: blockName,
+      attributes,
+      isValid,
+      isSelected: _isSelected,
+      themeSupportsLayout: supportsLayout,
+      isTemporarilyEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === clientId,
+      blockEditingMode: getBlockEditingMode(clientId),
+      mayDisplayControls: _isSelected || isFirstMultiSelectedBlock(clientId) && getMultiSelectedBlockClientIds().every(id => getBlockName(id) === blockName),
+      mayDisplayParentControls: _hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId),
+      index: getBlockIndex(clientId),
+      blockApiVersion: blockType?.apiVersion || 1,
+      blockTitle: match?.title || blockType?.title,
+      isSubtreeDisabled: isBlockSubtreeDisabled(clientId),
+      isOutlineEnabled: outlineMode,
+      hasOverlay: __unstableHasActiveBlockOverlayActive(clientId),
+      initialPosition: _isSelected && __unstableGetEditorMode() === 'edit' ? getSelectedBlocksInitialCaretPosition() : undefined,
+      isHighlighted: isBlockHighlighted(clientId),
+      isMultiSelected,
+      isPartiallySelected: isMultiSelected && !__unstableIsFullySelected() && !__unstableSelectionHasUnmergeableBlock(),
+      isReusable: isReusableBlock(blockType),
+      isDragging: isBlockBeingDragged(clientId),
+      hasChildSelected: isAncestorOfSelectedBlock,
+      removeOutline: _isSelected && outlineMode && typing,
+      isBlockMovingMode: !!movingClientId,
+      canInsertMovingBlock: movingClientId && canInsertBlockType(getBlockName(movingClientId), getBlockRootClientId(clientId)),
+      isEditingDisabled: getBlockEditingMode(clientId) === 'disabled',
+      className: hasLightBlockWrapper ? attributes.className : undefined,
+      defaultClassName: hasLightBlockWrapper ? getBlockDefaultClassName(blockName) : undefined
+    };
+  }, [clientId, rootClientId]);
+  const {
+    mode,
+    isSelectionEnabled,
+    isLocked,
+    canRemove,
+    canMove,
+    block,
+    name,
+    attributes,
+    isValid,
+    isSelected,
+    themeSupportsLayout,
+    isTemporarilyEditingAsBlocks,
+    blockEditingMode,
+    mayDisplayControls,
+    mayDisplayParentControls,
+    index,
+    blockApiVersion,
+    blockTitle,
+    isSubtreeDisabled,
+    isOutlineEnabled,
+    hasOverlay,
+    initialPosition,
+    isHighlighted,
+    isMultiSelected,
+    isPartiallySelected,
+    isReusable,
+    isDragging,
+    hasChildSelected,
+    removeOutline,
+    isBlockMovingMode,
+    canInsertMovingBlock,
+    isEditingDisabled,
+    className,
+    defaultClassName
+  } = selectedProps;
+
+  // Block is sometimes not mounted at the right time, causing it be
+  // undefined see issue for more info
+  // https://github.com/WordPress/gutenberg/issues/17013
+  if (!selectedProps) {
+    return null;
+  }
+  const privateContext = {
+    clientId,
+    className,
+    index,
+    mode,
+    name,
+    blockApiVersion,
+    blockTitle,
+    isSelected,
+    isSubtreeDisabled,
+    isOutlineEnabled,
+    hasOverlay,
+    initialPosition,
+    blockEditingMode,
+    isHighlighted,
+    isMultiSelected,
+    isPartiallySelected,
+    isReusable,
+    isDragging,
+    hasChildSelected,
+    removeOutline,
+    isBlockMovingMode,
+    canInsertMovingBlock,
+    isEditingDisabled,
+    isTemporarilyEditingAsBlocks,
+    defaultClassName,
+    mayDisplayControls,
+    mayDisplayParentControls,
+    themeSupportsLayout
+  };
+
+  // Here we separate between the props passed to BlockListBlock and any other
+  // information we selected for internal use. BlockListBlock is a filtered
+  // component and thus ALL the props are PUBLIC API.
+
+  // Note that the context value doesn't have to be memoized in this case
+  // because when it changes, this component will be re-rendered anyway, and
+  // none of the consumers (BlockListBlock and useBlockProps) are memoized or
+  // "pure". This is different from the public BlockEditContext, where
+  // consumers might be memoized or "pure".
+  return createElement(PrivateBlockContext.Provider, {
+    value: privateContext
+  }, createElement(BlockListBlock, {
+    ...props,
+    mode,
+    isSelectionEnabled,
+    isLocked,
+    canRemove,
+    canMove,
+    // Users of the editor.BlockListBlock filter used to be able
+    // to access the block prop. Ideally these blocks would rely
+    // on the clientId prop only. This is kept for backward
+    // compatibility reasons.
+    block,
+    name,
+    attributes,
+    isValid,
+    isSelected
+  }));
+}
+export default pure(BlockListBlockProvider);
 //# sourceMappingURL=block.js.map