@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/block-styles/menu-items.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["MenuItem","__experimentalText","Text","check","useStylesForBlocks","jsx","_jsx","Fragment","_Fragment","noop","BlockStylesMenuItems","clientId","onSwitch","onSelect","stylesToRender","activeStyle","length","children","map","style","menuItemText","label","name","icon","onClick","as","limit","ellipsizeMode","truncate"],"sources":["@wordpress/block-editor/src/components/block-styles/menu-items.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem, __experimentalText as Text } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\nexport default function BlockStylesMenuItems( { clientId, onSwitch = noop } ) {\n\tconst { onSelect, stylesToRender, activeStyle } = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\tconst menuItemText = style.label || style.name;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\ticon={ activeStyle.name === style.name ? check : null }\n\t\t\t\t\t\tonClick={ () => onSelect( style ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\tlimit={ 18 }\n\t\t\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\t\t\ttruncate\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ menuItemText }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,kBAAkB,IAAIC,IAAI,QAAQ,uBAAuB;AAC5E,SAASC,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAExD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,eAAe,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ,GAAGH;AAAK,CAAC,EAAG;EAC7E,MAAM;IAAEI,QAAQ;IAAEC,cAAc;IAAEC;EAAY,CAAC,GAAGX,kBAAkB,CAAE;IACrEO,QAAQ;IACRC;EACD,CAAE,CAAC;EAEH,IAAK,CAAEE,cAAc,IAAIA,cAAc,CAACE,MAAM,KAAK,CAAC,EAAG;IACtD,OAAO,IAAI;EACZ;EACA,oBACCV,IAAA,CAAAE,SAAA;IAAAS,QAAA,EACGH,cAAc,CAACI,GAAG,CAAIC,KAAK,IAAM;MAClC,MAAMC,YAAY,GAAGD,KAAK,CAACE,KAAK,IAAIF,KAAK,CAACG,IAAI;MAC9C,oBACChB,IAAA,CAACN,QAAQ;QAERuB,IAAI,EAAGR,WAAW,CAACO,IAAI,KAAKH,KAAK,CAACG,IAAI,GAAGnB,KAAK,GAAG,IAAM;QACvDqB,OAAO,EAAGA,CAAA,KAAMX,QAAQ,CAAEM,KAAM,CAAG;QAAAF,QAAA,eAEnCX,IAAA,CAACJ,IAAI;UACJuB,EAAE,EAAC,MAAM;UACTC,KAAK,EAAG,EAAI;UACZC,aAAa,EAAC,MAAM;UACpBC,QAAQ;UAAAX,QAAA,EAENG;QAAY,CACT;MAAC,GAXDD,KAAK,CAACG,IAYH,CAAC;IAEb,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/menu-items.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { MenuItem, __experimentalText as Text } from '@wordpress/components';\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\nexport default function BlockStylesMenuItems( { clientId, onSwitch = noop } ) {\n\tconst { onSelect, stylesToRender, activeStyle } = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\tconst menuItemText = style.label || style.name;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\ticon={ activeStyle.name === style.name ? check : null }\n\t\t\t\t\t\tonClick={ () => onSelect( style ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\tlimit={ 18 }\n\t\t\t\t\t\t\tellipsizeMode=\"tail\"\n\t\t\t\t\t\t\ttruncate\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ menuItemText }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AAuBE,mBASI,WATJ;AApBF,SAAS,UAAU,sBAAsB,YAAY;AACrD,SAAS,aAAa;AAKtB,OAAO,wBAAwB;AAE/B,MAAM,OAAO,MAAM;AAAC;AAEL,SAAR,qBAAuC,EAAE,UAAU,WAAW,KAAK,GAAI;AAC7E,QAAM,EAAE,UAAU,gBAAgB,YAAY,IAAI,mBAAoB;AAAA,IACrE;AAAA,IACA;AAAA,EACD,CAAE;AAEF,MAAK,CAAE,kBAAkB,eAAe,WAAW,GAAI;AACtD,WAAO;AAAA,EACR;AACA,SACC,gCACG,yBAAe,IAAK,CAAE,UAAW;AAClC,UAAM,eAAe,MAAM,SAAS,MAAM;AAC1C,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,MAAO,YAAY,SAAS,MAAM,OAAO,QAAQ;AAAA,QACjD,SAAU,MAAM,SAAU,KAAM;AAAA,QAEhC;AAAA,UAAC;AAAA;AAAA,YACA,IAAG;AAAA,YACH,OAAQ;AAAA,YACR,eAAc;AAAA,YACd,UAAQ;AAAA,YAEN;AAAA;AAAA,QACH;AAAA;AAAA,MAXM,MAAM;AAAA,IAYb;AAAA,EAEF,CAAE,GACH;AAEF;",
+  "names": []
+}

package/build-module/components/block-styles/preview-panel.js

@@ -1,16 +1,9 @@
-/**
- * WordPress dependencies
- */
-import { getBlockType } from '@wordpress/blocks';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import InserterPreviewPanel from '../inserter/preview-panel';
-import { replaceActiveStyle } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function BlockStylesPreviewPanel({
+import { jsx } from "react/jsx-runtime";
+import { getBlockType } from "@wordpress/blocks";
+import { useMemo } from "@wordpress/element";
+import InserterPreviewPanel from "../inserter/preview-panel";
+import { replaceActiveStyle } from "./utils";
+function BlockStylesPreviewPanel({
   genericPreviewBlock,
   style,
   className,
@@ -25,13 +18,14 @@ export default function BlockStylesPreviewPanel({
       description: style.description,
       initialAttributes: {
         ...genericPreviewBlock.attributes,
-        className: styleClassName + ' block-editor-block-styles__block-preview-container'
+        className: styleClassName + " block-editor-block-styles__block-preview-container"
       },
       example
     };
   }, [genericPreviewBlock, styleClassName]);
-  return /*#__PURE__*/_jsx(InserterPreviewPanel, {
-    item: previewBlocks
-  });
+  return /* @__PURE__ */ jsx(InserterPreviewPanel, { item: previewBlocks });
 }
-//# sourceMappingURL=preview-panel.js.map
+export {
+  BlockStylesPreviewPanel as default
+};
+//# sourceMappingURL=preview-panel.js.map

package/build-module/components/block-styles/preview-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getBlockType","useMemo","InserterPreviewPanel","replaceActiveStyle","jsx","_jsx","BlockStylesPreviewPanel","genericPreviewBlock","style","className","activeStyle","example","name","styleClassName","previewBlocks","title","label","description","initialAttributes","attributes","item"],"sources":["@wordpress/block-editor/src/components/block-styles/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,SAASC,kBAAkB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,eAAe,SAASC,uBAAuBA,CAAE;EAChDC,mBAAmB;EACnBC,KAAK;EACLC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGX,YAAY,CAAEO,mBAAmB,CAACK,IAAK,CAAC,EAAED,OAAO;EACjE,MAAME,cAAc,GAAGV,kBAAkB,CAAEM,SAAS,EAAEC,WAAW,EAAEF,KAAM,CAAC;EAC1E,MAAMM,aAAa,GAAGb,OAAO,CAAE,MAAM;IACpC,OAAO;MACN,GAAGM,mBAAmB;MACtBQ,KAAK,EAAEP,KAAK,CAACQ,KAAK,IAAIR,KAAK,CAACI,IAAI;MAChCK,WAAW,EAAET,KAAK,CAACS,WAAW;MAC9BC,iBAAiB,EAAE;QAClB,GAAGX,mBAAmB,CAACY,UAAU;QACjCV,SAAS,EACRI,cAAc,GACd;MACF,CAAC;MACDF;IACD,CAAC;EACF,CAAC,EAAE,CAAEJ,mBAAmB,EAAEM,cAAc,CAAG,CAAC;EAE5C,oBAAOR,IAAA,CAACH,oBAAoB;IAACkB,IAAI,EAAGN;EAAe,CAAE,CAAC;AACvD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/preview-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterPreviewPanel from '../inserter/preview-panel';\nimport { replaceActiveStyle } from './utils';\n\nexport default function BlockStylesPreviewPanel( {\n\tgenericPreviewBlock,\n\tstyle,\n\tclassName,\n\tactiveStyle,\n} ) {\n\tconst example = getBlockType( genericPreviewBlock.name )?.example;\n\tconst styleClassName = replaceActiveStyle( className, activeStyle, style );\n\tconst previewBlocks = useMemo( () => {\n\t\treturn {\n\t\t\t...genericPreviewBlock,\n\t\t\ttitle: style.label || style.name,\n\t\t\tdescription: style.description,\n\t\t\tinitialAttributes: {\n\t\t\t\t...genericPreviewBlock.attributes,\n\t\t\t\tclassName:\n\t\t\t\t\tstyleClassName +\n\t\t\t\t\t' block-editor-block-styles__block-preview-container',\n\t\t\t},\n\t\t\texample,\n\t\t};\n\t}, [ genericPreviewBlock, styleClassName ] );\n\n\treturn <InserterPreviewPanel item={ previewBlocks } />;\n}\n"],
+  "mappings": "AAmCQ;AAhCR,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AAKxB,OAAO,0BAA0B;AACjC,SAAS,0BAA0B;AAEpB,SAAR,wBAA0C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,UAAU,aAAc,oBAAoB,IAAK,GAAG;AAC1D,QAAM,iBAAiB,mBAAoB,WAAW,aAAa,KAAM;AACzE,QAAM,gBAAgB,QAAS,MAAM;AACpC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,OAAO,MAAM,SAAS,MAAM;AAAA,MAC5B,aAAa,MAAM;AAAA,MACnB,mBAAmB;AAAA,QAClB,GAAG,oBAAoB;AAAA,QACvB,WACC,iBACA;AAAA,MACF;AAAA,MACA;AAAA,IACD;AAAA,EACD,GAAG,CAAE,qBAAqB,cAAe,CAAE;AAE3C,SAAO,oBAAC,wBAAqB,MAAO,eAAgB;AACrD;",
+  "names": []
+}

package/build-module/components/block-styles/use-styles-for-block.js

@@ -1,22 +1,13 @@
-/**
- * WordPress dependencies
- */
-import { useDispatch, useSelect } from '@wordpress/data';
-import { cloneBlock, getBlockType, getBlockFromExample, store as blocksStore } from '@wordpress/blocks';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { getActiveStyle, getRenderedStyles, replaceActiveStyle } from './utils';
-import { store as blockEditorStore } from '../../store';
-
-/**
- *
- * @param {WPBlock}     block Block object.
- * @param {WPBlockType} type  Block type settings.
- * @return {WPBlock}          A generic block ready for styles preview.
- */
+import { useDispatch, useSelect } from "@wordpress/data";
+import {
+  cloneBlock,
+  getBlockType,
+  getBlockFromExample,
+  store as blocksStore
+} from "@wordpress/blocks";
+import { useMemo } from "@wordpress/element";
+import { getActiveStyle, getRenderedStyles, replaceActiveStyle } from "./utils";
+import { store as blockEditorStore } from "../../store";
 function useGenericPreviewBlock(block, type) {
   return useMemo(() => {
     const example = type?.example;
@@ -32,55 +23,35 @@ function useGenericPreviewBlock(block, type) {
     }
   }, [type?.example ? block?.name : block, type]);
 }
-
-/**
- * @typedef useStylesForBlocksArguments
- * @property {string}     clientId Block client ID.
- * @property {() => void} onSwitch Block style switch callback function.
- */
-
-/**
- *
- * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.
- * @return {Object}                                         Results of the select methods.
- */
-export default function useStylesForBlocks({
-  clientId,
-  onSwitch
-}) {
-  const selector = select => {
-    const {
-      getBlock
-    } = select(blockEditorStore);
-    const block = getBlock(clientId);
-    if (!block) {
+function useStylesForBlocks({ clientId, onSwitch }) {
+  const selector = (select) => {
+    const { getBlock } = select(blockEditorStore);
+    const block2 = getBlock(clientId);
+    if (!block2) {
       return {};
     }
-    const blockType = getBlockType(block.name);
-    const {
-      getBlockStyles
-    } = select(blocksStore);
+    const blockType2 = getBlockType(block2.name);
+    const { getBlockStyles } = select(blocksStore);
     return {
-      block,
-      blockType,
-      styles: getBlockStyles(block.name),
-      className: block.attributes.className || ''
+      block: block2,
+      blockType: blockType2,
+      styles: getBlockStyles(block2.name),
+      className: block2.attributes.className || ""
     };
   };
-  const {
-    styles,
-    block,
-    blockType,
-    className
-  } = useSelect(selector, [clientId]);
-  const {
-    updateBlockAttributes
-  } = useDispatch(blockEditorStore);
+  const { styles, block, blockType, className } = useSelect(selector, [
+    clientId
+  ]);
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
   const stylesToRender = getRenderedStyles(styles);
   const activeStyle = getActiveStyle(stylesToRender, className);
   const genericPreviewBlock = useGenericPreviewBlock(block, blockType);
-  const onSelect = style => {
-    const styleClassName = replaceActiveStyle(className, activeStyle, style);
+  const onSelect = (style) => {
+    const styleClassName = replaceActiveStyle(
+      className,
+      activeStyle,
+      style
+    );
     updateBlockAttributes(clientId, {
       className: styleClassName
     });
@@ -94,4 +65,7 @@ export default function useStylesForBlocks({
     className
   };
 }
-//# sourceMappingURL=use-styles-for-block.js.map
+export {
+  useStylesForBlocks as default
+};
+//# sourceMappingURL=use-styles-for-block.js.map

package/build-module/components/block-styles/use-styles-for-block.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useDispatch","useSelect","cloneBlock","getBlockType","getBlockFromExample","store","blocksStore","useMemo","getActiveStyle","getRenderedStyles","replaceActiveStyle","blockEditorStore","useGenericPreviewBlock","block","type","example","blockName","name","attributes","innerBlocks","useStylesForBlocks","clientId","onSwitch","selector","select","getBlock","blockType","getBlockStyles","styles","className","updateBlockAttributes","stylesToRender","activeStyle","genericPreviewBlock","onSelect","style","styleClassName"],"sources":["@wordpress/block-editor/src/components/block-styles/use-styles-for-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tcloneBlock,\n\tgetBlockType,\n\tgetBlockFromExample,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getActiveStyle, getRenderedStyles, replaceActiveStyle } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n *\n * @param {WPBlock}     block Block object.\n * @param {WPBlockType} type  Block type settings.\n * @return {WPBlock}          A generic block ready for styles preview.\n */\nfunction useGenericPreviewBlock( block, type ) {\n\treturn useMemo( () => {\n\t\tconst example = type?.example;\n\t\tconst blockName = type?.name;\n\n\t\tif ( example && blockName ) {\n\t\t\treturn getBlockFromExample( blockName, {\n\t\t\t\tattributes: example.attributes,\n\t\t\t\tinnerBlocks: example.innerBlocks,\n\t\t\t} );\n\t\t}\n\n\t\tif ( block ) {\n\t\t\treturn cloneBlock( block );\n\t\t}\n\t}, [ type?.example ? block?.name : block, type ] );\n}\n\n/**\n * @typedef useStylesForBlocksArguments\n * @property {string}     clientId Block client ID.\n * @property {() => void} onSwitch Block style switch callback function.\n */\n\n/**\n *\n * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.\n * @return {Object}                                         Results of the select methods.\n */\nexport default function useStylesForBlocks( { clientId, onSwitch } ) {\n\tconst selector = ( select ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\n\t\tif ( ! block ) {\n\t\t\treturn {};\n\t\t}\n\t\tconst blockType = getBlockType( block.name );\n\t\tconst { getBlockStyles } = select( blocksStore );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tblockType,\n\t\t\tstyles: getBlockStyles( block.name ),\n\t\t\tclassName: block.attributes.className || '',\n\t\t};\n\t};\n\tconst { styles, block, blockType, className } = useSelect( selector, [\n\t\tclientId,\n\t] );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst stylesToRender = getRenderedStyles( styles );\n\tconst activeStyle = getActiveStyle( stylesToRender, className );\n\tconst genericPreviewBlock = useGenericPreviewBlock( block, blockType );\n\n\tconst onSelect = ( style ) => {\n\t\tconst styleClassName = replaceActiveStyle(\n\t\t\tclassName,\n\t\t\tactiveStyle,\n\t\t\tstyle\n\t\t);\n\t\tupdateBlockAttributes( clientId, {\n\t\t\tclassName: styleClassName,\n\t\t} );\n\t\tonSwitch();\n\t};\n\n\treturn {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,UAAU,EACVC,YAAY,EACZC,mBAAmB,EACnBC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,cAAc,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,SAAS;AAC/E,SAASL,KAAK,IAAIM,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,sBAAsBA,CAAEC,KAAK,EAAEC,IAAI,EAAG;EAC9C,OAAOP,OAAO,CAAE,MAAM;IACrB,MAAMQ,OAAO,GAAGD,IAAI,EAAEC,OAAO;IAC7B,MAAMC,SAAS,GAAGF,IAAI,EAAEG,IAAI;IAE5B,IAAKF,OAAO,IAAIC,SAAS,EAAG;MAC3B,OAAOZ,mBAAmB,CAAEY,SAAS,EAAE;QACtCE,UAAU,EAAEH,OAAO,CAACG,UAAU;QAC9BC,WAAW,EAAEJ,OAAO,CAACI;MACtB,CAAE,CAAC;IACJ;IAEA,IAAKN,KAAK,EAAG;MACZ,OAAOX,UAAU,CAAEW,KAAM,CAAC;IAC3B;EACD,CAAC,EAAE,CAAEC,IAAI,EAAEC,OAAO,GAAGF,KAAK,EAAEI,IAAI,GAAGJ,KAAK,EAAEC,IAAI,CAAG,CAAC;AACnD;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASM,kBAAkBA,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACpE,MAAMC,QAAQ,GAAKC,MAAM,IAAM;IAC9B,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEb,gBAAiB,CAAC;IAC/C,MAAME,KAAK,GAAGY,QAAQ,CAAEJ,QAAS,CAAC;IAElC,IAAK,CAAER,KAAK,EAAG;MACd,OAAO,CAAC,CAAC;IACV;IACA,MAAMa,SAAS,GAAGvB,YAAY,CAAEU,KAAK,CAACI,IAAK,CAAC;IAC5C,MAAM;MAAEU;IAAe,CAAC,GAAGH,MAAM,CAAElB,WAAY,CAAC;IAEhD,OAAO;MACNO,KAAK;MACLa,SAAS;MACTE,MAAM,EAAED,cAAc,CAAEd,KAAK,CAACI,IAAK,CAAC;MACpCY,SAAS,EAAEhB,KAAK,CAACK,UAAU,CAACW,SAAS,IAAI;IAC1C,CAAC;EACF,CAAC;EACD,MAAM;IAAED,MAAM;IAAEf,KAAK;IAAEa,SAAS;IAAEG;EAAU,CAAC,GAAG5B,SAAS,CAAEsB,QAAQ,EAAE,CACpEF,QAAQ,CACP,CAAC;EACH,MAAM;IAAES;EAAsB,CAAC,GAAG9B,WAAW,CAAEW,gBAAiB,CAAC;EACjE,MAAMoB,cAAc,GAAGtB,iBAAiB,CAAEmB,MAAO,CAAC;EAClD,MAAMI,WAAW,GAAGxB,cAAc,CAAEuB,cAAc,EAAEF,SAAU,CAAC;EAC/D,MAAMI,mBAAmB,GAAGrB,sBAAsB,CAAEC,KAAK,EAAEa,SAAU,CAAC;EAEtE,MAAMQ,QAAQ,GAAKC,KAAK,IAAM;IAC7B,MAAMC,cAAc,GAAG1B,kBAAkB,CACxCmB,SAAS,EACTG,WAAW,EACXG,KACD,CAAC;IACDL,qBAAqB,CAAET,QAAQ,EAAE;MAChCQ,SAAS,EAAEO;IACZ,CAAE,CAAC;IACHd,QAAQ,CAAC,CAAC;EACX,CAAC;EAED,OAAO;IACNY,QAAQ;IACRH,cAAc;IACdC,WAAW;IACXC,mBAAmB;IACnBJ;EACD,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/use-styles-for-block.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tcloneBlock,\n\tgetBlockType,\n\tgetBlockFromExample,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getActiveStyle, getRenderedStyles, replaceActiveStyle } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n *\n * @param {WPBlock}     block Block object.\n * @param {WPBlockType} type  Block type settings.\n * @return {WPBlock}          A generic block ready for styles preview.\n */\nfunction useGenericPreviewBlock( block, type ) {\n\treturn useMemo( () => {\n\t\tconst example = type?.example;\n\t\tconst blockName = type?.name;\n\n\t\tif ( example && blockName ) {\n\t\t\treturn getBlockFromExample( blockName, {\n\t\t\t\tattributes: example.attributes,\n\t\t\t\tinnerBlocks: example.innerBlocks,\n\t\t\t} );\n\t\t}\n\n\t\tif ( block ) {\n\t\t\treturn cloneBlock( block );\n\t\t}\n\t}, [ type?.example ? block?.name : block, type ] );\n}\n\n/**\n * @typedef useStylesForBlocksArguments\n * @property {string}     clientId Block client ID.\n * @property {() => void} onSwitch Block style switch callback function.\n */\n\n/**\n *\n * @param {useStylesForBlocksArguments} useStylesForBlocks arguments.\n * @return {Object}                                         Results of the select methods.\n */\nexport default function useStylesForBlocks( { clientId, onSwitch } ) {\n\tconst selector = ( select ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\n\t\tif ( ! block ) {\n\t\t\treturn {};\n\t\t}\n\t\tconst blockType = getBlockType( block.name );\n\t\tconst { getBlockStyles } = select( blocksStore );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tblockType,\n\t\t\tstyles: getBlockStyles( block.name ),\n\t\t\tclassName: block.attributes.className || '',\n\t\t};\n\t};\n\tconst { styles, block, blockType, className } = useSelect( selector, [\n\t\tclientId,\n\t] );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst stylesToRender = getRenderedStyles( styles );\n\tconst activeStyle = getActiveStyle( stylesToRender, className );\n\tconst genericPreviewBlock = useGenericPreviewBlock( block, blockType );\n\n\tconst onSelect = ( style ) => {\n\t\tconst styleClassName = replaceActiveStyle(\n\t\t\tclassName,\n\t\t\tactiveStyle,\n\t\t\tstyle\n\t\t);\n\t\tupdateBlockAttributes( clientId, {\n\t\t\tclassName: styleClassName,\n\t\t} );\n\t\tonSwitch();\n\t};\n\n\treturn {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName,\n\t};\n}\n"],
+  "mappings": "AAGA,SAAS,aAAa,iBAAiB;AACvC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,eAAe;AAKxB,SAAS,gBAAgB,mBAAmB,0BAA0B;AACtE,SAAS,SAAS,wBAAwB;AAQ1C,SAAS,uBAAwB,OAAO,MAAO;AAC9C,SAAO,QAAS,MAAM;AACrB,UAAM,UAAU,MAAM;AACtB,UAAM,YAAY,MAAM;AAExB,QAAK,WAAW,WAAY;AAC3B,aAAO,oBAAqB,WAAW;AAAA,QACtC,YAAY,QAAQ;AAAA,QACpB,aAAa,QAAQ;AAAA,MACtB,CAAE;AAAA,IACH;AAEA,QAAK,OAAQ;AACZ,aAAO,WAAY,KAAM;AAAA,IAC1B;AAAA,EACD,GAAG,CAAE,MAAM,UAAU,OAAO,OAAO,OAAO,IAAK,CAAE;AAClD;AAae,SAAR,mBAAqC,EAAE,UAAU,SAAS,GAAI;AACpE,QAAM,WAAW,CAAE,WAAY;AAC9B,UAAM,EAAE,SAAS,IAAI,OAAQ,gBAAiB;AAC9C,UAAMA,SAAQ,SAAU,QAAS;AAEjC,QAAK,CAAEA,QAAQ;AACd,aAAO,CAAC;AAAA,IACT;AACA,UAAMC,aAAY,aAAcD,OAAM,IAAK;AAC3C,UAAM,EAAE,eAAe,IAAI,OAAQ,WAAY;AAE/C,WAAO;AAAA,MACN,OAAAA;AAAA,MACA,WAAAC;AAAA,MACA,QAAQ,eAAgBD,OAAM,IAAK;AAAA,MACnC,WAAWA,OAAM,WAAW,aAAa;AAAA,IAC1C;AAAA,EACD;AACA,QAAM,EAAE,QAAQ,OAAO,WAAW,UAAU,IAAI,UAAW,UAAU;AAAA,IACpE;AAAA,EACD,CAAE;AACF,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAChE,QAAM,iBAAiB,kBAAmB,MAAO;AACjD,QAAM,cAAc,eAAgB,gBAAgB,SAAU;AAC9D,QAAM,sBAAsB,uBAAwB,OAAO,SAAU;AAErE,QAAM,WAAW,CAAE,UAAW;AAC7B,UAAM,iBAAiB;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,IACD;AACA,0BAAuB,UAAU;AAAA,MAChC,WAAW;AAAA,IACZ,CAAE;AACF,aAAS;AAAA,EACV;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;",
+  "names": ["block", "blockType"]
+}

package/build-module/components/block-styles/utils.js

@@ -1,80 +1,48 @@
-/**
- * WordPress dependencies
- */
-import TokenList from '@wordpress/token-list';
-import { _x } from '@wordpress/i18n';
-
-/**
- * Returns the active style from the given className.
- *
- * @param {Array}  styles    Block styles.
- * @param {string} className Class name
- *
- * @return {?Object} The active style.
- */
-export function getActiveStyle(styles, className) {
+import TokenList from "@wordpress/token-list";
+import { _x } from "@wordpress/i18n";
+function getActiveStyle(styles, className) {
   for (const style of new TokenList(className).values()) {
-    if (style.indexOf('is-style-') === -1) {
+    if (style.indexOf("is-style-") === -1) {
       continue;
     }
     const potentialStyleName = style.substring(9);
-    const activeStyle = styles?.find(({
-      name
-    }) => name === potentialStyleName);
+    const activeStyle = styles?.find(
+      ({ name }) => name === potentialStyleName
+    );
     if (activeStyle) {
       return activeStyle;
     }
   }
   return getDefaultStyle(styles);
 }
-
-/**
- * Replaces the active style in the block's className.
- *
- * @param {string}  className   Class name.
- * @param {?Object} activeStyle The replaced style.
- * @param {Object}  newStyle    The replacing style.
- *
- * @return {string} The updated className.
- */
-export function replaceActiveStyle(className, activeStyle, newStyle) {
+function replaceActiveStyle(className, activeStyle, newStyle) {
   const list = new TokenList(className);
   if (activeStyle) {
-    list.remove('is-style-' + activeStyle.name);
+    list.remove("is-style-" + activeStyle.name);
   }
-  list.add('is-style-' + newStyle.name);
+  list.add("is-style-" + newStyle.name);
   return list.value;
 }
-
-/**
- * Returns a collection of styles that can be represented on the frontend.
- * The function checks a style collection for a default style. If none is found, it adds one to
- * act as a fallback for when there is no active style applied to a block. The default item also serves
- * as a switch on the frontend to deactivate non-default styles.
- *
- * @param {Array} styles Block styles.
- *
- * @return {Array<Object?>}        The style collection.
- */
-export function getRenderedStyles(styles) {
+function getRenderedStyles(styles) {
   if (!styles || styles.length === 0) {
     return [];
   }
-  return getDefaultStyle(styles) ? styles : [{
-    name: 'default',
-    label: _x('Default', 'block style'),
-    isDefault: true
-  }, ...styles];
+  return getDefaultStyle(styles) ? styles : [
+    {
+      name: "default",
+      label: _x("Default", "block style"),
+      isDefault: true
+    },
+    ...styles
+  ];
 }
-
-/**
- * Returns a style object from a collection of styles where that style object is the default block style.
- *
- * @param {Array} styles Block styles.
- *
- * @return {?Object}        The default style object, if found.
- */
-export function getDefaultStyle(styles) {
-  return styles?.find(style => style.isDefault);
+function getDefaultStyle(styles) {
+  return styles?.find((style) => style.isDefault);
 }
-//# sourceMappingURL=utils.js.map
+export {
+  getActiveStyle,
+  getDefaultStyle,
+  getRenderedStyles,
+  replaceActiveStyle
+};
+//# sourceMappingURL=utils.js.map

package/build-module/components/block-styles/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["TokenList","_x","getActiveStyle","styles","className","style","values","indexOf","potentialStyleName","substring","activeStyle","find","name","getDefaultStyle","replaceActiveStyle","newStyle","list","remove","add","value","getRenderedStyles","length","label","isDefault"],"sources":["@wordpress/block-editor/src/components/block-styles/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport TokenList from '@wordpress/token-list';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Returns the active style from the given className.\n *\n * @param {Array}  styles    Block styles.\n * @param {string} className Class name\n *\n * @return {?Object} The active style.\n */\nexport function getActiveStyle( styles, className ) {\n\tfor ( const style of new TokenList( className ).values() ) {\n\t\tif ( style.indexOf( 'is-style-' ) === -1 ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst potentialStyleName = style.substring( 9 );\n\t\tconst activeStyle = styles?.find(\n\t\t\t( { name } ) => name === potentialStyleName\n\t\t);\n\t\tif ( activeStyle ) {\n\t\t\treturn activeStyle;\n\t\t}\n\t}\n\n\treturn getDefaultStyle( styles );\n}\n\n/**\n * Replaces the active style in the block's className.\n *\n * @param {string}  className   Class name.\n * @param {?Object} activeStyle The replaced style.\n * @param {Object}  newStyle    The replacing style.\n *\n * @return {string} The updated className.\n */\nexport function replaceActiveStyle( className, activeStyle, newStyle ) {\n\tconst list = new TokenList( className );\n\n\tif ( activeStyle ) {\n\t\tlist.remove( 'is-style-' + activeStyle.name );\n\t}\n\n\tlist.add( 'is-style-' + newStyle.name );\n\n\treturn list.value;\n}\n\n/**\n * Returns a collection of styles that can be represented on the frontend.\n * The function checks a style collection for a default style. If none is found, it adds one to\n * act as a fallback for when there is no active style applied to a block. The default item also serves\n * as a switch on the frontend to deactivate non-default styles.\n *\n * @param {Array} styles Block styles.\n *\n * @return {Array<Object?>}        The style collection.\n */\nexport function getRenderedStyles( styles ) {\n\tif ( ! styles || styles.length === 0 ) {\n\t\treturn [];\n\t}\n\n\treturn getDefaultStyle( styles )\n\t\t? styles\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tname: 'default',\n\t\t\t\t\tlabel: _x( 'Default', 'block style' ),\n\t\t\t\t\tisDefault: true,\n\t\t\t\t},\n\t\t\t\t...styles,\n\t\t  ];\n}\n\n/**\n * Returns a style object from a collection of styles where that style object is the default block style.\n *\n * @param {Array} styles Block styles.\n *\n * @return {?Object}        The default style object, if found.\n */\nexport function getDefaultStyle( styles ) {\n\treturn styles?.find( ( style ) => style.isDefault );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,uBAAuB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAEC,MAAM,EAAEC,SAAS,EAAG;EACnD,KAAM,MAAMC,KAAK,IAAI,IAAIL,SAAS,CAAEI,SAAU,CAAC,CAACE,MAAM,CAAC,CAAC,EAAG;IAC1D,IAAKD,KAAK,CAACE,OAAO,CAAE,WAAY,CAAC,KAAK,CAAC,CAAC,EAAG;MAC1C;IACD;IAEA,MAAMC,kBAAkB,GAAGH,KAAK,CAACI,SAAS,CAAE,CAAE,CAAC;IAC/C,MAAMC,WAAW,GAAGP,MAAM,EAAEQ,IAAI,CAC/B,CAAE;MAAEC;IAAK,CAAC,KAAMA,IAAI,KAAKJ,kBAC1B,CAAC;IACD,IAAKE,WAAW,EAAG;MAClB,OAAOA,WAAW;IACnB;EACD;EAEA,OAAOG,eAAe,CAAEV,MAAO,CAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,kBAAkBA,CAAEV,SAAS,EAAEM,WAAW,EAAEK,QAAQ,EAAG;EACtE,MAAMC,IAAI,GAAG,IAAIhB,SAAS,CAAEI,SAAU,CAAC;EAEvC,IAAKM,WAAW,EAAG;IAClBM,IAAI,CAACC,MAAM,CAAE,WAAW,GAAGP,WAAW,CAACE,IAAK,CAAC;EAC9C;EAEAI,IAAI,CAACE,GAAG,CAAE,WAAW,GAAGH,QAAQ,CAACH,IAAK,CAAC;EAEvC,OAAOI,IAAI,CAACG,KAAK;AAClB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAEjB,MAAM,EAAG;EAC3C,IAAK,CAAEA,MAAM,IAAIA,MAAM,CAACkB,MAAM,KAAK,CAAC,EAAG;IACtC,OAAO,EAAE;EACV;EAEA,OAAOR,eAAe,CAAEV,MAAO,CAAC,GAC7BA,MAAM,GACN,CACA;IACCS,IAAI,EAAE,SAAS;IACfU,KAAK,EAAErB,EAAE,CAAE,SAAS,EAAE,aAAc,CAAC;IACrCsB,SAAS,EAAE;EACZ,CAAC,EACD,GAAGpB,MAAM,CACR;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASU,eAAeA,CAAEV,MAAM,EAAG;EACzC,OAAOA,MAAM,EAAEQ,IAAI,CAAIN,KAAK,IAAMA,KAAK,CAACkB,SAAU,CAAC;AACpD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/utils.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport TokenList from '@wordpress/token-list';\nimport { _x } from '@wordpress/i18n';\n\n/**\n * Returns the active style from the given className.\n *\n * @param {Array}  styles    Block styles.\n * @param {string} className Class name\n *\n * @return {?Object} The active style.\n */\nexport function getActiveStyle( styles, className ) {\n\tfor ( const style of new TokenList( className ).values() ) {\n\t\tif ( style.indexOf( 'is-style-' ) === -1 ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst potentialStyleName = style.substring( 9 );\n\t\tconst activeStyle = styles?.find(\n\t\t\t( { name } ) => name === potentialStyleName\n\t\t);\n\t\tif ( activeStyle ) {\n\t\t\treturn activeStyle;\n\t\t}\n\t}\n\n\treturn getDefaultStyle( styles );\n}\n\n/**\n * Replaces the active style in the block's className.\n *\n * @param {string}  className   Class name.\n * @param {?Object} activeStyle The replaced style.\n * @param {Object}  newStyle    The replacing style.\n *\n * @return {string} The updated className.\n */\nexport function replaceActiveStyle( className, activeStyle, newStyle ) {\n\tconst list = new TokenList( className );\n\n\tif ( activeStyle ) {\n\t\tlist.remove( 'is-style-' + activeStyle.name );\n\t}\n\n\tlist.add( 'is-style-' + newStyle.name );\n\n\treturn list.value;\n}\n\n/**\n * Returns a collection of styles that can be represented on the frontend.\n * The function checks a style collection for a default style. If none is found, it adds one to\n * act as a fallback for when there is no active style applied to a block. The default item also serves\n * as a switch on the frontend to deactivate non-default styles.\n *\n * @param {Array} styles Block styles.\n *\n * @return {Array<Object?>}        The style collection.\n */\nexport function getRenderedStyles( styles ) {\n\tif ( ! styles || styles.length === 0 ) {\n\t\treturn [];\n\t}\n\n\treturn getDefaultStyle( styles )\n\t\t? styles\n\t\t: [\n\t\t\t\t{\n\t\t\t\t\tname: 'default',\n\t\t\t\t\tlabel: _x( 'Default', 'block style' ),\n\t\t\t\t\tisDefault: true,\n\t\t\t\t},\n\t\t\t\t...styles,\n\t\t  ];\n}\n\n/**\n * Returns a style object from a collection of styles where that style object is the default block style.\n *\n * @param {Array} styles Block styles.\n *\n * @return {?Object}        The default style object, if found.\n */\nexport function getDefaultStyle( styles ) {\n\treturn styles?.find( ( style ) => style.isDefault );\n}\n"],
+  "mappings": "AAGA,OAAO,eAAe;AACtB,SAAS,UAAU;AAUZ,SAAS,eAAgB,QAAQ,WAAY;AACnD,aAAY,SAAS,IAAI,UAAW,SAAU,EAAE,OAAO,GAAI;AAC1D,QAAK,MAAM,QAAS,WAAY,MAAM,IAAK;AAC1C;AAAA,IACD;AAEA,UAAM,qBAAqB,MAAM,UAAW,CAAE;AAC9C,UAAM,cAAc,QAAQ;AAAA,MAC3B,CAAE,EAAE,KAAK,MAAO,SAAS;AAAA,IAC1B;AACA,QAAK,aAAc;AAClB,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO,gBAAiB,MAAO;AAChC;AAWO,SAAS,mBAAoB,WAAW,aAAa,UAAW;AACtE,QAAM,OAAO,IAAI,UAAW,SAAU;AAEtC,MAAK,aAAc;AAClB,SAAK,OAAQ,cAAc,YAAY,IAAK;AAAA,EAC7C;AAEA,OAAK,IAAK,cAAc,SAAS,IAAK;AAEtC,SAAO,KAAK;AACb;AAYO,SAAS,kBAAmB,QAAS;AAC3C,MAAK,CAAE,UAAU,OAAO,WAAW,GAAI;AACtC,WAAO,CAAC;AAAA,EACT;AAEA,SAAO,gBAAiB,MAAO,IAC5B,SACA;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,OAAO,GAAI,WAAW,aAAc;AAAA,MACpC,WAAW;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACH;AACJ;AASO,SAAS,gBAAiB,QAAS;AACzC,SAAO,QAAQ,KAAM,CAAE,UAAW,MAAM,SAAU;AACnD;",
+  "names": []
+}

package/build-module/components/block-switcher/block-styles-menu.js

@@ -1,28 +1,19 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { MenuGroup } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import BlockStylesMenuItems from '../block-styles/menu-items';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function BlockStylesMenu({
-  hoveredBlock,
-  onSwitch
-}) {
-  const {
-    clientId
-  } = hoveredBlock;
-  return /*#__PURE__*/_jsx(MenuGroup, {
-    label: __('Styles'),
-    className: "block-editor-block-switcher__styles__menugroup",
-    children: /*#__PURE__*/_jsx(BlockStylesMenuItems, {
-      clientId: clientId,
-      onSwitch: onSwitch
-    })
-  });
+import { jsx } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { MenuGroup } from "@wordpress/components";
+import BlockStylesMenuItems from "../block-styles/menu-items";
+function BlockStylesMenu({ hoveredBlock, onSwitch }) {
+  const { clientId } = hoveredBlock;
+  return /* @__PURE__ */ jsx(
+    MenuGroup,
+    {
+      label: __("Styles"),
+      className: "block-editor-block-switcher__styles__menugroup",
+      children: /* @__PURE__ */ jsx(BlockStylesMenuItems, { clientId, onSwitch })
+    }
+  );
 }
-//# sourceMappingURL=block-styles-menu.js.map
+export {
+  BlockStylesMenu as default
+};
+//# sourceMappingURL=block-styles-menu.js.map

package/build-module/components/block-switcher/block-styles-menu.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","MenuGroup","BlockStylesMenuItems","jsx","_jsx","BlockStylesMenu","hoveredBlock","onSwitch","clientId","label","className","children"],"sources":["@wordpress/block-editor/src/components/block-switcher/block-styles-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,uBAAuB;;AAEjD;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,eAAe,SAASC,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IAAEC;EAAS,CAAC,GAAGF,YAAY;EAEjC,oBACCF,IAAA,CAACH,SAAS;IACTQ,KAAK,EAAGT,EAAE,CAAE,QAAS,CAAG;IACxBU,SAAS,EAAC,gDAAgD;IAAAC,QAAA,eAE1DP,IAAA,CAACF,oBAAoB;MAACM,QAAQ,EAAGA,QAAU;MAACD,QAAQ,EAAGA;IAAU,CAAE;EAAC,CAC1D,CAAC;AAEd","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-switcher/block-styles-menu.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesMenuItems from '../block-styles/menu-items';\n\nexport default function BlockStylesMenu( { hoveredBlock, onSwitch } ) {\n\tconst { clientId } = hoveredBlock;\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Styles' ) }\n\t\t\tclassName=\"block-editor-block-switcher__styles__menugroup\"\n\t\t>\n\t\t\t<BlockStylesMenuItems clientId={ clientId } onSwitch={ onSwitch } />\n\t\t</MenuGroup>\n\t);\n}\n"],
+  "mappings": "AAmBG;AAhBH,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAK1B,OAAO,0BAA0B;AAElB,SAAR,gBAAkC,EAAE,cAAc,SAAS,GAAI;AACrE,QAAM,EAAE,SAAS,IAAI;AAErB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,QAAS;AAAA,MACrB,WAAU;AAAA,MAEV,8BAAC,wBAAqB,UAAsB,UAAsB;AAAA;AAAA,EACnE;AAEF;",
+  "names": []
+}