@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/block-selection-clearer/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = BlockSelectionClearer;
 exports.useBlockSelectionClearer = useBlockSelectionClearer;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -58,7 +58,7 @@ function useBlockSelectionClearer() {
   }, [hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled]);
 }
 function BlockSelectionClearer(props) {
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: useBlockSelectionClearer(),
     ...props
   });

package/build/components/block-selection-clearer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_compose","_store","useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","useSelect","blockEditorStore","clearSelectedBlock","useDispatch","clearBlockSelection","isEnabled","useRefEffect","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props","_react","createElement","ref"],"sources":["@wordpress/block-editor/src/components/block-selection-clearer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Pass the returned ref callback to an element that should clear block\n * selection. Selection will only be cleared if the element is clicked directly,\n * not if a child element is clicked.\n *\n * @return {import('react').RefCallback} Ref callback.\n */\nexport function useBlockSelectionClearer() {\n\tconst { getSettings, hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clearBlockSelection: isEnabled } = getSettings();\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Only handle clicks on the element, not the children.\n\t\t\t\tif ( event.target !== node ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tclearSelectedBlock();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled ]\n\t);\n}\n\nexport default function BlockSelectionClearer( props ) {\n\treturn <div ref={ useBlockSelectionClearer() } { ...props } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,wBAAwBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GACzD,IAAAC,eAAS,EAAEC,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAC9D,MAAM;IAAEG,mBAAmB,EAAEC;EAAU,CAAC,GAAGR,WAAW,CAAC,CAAC;EAExD,OAAO,IAAAS,qBAAY,EAChBC,IAAI,IAAM;IACX,IAAK,CAAEF,SAAS,EAAG;MAClB;IACD;IAEA,SAASG,WAAWA,CAAEC,KAAK,EAAG;MAC7B,IAAK,CAAEX,gBAAgB,CAAC,CAAC,IAAI,CAAEC,iBAAiB,CAAC,CAAC,EAAG;QACpD;MACD;;MAEA;MACA,IAAKU,KAAK,CAACC,MAAM,KAAKH,IAAI,EAAG;QAC5B;MACD;MAEAL,kBAAkB,CAAC,CAAC;IACrB;IAEAK,IAAI,CAACI,gBAAgB,CAAE,WAAW,EAAEH,WAAY,CAAC;IAEjD,OAAO,MAAM;MACZD,IAAI,CAACK,mBAAmB,CAAE,WAAW,EAAEJ,WAAY,CAAC;IACrD,CAAC;EACF,CAAC,EACD,CAAEV,gBAAgB,EAAEC,iBAAiB,EAAEG,kBAAkB,EAAEG,SAAS,CACrE,CAAC;AACF;AAEe,SAASQ,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,OAAO,IAAAC,MAAA,CAAAC,aAAA;IAAKC,GAAG,EAAGrB,wBAAwB,CAAC,CAAG;IAAA,GAAMkB;EAAK,CAAI,CAAC;AAC/D","ignoreList":[]}
+{"version":3,"names":["_data","require","_compose","_store","_jsxRuntime","useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","useSelect","blockEditorStore","clearSelectedBlock","useDispatch","clearBlockSelection","isEnabled","useRefEffect","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props","jsx","ref"],"sources":["@wordpress/block-editor/src/components/block-selection-clearer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Pass the returned ref callback to an element that should clear block\n * selection. Selection will only be cleared if the element is clicked directly,\n * not if a child element is clicked.\n *\n * @return {import('react').RefCallback} Ref callback.\n */\nexport function useBlockSelectionClearer() {\n\tconst { getSettings, hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clearBlockSelection: isEnabled } = getSettings();\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Only handle clicks on the element, not the children.\n\t\t\t\tif ( event.target !== node ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tclearSelectedBlock();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled ]\n\t);\n}\n\nexport default function BlockSelectionClearer( props ) {\n\treturn <div ref={ useBlockSelectionClearer() } { ...props } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAAwD,IAAAG,WAAA,GAAAH,OAAA;AATxD;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,wBAAwBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GACzD,IAAAC,eAAS,EAAEC,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAC9D,MAAM;IAAEG,mBAAmB,EAAEC;EAAU,CAAC,GAAGR,WAAW,CAAC,CAAC;EAExD,OAAO,IAAAS,qBAAY,EAChBC,IAAI,IAAM;IACX,IAAK,CAAEF,SAAS,EAAG;MAClB;IACD;IAEA,SAASG,WAAWA,CAAEC,KAAK,EAAG;MAC7B,IAAK,CAAEX,gBAAgB,CAAC,CAAC,IAAI,CAAEC,iBAAiB,CAAC,CAAC,EAAG;QACpD;MACD;;MAEA;MACA,IAAKU,KAAK,CAACC,MAAM,KAAKH,IAAI,EAAG;QAC5B;MACD;MAEAL,kBAAkB,CAAC,CAAC;IACrB;IAEAK,IAAI,CAACI,gBAAgB,CAAE,WAAW,EAAEH,WAAY,CAAC;IAEjD,OAAO,MAAM;MACZD,IAAI,CAACK,mBAAmB,CAAE,WAAW,EAAEJ,WAAY,CAAC;IACrD,CAAC;EACF,CAAC,EACD,CAAEV,gBAAgB,EAAEC,iBAAiB,EAAEG,kBAAkB,EAAEG,SAAS,CACrE,CAAC;AACF;AAEe,SAASQ,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,oBAAO,IAAAnB,WAAA,CAAAoB,GAAA;IAAKC,GAAG,EAAGpB,wBAAwB,CAAC,CAAG;IAAA,GAAMkB;EAAK,CAAI,CAAC;AAC/D","ignoreList":[]}

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -19,14 +19,18 @@ const {
 } = (0, _components.createSlotFill)('SettingsToolbarButton');
 const SettingsButton = ({
   openGeneralSidebar
-}) => (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
-  title: (0, _i18n.__)('Open Settings'),
-  icon: _icons.cog,
-  onClick: openGeneralSidebar
-}));
-const SettingsButtonFill = props => (0, _react.createElement)(Fill, null, (0, _react.createElement)(SettingsButton, {
-  ...props
-}));
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+    title: (0, _i18n.__)('Open Settings'),
+    icon: _icons.cog,
+    onClick: openGeneralSidebar
+  })
+});
+const SettingsButtonFill = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(Fill, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SettingsButton, {
+    ...props
+  })
+});
 const SettingsToolbarButton = (0, _data.withDispatch)(dispatch => {
   const {
     openGeneralSidebar

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_icons","Fill","Slot","createSlotFill","SettingsButton","openGeneralSidebar","_react","createElement","ToolbarGroup","ToolbarButton","title","__","icon","cog","onClick","SettingsButtonFill","props","SettingsToolbarButton","withDispatch","dispatch","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tToolbarButton,\n\tToolbarGroup,\n} 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<ToolbarGroup>\n\t\t<ToolbarButton\n\t\t\ttitle={ __( 'Open Settings' ) }\n\t\t\ticon={ cog }\n\t\t\tonClick={ openGeneralSidebar }\n\t\t/>\n\t</ToolbarGroup>\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"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAUA,MAAM;EAAEI,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,uBAAwB,CAAC;AAEhE,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAmB,CAAC,KAC9C,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,YAAY,QACZ,IAAAF,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,aAAa;EACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;EAC/BC,IAAI,EAAGC,UAAK;EACZC,OAAO,EAAGT;AAAoB,CAC9B,CACY,CACd;AAED,MAAMU,kBAAkB,GAAKC,KAAK,IACjC,IAAAV,MAAA,CAAAC,aAAA,EAACN,IAAI,QACJ,IAAAK,MAAA,CAAAC,aAAA,EAACH,cAAc;EAAA,GAAMY;AAAK,CAAI,CACzB,CACN;AAED,MAAMC,qBAAqB,GAAG,IAAAC,kBAAY,EAAIC,QAAQ,IAAM;EAC3D,MAAM;IAAEd;EAAmB,CAAC,GAAGc,QAAQ,CAAE,gBAAiB,CAAC;EAE3D,OAAO;IACNd,kBAAkB,EAAEA,CAAA,KAAMA,kBAAkB,CAAE,iBAAkB;EACjE,CAAC;AACF,CAAE,CAAC,CAAEU,kBAAmB,CAAC;AAEzBE,qBAAqB,CAACf,IAAI,GAAGA,IAAI;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEnBL,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_data","_icons","_jsxRuntime","Fill","Slot","createSlotFill","SettingsButton","openGeneralSidebar","jsx","ToolbarGroup","children","ToolbarButton","title","__","icon","cog","onClick","SettingsButtonFill","props","SettingsToolbarButton","withDispatch","dispatch","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tToolbarButton,\n\tToolbarGroup,\n} 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<ToolbarGroup>\n\t\t<ToolbarButton\n\t\t\ttitle={ __( 'Open Settings' ) }\n\t\t\ticon={ cog }\n\t\t\tonClick={ openGeneralSidebar }\n\t\t/>\n\t</ToolbarGroup>\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"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAuC,IAAAI,WAAA,GAAAJ,OAAA;AAVvC;AACA;AACA;;AAUA,MAAM;EAAEK,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,uBAAwB,CAAC;AAEhE,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAmB,CAAC,kBAC9C,IAAAL,WAAA,CAAAM,GAAA,EAACX,WAAA,CAAAY,YAAY;EAAAC,QAAA,eACZ,IAAAR,WAAA,CAAAM,GAAA,EAACX,WAAA,CAAAc,aAAa;IACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,IAAI,EAAGC,UAAK;IACZC,OAAO,EAAGT;EAAoB,CAC9B;AAAC,CACW,CACd;AAED,MAAMU,kBAAkB,GAAKC,KAAK,iBACjC,IAAAhB,WAAA,CAAAM,GAAA,EAACL,IAAI;EAAAO,QAAA,eACJ,IAAAR,WAAA,CAAAM,GAAA,EAACF,cAAc;IAAA,GAAMY;EAAK,CAAI;AAAC,CAC1B,CACN;AAED,MAAMC,qBAAqB,GAAG,IAAAC,kBAAY,EAAIC,QAAQ,IAAM;EAC3D,MAAM;IAAEd;EAAmB,CAAC,GAAGc,QAAQ,CAAE,gBAAiB,CAAC;EAE3D,OAAO;IACNd,kBAAkB,EAAEA,CAAA,KAAMA,kBAAkB,CAAE,iBAAkB;EACjE,CAAC;AACF,CAAE,CAAC,CAAEU,kBAAmB,CAAC;AAEzBE,qBAAqB,CAACf,IAAI,GAAGA,IAAI;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEnBL,qBAAqB","ignoreList":[]}

package/build/components/block-settings/container.native.js

@@ -6,14 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockSettingsScreens = void 0;
 exports.default = BottomSheetSettings;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _containerNative = _interopRequireDefault(require("./container.native.scss"));
 var _inspectorControls = _interopRequireDefault(require("../inspector-controls"));
 var _imageLinkDestinations = _interopRequireDefault(require("../image-link-destinations"));
 var _useMultipleOriginColorsAndGradients = _interopRequireDefault(require("../colors-gradients/use-multiple-origin-colors-and-gradients"));
+var _useGlobalStylesContext = require("../global-styles/use-global-styles-context");
 var _advancedControlsPanel = _interopRequireDefault(require("../inspector-controls-tabs/advanced-controls-panel"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -31,42 +32,53 @@ const blockSettingsScreens = exports.blockSettingsScreens = {
 };
 function BottomSheetSettings(props) {
   const colorSettings = (0, _useMultipleOriginColorsAndGradients.default)();
+  colorSettings.allAvailableColors = (0, _useGlobalStylesContext.useMobileGlobalStylesColors)();
   const {
     closeGeneralSidebar
   } = (0, _data.useDispatch)('core/edit-post');
   const editorSidebarOpened = (0, _data.useSelect)(select => select('core/edit-post').isEditorSidebarOpened());
-  return (0, _react.createElement)(_components.BottomSheet, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet, {
     isVisible: editorSidebarOpened,
     onClose: closeGeneralSidebar,
     hideHeader: true,
     contentStyle: _containerNative.default.content,
     hasNavigation: true,
     testID: "block-settings-modal",
-    ...props
-  }, (0, _react.createElement)(_components.BottomSheet.NavigationContainer, {
-    animate: true,
-    main: true
-  }, (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.settings
-  }, (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_inspectorControls.default.Slot, null), (0, _react.createElement)(_advancedControlsPanel.default, null))), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: _components.BottomSheet.SubSheet.screenName
-  }, (0, _react.createElement)(_components.BottomSheet.SubSheet.Slot, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.color
-  }, (0, _react.createElement)(_components.ColorSettings, {
-    defaultSettings: colorSettings
-  })), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.focalPoint,
-    fullScreen: true
-  }, (0, _react.createElement)(_components.FocalPointSettingsPanel, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.linkPicker,
-    fullScreen: true,
-    isScrollable: true
-  }, (0, _react.createElement)(_components.LinkPickerScreen, {
-    returnScreenName: blockSettingsScreens.settings
-  })), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.imageLinkDestinations
-  }, (0, _react.createElement)(_imageLinkDestinations.default, {
-    ...props
-  }))));
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.BottomSheet.NavigationContainer, {
+      animate: true,
+      main: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.settings,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_advancedControlsPanel.default, {})]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
+        name: _components.BottomSheet.SubSheet.screenName,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.SubSheet.Slot, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.color,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ColorSettings, {
+          defaultSettings: colorSettings
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.focalPoint,
+        fullScreen: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FocalPointSettingsPanel, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.linkPicker,
+        fullScreen: true,
+        isScrollable: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.LinkPickerScreen, {
+          returnScreenName: blockSettingsScreens.settings
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.imageLinkDestinations,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_imageLinkDestinations.default, {
+          ...props
+        })
+      })]
+    })
+  });
 }
 //# sourceMappingURL=container.native.js.map

package/build/components/block-settings/container.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_containerNative","_interopRequireDefault","_inspectorControls","_imageLinkDestinations","_useMultipleOriginColorsAndGradients","_advancedControlsPanel","blockSettingsScreens","exports","settings","color","focalPoint","linkPicker","imageLinkDestinations","BottomSheetSettings","props","colorSettings","useMultipleOriginColorsAndGradients","closeGeneralSidebar","useDispatch","editorSidebarOpened","useSelect","select","isEditorSidebarOpened","_react","createElement","BottomSheet","isVisible","onClose","hideHeader","contentStyle","styles","content","hasNavigation","testID","NavigationContainer","animate","main","NavigationScreen","name","Fragment","default","Slot","SubSheet","screenName","ColorSettings","defaultSettings","fullScreen","FocalPointSettingsPanel","isScrollable","LinkPickerScreen","returnScreenName"],"sources":["@wordpress/block-editor/src/components/block-settings/container.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBottomSheet,\n\tColorSettings,\n\tFocalPointSettingsPanel,\n\tLinkPickerScreen,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './container.native.scss';\nimport InspectorControls from '../inspector-controls';\nimport ImageLinkDestinationsScreen from '../image-link-destinations';\nimport useMultipleOriginColorsAndGradients from '../colors-gradients/use-multiple-origin-colors-and-gradients';\nimport AdvancedControls from '../inspector-controls-tabs/advanced-controls-panel';\n\nexport const blockSettingsScreens = {\n\tsettings: 'Settings',\n\tcolor: 'Color',\n\tfocalPoint: 'FocalPoint',\n\tlinkPicker: 'linkPicker',\n\timageLinkDestinations: 'imageLinkDestinations',\n};\n\nexport default function BottomSheetSettings( props ) {\n\tconst colorSettings = useMultipleOriginColorsAndGradients();\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst editorSidebarOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ editorSidebarOpened }\n\t\t\tonClose={ closeGeneralSidebar }\n\t\t\thideHeader\n\t\t\tcontentStyle={ styles.content }\n\t\t\thasNavigation\n\t\t\ttestID=\"block-settings-modal\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.settings }\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<AdvancedControls />\n\t\t\t\t\t</>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ BottomSheet.SubSheet.screenName }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.SubSheet.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.color }\n\t\t\t\t>\n\t\t\t\t\t<ColorSettings defaultSettings={ colorSettings } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.focalPoint }\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<FocalPointSettingsPanel />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.linkPicker }\n\t\t\t\t\tfullScreen\n\t\t\t\t\tisScrollable\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ blockSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.imageLinkDestinations }\n\t\t\t\t>\n\t\t\t\t\t<ImageLinkDestinationsScreen { ...props } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_data","_containerNative","_interopRequireDefault","_inspectorControls","_imageLinkDestinations","_useMultipleOriginColorsAndGradients","_useGlobalStylesContext","_advancedControlsPanel","_jsxRuntime","blockSettingsScreens","exports","settings","color","focalPoint","linkPicker","imageLinkDestinations","BottomSheetSettings","props","colorSettings","useMultipleOriginColorsAndGradients","allAvailableColors","useMobileGlobalStylesColors","closeGeneralSidebar","useDispatch","editorSidebarOpened","useSelect","select","isEditorSidebarOpened","jsx","BottomSheet","isVisible","onClose","hideHeader","contentStyle","styles","content","hasNavigation","testID","children","jsxs","NavigationContainer","animate","main","NavigationScreen","name","Fragment","default","Slot","SubSheet","screenName","ColorSettings","defaultSettings","fullScreen","FocalPointSettingsPanel","isScrollable","LinkPickerScreen","returnScreenName"],"sources":["@wordpress/block-editor/src/components/block-settings/container.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBottomSheet,\n\tColorSettings,\n\tFocalPointSettingsPanel,\n\tLinkPickerScreen,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './container.native.scss';\nimport InspectorControls from '../inspector-controls';\nimport ImageLinkDestinationsScreen from '../image-link-destinations';\nimport useMultipleOriginColorsAndGradients from '../colors-gradients/use-multiple-origin-colors-and-gradients';\nimport { useMobileGlobalStylesColors } from '../global-styles/use-global-styles-context';\nimport AdvancedControls from '../inspector-controls-tabs/advanced-controls-panel';\n\nexport const blockSettingsScreens = {\n\tsettings: 'Settings',\n\tcolor: 'Color',\n\tfocalPoint: 'FocalPoint',\n\tlinkPicker: 'linkPicker',\n\timageLinkDestinations: 'imageLinkDestinations',\n};\n\nexport default function BottomSheetSettings( props ) {\n\tconst colorSettings = useMultipleOriginColorsAndGradients();\n\tcolorSettings.allAvailableColors = useMobileGlobalStylesColors();\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst editorSidebarOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ editorSidebarOpened }\n\t\t\tonClose={ closeGeneralSidebar }\n\t\t\thideHeader\n\t\t\tcontentStyle={ styles.content }\n\t\t\thasNavigation\n\t\t\ttestID=\"block-settings-modal\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.settings }\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<AdvancedControls />\n\t\t\t\t\t</>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ BottomSheet.SubSheet.screenName }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.SubSheet.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.color }\n\t\t\t\t>\n\t\t\t\t\t<ColorSettings defaultSettings={ colorSettings } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.focalPoint }\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<FocalPointSettingsPanel />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.linkPicker }\n\t\t\t\t\tfullScreen\n\t\t\t\t\tisScrollable\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ blockSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.imageLinkDestinations }\n\t\t\t\t>\n\t\t\t\t\t<ImageLinkDestinationsScreen { ...props } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -28,11 +28,12 @@ function BlockHTMLConvertButton({
   if (!block || block.name !== 'core/html') {
     return null;
   }
-  return (0, _react.createElement)(_components.MenuItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
     onClick: () => replaceBlocks(clientId, (0, _blocks.rawHandler)({
       HTML: (0, _blocks.getBlockContent)(block)
-    }))
-  }, (0, _i18n.__)('Convert to Blocks'));
+    })),
+    children: (0, _i18n.__)('Convert to Blocks')
+  });
 }
 var _default = exports.default = BlockHTMLConvertButton;
 //# sourceMappingURL=block-html-convert-button.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blocks","_data","_store","BlockHTMLConvertButton","clientId","block","useSelect","select","blockEditorStore","getBlock","replaceBlocks","useDispatch","name","_react","createElement","MenuItem","onClick","rawHandler","HTML","getBlockContent","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockHTMLConvertButton( { clientId } ) {\n\tconst block = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\tif ( ! block || block.name !== 'core/html' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () =>\n\t\t\t\treplaceBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ __( 'Convert to Blocks' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockHTMLConvertButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASK,sBAAsBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/C,MAAMC,KAAK,GAAG,IAAAC,eAAS,EACpBC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,QAAQ,CAAEL,QAAS,CAAC,EAC7D,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEM;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEzD,IAAK,CAAEH,KAAK,IAAIA,KAAK,CAACO,IAAI,KAAK,WAAW,EAAG;IAC5C,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,QAAQ;IACRC,OAAO,EAAGA,CAAA,KACTN,aAAa,CACZN,QAAQ,EACR,IAAAa,kBAAU,EAAE;MAAEC,IAAI,EAAE,IAAAC,uBAAe,EAAEd,KAAM;IAAE,CAAE,CAChD;EACA,GAEC,IAAAe,QAAE,EAAE,mBAAoB,CACjB,CAAC;AAEb;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcpB,sBAAsB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_blocks","_data","_store","_jsxRuntime","BlockHTMLConvertButton","clientId","block","useSelect","select","blockEditorStore","getBlock","replaceBlocks","useDispatch","name","jsx","MenuItem","onClick","rawHandler","HTML","getBlockContent","children","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockHTMLConvertButton( { clientId } ) {\n\tconst block = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\tif ( ! block || block.name !== 'core/html' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () =>\n\t\t\t\treplaceBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ __( 'Convert to Blocks' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockHTMLConvertButton;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAwD,IAAAK,WAAA,GAAAL,OAAA;AAXxD;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASM,sBAAsBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/C,MAAMC,KAAK,GAAG,IAAAC,eAAS,EACpBC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,QAAQ,CAAEL,QAAS,CAAC,EAC7D,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEM;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEzD,IAAK,CAAEH,KAAK,IAAIA,KAAK,CAACO,IAAI,KAAK,WAAW,EAAG;IAC5C,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAV,WAAA,CAAAW,GAAA,EAACf,WAAA,CAAAgB,QAAQ;IACRC,OAAO,EAAGA,CAAA,KACTL,aAAa,CACZN,QAAQ,EACR,IAAAY,kBAAU,EAAE;MAAEC,IAAI,EAAE,IAAAC,uBAAe,EAAEb,KAAM;IAAE,CAAE,CAChD,CACA;IAAAc,QAAA,EAEC,IAAAC,QAAE,EAAE,mBAAoB;EAAC,CAClB,CAAC;AAEb;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcpB,sBAAsB","ignoreList":[]}

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockModeToggle = BlockModeToggle;
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -32,9 +32,10 @@ function BlockModeToggle({
     return null;
   }
   const label = mode === 'visual' ? (0, _i18n.__)('Edit as HTML') : (0, _i18n.__)('Edit visually');
-  return (0, _react.createElement)(_components.MenuItem, {
-    onClick: onToggleMode
-  }, !small && label);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+    onClick: onToggleMode,
+    children: !small && label
+  });
 }
 var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)((select, {
   clientId

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blocks","_data","_compose","_store","noop","BlockModeToggle","blockType","mode","onToggleMode","small","isCodeEditingEnabled","hasBlockSupport","label","__","_react","createElement","MenuItem","onClick","_default","exports","default","compose","withSelect","select","clientId","getBlock","getBlockMode","getSettings","blockEditorStore","block","codeEditingEnabled","getBlockType","name","withDispatch","dispatch","onToggle","toggleBlockMode"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-mode-toggle.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMM,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,eAAeA,CAAE;EAChCC,SAAS;EACTC,IAAI;EACJC,YAAY;EACZC,KAAK,GAAG,KAAK;EACbC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,IACC,CAAEJ,SAAS,IACX,CAAE,IAAAK,uBAAe,EAAEL,SAAS,EAAE,MAAM,EAAE,IAAK,CAAC,IAC5C,CAAEI,oBAAoB,EACrB;IACD,OAAO,IAAI;EACZ;EAEA,MAAME,KAAK,GACVL,IAAI,KAAK,QAAQ,GAAG,IAAAM,QAAE,EAAE,cAAe,CAAC,GAAG,IAAAA,QAAE,EAAE,eAAgB,CAAC;EAEjE,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,QAAQ;IAACC,OAAO,EAAGT;EAAc,GAAG,CAAEC,KAAK,IAAIG,KAAiB,CAAC;AAC1E;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAC5CJ,MAAM,CAAEK,YAAiB,CAAC;EAC3B,MAAMC,KAAK,GAAGJ,QAAQ,CAAED,QAAS,CAAC;EAClC,MAAMd,oBAAoB,GAAGiB,WAAW,CAAC,CAAC,CAACG,kBAAkB;EAE7D,OAAO;IACNvB,IAAI,EAAEmB,YAAY,CAAEF,QAAS,CAAC;IAC9BlB,SAAS,EAAEuB,KAAK,GAAG,IAAAE,oBAAY,EAAEF,KAAK,CAACG,IAAK,CAAC,GAAG,IAAI;IACpDtB;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAuB,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEC,QAAQ,GAAG/B,IAAI;EAAEoB;AAAS,CAAC,MAAQ;EAC9DhB,YAAYA,CAAA,EAAG;IACd0B,QAAQ,CAAEN,YAAiB,CAAC,CAACQ,eAAe,CAAEZ,QAAS,CAAC;IACxDW,QAAQ,CAAC,CAAC;EACX;AACD,CAAC,CAAG,CAAC,CACJ,CAAC,CAAE9B,eAAgB,CAAC","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_blocks","_data","_compose","_store","_jsxRuntime","noop","BlockModeToggle","blockType","mode","onToggleMode","small","isCodeEditingEnabled","hasBlockSupport","label","__","jsx","MenuItem","onClick","children","_default","exports","default","compose","withSelect","select","clientId","getBlock","getBlockMode","getSettings","blockEditorStore","block","codeEditingEnabled","getBlockType","name","withDispatch","dispatch","onToggle","toggleBlockMode"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-mode-toggle.js"],"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"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAZxD;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMO,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,eAAeA,CAAE;EAChCC,SAAS;EACTC,IAAI;EACJC,YAAY;EACZC,KAAK,GAAG,KAAK;EACbC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,IACC,CAAEJ,SAAS,IACX,CAAE,IAAAK,uBAAe,EAAEL,SAAS,EAAE,MAAM,EAAE,IAAK,CAAC,IAC5C,CAAEI,oBAAoB,EACrB;IACD,OAAO,IAAI;EACZ;EAEA,MAAME,KAAK,GACVL,IAAI,KAAK,QAAQ,GAAG,IAAAM,QAAE,EAAE,cAAe,CAAC,GAAG,IAAAA,QAAE,EAAE,eAAgB,CAAC;EAEjE,oBAAO,IAAAV,WAAA,CAAAW,GAAA,EAAChB,WAAA,CAAAiB,QAAQ;IAACC,OAAO,EAAGR,YAAc;IAAAS,QAAA,EAAG,CAAER,KAAK,IAAIG;EAAK,CAAY,CAAC;AAC1E;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAC5CJ,MAAM,CAAEK,YAAiB,CAAC;EAC3B,MAAMC,KAAK,GAAGJ,QAAQ,CAAED,QAAS,CAAC;EAClC,MAAMd,oBAAoB,GAAGiB,WAAW,CAAC,CAAC,CAACG,kBAAkB;EAE7D,OAAO;IACNvB,IAAI,EAAEmB,YAAY,CAAEF,QAAS,CAAC;IAC9BlB,SAAS,EAAEuB,KAAK,GAAG,IAAAE,oBAAY,EAAEF,KAAK,CAACG,IAAK,CAAC,GAAG,IAAI;IACpDtB;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAuB,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEC,QAAQ,GAAG/B,IAAI;EAAEoB;AAAS,CAAC,MAAQ;EAC9DhB,YAAYA,CAAA,EAAG;IACd0B,QAAQ,CAAEN,YAAiB,CAAC,CAACQ,eAAe,CAAEZ,QAAS,CAAC;IACxDW,QAAQ,CAAC,CAAC;EACX;AACD,CAAC,CAAG,CAAC,CACJ,CAAC,CAAE9B,eAAgB,CAAC","ignoreList":[]}

package/build/components/block-settings-menu/block-parent-selector-menu-item.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockParentSelectorMenuItem;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
@@ -14,6 +13,7 @@ var _i18n = require("@wordpress/i18n");
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _utils = require("../block-toolbar/utils");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -41,14 +41,15 @@ function BlockParentSelectorMenuItem({
   if (!isSmallViewport) {
     return null;
   }
-  return (0, _react.createElement)(_components.MenuItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
     ...gesturesProps,
     ref: menuItemRef,
-    icon: (0, _react.createElement)(_blockIcon.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
       icon: parentBlockType.icon
     }),
-    onClick: () => selectBlock(parentClientId)
-  }, (0, _i18n.sprintf)( /* translators: %s: Name of the block's parent. */
-  (0, _i18n.__)('Select parent block (%s)'), parentBlockType.title));
+    onClick: () => selectBlock(parentClientId),
+    children: (0, _i18n.sprintf)( /* translators: %s: Name of the block's parent. */
+    (0, _i18n.__)('Select parent block (%s)'), parentBlockType.title)
+  });
 }
 //# sourceMappingURL=block-parent-selector-menu-item.js.map

package/build/components/block-settings-menu/block-parent-selector-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_compose","_data","_i18n","_blockIcon","_interopRequireDefault","_utils","_store","BlockParentSelectorMenuItem","parentClientId","parentBlockType","isSmallViewport","useViewportMatch","selectBlock","useDispatch","blockEditorStore","menuItemRef","useRef","gesturesProps","useShowHoveredOrFocusedGestures","ref","highlightParent","_react","createElement","MenuItem","icon","default","onClick","sprintf","__","title"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-parent-selector-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockParentSelectorMenuItem( {\n\tparentClientId,\n\tparentBlockType,\n} ) {\n\tconst isSmallViewport = useViewportMatch( 'medium', '<' );\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst menuItemRef = useRef();\n\tconst gesturesProps = useShowHoveredOrFocusedGestures( {\n\t\tref: menuItemRef,\n\t\thighlightParent: true,\n\t} );\n\n\tif ( ! isSmallViewport ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\t{ ...gesturesProps }\n\t\t\tref={ menuItemRef }\n\t\t\ticon={ <BlockIcon icon={ parentBlockType.icon } /> }\n\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t__( 'Select parent block (%s)' ),\n\t\t\t\tparentBlockType.title\n\t\t\t) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAdA;AACA;AACA;;AAOA;AACA;AACA;;AAKe,SAASS,2BAA2BA,CAAE;EACpDC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EACzD,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;;EAEvD;EACA;EACA,MAAMC,WAAW,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC5B,MAAMC,aAAa,GAAG,IAAAC,sCAA+B,EAAE;IACtDC,GAAG,EAAEJ,WAAW;IAChBK,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,IAAK,CAAEV,eAAe,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAW,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAwB,QAAQ;IAAA,GACHN,aAAa;IAClBE,GAAG,EAAGJ,WAAa;IACnBS,IAAI,EAAG,IAAAH,MAAA,CAAAC,aAAA,EAACnB,UAAA,CAAAsB,OAAS;MAACD,IAAI,EAAGf,eAAe,CAACe;IAAM,CAAE,CAAG;IACpDE,OAAO,EAAGA,CAAA,KAAMd,WAAW,CAAEJ,cAAe;EAAG,GAE7C,IAAAmB,aAAO,GACR;EACA,IAAAC,QAAE,EAAE,0BAA2B,CAAC,EAChCnB,eAAe,CAACoB,KACjB,CACS,CAAC;AAEb","ignoreList":[]}
+{"version":3,"names":["_element","require","_components","_compose","_data","_i18n","_blockIcon","_interopRequireDefault","_utils","_store","_jsxRuntime","BlockParentSelectorMenuItem","parentClientId","parentBlockType","isSmallViewport","useViewportMatch","selectBlock","useDispatch","blockEditorStore","menuItemRef","useRef","gesturesProps","useShowHoveredOrFocusedGestures","ref","highlightParent","jsx","MenuItem","icon","default","onClick","children","sprintf","__","title"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-parent-selector-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockParentSelectorMenuItem( {\n\tparentClientId,\n\tparentBlockType,\n} ) {\n\tconst isSmallViewport = useViewportMatch( 'medium', '<' );\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst menuItemRef = useRef();\n\tconst gesturesProps = useShowHoveredOrFocusedGestures( {\n\t\tref: menuItemRef,\n\t\thighlightParent: true,\n\t} );\n\n\tif ( ! isSmallViewport ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\t{ ...gesturesProps }\n\t\t\tref={ menuItemRef }\n\t\t\ticon={ <BlockIcon icon={ parentBlockType.icon } /> }\n\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t__( 'Select parent block (%s)' ),\n\t\t\t\tparentBlockType.title\n\t\t\t) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAAwD,IAAAS,WAAA,GAAAT,OAAA;AAdxD;AACA;AACA;;AAOA;AACA;AACA;;AAKe,SAASU,2BAA2BA,CAAE;EACpDC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EACzD,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;;EAEvD;EACA;EACA,MAAMC,WAAW,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC5B,MAAMC,aAAa,GAAG,IAAAC,sCAA+B,EAAE;IACtDC,GAAG,EAAEJ,WAAW;IAChBK,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,IAAK,CAAEV,eAAe,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAJ,WAAA,CAAAe,GAAA,EAACvB,WAAA,CAAAwB,QAAQ;IAAA,GACHL,aAAa;IAClBE,GAAG,EAAGJ,WAAa;IACnBQ,IAAI,eAAG,IAAAjB,WAAA,CAAAe,GAAA,EAACnB,UAAA,CAAAsB,OAAS;MAACD,IAAI,EAAGd,eAAe,CAACc;IAAM,CAAE,CAAG;IACpDE,OAAO,EAAGA,CAAA,KAAMb,WAAW,CAAEJ,cAAe,CAAG;IAAAkB,QAAA,EAE7C,IAAAC,aAAO,GACR;IACA,IAAAC,QAAE,EAAE,0BAA2B,CAAC,EAChCnB,eAAe,CAACoB,KACjB;EAAC,CACQ,CAAC;AAEb","ignoreList":[]}

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockSettingsDropdown = BlockSettingsDropdown;
 exports.default = void 0;
-var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -23,6 +22,7 @@ var _blockSettingsMenuControls = _interopRequireDefault(require("../block-settin
 var _blockParentSelectorMenuItem = _interopRequireDefault(require("./block-parent-selector-menu-item"));
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -46,10 +46,11 @@ function CopyMenuItem({
   } = (0, _data.useSelect)(_store.store);
   const ref = (0, _compose.useCopyToClipboard)(() => (0, _blocks.serialize)(getBlocksByClientId(clientIds)), onCopy);
   const copyMenuItemLabel = label ? label : (0, _i18n.__)('Copy');
-  return (0, _react.createElement)(_components.MenuItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
     ref: ref,
-    shortcut: shortcut
-  }, copyMenuItemLabel);
+    shortcut: shortcut,
+    children: copyMenuItemLabel
+  });
 }
 function BlockSettingsDropdown({
   block,
@@ -68,7 +69,8 @@ function BlockSettingsDropdown({
     parentBlockType,
     previousBlockClientId,
     selectedBlockClientIds,
-    openedBlockSettingsMenu
+    openedBlockSettingsMenu,
+    isContentOnly
   } = (0, _data.useSelect)(select => {
     const {
       getBlockCount,
@@ -77,7 +79,8 @@ function BlockSettingsDropdown({
       getPreviousBlockClientId,
       getSelectedBlockClientIds,
       getBlockAttributes,
-      getOpenedBlockSettingsMenu
+      getOpenedBlockSettingsMenu,
+      getBlockEditingMode
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const {
       getActiveBlockVariation
@@ -90,7 +93,8 @@ function BlockSettingsDropdown({
       parentBlockType: _firstParentClientId && (getActiveBlockVariation(parentBlockName, getBlockAttributes(_firstParentClientId)) || (0, _blocks.getBlockType)(parentBlockName)),
       previousBlockClientId: getPreviousBlockClientId(firstBlockClientId),
       selectedBlockClientIds: getSelectedBlockClientIds(),
-      openedBlockSettingsMenu: getOpenedBlockSettingsMenu()
+      openedBlockSettingsMenu: getOpenedBlockSettingsMenu(),
+      isContentOnly: getBlockEditingMode(firstBlockClientId) === 'contentOnly'
     };
   }, [firstBlockClientId]);
   const {
@@ -156,79 +160,96 @@ function BlockSettingsDropdown({
       setOpenedBlockSettingsMenu(undefined);
     }
   }
-  return (0, _react.createElement)(_blockActions.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockActions.default, {
     clientIds: clientIds,
-    __experimentalUpdateSelection: !__experimentalSelectBlock
-  }, ({
-    canCopyStyles,
-    canDuplicate,
-    canInsertBlock,
-    canMove,
-    canRemove,
-    onDuplicate,
-    onInsertAfter,
-    onInsertBefore,
-    onRemove,
-    onCopy,
-    onPasteStyles,
-    onMoveTo
-  }) => (0, _react.createElement)(_components.DropdownMenu, {
-    icon: _icons.moreVertical,
-    label: (0, _i18n.__)('Options'),
-    className: "block-editor-block-settings-menu",
-    popoverProps: POPOVER_PROPS,
-    open: open,
-    onToggle: onToggle,
-    noIcons: true,
-    ...props
-  }, ({
-    onClose
-  }) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_blockSettingsMenuFirstItem.default.Slot, {
-    fillProps: {
-      onClose
-    }
-  }), !parentBlockIsSelected && !!firstParentClientId && (0, _react.createElement)(_blockParentSelectorMenuItem.default, {
-    parentClientId: firstParentClientId,
-    parentBlockType: parentBlockType
-  }), count === 1 && (0, _react.createElement)(_blockHtmlConvertButton.default, {
-    clientId: firstBlockClientId
-  }), (0, _react.createElement)(CopyMenuItem, {
-    clientIds: clientIds,
-    onCopy: onCopy,
-    shortcut: _keycodes.displayShortcut.primary('c')
-  }), canDuplicate && (0, _react.createElement)(_components.MenuItem, {
-    onClick: (0, _compose.pipe)(onClose, onDuplicate, updateSelectionAfterDuplicate),
-    shortcut: shortcuts.duplicate
-  }, (0, _i18n.__)('Duplicate')), canInsertBlock && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
-    onClick: (0, _compose.pipe)(onClose, onInsertBefore),
-    shortcut: shortcuts.insertBefore
-  }, (0, _i18n.__)('Add before')), (0, _react.createElement)(_components.MenuItem, {
-    onClick: (0, _compose.pipe)(onClose, onInsertAfter),
-    shortcut: shortcuts.insertAfter
-  }, (0, _i18n.__)('Add after')))), canCopyStyles && (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(CopyMenuItem, {
-    clientIds: clientIds,
-    onCopy: onCopy,
-    label: (0, _i18n.__)('Copy styles')
-  }), (0, _react.createElement)(_components.MenuItem, {
-    onClick: onPasteStyles
-  }, (0, _i18n.__)('Paste styles'))), (0, _react.createElement)(_blockSettingsMenuControls.default.Slot, {
-    fillProps: {
-      onClose,
+    __experimentalUpdateSelection: !__experimentalSelectBlock,
+    children: ({
+      canCopyStyles,
+      canDuplicate,
+      canInsertBlock,
       canMove,
-      onMoveTo,
-      onlyBlock,
-      count,
-      firstBlockClientId
-    },
-    clientIds: clientIds
-  }), typeof children === 'function' ? children({
-    onClose
-  }) : _element.Children.map(child => (0, _element.cloneElement)(child, {
-    onClose
-  })), canRemove && (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
-    onClick: (0, _compose.pipe)(onClose, onRemove, updateSelectionAfterRemove),
-    shortcut: shortcuts.remove
-  }, (0, _i18n.__)('Delete'))))));
+      canRemove,
+      onDuplicate,
+      onInsertAfter,
+      onInsertBefore,
+      onRemove,
+      onCopy,
+      onPasteStyles,
+      onMoveTo
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+      icon: _icons.moreVertical,
+      label: (0, _i18n.__)('Options'),
+      className: "block-editor-block-settings-menu",
+      popoverProps: POPOVER_PROPS,
+      open: open,
+      onToggle: onToggle,
+      noIcons: true,
+      ...props,
+      children: ({
+        onClose
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockSettingsMenuFirstItem.default.Slot, {
+            fillProps: {
+              onClose
+            }
+          }), !parentBlockIsSelected && !!firstParentClientId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockParentSelectorMenuItem.default, {
+            parentClientId: firstParentClientId,
+            parentBlockType: parentBlockType
+          }), count === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockHtmlConvertButton.default, {
+            clientId: firstBlockClientId
+          }), !isContentOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(CopyMenuItem, {
+            clientIds: clientIds,
+            onCopy: onCopy,
+            shortcut: _keycodes.displayShortcut.primary('c')
+          }), canDuplicate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+            onClick: (0, _compose.pipe)(onClose, onDuplicate, updateSelectionAfterDuplicate),
+            shortcut: shortcuts.duplicate,
+            children: (0, _i18n.__)('Duplicate')
+          }), canInsertBlock && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+              onClick: (0, _compose.pipe)(onClose, onInsertBefore),
+              shortcut: shortcuts.insertBefore,
+              children: (0, _i18n.__)('Add before')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+              onClick: (0, _compose.pipe)(onClose, onInsertAfter),
+              shortcut: shortcuts.insertAfter,
+              children: (0, _i18n.__)('Add after')
+            })]
+          })]
+        }), canCopyStyles && !isContentOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CopyMenuItem, {
+            clientIds: clientIds,
+            onCopy: onCopy,
+            label: (0, _i18n.__)('Copy styles')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+            onClick: onPasteStyles,
+            children: (0, _i18n.__)('Paste styles')
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockSettingsMenuControls.default.Slot, {
+          fillProps: {
+            onClose,
+            canMove,
+            onMoveTo,
+            onlyBlock,
+            count,
+            firstBlockClientId
+          },
+          clientIds: clientIds
+        }), typeof children === 'function' ? children({
+          onClose
+        }) : _element.Children.map(child => (0, _element.cloneElement)(child, {
+          onClose
+        })), canRemove && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+            onClick: (0, _compose.pipe)(onClose, onRemove, updateSelectionAfterRemove),
+            shortcut: shortcuts.remove,
+            children: (0, _i18n.__)('Delete')
+          })
+        })]
+      })
+    })
+  });
 }
 var _default = exports.default = BlockSettingsDropdown;
 //# sourceMappingURL=block-settings-dropdown.js.map