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

package/build-module/components/block-settings-menu/block-settings-menu-first-item.js

@@ -1,11 +1,10 @@
-/**
- * WordPress dependencies
- */
-import { createSlotFill } from '@wordpress/components';
-const {
-  Fill: __unstableBlockSettingsMenuFirstItem,
-  Slot
-} = createSlotFill('__unstableBlockSettingsMenuFirstItem');
+import { createSlotFill } from "@wordpress/components";
+const { Fill: __unstableBlockSettingsMenuFirstItem, Slot } = createSlotFill(
+  "__unstableBlockSettingsMenuFirstItem"
+);
 __unstableBlockSettingsMenuFirstItem.Slot = Slot;
-export default __unstableBlockSettingsMenuFirstItem;
-//# sourceMappingURL=block-settings-menu-first-item.js.map
+var block_settings_menu_first_item_default = __unstableBlockSettingsMenuFirstItem;
+export {
+  block_settings_menu_first_item_default as default
+};
+//# sourceMappingURL=block-settings-menu-first-item.js.map

package/build-module/components/block-settings-menu/block-settings-menu-first-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createSlotFill","Fill","__unstableBlockSettingsMenuFirstItem","Slot"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-settings-menu-first-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: __unstableBlockSettingsMenuFirstItem, Slot } = createSlotFill(\n\t'__unstableBlockSettingsMenuFirstItem'\n);\n\n__unstableBlockSettingsMenuFirstItem.Slot = Slot;\n\nexport default __unstableBlockSettingsMenuFirstItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI,EAAEC,oCAAoC;EAAEC;AAAK,CAAC,GAAGH,cAAc,CAC1E,sCACD,CAAC;AAEDE,oCAAoC,CAACC,IAAI,GAAGA,IAAI;AAEhD,eAAeD,oCAAoC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-settings-menu/block-settings-menu-first-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: __unstableBlockSettingsMenuFirstItem, Slot } = createSlotFill(\n\t'__unstableBlockSettingsMenuFirstItem'\n);\n\n__unstableBlockSettingsMenuFirstItem.Slot = Slot;\n\nexport default __unstableBlockSettingsMenuFirstItem;\n"],
+  "mappings": "AAGA,SAAS,sBAAsB;AAE/B,MAAM,EAAE,MAAM,sCAAsC,KAAK,IAAI;AAAA,EAC5D;AACD;AAEA,qCAAqC,OAAO;AAE5C,IAAO,yCAAQ;",
+  "names": []
+}

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

@@ -1,27 +1,23 @@
-/**
- * WordPress dependencies
- */
-import { ToolbarGroup, ToolbarItem } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import BlockSettingsDropdown from './block-settings-dropdown';
-import CommentIconToolbarSlotFill from '../../components/collab/block-comment-icon-toolbar-slot';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function BlockSettingsMenu({
-  clientIds,
-  ...props
-}) {
-  return /*#__PURE__*/_jsxs(ToolbarGroup, {
-    children: [/*#__PURE__*/_jsx(CommentIconToolbarSlotFill.Slot, {}), /*#__PURE__*/_jsx(ToolbarItem, {
-      children: toggleProps => /*#__PURE__*/_jsx(BlockSettingsDropdown, {
-        clientIds: clientIds,
-        toggleProps: toggleProps,
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ToolbarGroup, ToolbarItem } from "@wordpress/components";
+import BlockSettingsDropdown from "./block-settings-dropdown";
+import CommentIconToolbarSlotFill from "../../components/collab/block-comment-icon-toolbar-slot";
+function BlockSettingsMenu({ clientIds, ...props }) {
+  return /* @__PURE__ */ jsxs(ToolbarGroup, { children: [
+    /* @__PURE__ */ jsx(CommentIconToolbarSlotFill.Slot, {}),
+    /* @__PURE__ */ jsx(ToolbarItem, { children: (toggleProps) => /* @__PURE__ */ jsx(
+      BlockSettingsDropdown,
+      {
+        clientIds,
+        toggleProps,
         ...props
-      })
-    })]
-  });
+      }
+    ) })
+  ] });
 }
-export default BlockSettingsMenu;
-//# sourceMappingURL=index.js.map
+var block_settings_menu_default = BlockSettingsMenu;
+export {
+  BlockSettingsMenu,
+  block_settings_menu_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["ToolbarGroup","ToolbarItem","BlockSettingsDropdown","CommentIconToolbarSlotFill","jsx","_jsx","jsxs","_jsxs","BlockSettingsMenu","clientIds","props","children","Slot","toggleProps"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarGroup, ToolbarItem } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockSettingsDropdown from './block-settings-dropdown';\nimport CommentIconToolbarSlotFill from '../../components/collab/block-comment-icon-toolbar-slot';\n\nexport function BlockSettingsMenu( { clientIds, ...props } ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<CommentIconToolbarSlotFill.Slot />\n\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<BlockSettingsDropdown\n\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n\nexport default BlockSettingsMenu;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,WAAW,QAAQ,uBAAuB;;AAEjE;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,2BAA2B;AAC7D,OAAOC,0BAA0B,MAAM,yDAAyD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjG,OAAO,SAASC,iBAAiBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC5D,oBACCH,KAAA,CAACP,YAAY;IAAAW,QAAA,gBACZN,IAAA,CAACF,0BAA0B,CAACS,IAAI,IAAE,CAAC,eAEnCP,IAAA,CAACJ,WAAW;MAAAU,QAAA,EACPE,WAAW,iBACdR,IAAA,CAACH,qBAAqB;QACrBO,SAAS,EAAGA,SAAW;QACvBI,WAAW,EAAGA,WAAa;QAAA,GACtBH;MAAK,CACV;IACD,CACW,CAAC;EAAA,CACD,CAAC;AAEjB;AAEA,eAAeF,iBAAiB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-settings-menu/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { ToolbarGroup, ToolbarItem } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockSettingsDropdown from './block-settings-dropdown';\nimport CommentIconToolbarSlotFill from '../../components/collab/block-comment-icon-toolbar-slot';\n\nexport function BlockSettingsMenu( { clientIds, ...props } ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<CommentIconToolbarSlotFill.Slot />\n\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<BlockSettingsDropdown\n\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n\nexport default BlockSettingsMenu;\n"],
+  "mappings": "AAaE,SACC,KADD;AAVF,SAAS,cAAc,mBAAmB;AAK1C,OAAO,2BAA2B;AAClC,OAAO,gCAAgC;AAEhC,SAAS,kBAAmB,EAAE,WAAW,GAAG,MAAM,GAAI;AAC5D,SACC,qBAAC,gBACA;AAAA,wBAAC,2BAA2B,MAA3B,EAAgC;AAAA,IAEjC,oBAAC,eACE,WAAE,gBACH;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACE,GAAG;AAAA;AAAA,IACN,GAEF;AAAA,KACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/build-module/components/block-settings-menu-controls/index.js

@@ -1,107 +1,122 @@
-/**
- * WordPress dependencies
- */
-import { createSlotFill, MenuGroup, __experimentalStyleProvider as StyleProvider } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { useConvertToGroupButtonProps, ConvertToGroupButton } from '../convert-to-group-buttons';
-import { BlockLockMenuItem, useBlockLock } from '../block-lock';
-import { store as blockEditorStore } from '../../store';
-import BlockModeToggle from '../block-settings-menu/block-mode-toggle';
-import { ModifyContentLockMenuItem } from '../content-lock';
-import { BlockRenameControl, useBlockRename } from '../block-rename';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Fill,
-  Slot
-} = createSlotFill('BlockSettingsMenuControls');
-const BlockSettingsMenuControlsSlot = ({
-  fillProps,
-  clientIds = null
-}) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  createSlotFill,
+  MenuGroup,
+  __experimentalStyleProvider as StyleProvider
+} from "@wordpress/components";
+import { hasBlockSupport } from "@wordpress/blocks";
+import { useSelect } from "@wordpress/data";
+import {
+  useConvertToGroupButtonProps,
+  ConvertToGroupButton
+} from "../convert-to-group-buttons";
+import { BlockLockMenuItem, useBlockLock } from "../block-lock";
+import { store as blockEditorStore } from "../../store";
+import BlockModeToggle from "../block-settings-menu/block-mode-toggle";
+import { ModifyContentLockMenuItem } from "../content-lock";
+import { BlockRenameControl, useBlockRename } from "../block-rename";
+import { BlockVisibilityMenuItem } from "../block-visibility";
+const { Fill, Slot } = createSlotFill("BlockSettingsMenuControls");
+const BlockSettingsMenuControlsSlot = ({ fillProps, clientIds = null }) => {
   const {
     selectedBlocks,
     selectedClientIds,
-    isContentOnly
-  } = useSelect(select => {
-    const {
-      getBlockNamesByClientId,
-      getSelectedBlockClientIds,
-      getBlockEditingMode
-    } = select(blockEditorStore);
-    const ids = clientIds !== null ? clientIds : getSelectedBlockClientIds();
-    return {
-      selectedBlocks: getBlockNamesByClientId(ids),
-      selectedClientIds: ids,
-      isContentOnly: getBlockEditingMode(ids[0]) === 'contentOnly'
-    };
-  }, [clientIds]);
-  const {
-    canLock
-  } = useBlockLock(selectedClientIds[0]);
-  const {
-    canRename
-  } = useBlockRename(selectedBlocks[0]);
+    isContentOnly,
+    canToggleSelectedBlocksVisibility
+  } = useSelect(
+    (select) => {
+      const {
+        getBlocksByClientId,
+        getBlockNamesByClientId,
+        getSelectedBlockClientIds,
+        getBlockEditingMode
+      } = select(blockEditorStore);
+      const ids = clientIds !== null ? clientIds : getSelectedBlockClientIds();
+      return {
+        selectedBlocks: getBlockNamesByClientId(ids),
+        selectedClientIds: ids,
+        isContentOnly: getBlockEditingMode(ids[0]) === "contentOnly",
+        canToggleSelectedBlocksVisibility: getBlocksByClientId(
+          ids
+        ).every(
+          (block) => hasBlockSupport(block.name, "blockVisibility", true)
+        )
+      };
+    },
+    [clientIds]
+  );
+  const { canLock } = useBlockLock(selectedClientIds[0]);
+  const { canRename } = useBlockRename(selectedBlocks[0]);
   const showLockButton = selectedClientIds.length === 1 && canLock && !isContentOnly;
   const showRenameButton = selectedClientIds.length === 1 && canRename && !isContentOnly;
-
-  // Check if current selection of blocks is Groupable or Ungroupable
-  // and pass this props down to ConvertToGroupButton.
+  const showVisibilityButton = canToggleSelectedBlocksVisibility && !isContentOnly;
   const convertToGroupButtonProps = useConvertToGroupButtonProps(selectedClientIds);
-  const {
-    isGroupable,
-    isUngroupable
-  } = convertToGroupButtonProps;
+  const { isGroupable, isUngroupable } = convertToGroupButtonProps;
   const showConvertToGroupButton = (isGroupable || isUngroupable) && !isContentOnly;
-  return /*#__PURE__*/_jsx(Slot, {
-    fillProps: {
-      ...fillProps,
-      selectedBlocks,
-      selectedClientIds
-    },
-    children: fills => {
-      if (!fills?.length > 0 && !showConvertToGroupButton && !showLockButton) {
-        return null;
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      fillProps: {
+        ...fillProps,
+        selectedBlocks,
+        selectedClientIds
+      },
+      children: (fills) => {
+        if (!fills?.length > 0 && !showConvertToGroupButton && !showLockButton) {
+          return null;
+        }
+        return /* @__PURE__ */ jsxs(MenuGroup, { children: [
+          showConvertToGroupButton && /* @__PURE__ */ jsx(
+            ConvertToGroupButton,
+            {
+              ...convertToGroupButtonProps,
+              onClose: fillProps?.onClose
+            }
+          ),
+          showLockButton && /* @__PURE__ */ jsx(
+            BlockLockMenuItem,
+            {
+              clientId: selectedClientIds[0]
+            }
+          ),
+          showRenameButton && /* @__PURE__ */ jsx(
+            BlockRenameControl,
+            {
+              clientId: selectedClientIds[0]
+            }
+          ),
+          showVisibilityButton && /* @__PURE__ */ jsx(
+            BlockVisibilityMenuItem,
+            {
+              clientIds: selectedClientIds
+            }
+          ),
+          fills,
+          selectedClientIds.length === 1 && /* @__PURE__ */ jsx(
+            ModifyContentLockMenuItem,
+            {
+              clientId: selectedClientIds[0],
+              onClose: fillProps?.onClose
+            }
+          ),
+          fillProps?.count === 1 && !isContentOnly && /* @__PURE__ */ jsx(
+            BlockModeToggle,
+            {
+              clientId: fillProps?.firstBlockClientId,
+              onToggle: fillProps?.onClose
+            }
+          )
+        ] });
       }
-      return /*#__PURE__*/_jsxs(MenuGroup, {
-        children: [showConvertToGroupButton && /*#__PURE__*/_jsx(ConvertToGroupButton, {
-          ...convertToGroupButtonProps,
-          onClose: fillProps?.onClose
-        }), showLockButton && /*#__PURE__*/_jsx(BlockLockMenuItem, {
-          clientId: selectedClientIds[0]
-        }), showRenameButton && /*#__PURE__*/_jsx(BlockRenameControl, {
-          clientId: selectedClientIds[0]
-        }), fills, selectedClientIds.length === 1 && /*#__PURE__*/_jsx(ModifyContentLockMenuItem, {
-          clientId: selectedClientIds[0],
-          onClose: fillProps?.onClose
-        }), fillProps?.count === 1 && !isContentOnly && /*#__PURE__*/_jsx(BlockModeToggle, {
-          clientId: fillProps?.firstBlockClientId,
-          onToggle: fillProps?.onClose
-        })]
-      });
     }
-  });
+  );
 };
-
-/**
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md
- *
- * @param {Object} props Fill props.
- * @return {Element} Element.
- */
-function BlockSettingsMenuControls({
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(StyleProvider, {
-    document: document,
-    children: /*#__PURE__*/_jsx(Fill, {
-      ...props
-    })
-  });
+function BlockSettingsMenuControls({ ...props }) {
+  return /* @__PURE__ */ jsx(StyleProvider, { document, children: /* @__PURE__ */ jsx(Fill, { ...props }) });
 }
 BlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot;
-export default BlockSettingsMenuControls;
-//# sourceMappingURL=index.js.map
+var block_settings_menu_controls_default = BlockSettingsMenuControls;
+export {
+  block_settings_menu_controls_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/block-settings-menu-controls/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createSlotFill","MenuGroup","__experimentalStyleProvider","StyleProvider","useSelect","useConvertToGroupButtonProps","ConvertToGroupButton","BlockLockMenuItem","useBlockLock","store","blockEditorStore","BlockModeToggle","ModifyContentLockMenuItem","BlockRenameControl","useBlockRename","jsx","_jsx","jsxs","_jsxs","Fill","Slot","BlockSettingsMenuControlsSlot","fillProps","clientIds","selectedBlocks","selectedClientIds","isContentOnly","select","getBlockNamesByClientId","getSelectedBlockClientIds","getBlockEditingMode","ids","canLock","canRename","showLockButton","length","showRenameButton","convertToGroupButtonProps","isGroupable","isUngroupable","showConvertToGroupButton","children","fills","onClose","clientId","count","firstBlockClientId","onToggle","BlockSettingsMenuControls","props","document"],"sources":["@wordpress/block-editor/src/components/block-settings-menu-controls/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tMenuGroup,\n\t__experimentalStyleProvider as StyleProvider,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseConvertToGroupButtonProps,\n\tConvertToGroupButton,\n} from '../convert-to-group-buttons';\nimport { BlockLockMenuItem, useBlockLock } from '../block-lock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockModeToggle from '../block-settings-menu/block-mode-toggle';\nimport { ModifyContentLockMenuItem } from '../content-lock';\nimport { BlockRenameControl, useBlockRename } from '../block-rename';\n\nconst { Fill, Slot } = createSlotFill( 'BlockSettingsMenuControls' );\n\nconst BlockSettingsMenuControlsSlot = ( { fillProps, clientIds = null } ) => {\n\tconst { selectedBlocks, selectedClientIds, isContentOnly } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst ids =\n\t\t\t\tclientIds !== null ? clientIds : getSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\tselectedBlocks: getBlockNamesByClientId( ids ),\n\t\t\t\tselectedClientIds: ids,\n\t\t\t\tisContentOnly:\n\t\t\t\t\tgetBlockEditingMode( ids[ 0 ] ) === 'contentOnly',\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst { canLock } = useBlockLock( selectedClientIds[ 0 ] );\n\tconst { canRename } = useBlockRename( selectedBlocks[ 0 ] );\n\tconst showLockButton =\n\t\tselectedClientIds.length === 1 && canLock && ! isContentOnly;\n\tconst showRenameButton =\n\t\tselectedClientIds.length === 1 && canRename && ! isContentOnly;\n\n\t// Check if current selection of blocks is Groupable or Ungroupable\n\t// and pass this props down to ConvertToGroupButton.\n\tconst convertToGroupButtonProps =\n\t\tuseConvertToGroupButtonProps( selectedClientIds );\n\tconst { isGroupable, isUngroupable } = convertToGroupButtonProps;\n\tconst showConvertToGroupButton =\n\t\t( isGroupable || isUngroupable ) && ! isContentOnly;\n\n\treturn (\n\t\t<Slot\n\t\t\tfillProps={ {\n\t\t\t\t...fillProps,\n\t\t\t\tselectedBlocks,\n\t\t\t\tselectedClientIds,\n\t\t\t} }\n\t\t>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif (\n\t\t\t\t\t! fills?.length > 0 &&\n\t\t\t\t\t! showConvertToGroupButton &&\n\t\t\t\t\t! showLockButton\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ showConvertToGroupButton && (\n\t\t\t\t\t\t\t<ConvertToGroupButton\n\t\t\t\t\t\t\t\t{ ...convertToGroupButtonProps }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showLockButton && (\n\t\t\t\t\t\t\t<BlockLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showRenameButton && (\n\t\t\t\t\t\t\t<BlockRenameControl\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t{ selectedClientIds.length === 1 && (\n\t\t\t\t\t\t\t<ModifyContentLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fillProps?.count === 1 && ! isContentOnly && (\n\t\t\t\t\t\t\t<BlockModeToggle\n\t\t\t\t\t\t\t\tclientId={ fillProps?.firstBlockClientId }\n\t\t\t\t\t\t\t\tonToggle={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t</Slot>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md\n *\n * @param {Object} props Fill props.\n * @return {Element} Element.\n */\nfunction BlockSettingsMenuControls( { ...props } ) {\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill { ...props } />\n\t\t</StyleProvider>\n\t);\n}\n\nBlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot;\n\nexport default BlockSettingsMenuControls;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-settings-menu-controls/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tMenuGroup,\n\t__experimentalStyleProvider as StyleProvider,\n} from '@wordpress/components';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseConvertToGroupButtonProps,\n\tConvertToGroupButton,\n} from '../convert-to-group-buttons';\nimport { BlockLockMenuItem, useBlockLock } from '../block-lock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockModeToggle from '../block-settings-menu/block-mode-toggle';\nimport { ModifyContentLockMenuItem } from '../content-lock';\nimport { BlockRenameControl, useBlockRename } from '../block-rename';\nimport { BlockVisibilityMenuItem } from '../block-visibility';\n\nconst { Fill, Slot } = createSlotFill( 'BlockSettingsMenuControls' );\n\nconst BlockSettingsMenuControlsSlot = ( { fillProps, clientIds = null } ) => {\n\tconst {\n\t\tselectedBlocks,\n\t\tselectedClientIds,\n\t\tisContentOnly,\n\t\tcanToggleSelectedBlocksVisibility,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst ids =\n\t\t\t\tclientIds !== null ? clientIds : getSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\tselectedBlocks: getBlockNamesByClientId( ids ),\n\t\t\t\tselectedClientIds: ids,\n\t\t\t\tisContentOnly:\n\t\t\t\t\tgetBlockEditingMode( ids[ 0 ] ) === 'contentOnly',\n\t\t\t\tcanToggleSelectedBlocksVisibility: getBlocksByClientId(\n\t\t\t\t\tids\n\t\t\t\t).every( ( block ) =>\n\t\t\t\t\thasBlockSupport( block.name, 'blockVisibility', true )\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst { canLock } = useBlockLock( selectedClientIds[ 0 ] );\n\tconst { canRename } = useBlockRename( selectedBlocks[ 0 ] );\n\tconst showLockButton =\n\t\tselectedClientIds.length === 1 && canLock && ! isContentOnly;\n\tconst showRenameButton =\n\t\tselectedClientIds.length === 1 && canRename && ! isContentOnly;\n\tconst showVisibilityButton =\n\t\tcanToggleSelectedBlocksVisibility && ! isContentOnly;\n\n\t// Check if current selection of blocks is Groupable or Ungroupable\n\t// and pass this props down to ConvertToGroupButton.\n\tconst convertToGroupButtonProps =\n\t\tuseConvertToGroupButtonProps( selectedClientIds );\n\tconst { isGroupable, isUngroupable } = convertToGroupButtonProps;\n\tconst showConvertToGroupButton =\n\t\t( isGroupable || isUngroupable ) && ! isContentOnly;\n\n\treturn (\n\t\t<Slot\n\t\t\tfillProps={ {\n\t\t\t\t...fillProps,\n\t\t\t\tselectedBlocks,\n\t\t\t\tselectedClientIds,\n\t\t\t} }\n\t\t>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif (\n\t\t\t\t\t! fills?.length > 0 &&\n\t\t\t\t\t! showConvertToGroupButton &&\n\t\t\t\t\t! showLockButton\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ showConvertToGroupButton && (\n\t\t\t\t\t\t\t<ConvertToGroupButton\n\t\t\t\t\t\t\t\t{ ...convertToGroupButtonProps }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showLockButton && (\n\t\t\t\t\t\t\t<BlockLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showRenameButton && (\n\t\t\t\t\t\t\t<BlockRenameControl\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showVisibilityButton && (\n\t\t\t\t\t\t\t<BlockVisibilityMenuItem\n\t\t\t\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t{ selectedClientIds.length === 1 && (\n\t\t\t\t\t\t\t<ModifyContentLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fillProps?.count === 1 && ! isContentOnly && (\n\t\t\t\t\t\t\t<BlockModeToggle\n\t\t\t\t\t\t\t\tclientId={ fillProps?.firstBlockClientId }\n\t\t\t\t\t\t\t\tonToggle={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t</Slot>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md\n *\n * @param {Object} props Fill props.\n * @return {Element} Element.\n */\nfunction BlockSettingsMenuControls( { ...props } ) {\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill { ...props } />\n\t\t</StyleProvider>\n\t);\n}\n\nBlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot;\n\nexport default BlockSettingsMenuControls;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,29 +1,17 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-import { debounce, useViewportMatch } from '@wordpress/compose';
-import { Button, __experimentalTruncate as Truncate, Popover } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import BlockStylesPreviewPanel from './preview-panel';
-import useStylesForBlocks from './use-styles-for-block';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-
-// Block Styles component for the Settings Sidebar.
-function BlockStyles({
-  clientId,
-  onSwitch = noop,
-  onHoverClassName = noop
-}) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState } from "@wordpress/element";
+import { debounce, useViewportMatch } from "@wordpress/compose";
+import {
+  Button,
+  __experimentalTruncate as Truncate,
+  Popover
+} from "@wordpress/components";
+import BlockStylesPreviewPanel from "./preview-panel";
+import useStylesForBlocks from "./use-styles-for-block";
+const noop = () => {
+};
+function BlockStyles({ clientId, onSwitch = noop, onHoverClassName = noop }) {
   const {
     onSelect,
     stylesToRender,
@@ -35,37 +23,38 @@ function BlockStyles({
     onSwitch
   });
   const [hoveredStyle, setHoveredStyle] = useState(null);
-  const isMobileViewport = useViewportMatch('medium', '<');
+  const isMobileViewport = useViewportMatch("medium", "<");
   if (!stylesToRender || stylesToRender.length === 0) {
     return null;
   }
   const debouncedSetHoveredStyle = debounce(setHoveredStyle, 250);
-  const onSelectStylePreview = style => {
+  const onSelectStylePreview = (style) => {
     onSelect(style);
     onHoverClassName(null);
     setHoveredStyle(null);
     debouncedSetHoveredStyle.cancel();
   };
-  const styleItemHandler = item => {
-    var _item$name;
+  const styleItemHandler = (item) => {
     if (hoveredStyle === item) {
       debouncedSetHoveredStyle.cancel();
       return;
     }
     debouncedSetHoveredStyle(item);
-    onHoverClassName((_item$name = item?.name) !== null && _item$name !== void 0 ? _item$name : null);
+    onHoverClassName(item?.name ?? null);
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "block-editor-block-styles",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "block-editor-block-styles__variants",
-      children: stylesToRender.map(style => {
-        const buttonText = style.label || style.name;
-        return /*#__PURE__*/_jsx(Button, {
+  return /* @__PURE__ */ jsxs("div", { className: "block-editor-block-styles", children: [
+    /* @__PURE__ */ jsx("div", { className: "block-editor-block-styles__variants", children: stylesToRender.map((style) => {
+      const buttonText = style.label || style.name;
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
           __next40pxDefaultSize: true,
-          className: clsx('block-editor-block-styles__item', {
-            'is-active': activeStyle.name === style.name
-          }),
+          className: clsx(
+            "block-editor-block-styles__item",
+            {
+              "is-active": activeStyle.name === style.name
+            }
+          ),
           variant: "secondary",
           label: buttonText,
           onMouseEnter: () => styleItemHandler(style),
@@ -74,29 +63,46 @@ function BlockStyles({
           onBlur: () => styleItemHandler(null),
           onClick: () => onSelectStylePreview(style),
           "aria-current": activeStyle.name === style.name,
-          children: /*#__PURE__*/_jsx(Truncate, {
-            numberOfLines: 1,
-            className: "block-editor-block-styles__item-text",
-            children: buttonText
-          })
-        }, style.name);
-      })
-    }), hoveredStyle && !isMobileViewport && /*#__PURE__*/_jsx(Popover, {
-      placement: "left-start",
-      offset: 34,
-      focusOnMount: false,
-      children: /*#__PURE__*/_jsx("div", {
-        className: "block-editor-block-styles__preview-panel",
-        onMouseLeave: () => styleItemHandler(null),
-        children: /*#__PURE__*/_jsx(BlockStylesPreviewPanel, {
-          activeStyle: activeStyle,
-          className: previewClassName,
-          genericPreviewBlock: genericPreviewBlock,
-          style: hoveredStyle
-        })
-      })
-    })]
-  });
+          children: /* @__PURE__ */ jsx(
+            Truncate,
+            {
+              numberOfLines: 1,
+              className: "block-editor-block-styles__item-text",
+              children: buttonText
+            }
+          )
+        },
+        style.name
+      );
+    }) }),
+    hoveredStyle && !isMobileViewport && /* @__PURE__ */ jsx(
+      Popover,
+      {
+        placement: "left-start",
+        offset: 34,
+        focusOnMount: false,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "block-editor-block-styles__preview-panel",
+            onMouseLeave: () => styleItemHandler(null),
+            children: /* @__PURE__ */ jsx(
+              BlockStylesPreviewPanel,
+              {
+                activeStyle,
+                className: previewClassName,
+                genericPreviewBlock,
+                style: hoveredStyle
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
 }
-export default BlockStyles;
-//# sourceMappingURL=index.js.map
+var block_styles_default = BlockStyles;
+export {
+  block_styles_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useState","debounce","useViewportMatch","Button","__experimentalTruncate","Truncate","Popover","BlockStylesPreviewPanel","useStylesForBlocks","jsx","_jsx","jsxs","_jsxs","noop","BlockStyles","clientId","onSwitch","onHoverClassName","onSelect","stylesToRender","activeStyle","genericPreviewBlock","className","previewClassName","hoveredStyle","setHoveredStyle","isMobileViewport","length","debouncedSetHoveredStyle","onSelectStylePreview","style","cancel","styleItemHandler","item","_item$name","name","children","map","buttonText","label","__next40pxDefaultSize","variant","onMouseEnter","onFocus","onMouseLeave","onBlur","onClick","numberOfLines","placement","offset","focusOnMount"],"sources":["@wordpress/block-editor/src/components/block-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { debounce, useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalTruncate as Truncate,\n\tPopover,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesPreviewPanel from './preview-panel';\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\n// Block Styles component for the Settings Sidebar.\nfunction BlockStyles( { clientId, onSwitch = noop, onHoverClassName = noop } ) {\n\tconst {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName: previewClassName,\n\t} = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\tconst [ hoveredStyle, setHoveredStyle ] = useState( null );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst debouncedSetHoveredStyle = debounce( setHoveredStyle, 250 );\n\n\tconst onSelectStylePreview = ( style ) => {\n\t\tonSelect( style );\n\t\tonHoverClassName( null );\n\t\tsetHoveredStyle( null );\n\t\tdebouncedSetHoveredStyle.cancel();\n\t};\n\n\tconst styleItemHandler = ( item ) => {\n\t\tif ( hoveredStyle === item ) {\n\t\t\tdebouncedSetHoveredStyle.cancel();\n\t\t\treturn;\n\t\t}\n\t\tdebouncedSetHoveredStyle( item );\n\t\tonHoverClassName( item?.name ?? null );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-styles\">\n\t\t\t<div className=\"block-editor-block-styles__variants\">\n\t\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\t\tconst buttonText = style.label || style.name;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-block-styles__item',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-active':\n\t\t\t\t\t\t\t\t\t\tactiveStyle.name === style.name,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tlabel={ buttonText }\n\t\t\t\t\t\t\tonMouseEnter={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonFocus={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonBlur={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonClick={ () => onSelectStylePreview( style ) }\n\t\t\t\t\t\t\taria-current={ activeStyle.name === style.name }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-styles__item-text\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonText }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t\t{ hoveredStyle && ! isMobileViewport && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"left-start\"\n\t\t\t\t\toffset={ 34 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"block-editor-block-styles__preview-panel\"\n\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockStylesPreviewPanel\n\t\t\t\t\t\t\tactiveStyle={ activeStyle }\n\t\t\t\t\t\t\tclassName={ previewClassName }\n\t\t\t\t\t\t\tgenericPreviewBlock={ genericPreviewBlock }\n\t\t\t\t\t\t\tstyle={ hoveredStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default BlockStyles;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-styles/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { debounce, useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__experimentalTruncate as Truncate,\n\tPopover,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockStylesPreviewPanel from './preview-panel';\nimport useStylesForBlocks from './use-styles-for-block';\n\nconst noop = () => {};\n\n// Block Styles component for the Settings Sidebar.\nfunction BlockStyles( { clientId, onSwitch = noop, onHoverClassName = noop } ) {\n\tconst {\n\t\tonSelect,\n\t\tstylesToRender,\n\t\tactiveStyle,\n\t\tgenericPreviewBlock,\n\t\tclassName: previewClassName,\n\t} = useStylesForBlocks( {\n\t\tclientId,\n\t\tonSwitch,\n\t} );\n\tconst [ hoveredStyle, setHoveredStyle ] = useState( null );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tif ( ! stylesToRender || stylesToRender.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst debouncedSetHoveredStyle = debounce( setHoveredStyle, 250 );\n\n\tconst onSelectStylePreview = ( style ) => {\n\t\tonSelect( style );\n\t\tonHoverClassName( null );\n\t\tsetHoveredStyle( null );\n\t\tdebouncedSetHoveredStyle.cancel();\n\t};\n\n\tconst styleItemHandler = ( item ) => {\n\t\tif ( hoveredStyle === item ) {\n\t\t\tdebouncedSetHoveredStyle.cancel();\n\t\t\treturn;\n\t\t}\n\t\tdebouncedSetHoveredStyle( item );\n\t\tonHoverClassName( item?.name ?? null );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-styles\">\n\t\t\t<div className=\"block-editor-block-styles__variants\">\n\t\t\t\t{ stylesToRender.map( ( style ) => {\n\t\t\t\t\tconst buttonText = style.label || style.name;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t'block-editor-block-styles__item',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-active':\n\t\t\t\t\t\t\t\t\t\tactiveStyle.name === style.name,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tkey={ style.name }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tlabel={ buttonText }\n\t\t\t\t\t\t\tonMouseEnter={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonFocus={ () => styleItemHandler( style ) }\n\t\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonBlur={ () => styleItemHandler( null ) }\n\t\t\t\t\t\t\tonClick={ () => onSelectStylePreview( style ) }\n\t\t\t\t\t\t\taria-current={ activeStyle.name === style.name }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate\n\t\t\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-block-styles__item-text\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ buttonText }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t\t{ hoveredStyle && ! isMobileViewport && (\n\t\t\t\t<Popover\n\t\t\t\t\tplacement=\"left-start\"\n\t\t\t\t\toffset={ 34 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"block-editor-block-styles__preview-panel\"\n\t\t\t\t\t\tonMouseLeave={ () => styleItemHandler( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockStylesPreviewPanel\n\t\t\t\t\t\t\tactiveStyle={ activeStyle }\n\t\t\t\t\t\t\tclassName={ previewClassName }\n\t\t\t\t\t\t\tgenericPreviewBlock={ genericPreviewBlock }\n\t\t\t\t\t\t\tstyle={ hoveredStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default BlockStyles;\n"],
+  "mappings": "AA8DE,SAyBK,KAzBL;AA3DF,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AACzB,SAAS,UAAU,wBAAwB;AAC3C;AAAA,EACC;AAAA,EACA,0BAA0B;AAAA,EAC1B;AAAA,OACM;AAKP,OAAO,6BAA6B;AACpC,OAAO,wBAAwB;AAE/B,MAAM,OAAO,MAAM;AAAC;AAGpB,SAAS,YAAa,EAAE,UAAU,WAAW,MAAM,mBAAmB,KAAK,GAAI;AAC9E,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EACZ,IAAI,mBAAoB;AAAA,IACvB;AAAA,IACA;AAAA,EACD,CAAE;AACF,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAU,IAAK;AACzD,QAAM,mBAAmB,iBAAkB,UAAU,GAAI;AAEzD,MAAK,CAAE,kBAAkB,eAAe,WAAW,GAAI;AACtD,WAAO;AAAA,EACR;AAEA,QAAM,2BAA2B,SAAU,iBAAiB,GAAI;AAEhE,QAAM,uBAAuB,CAAE,UAAW;AACzC,aAAU,KAAM;AAChB,qBAAkB,IAAK;AACvB,oBAAiB,IAAK;AACtB,6BAAyB,OAAO;AAAA,EACjC;AAEA,QAAM,mBAAmB,CAAE,SAAU;AACpC,QAAK,iBAAiB,MAAO;AAC5B,+BAAyB,OAAO;AAChC;AAAA,IACD;AACA,6BAA0B,IAAK;AAC/B,qBAAkB,MAAM,QAAQ,IAAK;AAAA,EACtC;AAEA,SACC,qBAAC,SAAI,WAAU,6BACd;AAAA,wBAAC,SAAI,WAAU,uCACZ,yBAAe,IAAK,CAAE,UAAW;AAClC,YAAM,aAAa,MAAM,SAAS,MAAM;AAExC,aACC;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,WAAY;AAAA,YACX;AAAA,YACA;AAAA,cACC,aACC,YAAY,SAAS,MAAM;AAAA,YAC7B;AAAA,UACD;AAAA,UAEA,SAAQ;AAAA,UACR,OAAQ;AAAA,UACR,cAAe,MAAM,iBAAkB,KAAM;AAAA,UAC7C,SAAU,MAAM,iBAAkB,KAAM;AAAA,UACxC,cAAe,MAAM,iBAAkB,IAAK;AAAA,UAC5C,QAAS,MAAM,iBAAkB,IAAK;AAAA,UACtC,SAAU,MAAM,qBAAsB,KAAM;AAAA,UAC5C,gBAAe,YAAY,SAAS,MAAM;AAAA,UAE1C;AAAA,YAAC;AAAA;AAAA,cACA,eAAgB;AAAA,cAChB,WAAU;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA,QAfM,MAAM;AAAA,MAgBb;AAAA,IAEF,CAAE,GACH;AAAA,IACE,gBAAgB,CAAE,oBACnB;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,QAAS;AAAA,QACT,cAAe;AAAA,QAEf;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,cAAe,MAAM,iBAAkB,IAAK;AAAA,YAE5C;AAAA,cAAC;AAAA;AAAA,gBACA;AAAA,gBACA,WAAY;AAAA,gBACZ;AAAA,gBACA,OAAQ;AAAA;AAAA,YACT;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -1,45 +1,40 @@
-/**
- * WordPress dependencies
- */
-import { MenuItem, __experimentalText as Text } from '@wordpress/components';
-import { check } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import useStylesForBlocks from './use-styles-for-block';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const noop = () => {};
-export default function BlockStylesMenuItems({
-  clientId,
-  onSwitch = noop
-}) {
-  const {
-    onSelect,
-    stylesToRender,
-    activeStyle
-  } = useStylesForBlocks({
+import { Fragment, jsx } from "react/jsx-runtime";
+import { MenuItem, __experimentalText as Text } from "@wordpress/components";
+import { check } from "@wordpress/icons";
+import useStylesForBlocks from "./use-styles-for-block";
+const noop = () => {
+};
+function BlockStylesMenuItems({ clientId, onSwitch = noop }) {
+  const { onSelect, stylesToRender, activeStyle } = useStylesForBlocks({
     clientId,
     onSwitch
   });
   if (!stylesToRender || stylesToRender.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: stylesToRender.map(style => {
-      const menuItemText = style.label || style.name;
-      return /*#__PURE__*/_jsx(MenuItem, {
+  return /* @__PURE__ */ jsx(Fragment, { children: stylesToRender.map((style) => {
+    const menuItemText = style.label || style.name;
+    return /* @__PURE__ */ jsx(
+      MenuItem,
+      {
         icon: activeStyle.name === style.name ? check : null,
         onClick: () => onSelect(style),
-        children: /*#__PURE__*/_jsx(Text, {
-          as: "span",
-          limit: 18,
-          ellipsizeMode: "tail",
-          truncate: true,
-          children: menuItemText
-        })
-      }, style.name);
-    })
-  });
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            as: "span",
+            limit: 18,
+            ellipsizeMode: "tail",
+            truncate: true,
+            children: menuItemText
+          }
+        )
+      },
+      style.name
+    );
+  }) });
 }
-//# sourceMappingURL=menu-items.js.map
+export {
+  BlockStylesMenuItems as default
+};
+//# sourceMappingURL=menu-items.js.map