@wordpress/block-editor 12.2.0 → 12.3.0

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

@@ -20,17 +20,15 @@ import { ExperimentalBlockEditorProvider } from '../provider';
 import AutoHeightBlockPreview from './auto';
 import { store as blockEditorStore } from '../../store';
 import { BlockListItems } from '../block-list';
-export function BlockPreview(_ref) {
-  let {
-    blocks,
-    viewportWidth = 1200,
-    minHeight,
-    additionalStyles = [],
-    // Deprecated props:
-    __experimentalMinHeight,
-    __experimentalPadding
-  } = _ref;
-
+export function BlockPreview({
+  blocks,
+  viewportWidth = 1200,
+  minHeight,
+  additionalStyles = [],
+  // Deprecated props:
+  __experimentalMinHeight,
+  __experimentalPadding
+}) {
   if (__experimentalMinHeight) {
     minHeight = __experimentalMinHeight;
     deprecated('The __experimentalMinHeight prop', {
@@ -100,12 +98,11 @@ export default memo(BlockPreview);
  *
  */
 
-export function useBlockPreview(_ref2) {
-  let {
-    blocks,
-    props = {},
-    __experimentalLayout
-  } = _ref2;
+export function useBlockPreview({
+  blocks,
+  props = {},
+  __experimentalLayout
+}) {
   const originalSettings = useSelect(select => select(blockEditorStore).getSettings(), []);
   const settings = useMemo(() => ({ ...originalSettings,
     __unstableIsPreviewMode: true
@@ -123,7 +120,7 @@ export function useBlockPreview(_ref2) {
   return { ...props,
     ref,
     className: classnames(props.className, 'block-editor-block-preview__live-content', 'components-disabled'),
-    children: blocks !== null && blocks !== void 0 && blocks.length ? children : null
+    children: blocks?.length ? children : null
   };
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-preview/index.js"],"names":["classnames","useDisabled","useMergeRefs","useSelect","memo","useMemo","deprecated","ExperimentalBlockEditorProvider","AutoHeightBlockPreview","store","blockEditorStore","BlockListItems","BlockPreview","blocks","viewportWidth","minHeight","additionalStyles","__experimentalMinHeight","__experimentalPadding","since","version","alternative","css","originalSettings","select","getSettings","settings","__unstableIsPreviewMode","renderedBlocks","Array","isArray","length","useBlockPreview","props","__experimentalLayout","disabledRef","ref","children","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useDisabled, useMergeRefs } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { memo, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { ExperimentalBlockEditorProvider } from '../provider';\nimport AutoHeightBlockPreview from './auto';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockListItems } from '../block-list';\n\nexport function BlockPreview( {\n\tblocks,\n\tviewportWidth = 1200,\n\tminHeight,\n\tadditionalStyles = [],\n\t// Deprecated props:\n\t__experimentalMinHeight,\n\t__experimentalPadding,\n} ) {\n\tif ( __experimentalMinHeight ) {\n\t\tminHeight = __experimentalMinHeight;\n\t\tdeprecated( 'The __experimentalMinHeight prop', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'minHeight',\n\t\t} );\n\t}\n\tif ( __experimentalPadding ) {\n\t\tadditionalStyles = [\n\t\t\t...additionalStyles,\n\t\t\t{ css: `body { padding: ${ __experimentalPadding }px; }` },\n\t\t];\n\t\tdeprecated( 'The __experimentalPadding prop of BlockPreview', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'additionalStyles',\n\t\t} );\n\t}\n\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tif ( ! blocks || blocks.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<AutoHeightBlockPreview\n\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tadditionalStyles={ additionalStyles }\n\t\t\t/>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n\n/**\n * BlockPreview renders a preview of a block or array of blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-preview/README.md\n *\n * @param {Object}       preview               options for how the preview should be shown\n * @param {Array|Object} preview.blocks        A block instance (object) or an array of blocks to be previewed.\n * @param {number}       preview.viewportWidth Width of the preview container in pixels. Controls at what size the blocks will be rendered inside the preview. Default: 700.\n *\n * @return {WPComponent} The component to be rendered.\n */\nexport default memo( BlockPreview );\n\n/**\n * This hook is used to lightly mark an element as a block preview wrapper\n * element. Call this hook and pass the returned props to the element to mark as\n * a block preview wrapper, automatically rendering inner blocks as children. If\n * you define a ref for the element, it is important to pass the ref to this\n * hook, which the hook in turn will pass to the component through the props it\n * returns. Optionally, you can also pass any other props through this hook, and\n * they will be merged and returned.\n *\n * @param {Object}    options                      Preview options.\n * @param {WPBlock[]} options.blocks               Block objects.\n * @param {Object}    options.props                Optional. Props to pass to the element. Must contain\n *                                                 the ref if one is defined.\n * @param {Object}    options.__experimentalLayout Layout settings to be used in the preview.\n *\n */\nexport function useBlockPreview( {\n\tblocks,\n\tprops = {},\n\t__experimentalLayout,\n} ) {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst disabledRef = useDisabled();\n\tconst ref = useMergeRefs( [ props.ref, disabledRef ] );\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tconst children = (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<BlockListItems\n\t\t\t\trenderAppender={ false }\n\t\t\t\t__experimentalLayout={ __experimentalLayout }\n\t\t\t/>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n\n\treturn {\n\t\t...props,\n\t\tref,\n\t\tclassName: classnames(\n\t\t\tprops.className,\n\t\t\t'block-editor-block-preview__live-content',\n\t\t\t'components-disabled'\n\t\t),\n\t\tchildren: blocks?.length ? children : null,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-preview/index.js"],"names":["classnames","useDisabled","useMergeRefs","useSelect","memo","useMemo","deprecated","ExperimentalBlockEditorProvider","AutoHeightBlockPreview","store","blockEditorStore","BlockListItems","BlockPreview","blocks","viewportWidth","minHeight","additionalStyles","__experimentalMinHeight","__experimentalPadding","since","version","alternative","css","originalSettings","select","getSettings","settings","__unstableIsPreviewMode","renderedBlocks","Array","isArray","length","useBlockPreview","props","__experimentalLayout","disabledRef","ref","children","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useDisabled, useMergeRefs } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { memo, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { ExperimentalBlockEditorProvider } from '../provider';\nimport AutoHeightBlockPreview from './auto';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockListItems } from '../block-list';\n\nexport function BlockPreview( {\n\tblocks,\n\tviewportWidth = 1200,\n\tminHeight,\n\tadditionalStyles = [],\n\t// Deprecated props:\n\t__experimentalMinHeight,\n\t__experimentalPadding,\n} ) {\n\tif ( __experimentalMinHeight ) {\n\t\tminHeight = __experimentalMinHeight;\n\t\tdeprecated( 'The __experimentalMinHeight prop', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'minHeight',\n\t\t} );\n\t}\n\tif ( __experimentalPadding ) {\n\t\tadditionalStyles = [\n\t\t\t...additionalStyles,\n\t\t\t{ css: `body { padding: ${ __experimentalPadding }px; }` },\n\t\t];\n\t\tdeprecated( 'The __experimentalPadding prop of BlockPreview', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'additionalStyles',\n\t\t} );\n\t}\n\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tif ( ! blocks || blocks.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<AutoHeightBlockPreview\n\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tadditionalStyles={ additionalStyles }\n\t\t\t/>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n\n/**\n * BlockPreview renders a preview of a block or array of blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-preview/README.md\n *\n * @param {Object}       preview               options for how the preview should be shown\n * @param {Array|Object} preview.blocks        A block instance (object) or an array of blocks to be previewed.\n * @param {number}       preview.viewportWidth Width of the preview container in pixels. Controls at what size the blocks will be rendered inside the preview. Default: 700.\n *\n * @return {WPComponent} The component to be rendered.\n */\nexport default memo( BlockPreview );\n\n/**\n * This hook is used to lightly mark an element as a block preview wrapper\n * element. Call this hook and pass the returned props to the element to mark as\n * a block preview wrapper, automatically rendering inner blocks as children. If\n * you define a ref for the element, it is important to pass the ref to this\n * hook, which the hook in turn will pass to the component through the props it\n * returns. Optionally, you can also pass any other props through this hook, and\n * they will be merged and returned.\n *\n * @param {Object}    options                      Preview options.\n * @param {WPBlock[]} options.blocks               Block objects.\n * @param {Object}    options.props                Optional. Props to pass to the element. Must contain\n *                                                 the ref if one is defined.\n * @param {Object}    options.__experimentalLayout Layout settings to be used in the preview.\n *\n */\nexport function useBlockPreview( {\n\tblocks,\n\tprops = {},\n\t__experimentalLayout,\n} ) {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst disabledRef = useDisabled();\n\tconst ref = useMergeRefs( [ props.ref, disabledRef ] );\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tconst children = (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<BlockListItems\n\t\t\t\trenderAppender={ false }\n\t\t\t\t__experimentalLayout={ __experimentalLayout }\n\t\t\t/>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n\n\treturn {\n\t\t...props,\n\t\tref,\n\t\tclassName: classnames(\n\t\t\tprops.className,\n\t\t\t'block-editor-block-preview__live-content',\n\t\t\t'components-disabled'\n\t\t),\n\t\tchildren: blocks?.length ? children : null,\n\t};\n}\n"]}

package/build-module/components/block-settings/button.native.js

@@ -12,16 +12,13 @@ const {
   Slot
 } = createSlotFill('SettingsToolbarButton');
 
-const SettingsButton = _ref => {
-  let {
-    openGeneralSidebar
-  } = _ref;
-  return createElement(ToolbarButton, {
-    title: __('Open Settings'),
-    icon: cog,
-    onClick: openGeneralSidebar
-  });
-};
+const SettingsButton = ({
+  openGeneralSidebar
+}) => createElement(ToolbarButton, {
+  title: __('Open Settings'),
+  icon: cog,
+  onClick: openGeneralSidebar
+});
 
 const SettingsButtonFill = props => createElement(Fill, null, createElement(SettingsButton, props));
 

package/build-module/components/block-settings/button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"names":["createSlotFill","ToolbarButton","__","withDispatch","cog","Fill","Slot","SettingsButton","openGeneralSidebar","SettingsButtonFill","props","SettingsToolbarButton","dispatch"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,EAAyBC,aAAzB,QAA8C,uBAA9C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,GAAT,QAAoB,kBAApB;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiBN,cAAc,CAAE,uBAAF,CAArC;;AAEA,MAAMO,cAAc,GAAG;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACtB,cAAC,aAAD;AACC,IAAA,KAAK,EAAGN,EAAE,CAAE,eAAF,CADX;AAEC,IAAA,IAAI,EAAGE,GAFR;AAGC,IAAA,OAAO,EAAGI;AAHX,IADsB;AAAA,CAAvB;;AAQA,MAAMC,kBAAkB,GAAKC,KAAF,IAC1B,cAAC,IAAD,QACC,cAAC,cAAD,EAAqBA,KAArB,CADD,CADD;;AAMA,MAAMC,qBAAqB,GAAGR,YAAY,CAAIS,QAAF,IAAgB;AAC3D,QAAM;AAAEJ,IAAAA;AAAF,MAAyBI,QAAQ,CAAE,gBAAF,CAAvC;AAEA,SAAO;AACNJ,IAAAA,kBAAkB,EAAE,MAAMA,kBAAkB,CAAE,iBAAF;AADtC,GAAP;AAGA,CANyC,CAAZ,CAMzBC,kBANyB,CAA9B;AAQAE,qBAAqB,CAACL,IAAtB,GAA6BA,IAA7B;AAEA,eAAeK,qBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withDispatch } from '@wordpress/data';\nimport { cog } from '@wordpress/icons';\n\nconst { Fill, Slot } = createSlotFill( 'SettingsToolbarButton' );\n\nconst SettingsButton = ( { openGeneralSidebar } ) => (\n\t<ToolbarButton\n\t\ttitle={ __( 'Open Settings' ) }\n\t\ticon={ cog }\n\t\tonClick={ openGeneralSidebar }\n\t/>\n);\n\nconst SettingsButtonFill = ( props ) => (\n\t<Fill>\n\t\t<SettingsButton { ...props } />\n\t</Fill>\n);\n\nconst SettingsToolbarButton = withDispatch( ( dispatch ) => {\n\tconst { openGeneralSidebar } = dispatch( 'core/edit-post' );\n\n\treturn {\n\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t};\n} )( SettingsButtonFill );\n\nSettingsToolbarButton.Slot = Slot;\n\nexport default SettingsToolbarButton;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"names":["createSlotFill","ToolbarButton","__","withDispatch","cog","Fill","Slot","SettingsButton","openGeneralSidebar","SettingsButtonFill","props","SettingsToolbarButton","dispatch"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,EAAyBC,aAAzB,QAA8C,uBAA9C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,GAAT,QAAoB,kBAApB;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiBN,cAAc,CAAE,uBAAF,CAArC;;AAEA,MAAMO,cAAc,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KACtB,cAAC,aAAD;AACC,EAAA,KAAK,EAAGN,EAAE,CAAE,eAAF,CADX;AAEC,EAAA,IAAI,EAAGE,GAFR;AAGC,EAAA,OAAO,EAAGI;AAHX,EADD;;AAQA,MAAMC,kBAAkB,GAAKC,KAAF,IAC1B,cAAC,IAAD,QACC,cAAC,cAAD,EAAqBA,KAArB,CADD,CADD;;AAMA,MAAMC,qBAAqB,GAAGR,YAAY,CAAIS,QAAF,IAAgB;AAC3D,QAAM;AAAEJ,IAAAA;AAAF,MAAyBI,QAAQ,CAAE,gBAAF,CAAvC;AAEA,SAAO;AACNJ,IAAAA,kBAAkB,EAAE,MAAMA,kBAAkB,CAAE,iBAAF;AADtC,GAAP;AAGA,CANyC,CAAZ,CAMzBC,kBANyB,CAA9B;AAQAE,qBAAqB,CAACL,IAAtB,GAA6BA,IAA7B;AAEA,eAAeK,qBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withDispatch } from '@wordpress/data';\nimport { cog } from '@wordpress/icons';\n\nconst { Fill, Slot } = createSlotFill( 'SettingsToolbarButton' );\n\nconst SettingsButton = ( { openGeneralSidebar } ) => (\n\t<ToolbarButton\n\t\ttitle={ __( 'Open Settings' ) }\n\t\ticon={ cog }\n\t\tonClick={ openGeneralSidebar }\n\t/>\n);\n\nconst SettingsButtonFill = ( props ) => (\n\t<Fill>\n\t\t<SettingsButton { ...props } />\n\t</Fill>\n);\n\nconst SettingsToolbarButton = withDispatch( ( dispatch ) => {\n\tconst { openGeneralSidebar } = dispatch( 'core/edit-post' );\n\n\treturn {\n\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t};\n} )( SettingsButtonFill );\n\nSettingsToolbarButton.Slot = Slot;\n\nexport default SettingsToolbarButton;\n"]}

package/build-module/components/block-settings-menu/block-convert-button.js

@@ -5,13 +5,11 @@ import { createElement } from "@wordpress/element";
  */
 import { __ } from '@wordpress/i18n';
 import { MenuItem } from '@wordpress/components';
-export default function BlockConvertButton(_ref) {
-  let {
-    shouldRender,
-    onClick,
-    small
-  } = _ref;
-
+export default function BlockConvertButton({
+  shouldRender,
+  onClick,
+  small
+}) {
   if (!shouldRender) {
     return null;
   }

package/build-module/components/block-settings-menu/block-convert-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-convert-button.js"],"names":["__","MenuItem","BlockConvertButton","shouldRender","onClick","small","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AAEA,eAAe,SAASC,kBAAT,OAAgE;AAAA,MAAnC;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA;AAAzB,GAAmC;;AAC9E,MAAK,CAAEF,YAAP,EAAsB;AACrB,WAAO,IAAP;AACA;;AAED,QAAMG,KAAK,GAAGN,EAAE,CAAE,mBAAF,CAAhB;;AACA,SAAO,cAAC,QAAD;AAAU,IAAA,OAAO,EAAGI;AAApB,KAAgC,CAAEC,KAAF,IAAWC,KAA3C,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\n\nexport default function BlockConvertButton( { shouldRender, onClick, small } ) {\n\tif ( ! shouldRender ) {\n\t\treturn null;\n\t}\n\n\tconst label = __( 'Convert to Blocks' );\n\treturn <MenuItem onClick={ onClick }>{ ! small && label }</MenuItem>;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-convert-button.js"],"names":["__","MenuItem","BlockConvertButton","shouldRender","onClick","small","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AAEA,eAAe,SAASC,kBAAT,CAA6B;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA,OAAhB;AAAyBC,EAAAA;AAAzB,CAA7B,EAAgE;AAC9E,MAAK,CAAEF,YAAP,EAAsB;AACrB,WAAO,IAAP;AACA;;AAED,QAAMG,KAAK,GAAGN,EAAE,CAAE,mBAAF,CAAhB;;AACA,SAAO,cAAC,QAAD;AAAU,IAAA,OAAO,EAAGI;AAApB,KAAgC,CAAEC,KAAF,IAAWC,KAA3C,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\n\nexport default function BlockConvertButton( { shouldRender, onClick, small } ) {\n\tif ( ! shouldRender ) {\n\t\treturn null;\n\t}\n\n\tconst label = __( 'Convert to Blocks' );\n\treturn <MenuItem onClick={ onClick }>{ ! small && label }</MenuItem>;\n}\n"]}

package/build-module/components/block-settings-menu/block-html-convert-button.js

@@ -10,23 +10,19 @@ import { withSelect, withDispatch } from '@wordpress/data';
 
 import BlockConvertButton from './block-convert-button';
 import { store as blockEditorStore } from '../../store';
-export default compose(withSelect((select, _ref) => {
-  let {
-    clientId
-  } = _ref;
+export default compose(withSelect((select, {
+  clientId
+}) => {
   const block = select(blockEditorStore).getBlock(clientId);
   return {
     block,
     shouldRender: block && block.name === 'core/html'
   };
-}), withDispatch((dispatch, _ref2) => {
-  let {
-    block
-  } = _ref2;
-  return {
-    onClick: () => dispatch(blockEditorStore).replaceBlocks(block.clientId, rawHandler({
-      HTML: getBlockContent(block)
-    }))
-  };
-}))(BlockConvertButton);
+}), withDispatch((dispatch, {
+  block
+}) => ({
+  onClick: () => dispatch(blockEditorStore).replaceBlocks(block.clientId, rawHandler({
+    HTML: getBlockContent(block)
+  }))
+})))(BlockConvertButton);
 //# sourceMappingURL=block-html-convert-button.js.map

package/build-module/components/block-settings-menu/block-html-convert-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"names":["rawHandler","getBlockContent","compose","withSelect","withDispatch","BlockConvertButton","store","blockEditorStore","select","clientId","block","getBlock","shouldRender","name","dispatch","onClick","replaceBlocks","HTML"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,EAAqBC,eAArB,QAA4C,mBAA5C;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,UAAT,EAAqBC,YAArB,QAAyC,iBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,eAAeL,OAAO,CACrBC,UAAU,CAAE,CAAEK,MAAF,WAA4B;AAAA,MAAlB;AAAEC,IAAAA;AAAF,GAAkB;AACvC,QAAMC,KAAK,GAAGF,MAAM,CAAED,gBAAF,CAAN,CAA2BI,QAA3B,CAAqCF,QAArC,CAAd;AAEA,SAAO;AACNC,IAAAA,KADM;AAENE,IAAAA,YAAY,EAAEF,KAAK,IAAIA,KAAK,CAACG,IAAN,KAAe;AAFhC,GAAP;AAIA,CAPS,CADW,EASrBT,YAAY,CAAE,CAAEU,QAAF;AAAA,MAAY;AAAEJ,IAAAA;AAAF,GAAZ;AAAA,SAA6B;AAC1CK,IAAAA,OAAO,EAAE,MACRD,QAAQ,CAAEP,gBAAF,CAAR,CAA6BS,aAA7B,CACCN,KAAK,CAACD,QADP,EAECT,UAAU,CAAE;AAAEiB,MAAAA,IAAI,EAAEhB,eAAe,CAAES,KAAF;AAAvB,KAAF,CAFX;AAFyC,GAA7B;AAAA,CAAF,CATS,CAAP,CAgBZL,kBAhBY,CAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockConvertButton from './block-convert-button';\nimport { store as blockEditorStore } from '../../store';\n\nexport default compose(\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst block = select( blockEditorStore ).getBlock( clientId );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tshouldRender: block && block.name === 'core/html',\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { block } ) => ( {\n\t\tonClick: () =>\n\t\t\tdispatch( blockEditorStore ).replaceBlocks(\n\t\t\t\tblock.clientId,\n\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t),\n\t} ) )\n)( BlockConvertButton );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"names":["rawHandler","getBlockContent","compose","withSelect","withDispatch","BlockConvertButton","store","blockEditorStore","select","clientId","block","getBlock","shouldRender","name","dispatch","onClick","replaceBlocks","HTML"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,EAAqBC,eAArB,QAA4C,mBAA5C;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,UAAT,EAAqBC,YAArB,QAAyC,iBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,eAAeL,OAAO,CACrBC,UAAU,CAAE,CAAEK,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,KAA4B;AACvC,QAAMC,KAAK,GAAGF,MAAM,CAAED,gBAAF,CAAN,CAA2BI,QAA3B,CAAqCF,QAArC,CAAd;AAEA,SAAO;AACNC,IAAAA,KADM;AAENE,IAAAA,YAAY,EAAEF,KAAK,IAAIA,KAAK,CAACG,IAAN,KAAe;AAFhC,GAAP;AAIA,CAPS,CADW,EASrBT,YAAY,CAAE,CAAEU,QAAF,EAAY;AAAEJ,EAAAA;AAAF,CAAZ,MAA6B;AAC1CK,EAAAA,OAAO,EAAE,MACRD,QAAQ,CAAEP,gBAAF,CAAR,CAA6BS,aAA7B,CACCN,KAAK,CAACD,QADP,EAECT,UAAU,CAAE;AAAEiB,IAAAA,IAAI,EAAEhB,eAAe,CAAES,KAAF;AAAvB,GAAF,CAFX;AAFyC,CAA7B,CAAF,CATS,CAAP,CAgBZL,kBAhBY,CAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockConvertButton from './block-convert-button';\nimport { store as blockEditorStore } from '../../store';\n\nexport default compose(\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst block = select( blockEditorStore ).getBlock( clientId );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tshouldRender: block && block.name === 'core/html',\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { block } ) => ( {\n\t\tonClick: () =>\n\t\t\tdispatch( blockEditorStore ).replaceBlocks(\n\t\t\t\tblock.clientId,\n\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t),\n\t} ) )\n)( BlockConvertButton );\n"]}

package/build-module/components/block-settings-menu/block-mode-toggle.js

@@ -16,15 +16,13 @@ import { store as blockEditorStore } from '../../store';
 
 const noop = () => {};
 
-export function BlockModeToggle(_ref) {
-  let {
-    blockType,
-    mode,
-    onToggleMode,
-    small = false,
-    isCodeEditingEnabled = true
-  } = _ref;
-
+export function BlockModeToggle({
+  blockType,
+  mode,
+  onToggleMode,
+  small = false,
+  isCodeEditingEnabled = true
+}) {
   if (!blockType || !hasBlockSupport(blockType, 'html', true) || !isCodeEditingEnabled) {
     return null;
   }
@@ -34,10 +32,9 @@ export function BlockModeToggle(_ref) {
     onClick: onToggleMode
   }, !small && label);
 }
-export default compose([withSelect((select, _ref2) => {
-  let {
-    clientId
-  } = _ref2;
+export default compose([withSelect((select, {
+  clientId
+}) => {
   const {
     getBlock,
     getBlockMode,
@@ -50,17 +47,14 @@ export default compose([withSelect((select, _ref2) => {
     blockType: block ? getBlockType(block.name) : null,
     isCodeEditingEnabled
   };
-}), withDispatch((dispatch, _ref3) => {
-  let {
-    onToggle = noop,
-    clientId
-  } = _ref3;
-  return {
-    onToggleMode() {
-      dispatch(blockEditorStore).toggleBlockMode(clientId);
-      onToggle();
-    }
+}), withDispatch((dispatch, {
+  onToggle = noop,
+  clientId
+}) => ({
+  onToggleMode() {
+    dispatch(blockEditorStore).toggleBlockMode(clientId);
+    onToggle();
+  }
 
-  };
-})])(BlockModeToggle);
+}))])(BlockModeToggle);
 //# sourceMappingURL=block-mode-toggle.js.map

package/build-module/components/block-settings-menu/block-mode-toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-mode-toggle.js"],"names":["__","MenuItem","getBlockType","hasBlockSupport","withSelect","withDispatch","compose","store","blockEditorStore","noop","BlockModeToggle","blockType","mode","onToggleMode","small","isCodeEditingEnabled","label","select","clientId","getBlock","getBlockMode","getSettings","block","codeEditingEnabled","name","dispatch","onToggle","toggleBlockMode"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AACA,SAASC,YAAT,EAAuBC,eAAvB,QAA8C,mBAA9C;AACA,SAASC,UAAT,EAAqBC,YAArB,QAAyC,iBAAzC;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;;AAEA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,OAAO,SAASC,eAAT,OAMH;AAAA,MAN6B;AAChCC,IAAAA,SADgC;AAEhCC,IAAAA,IAFgC;AAGhCC,IAAAA,YAHgC;AAIhCC,IAAAA,KAAK,GAAG,KAJwB;AAKhCC,IAAAA,oBAAoB,GAAG;AALS,GAM7B;;AACH,MACC,CAAEJ,SAAF,IACA,CAAER,eAAe,CAAEQ,SAAF,EAAa,MAAb,EAAqB,IAArB,CADjB,IAEA,CAAEI,oBAHH,EAIE;AACD,WAAO,IAAP;AACA;;AAED,QAAMC,KAAK,GACVJ,IAAI,KAAK,QAAT,GAAoBZ,EAAE,CAAE,cAAF,CAAtB,GAA2CA,EAAE,CAAE,eAAF,CAD9C;AAGA,SAAO,cAAC,QAAD;AAAU,IAAA,OAAO,EAAGa;AAApB,KAAqC,CAAEC,KAAF,IAAWE,KAAhD,CAAP;AACA;AAED,eAAeV,OAAO,CAAE,CACvBF,UAAU,CAAE,CAAEa,MAAF,YAA4B;AAAA,MAAlB;AAAEC,IAAAA;AAAF,GAAkB;AACvC,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA;AAA1B,MACLJ,MAAM,CAAET,gBAAF,CADP;AAEA,QAAMc,KAAK,GAAGH,QAAQ,CAAED,QAAF,CAAtB;AACA,QAAMH,oBAAoB,GAAGM,WAAW,GAAGE,kBAA3C;AAEA,SAAO;AACNX,IAAAA,IAAI,EAAEQ,YAAY,CAAEF,QAAF,CADZ;AAENP,IAAAA,SAAS,EAAEW,KAAK,GAAGpB,YAAY,CAAEoB,KAAK,CAACE,IAAR,CAAf,GAAgC,IAF1C;AAGNT,IAAAA;AAHM,GAAP;AAKA,CAXS,CADa,EAavBV,YAAY,CAAE,CAAEoB,QAAF;AAAA,MAAY;AAAEC,IAAAA,QAAQ,GAAGjB,IAAb;AAAmBS,IAAAA;AAAnB,GAAZ;AAAA,SAAiD;AAC9DL,IAAAA,YAAY,GAAG;AACdY,MAAAA,QAAQ,CAAEjB,gBAAF,CAAR,CAA6BmB,eAA7B,CAA8CT,QAA9C;AACAQ,MAAAA,QAAQ;AACR;;AAJ6D,GAAjD;AAAA,CAAF,CAbW,CAAF,CAAP,CAmBVhB,eAnBU,CAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { getBlockType, hasBlockSupport } from '@wordpress/blocks';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nexport function BlockModeToggle( {\n\tblockType,\n\tmode,\n\tonToggleMode,\n\tsmall = false,\n\tisCodeEditingEnabled = true,\n} ) {\n\tif (\n\t\t! blockType ||\n\t\t! hasBlockSupport( blockType, 'html', true ) ||\n\t\t! isCodeEditingEnabled\n\t) {\n\t\treturn null;\n\t}\n\n\tconst label =\n\t\tmode === 'visual' ? __( 'Edit as HTML' ) : __( 'Edit visually' );\n\n\treturn <MenuItem onClick={ onToggleMode }>{ ! small && label }</MenuItem>;\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock, getBlockMode, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\t\tconst isCodeEditingEnabled = getSettings().codeEditingEnabled;\n\n\t\treturn {\n\t\t\tmode: getBlockMode( clientId ),\n\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\tisCodeEditingEnabled,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { onToggle = noop, clientId } ) => ( {\n\t\tonToggleMode() {\n\t\t\tdispatch( blockEditorStore ).toggleBlockMode( clientId );\n\t\t\tonToggle();\n\t\t},\n\t} ) ),\n] )( BlockModeToggle );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-mode-toggle.js"],"names":["__","MenuItem","getBlockType","hasBlockSupport","withSelect","withDispatch","compose","store","blockEditorStore","noop","BlockModeToggle","blockType","mode","onToggleMode","small","isCodeEditingEnabled","label","select","clientId","getBlock","getBlockMode","getSettings","block","codeEditingEnabled","name","dispatch","onToggle","toggleBlockMode"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AACA,SAASC,YAAT,EAAuBC,eAAvB,QAA8C,mBAA9C;AACA,SAASC,UAAT,EAAqBC,YAArB,QAAyC,iBAAzC;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;;AAEA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,OAAO,SAASC,eAAT,CAA0B;AAChCC,EAAAA,SADgC;AAEhCC,EAAAA,IAFgC;AAGhCC,EAAAA,YAHgC;AAIhCC,EAAAA,KAAK,GAAG,KAJwB;AAKhCC,EAAAA,oBAAoB,GAAG;AALS,CAA1B,EAMH;AACH,MACC,CAAEJ,SAAF,IACA,CAAER,eAAe,CAAEQ,SAAF,EAAa,MAAb,EAAqB,IAArB,CADjB,IAEA,CAAEI,oBAHH,EAIE;AACD,WAAO,IAAP;AACA;;AAED,QAAMC,KAAK,GACVJ,IAAI,KAAK,QAAT,GAAoBZ,EAAE,CAAE,cAAF,CAAtB,GAA2CA,EAAE,CAAE,eAAF,CAD9C;AAGA,SAAO,cAAC,QAAD;AAAU,IAAA,OAAO,EAAGa;AAApB,KAAqC,CAAEC,KAAF,IAAWE,KAAhD,CAAP;AACA;AAED,eAAeV,OAAO,CAAE,CACvBF,UAAU,CAAE,CAAEa,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,KAA4B;AACvC,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA;AAA1B,MACLJ,MAAM,CAAET,gBAAF,CADP;AAEA,QAAMc,KAAK,GAAGH,QAAQ,CAAED,QAAF,CAAtB;AACA,QAAMH,oBAAoB,GAAGM,WAAW,GAAGE,kBAA3C;AAEA,SAAO;AACNX,IAAAA,IAAI,EAAEQ,YAAY,CAAEF,QAAF,CADZ;AAENP,IAAAA,SAAS,EAAEW,KAAK,GAAGpB,YAAY,CAAEoB,KAAK,CAACE,IAAR,CAAf,GAAgC,IAF1C;AAGNT,IAAAA;AAHM,GAAP;AAKA,CAXS,CADa,EAavBV,YAAY,CAAE,CAAEoB,QAAF,EAAY;AAAEC,EAAAA,QAAQ,GAAGjB,IAAb;AAAmBS,EAAAA;AAAnB,CAAZ,MAAiD;AAC9DL,EAAAA,YAAY,GAAG;AACdY,IAAAA,QAAQ,CAAEjB,gBAAF,CAAR,CAA6BmB,eAA7B,CAA8CT,QAA9C;AACAQ,IAAAA,QAAQ;AACR;;AAJ6D,CAAjD,CAAF,CAbW,CAAF,CAAP,CAmBVhB,eAnBU,CAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { getBlockType, hasBlockSupport } from '@wordpress/blocks';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nexport function BlockModeToggle( {\n\tblockType,\n\tmode,\n\tonToggleMode,\n\tsmall = false,\n\tisCodeEditingEnabled = true,\n} ) {\n\tif (\n\t\t! blockType ||\n\t\t! hasBlockSupport( blockType, 'html', true ) ||\n\t\t! isCodeEditingEnabled\n\t) {\n\t\treturn null;\n\t}\n\n\tconst label =\n\t\tmode === 'visual' ? __( 'Edit as HTML' ) : __( 'Edit visually' );\n\n\treturn <MenuItem onClick={ onToggleMode }>{ ! small && label }</MenuItem>;\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock, getBlockMode, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\t\tconst isCodeEditingEnabled = getSettings().codeEditingEnabled;\n\n\t\treturn {\n\t\t\tmode: getBlockMode( clientId ),\n\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\tisCodeEditingEnabled,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { onToggle = noop, clientId } ) => ( {\n\t\tonToggleMode() {\n\t\t\tdispatch( blockEditorStore ).toggleBlockMode( clientId );\n\t\t\tonToggle();\n\t\t},\n\t} ) ),\n] )( BlockModeToggle );\n"]}

package/build-module/components/block-settings-menu/block-settings-dropdown.js

@@ -10,7 +10,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { moreVertical } from '@wordpress/icons';
 import { Children, cloneElement, useCallback, useRef } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
-import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
+import { store as keyboardShortcutsStore, __unstableUseShortcutEventMatch } from '@wordpress/keyboard-shortcuts';
 import { pipe, useCopyToClipboard } from '@wordpress/compose';
 /**
  * Internal dependencies
@@ -23,21 +23,17 @@ import __unstableBlockSettingsMenuFirstItem from './block-settings-menu-first-it
 import BlockSettingsMenuControls from '../block-settings-menu-controls';
 import { store as blockEditorStore } from '../../store';
 import { useShowMoversGestures } from '../block-toolbar/utils';
-
-const noop = () => {};
-
 const POPOVER_PROPS = {
   className: 'block-editor-block-settings-menu__popover',
   position: 'bottom right',
   variant: 'toolbar'
 };
 
-function CopyMenuItem(_ref) {
-  let {
-    blocks,
-    onCopy,
-    label
-  } = _ref;
+function CopyMenuItem({
+  blocks,
+  onCopy,
+  label
+}) {
   const ref = useCopyToClipboard(() => serialize(blocks), onCopy);
   const copyMenuItemBlocksLabel = blocks.length > 1 ? __('Copy blocks') : __('Copy block');
   const copyMenuItemLabel = label ? label : copyMenuItemBlocksLabel;
@@ -46,14 +42,13 @@ function CopyMenuItem(_ref) {
   }, copyMenuItemLabel);
 }
 
-export function BlockSettingsDropdown(_ref2) {
-  let {
-    clientIds,
-    __experimentalSelectBlock,
-    children,
-    __unstableDisplayLocation,
-    ...props
-  } = _ref2;
+export function BlockSettingsDropdown({
+  clientIds,
+  __experimentalSelectBlock,
+  children,
+  __unstableDisplayLocation,
+  ...props
+}) {
   const blockClientIds = Array.isArray(clientIds) ? clientIds : [clientIds];
   const count = blockClientIds.length;
   const firstBlockClientId = blockClientIds[0];
@@ -63,7 +58,6 @@ export function BlockSettingsDropdown(_ref2) {
     onlyBlock,
     parentBlockType,
     previousBlockClientId,
-    nextBlockClientId,
     selectedBlockClientIds
   } = useSelect(select => {
     const {
@@ -71,7 +65,6 @@ export function BlockSettingsDropdown(_ref2) {
       getBlockName,
       getBlockRootClientId,
       getPreviousBlockClientId,
-      getNextBlockClientId,
       getSelectedBlockClientIds,
       getSettings,
       getBlockAttributes
@@ -90,10 +83,13 @@ export function BlockSettingsDropdown(_ref2) {
       onlyBlock: 1 === getBlockCount(_firstParentClientId),
       parentBlockType: _firstParentClientId && (getActiveBlockVariation(parentBlockName, getBlockAttributes(_firstParentClientId)) || getBlockType(parentBlockName)),
       previousBlockClientId: getPreviousBlockClientId(firstBlockClientId),
-      nextBlockClientId: getNextBlockClientId(firstBlockClientId),
       selectedBlockClientIds: getSelectedBlockClientIds()
     };
   }, [firstBlockClientId]);
+  const {
+    getBlockOrder,
+    getSelectedBlockClientIds
+  } = useSelect(blockEditorStore);
   const shortcuts = useSelect(select => {
     const {
       getShortcutRepresentation
@@ -105,28 +101,37 @@ export function BlockSettingsDropdown(_ref2) {
       insertBefore: getShortcutRepresentation('core/block-editor/insert-before')
     };
   }, []);
+
+  const isMatch = __unstableUseShortcutEventMatch();
+
   const {
     selectBlock,
     toggleBlockHighlight
   } = useDispatch(blockEditorStore);
-  const updateSelectionAfterDuplicate = useCallback(__experimentalSelectBlock ? async clientIdsPromise => {
-    const ids = await clientIdsPromise;
+  const hasSelectedBlocks = selectedBlockClientIds.length > 0;
+  const updateSelectionAfterDuplicate = useCallback(async clientIdsPromise => {
+    if (__experimentalSelectBlock) {
+      const ids = await clientIdsPromise;
 
-    if (ids && ids[0]) {
-      __experimentalSelectBlock(ids[0]);
+      if (ids && ids[0]) {
+        __experimentalSelectBlock(ids[0], false);
+      }
     }
-  } : noop, [__experimentalSelectBlock]);
-  const updateSelectionAfterRemove = useCallback(__experimentalSelectBlock ? () => {
-    const blockToSelect = previousBlockClientId || nextBlockClientId || firstParentClientId;
-
-    if (blockToSelect && // From the block options dropdown, it's possible to remove a block that is not selected,
-    // in this case, it's not necessary to update the selection since the selected block wasn't removed.
-    selectedBlockClientIds.includes(firstBlockClientId) && // Don't update selection when next/prev block also is in the selection ( and gets removed ),
-    // In case someone selects all blocks and removes them at once.
-    !selectedBlockClientIds.includes(blockToSelect)) {
-      __experimentalSelectBlock(blockToSelect);
+  }, [__experimentalSelectBlock]);
+  const updateSelectionAfterRemove = useCallback(() => {
+    if (__experimentalSelectBlock) {
+      let blockToFocus = previousBlockClientId || firstParentClientId; // Focus the first block if there's no previous block nor parent block.
+
+      if (!blockToFocus) {
+        blockToFocus = getBlockOrder()[0];
+      } // Only update the selection if the original selection is removed.
+
+
+      const shouldUpdateSelection = hasSelectedBlocks && getSelectedBlockClientIds().length === 0;
+
+      __experimentalSelectBlock(blockToFocus, shouldUpdateSelection);
     }
-  } : noop, [__experimentalSelectBlock, previousBlockClientId, nextBlockClientId, firstParentClientId, selectedBlockClientIds]);
+  }, [__experimentalSelectBlock, previousBlockClientId, firstParentClientId, getBlockOrder, hasSelectedBlocks, getSelectedBlockClientIds]);
   const removeBlockLabel = count === 1 ? __('Delete') : __('Delete blocks'); // Allows highlighting the parent block outline when focusing or hovering
   // the parent block selector within the child.
 
@@ -147,88 +152,105 @@ export function BlockSettingsDropdown(_ref2) {
   }); // This can occur when the selected block (the parent)
   // displays child blocks within a List View.
 
-  const parentBlockIsSelected = selectedBlockClientIds === null || selectedBlockClientIds === void 0 ? void 0 : selectedBlockClientIds.includes(firstParentClientId);
+  const parentBlockIsSelected = selectedBlockClientIds?.includes(firstParentClientId);
   return createElement(BlockActions, {
     clientIds: clientIds,
     __experimentalUpdateSelection: !__experimentalSelectBlock
-  }, _ref3 => {
-    let {
-      canDuplicate,
-      canInsertDefaultBlock,
+  }, ({
+    canDuplicate,
+    canInsertDefaultBlock,
+    canMove,
+    canRemove,
+    onDuplicate,
+    onInsertAfter,
+    onInsertBefore,
+    onRemove,
+    onCopy,
+    onPasteStyles,
+    onMoveTo,
+    blocks
+  }) => createElement(DropdownMenu, _extends({
+    icon: moreVertical,
+    label: __('Options'),
+    className: "block-editor-block-settings-menu",
+    popoverProps: POPOVER_PROPS,
+    noIcons: true,
+    menuProps: {
+      /**
+       * @param {KeyboardEvent} event
+       */
+      onKeyDown(event) {
+        if (event.defaultPrevented) return;
+
+        if (isMatch('core/block-editor/remove', event) && canRemove) {
+          event.preventDefault();
+          updateSelectionAfterRemove(onRemove());
+        } else if (isMatch('core/block-editor/duplicate', event) && canDuplicate) {
+          event.preventDefault();
+          updateSelectionAfterDuplicate(onDuplicate());
+        } else if (isMatch('core/block-editor/insert-after', event) && canInsertDefaultBlock) {
+          event.preventDefault();
+          onInsertAfter();
+        } else if (isMatch('core/block-editor/insert-before', event) && canInsertDefaultBlock) {
+          event.preventDefault();
+          onInsertBefore();
+        }
+      }
+
+    }
+  }, props), ({
+    onClose
+  }) => createElement(Fragment, null, createElement(MenuGroup, null, createElement(__unstableBlockSettingsMenuFirstItem.Slot, {
+    fillProps: {
+      onClose
+    }
+  }), !parentBlockIsSelected && !!firstParentClientId && createElement(MenuItem, _extends({}, showParentOutlineGestures, {
+    ref: selectParentButtonRef,
+    icon: createElement(BlockIcon, {
+      icon: parentBlockType.icon
+    }),
+    onClick: () => selectBlock(firstParentClientId)
+  }), sprintf(
+  /* translators: %s: Name of the block's parent. */
+  __('Select parent block (%s)'), parentBlockType.title)), count === 1 && createElement(BlockHTMLConvertButton, {
+    clientId: firstBlockClientId
+  }), createElement(CopyMenuItem, {
+    blocks: blocks,
+    onCopy: onCopy
+  }), canDuplicate && createElement(MenuItem, {
+    onClick: pipe(onClose, onDuplicate, updateSelectionAfterDuplicate),
+    shortcut: shortcuts.duplicate
+  }, __('Duplicate')), canInsertDefaultBlock && createElement(Fragment, null, createElement(MenuItem, {
+    onClick: pipe(onClose, onInsertBefore),
+    shortcut: shortcuts.insertBefore
+  }, __('Add before')), createElement(MenuItem, {
+    onClick: pipe(onClose, onInsertAfter),
+    shortcut: shortcuts.insertAfter
+  }, __('Add after')))), createElement(MenuGroup, null, createElement(CopyMenuItem, {
+    blocks: blocks,
+    onCopy: onCopy,
+    label: __('Copy styles')
+  }), createElement(MenuItem, {
+    onClick: onPasteStyles
+  }, __('Paste styles'))), createElement(BlockSettingsMenuControls.Slot, {
+    fillProps: {
+      onClose,
       canMove,
-      canRemove,
-      onDuplicate,
-      onInsertAfter,
-      onInsertBefore,
-      onRemove,
-      onCopy,
-      onPasteStyles,
       onMoveTo,
-      blocks
-    } = _ref3;
-    return createElement(DropdownMenu, _extends({
-      icon: moreVertical,
-      label: __('Options'),
-      className: "block-editor-block-settings-menu",
-      popoverProps: POPOVER_PROPS,
-      noIcons: true
-    }, props), _ref4 => {
-      let {
-        onClose
-      } = _ref4;
-      return createElement(Fragment, null, createElement(MenuGroup, null, createElement(__unstableBlockSettingsMenuFirstItem.Slot, {
-        fillProps: {
-          onClose
-        }
-      }), !parentBlockIsSelected && !!firstParentClientId && createElement(MenuItem, _extends({}, showParentOutlineGestures, {
-        ref: selectParentButtonRef,
-        icon: createElement(BlockIcon, {
-          icon: parentBlockType.icon
-        }),
-        onClick: () => selectBlock(firstParentClientId)
-      }), sprintf(
-      /* translators: %s: Name of the block's parent. */
-      __('Select parent block (%s)'), parentBlockType.title)), count === 1 && createElement(BlockHTMLConvertButton, {
-        clientId: firstBlockClientId
-      }), createElement(CopyMenuItem, {
-        blocks: blocks,
-        onCopy: onCopy
-      }), canDuplicate && createElement(MenuItem, {
-        onClick: pipe(onClose, onDuplicate, updateSelectionAfterDuplicate),
-        shortcut: shortcuts.duplicate
-      }, __('Duplicate')), canInsertDefaultBlock && createElement(Fragment, null, createElement(MenuItem, {
-        onClick: pipe(onClose, onInsertBefore),
-        shortcut: shortcuts.insertBefore
-      }, __('Add before')), createElement(MenuItem, {
-        onClick: pipe(onClose, onInsertAfter),
-        shortcut: shortcuts.insertAfter
-      }, __('Add after')))), createElement(MenuGroup, null, createElement(CopyMenuItem, {
-        blocks: blocks,
-        onCopy: onCopy,
-        label: __('Copy styles')
-      }), createElement(MenuItem, {
-        onClick: onPasteStyles
-      }, __('Paste styles'))), createElement(BlockSettingsMenuControls.Slot, {
-        fillProps: {
-          onClose,
-          canMove,
-          onMoveTo,
-          onlyBlock,
-          count,
-          firstBlockClientId
-        },
-        clientIds: clientIds,
-        __unstableDisplayLocation: __unstableDisplayLocation
-      }), typeof children === 'function' ? children({
-        onClose
-      }) : Children.map(child => cloneElement(child, {
-        onClose
-      })), canRemove && createElement(MenuGroup, null, createElement(MenuItem, {
-        onClick: pipe(onClose, onRemove, updateSelectionAfterRemove),
-        shortcut: shortcuts.remove
-      }, removeBlockLabel)));
-    });
-  });
+      onlyBlock,
+      count,
+      firstBlockClientId
+    },
+    clientIds: clientIds,
+    __unstableDisplayLocation: __unstableDisplayLocation
+  }), typeof children === 'function' ? children({
+    onClose
+  }) : Children.map(child => cloneElement(child, {
+    onClose
+  })), canRemove && createElement(MenuGroup, null, createElement(MenuItem, {
+    onClick: pipe(onClose, onRemove, updateSelectionAfterRemove),
+    shortcut: shortcuts.remove
+  }, removeBlockLabel)))));
 }
 export default BlockSettingsDropdown;
 //# sourceMappingURL=block-settings-dropdown.js.map