@wordpress/block-editor 12.1.0 → 12.3.0

package/src/store/test/selectors.js

@@ -2693,11 +2693,13 @@ describe( 'selectors', () => {
 				blocks: {
 					byClientId: new Map(),
 					attributes: new Map(),
+					parents: new Map(),
 				},
 				blockListSettings: {},
 				settings: {
 					allowedBlockTypes: [ 'core/test-block-a' ],
 				},
+				blockEditingModes: new Map(),
 			};
 			expect( canInsertBlockType( state, 'core/test-block-a' ) ).toBe(
 				true
@@ -2720,14 +2722,36 @@ describe( 'selectors', () => {
 			);
 		} );
 
+		it( 'should deny blocks when the editor has a disabled editing mode', () => {
+			const state = {
+				blocks: {
+					byClientId: new Map(),
+					attributes: new Map(),
+					parents: new Map(),
+				},
+				blockListSettings: {},
+				settings: {},
+				blockEditingModes: new Map(
+					Object.entries( {
+						'': 'disabled',
+					} )
+				),
+			};
+			expect( canInsertBlockType( state, 'core/test-block-a' ) ).toBe(
+				false
+			);
+		} );
+
 		it( 'should deny blocks that restrict parent from being inserted into the root', () => {
 			const state = {
 				blocks: {
 					byClientId: new Map(),
 					attributes: new Map(),
+					parents: new Map(),
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect( canInsertBlockType( state, 'core/test-block-c' ) ).toBe(
 				false
@@ -2747,9 +2771,11 @@ describe( 'selectors', () => {
 							block1: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/test-block-c', 'block1' )
@@ -2769,11 +2795,13 @@ describe( 'selectors', () => {
 							block1: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {
 					block1: {},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/test-block-c', 'block1' )
@@ -2793,11 +2821,13 @@ describe( 'selectors', () => {
 							block1: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {
 					block1: {},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/test-block-c', 'block1' )
@@ -2817,6 +2847,7 @@ describe( 'selectors', () => {
 							block1: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {
 					block1: {
@@ -2824,6 +2855,7 @@ describe( 'selectors', () => {
 					},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/test-block-b', 'block1' )
@@ -2843,6 +2875,7 @@ describe( 'selectors', () => {
 							block1: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {
 					block1: {
@@ -2850,12 +2883,41 @@ describe( 'selectors', () => {
 					},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/test-block-b', 'block1' )
 			).toBe( true );
 		} );
 
+		it( 'should deny blocks from being inserted into a block that has a disabled editing mode', () => {
+			const state = {
+				blocks: {
+					byClientId: new Map(
+						Object.entries( {
+							block1: { name: 'core/test-block-a' },
+						} )
+					),
+					attributes: new Map(
+						Object.entries( {
+							block1: {},
+						} )
+					),
+					parents: new Map(),
+				},
+				blockListSettings: {},
+				settings: {},
+				blockEditingModes: new Map(
+					Object.entries( {
+						block1: 'disabled',
+					} )
+				),
+			};
+			expect(
+				canInsertBlockType( state, 'core/test-block-b', 'block1' )
+			).toBe( false );
+		} );
+
 		it( 'should prioritise parent over allowedBlocks', () => {
 			const state = {
 				blocks: {
@@ -2869,6 +2931,7 @@ describe( 'selectors', () => {
 							block1: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {
 					block1: {
@@ -2876,6 +2939,7 @@ describe( 'selectors', () => {
 					},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/test-block-c', 'block1' )
@@ -2895,9 +2959,11 @@ describe( 'selectors', () => {
 							block1: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/post-content-child', 'block1' )
@@ -2909,9 +2975,11 @@ describe( 'selectors', () => {
 				blocks: {
 					byClientId: new Map(),
 					attributes: new Map(),
+					parents: new Map(),
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType( state, 'core/post-content-child' )
@@ -2944,6 +3012,7 @@ describe( 'selectors', () => {
 					block2: {},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType(
@@ -2984,6 +3053,7 @@ describe( 'selectors', () => {
 					block3: {},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType(
@@ -3023,6 +3093,7 @@ describe( 'selectors', () => {
 					block3: {},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType(
@@ -3062,6 +3133,7 @@ describe( 'selectors', () => {
 					block3: {},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType(
@@ -3100,6 +3172,7 @@ describe( 'selectors', () => {
 					},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType(
@@ -3136,6 +3209,7 @@ describe( 'selectors', () => {
 					block2: {},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect(
 				canInsertBlockType(
@@ -3165,6 +3239,7 @@ describe( 'selectors', () => {
 							3: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {
 					1: {
@@ -3175,6 +3250,7 @@ describe( 'selectors', () => {
 					},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect( canInsertBlocks( state, [ '2', '3' ], '1' ) ).toBe( true );
 		} );
@@ -3196,6 +3272,7 @@ describe( 'selectors', () => {
 							3: {},
 						} )
 					),
+					parents: new Map(),
 				},
 				blockListSettings: {
 					1: {
@@ -3203,6 +3280,7 @@ describe( 'selectors', () => {
 					},
 				},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			expect( canInsertBlocks( state, [ '2', '3' ], '1' ) ).toBe( false );
 		} );
@@ -3241,6 +3319,7 @@ describe( 'selectors', () => {
 				// See: https://github.com/WordPress/gutenberg/issues/14580
 				preferences: {},
 				blockListSettings: {},
+				blockEditingModes: new Map(),
 			};
 			const items = getInserterItems( state );
 			const testBlockAItem = items.find(
@@ -3349,6 +3428,7 @@ describe( 'selectors', () => {
 					block3: {},
 					block4: {},
 				},
+				blockEditingModes: new Map(),
 			};
 
 			const stateSecondBlockRestricted = {
@@ -3436,6 +3516,7 @@ describe( 'selectors', () => {
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			const items = getInserterItems( state );
 			const testBlockBItem = items.find(
@@ -3460,6 +3541,7 @@ describe( 'selectors', () => {
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			const items = getInserterItems( state );
 			const reusableBlock2Item = items.find(
@@ -3551,6 +3633,7 @@ describe( 'selectors', () => {
 				settings: {},
 				preferences: {},
 				blockListSettings: {},
+				blockEditingModes: new Map(),
 			};
 			const blocks = [ { name: 'core/with-tranforms-a' } ];
 			const items = getBlockTransformItems( state, blocks );
@@ -3591,6 +3674,7 @@ describe( 'selectors', () => {
 				settings: {},
 				preferences: {},
 				blockListSettings: {},
+				blockEditingModes: new Map(),
 			};
 			const block = { name: 'core/with-tranforms-a' };
 			const items = getBlockTransformItems( state, block );
@@ -3629,6 +3713,7 @@ describe( 'selectors', () => {
 					},
 					block2: {},
 				},
+				blockEditingModes: new Map(),
 			};
 			const blocks = [
 				{ clientId: 'block2', name: 'core/with-tranforms-a' },
@@ -3676,6 +3761,7 @@ describe( 'selectors', () => {
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			const blocks = [ { name: 'core/with-tranforms-a' } ];
 			const items = getBlockTransformItems( state, blocks );
@@ -3709,6 +3795,7 @@ describe( 'selectors', () => {
 				},
 				blockListSettings: {},
 				settings: {},
+				blockEditingModes: new Map(),
 			};
 			const blocks = [ { name: 'core/with-tranforms-c' } ];
 			const items = getBlockTransformItems( state, blocks );
@@ -4121,6 +4208,12 @@ describe( 'selectors', () => {
 						block2: {},
 					} )
 				),
+				parents: new Map(
+					Object.entries( {
+						block1: '',
+						block2: '',
+					} )
+				),
 			},
 			blockListSettings: {
 				block1: {
@@ -4152,6 +4245,7 @@ describe( 'selectors', () => {
 					},
 				],
 			},
+			blockEditingModes: new Map(),
 		};
 
 		it( 'should return all patterns for root level', () => {
@@ -4249,6 +4343,7 @@ describe( 'selectors', () => {
 						block1: { name: 'core/test-block-a' },
 					} )
 				),
+				parents: new Map(),
 			},
 			blockListSettings: {
 				block1: {
@@ -4279,6 +4374,7 @@ describe( 'selectors', () => {
 					},
 				],
 			},
+			blockEditingModes: new Map(),
 		};
 		it( 'should return empty array if no block name is provided', () => {
 			expect( getPatternsByBlockTypes( state ) ).toEqual( [] );
@@ -4329,6 +4425,7 @@ describe( 'selectors', () => {
 						block2: { name: 'core/test-block-b' },
 					} )
 				),
+				parents: new Map(),
 				controlledInnerBlocks: { 'block2-clientId': true },
 			},
 			blockListSettings: {
@@ -4371,6 +4468,7 @@ describe( 'selectors', () => {
 					},
 				],
 			},
+			blockEditingModes: new Map(),
 		};
 		describe( 'should return empty array', () => {
 			it( 'when no blocks are selected', () => {
@@ -4591,6 +4689,7 @@ describe( 'getInserterItems with core blocks prioritization', () => {
 			settings: {},
 			preferences: {},
 			blockListSettings: {},
+			blockEditingModes: new Map(),
 		};
 		const items = getInserterItems( state );
 		const expectedResult = [

package/src/style.scss

@@ -59,7 +59,4 @@
 @import "./components/preview-options/style.scss";
 @import "./components/spacing-sizes-control/style.scss";
 
-// Experiments.
-@import "./components/off-canvas-editor/style.scss";
-
 @include wordpress-admin-schemes();

package/src/utils/order-inserter-block-items.js

@@ -0,0 +1,26 @@
+/** @typedef {import('../store/selectors').WPEditorInserterItem} WPEditorInserterItem */
+
+/**
+ * Helper function to order inserter block items according to a provided array of prioritized blocks.
+ *
+ * @param {WPEditorInserterItem[]} items    The array of editor inserter block items to be sorted.
+ * @param {string[]}               priority The array of block names to be prioritized.
+ * @return {WPEditorInserterItem[]} The sorted array of editor inserter block items.
+ */
+export const orderInserterBlockItems = ( items, priority ) => {
+	if ( ! priority ) {
+		return items;
+	}
+
+	items.sort( ( { id: aName }, { id: bName } ) => {
+		// Sort block items according to `priority`.
+		let aIndex = priority.indexOf( aName );
+		let bIndex = priority.indexOf( bName );
+		// All other block items should come after that.
+		if ( aIndex < 0 ) aIndex = priority.length;
+		if ( bIndex < 0 ) bIndex = priority.length;
+		return aIndex - bIndex;
+	} );
+
+	return items;
+};

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

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _reactNative = require("react-native");
-
-var _blockEditor = require("@wordpress/block-editor");
-
-var _data = require("@wordpress/data");
-
-var _style = _interopRequireDefault(require("./style.scss"));
-
-var _block = _interopRequireDefault(require("./block"));
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * NOTE: This is a component currently used by the List block (V2)
- * It only passes the needed props for this block, if other blocks will use it
- * make sure you pass other props that might be required coming from:
- * components/inner-blocks/index.native.js
- */
-function BlockListCompact(props) {
-  const {
-    marginHorizontal = _style.default.defaultBlock.marginLeft,
-    marginVertical = _style.default.defaultBlock.marginTop,
-    rootClientId
-  } = props;
-  const {
-    blockClientIds
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockOrder
-    } = select(_blockEditor.store);
-    const blockOrder = getBlockOrder(rootClientId);
-    return {
-      blockClientIds: blockOrder
-    };
-  }, [rootClientId]);
-  const containerStyle = {
-    marginVertical: -marginVertical,
-    marginHorizontal: -marginHorizontal
-  };
-  return (0, _element.createElement)(_reactNative.View, {
-    style: containerStyle,
-    testID: "block-list-wrapper"
-  }, blockClientIds.map(currentClientId => (0, _element.createElement)(_block.default, {
-    clientId: currentClientId,
-    rootClientId: rootClientId,
-    key: currentClientId,
-    marginHorizontal: marginHorizontal,
-    marginVertical: marginVertical
-  })));
-}
-
-var _default = BlockListCompact;
-exports.default = _default;
-//# sourceMappingURL=block-list-compact.native.js.map

package/build/components/block-list/block-list-compact.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/block-list-compact.native.js"],"names":["BlockListCompact","props","marginHorizontal","styles","defaultBlock","marginLeft","marginVertical","marginTop","rootClientId","blockClientIds","select","getBlockOrder","blockEditorStore","blockOrder","containerStyle","map","currentClientId"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,gBAAT,CAA2BC,KAA3B,EAAmC;AAClC,QAAM;AACLC,IAAAA,gBAAgB,GAAGC,eAAOC,YAAP,CAAoBC,UADlC;AAELC,IAAAA,cAAc,GAAGH,eAAOC,YAAP,CAAoBG,SAFhC;AAGLC,IAAAA;AAHK,MAIFP,KAJJ;AAKA,QAAM;AAAEQ,IAAAA;AAAF,MAAqB,qBACxBC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAoBD,MAAM,CAAEE,kBAAF,CAAhC;AACA,UAAMC,UAAU,GAAGF,aAAa,CAAEH,YAAF,CAAhC;AAEA,WAAO;AACNC,MAAAA,cAAc,EAAEI;AADV,KAAP;AAGA,GARyB,EAS1B,CAAEL,YAAF,CAT0B,CAA3B;AAYA,QAAMM,cAAc,GAAG;AACtBR,IAAAA,cAAc,EAAE,CAACA,cADK;AAEtBJ,IAAAA,gBAAgB,EAAE,CAACA;AAFG,GAAvB;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGY,cAAd;AAA+B,IAAA,MAAM,EAAC;AAAtC,KACGL,cAAc,CAACM,GAAf,CAAsBC,eAAF,IACrB,4BAAC,cAAD;AACC,IAAA,QAAQ,EAAGA,eADZ;AAEC,IAAA,YAAY,EAAGR,YAFhB;AAGC,IAAA,GAAG,EAAGQ,eAHP;AAIC,IAAA,gBAAgB,EAAGd,gBAJpB;AAKC,IAAA,cAAc,EAAGI;AALlB,IADC,CADH,CADD;AAaA;;eAEcN,gB","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport BlockListBlock from './block';\n\n/**\n * NOTE: This is a component currently used by the List block (V2)\n * It only passes the needed props for this block, if other blocks will use it\n * make sure you pass other props that might be required coming from:\n * components/inner-blocks/index.native.js\n */\n\nfunction BlockListCompact( props ) {\n\tconst {\n\t\tmarginHorizontal = styles.defaultBlock.marginLeft,\n\t\tmarginVertical = styles.defaultBlock.marginTop,\n\t\trootClientId,\n\t} = props;\n\tconst { blockClientIds } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockOrder } = select( blockEditorStore );\n\t\t\tconst blockOrder = getBlockOrder( rootClientId );\n\n\t\t\treturn {\n\t\t\t\tblockClientIds: blockOrder,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst containerStyle = {\n\t\tmarginVertical: -marginVertical,\n\t\tmarginHorizontal: -marginHorizontal,\n\t};\n\n\treturn (\n\t\t<View style={ containerStyle } testID=\"block-list-wrapper\">\n\t\t\t{ blockClientIds.map( ( currentClientId ) => (\n\t\t\t\t<BlockListBlock\n\t\t\t\t\tclientId={ currentClientId }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tkey={ currentClientId }\n\t\t\t\t\tmarginHorizontal={ marginHorizontal }\n\t\t\t\t\tmarginVertical={ marginVertical }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</View>\n\t);\n}\n\nexport default BlockListCompact;\n"]}

package/build/components/link-control/use-internal-input-value.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useInternalInputValue;
-
-var _element = require("@wordpress/element");
-
-/**
- * WordPress dependencies
- */
-function useInternalInputValue(value) {
-  const [internalInputValue, setInternalInputValue] = (0, _element.useState)(value || ''); // If the value prop changes, update the internal state.
-
-  (0, _element.useEffect)(() => {
-    setInternalInputValue(prevValue => {
-      if (value && value !== prevValue) {
-        return value;
-      }
-
-      return prevValue;
-    });
-  }, [value]);
-  return [internalInputValue, setInternalInputValue];
-}
-//# sourceMappingURL=use-internal-input-value.js.map

package/build/components/link-control/use-internal-input-value.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/link-control/use-internal-input-value.js"],"names":["useInternalInputValue","value","internalInputValue","setInternalInputValue","prevValue"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGe,SAASA,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,QAAM,CAAEC,kBAAF,EAAsBC,qBAAtB,IAAgD,uBACrDF,KAAK,IAAI,EAD4C,CAAtD,CADsD,CAKtD;;AACA,0BAAW,MAAM;AAChBE,IAAAA,qBAAqB,CAAIC,SAAF,IAAiB;AACvC,UAAKH,KAAK,IAAIA,KAAK,KAAKG,SAAxB,EAAoC;AACnC,eAAOH,KAAP;AACA;;AAED,aAAOG,SAAP;AACA,KANoB,CAArB;AAOA,GARD,EAQG,CAAEH,KAAF,CARH;AAUA,SAAO,CAAEC,kBAAF,EAAsBC,qBAAtB,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\n\nexport default function useInternalInputValue( value ) {\n\tconst [ internalInputValue, setInternalInputValue ] = useState(\n\t\tvalue || ''\n\t);\n\n\t// If the value prop changes, update the internal state.\n\tuseEffect( () => {\n\t\tsetInternalInputValue( ( prevValue ) => {\n\t\t\tif ( value && value !== prevValue ) {\n\t\t\t\treturn value;\n\t\t\t}\n\n\t\t\treturn prevValue;\n\t\t} );\n\t}, [ value ] );\n\n\treturn [ internalInputValue, setInternalInputValue ];\n}\n"]}

package/build/components/off-canvas-editor/appender.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Appender = void 0;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _compose = require("@wordpress/compose");
-
-var _a11y = require("@wordpress/a11y");
-
-var _data = require("@wordpress/data");
-
-var _i18n = require("@wordpress/i18n");
-
-var _store = require("../../store");
-
-var _useBlockDisplayTitle = _interopRequireDefault(require("../block-title/use-block-display-title"));
-
-var _inserter = require("../inserter");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const prioritizedInserterBlocks = ['core/navigation-link/page', 'core/navigation-link'];
-const Appender = (0, _element.forwardRef)((_ref, ref) => {
-  let {
-    nestingLevel,
-    blockCount,
-    clientId,
-    ...props
-  } = _ref;
-  const [insertedBlock, setInsertedBlock] = (0, _element.useState)(null);
-  const instanceId = (0, _compose.useInstanceId)(Appender);
-  const {
-    hideInserter
-  } = (0, _data.useSelect)(select => {
-    const {
-      getTemplateLock,
-      __unstableGetEditorMode
-    } = select(_store.store);
-    return {
-      hideInserter: !!getTemplateLock(clientId) || __unstableGetEditorMode() === 'zoom-out'
-    };
-  }, [clientId]);
-  const blockTitle = (0, _useBlockDisplayTitle.default)({
-    clientId,
-    context: 'list-view'
-  });
-  const insertedBlockTitle = (0, _useBlockDisplayTitle.default)({
-    clientId: insertedBlock === null || insertedBlock === void 0 ? void 0 : insertedBlock.clientId,
-    context: 'list-view'
-  });
-  (0, _element.useEffect)(() => {
-    if (!(insertedBlockTitle !== null && insertedBlockTitle !== void 0 && insertedBlockTitle.length)) {
-      return;
-    }
-
-    (0, _a11y.speak)((0, _i18n.sprintf)( // translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)
-    (0, _i18n.__)('%s block inserted'), insertedBlockTitle), 'assertive');
-  }, [insertedBlockTitle]);
-  const orderInitialBlockItems = (0, _element.useCallback)(items => {
-    items.sort((_ref2, _ref3) => {
-      let {
-        id: aName
-      } = _ref2;
-      let {
-        id: bName
-      } = _ref3;
-      // Sort block items according to `prioritizedInserterBlocks`.
-      let aIndex = prioritizedInserterBlocks.indexOf(aName);
-      let bIndex = prioritizedInserterBlocks.indexOf(bName); // All other block items should come after that.
-
-      if (aIndex < 0) aIndex = prioritizedInserterBlocks.length;
-      if (bIndex < 0) bIndex = prioritizedInserterBlocks.length;
-      return aIndex - bIndex;
-    });
-    return items;
-  }, []);
-
-  if (hideInserter) {
-    return null;
-  }
-
-  const descriptionId = `off-canvas-editor-appender__${instanceId}`;
-  const description = (0, _i18n.sprintf)(
-  /* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */
-  (0, _i18n.__)('Append to %1$s block at position %2$d, Level %3$d'), blockTitle, blockCount + 1, nestingLevel);
-  return (0, _element.createElement)("div", {
-    className: "offcanvas-editor-appender"
-  }, (0, _element.createElement)(_inserter.ComposedPrivateInserter, (0, _extends2.default)({
-    ref: ref,
-    rootClientId: clientId,
-    position: "bottom right",
-    isAppender: true,
-    selectBlockOnInsert: false,
-    shouldDirectInsert: false,
-    __experimentalIsQuick: true
-  }, props, {
-    toggleProps: {
-      'aria-describedby': descriptionId
-    },
-    onSelectOrClose: maybeInsertedBlock => {
-      if (maybeInsertedBlock !== null && maybeInsertedBlock !== void 0 && maybeInsertedBlock.clientId) {
-        setInsertedBlock(maybeInsertedBlock);
-      }
-    },
-    orderInitialBlockItems: orderInitialBlockItems
-  })), (0, _element.createElement)("div", {
-    className: "offcanvas-editor-appender__description",
-    id: descriptionId
-  }, description));
-});
-exports.Appender = Appender;
-//# sourceMappingURL=appender.js.map

package/build/components/off-canvas-editor/appender.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/off-canvas-editor/appender.js"],"names":["prioritizedInserterBlocks","Appender","ref","nestingLevel","blockCount","clientId","props","insertedBlock","setInsertedBlock","instanceId","hideInserter","select","getTemplateLock","__unstableGetEditorMode","blockEditorStore","blockTitle","context","insertedBlockTitle","length","orderInitialBlockItems","items","sort","id","aName","bName","aIndex","indexOf","bIndex","descriptionId","description","maybeInsertedBlock"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tforwardRef,\n\tuseState,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\nimport { ComposedPrivateInserter as PrivateInserter } from '../inserter';\n\nconst prioritizedInserterBlocks = [\n\t'core/navigation-link/page',\n\t'core/navigation-link',\n];\n\nexport const Appender = forwardRef(\n\t( { nestingLevel, blockCount, clientId, ...props }, ref ) => {\n\t\tconst [ insertedBlock, setInsertedBlock ] = useState( null );\n\n\t\tconst instanceId = useInstanceId( Appender );\n\t\tconst { hideInserter } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getTemplateLock, __unstableGetEditorMode } =\n\t\t\t\t\tselect( blockEditorStore );\n\n\t\t\t\treturn {\n\t\t\t\t\thideInserter:\n\t\t\t\t\t\t!! getTemplateLock( clientId ) ||\n\t\t\t\t\t\t__unstableGetEditorMode() === 'zoom-out',\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientId ]\n\t\t);\n\n\t\tconst blockTitle = useBlockDisplayTitle( {\n\t\t\tclientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tconst insertedBlockTitle = useBlockDisplayTitle( {\n\t\t\tclientId: insertedBlock?.clientId,\n\t\t\tcontext: 'list-view',\n\t\t} );\n\n\t\tuseEffect( () => {\n\t\t\tif ( ! insertedBlockTitle?.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tspeak(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)\n\t\t\t\t\t__( '%s block inserted' ),\n\t\t\t\t\tinsertedBlockTitle\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t}, [ insertedBlockTitle ] );\n\n\t\tconst orderInitialBlockItems = useCallback( ( items ) => {\n\t\t\titems.sort( ( { id: aName }, { id: bName } ) => {\n\t\t\t\t// Sort block items according to `prioritizedInserterBlocks`.\n\t\t\t\tlet aIndex = prioritizedInserterBlocks.indexOf( aName );\n\t\t\t\tlet bIndex = prioritizedInserterBlocks.indexOf( bName );\n\t\t\t\t// All other block items should come after that.\n\t\t\t\tif ( aIndex < 0 ) aIndex = prioritizedInserterBlocks.length;\n\t\t\t\tif ( bIndex < 0 ) bIndex = prioritizedInserterBlocks.length;\n\t\t\t\treturn aIndex - bIndex;\n\t\t\t} );\n\t\t\treturn items;\n\t\t}, [] );\n\n\t\tif ( hideInserter ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst descriptionId = `off-canvas-editor-appender__${ instanceId }`;\n\t\tconst description = sprintf(\n\t\t\t/* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */\n\t\t\t__( 'Append to %1$s block at position %2$d, Level %3$d' ),\n\t\t\tblockTitle,\n\t\t\tblockCount + 1,\n\t\t\tnestingLevel\n\t\t);\n\n\t\treturn (\n\t\t\t<div className=\"offcanvas-editor-appender\">\n\t\t\t\t<PrivateInserter\n\t\t\t\t\tref={ ref }\n\t\t\t\t\trootClientId={ clientId }\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t\tisAppender\n\t\t\t\t\tselectBlockOnInsert={ false }\n\t\t\t\t\tshouldDirectInsert={ false }\n\t\t\t\t\t__experimentalIsQuick\n\t\t\t\t\t{ ...props }\n\t\t\t\t\ttoggleProps={ { 'aria-describedby': descriptionId } }\n\t\t\t\t\tonSelectOrClose={ ( maybeInsertedBlock ) => {\n\t\t\t\t\t\tif ( maybeInsertedBlock?.clientId ) {\n\t\t\t\t\t\t\tsetInsertedBlock( maybeInsertedBlock );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\torderInitialBlockItems={ orderInitialBlockItems }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"offcanvas-editor-appender__description\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n);\n"]}