@wordpress/patterns 2.34.0 → 2.35.0

package/build-style/style.css

@@ -142,17 +142,4 @@
 .pattern-overrides-control__allow-overrides-button {
   width: 100%;
   justify-content: center;
-}
-
-.patterns-pattern-overrides-toolbar-indicator__popover .components-popover__content {
-  min-width: 260px;
-  padding: 16px;
-}
-
-.patterns-pattern-overrides-toolbar-indicator .patterns-pattern-overrides-toolbar-indicator-icon.has-colors svg {
-  fill: var(--wp-block-synced-color);
-}
-
-.editor-collapsible-block-toolbar .patterns-pattern-overrides-toolbar-indicator {
-  height: 32px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/patterns",
-	"version": "2.34.0",
+	"version": "2.35.0",
 	"description": "Management of user pattern editing.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -39,21 +39,21 @@
 		"{src,build,build-module}/{index.js,store/index.js,hooks/**}"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.34.0",
-		"@wordpress/base-styles": "^6.10.0",
-		"@wordpress/block-editor": "^15.7.0",
-		"@wordpress/blocks": "^15.7.0",
-		"@wordpress/components": "^30.7.0",
-		"@wordpress/compose": "^7.34.0",
-		"@wordpress/core-data": "^7.34.0",
-		"@wordpress/data": "^10.34.0",
-		"@wordpress/element": "^6.34.0",
-		"@wordpress/html-entities": "^4.34.0",
-		"@wordpress/i18n": "^6.7.0",
-		"@wordpress/icons": "^11.1.0",
-		"@wordpress/notices": "^5.34.0",
-		"@wordpress/private-apis": "^1.34.0",
-		"@wordpress/url": "^4.34.0"
+		"@wordpress/a11y": "^4.35.0",
+		"@wordpress/base-styles": "^6.11.0",
+		"@wordpress/block-editor": "^15.8.0",
+		"@wordpress/blocks": "^15.8.0",
+		"@wordpress/components": "^30.8.0",
+		"@wordpress/compose": "^7.35.0",
+		"@wordpress/core-data": "^7.35.0",
+		"@wordpress/data": "^10.35.0",
+		"@wordpress/element": "^6.35.0",
+		"@wordpress/html-entities": "^4.35.0",
+		"@wordpress/i18n": "^6.8.0",
+		"@wordpress/icons": "^11.2.0",
+		"@wordpress/notices": "^5.35.0",
+		"@wordpress/private-apis": "^1.35.0",
+		"@wordpress/url": "^4.35.0"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
@@ -62,5 +62,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ceebff807958d2e8fc755b5a20473939c78b4d1d"
+	"gitHead": "77aa1f194edceafe8ac2a1b9438bf84b557e76e3"
 }

package/src/components/patterns-manage-button.js

@@ -103,7 +103,7 @@ function PatternsManageButton( { clientId } ) {
 						}
 					} }
 				>
-					{ __( 'Detach' ) }
+					{ __( 'Disconnect pattern' ) }
 				</MenuItem>
 			) }
 			<MenuItem href={ managePatternsUrl }>

package/src/components/style.scss

@@ -48,17 +48,3 @@
 	width: 100%;
 	justify-content: center;
 }
-
-
-.patterns-pattern-overrides-toolbar-indicator__popover .components-popover__content {
-	min-width: 260px;
-	padding: $grid-unit-20;
-}
-
-.patterns-pattern-overrides-toolbar-indicator .patterns-pattern-overrides-toolbar-indicator-icon.has-colors svg {
-	fill: var(--wp-block-synced-color);
-}
-
-.editor-collapsible-block-toolbar .patterns-pattern-overrides-toolbar-indicator {
-	height: 32px;
-}

package/src/private-apis.js

@@ -17,7 +17,6 @@ import PatternsMenuItems from './components';
 import RenamePatternCategoryModal from './components/rename-pattern-category-modal';
 import PatternOverridesControls from './components/pattern-overrides-controls';
 import ResetOverridesControl from './components/reset-overrides-control';
-import PatternOverridesBlockControls from './components/pattern-overrides-block-controls';
 import { useAddPatternCategory } from './private-hooks';
 import {
 	PATTERN_TYPES,
@@ -42,7 +41,6 @@ lock( privateApis, {
 	RenamePatternCategoryModal,
 	PatternOverridesControls,
 	ResetOverridesControl,
-	PatternOverridesBlockControls,
 	useAddPatternCategory,
 	PATTERN_TYPES,
 	PATTERN_DEFAULT_CATEGORY,

package/build/components/pattern-overrides-block-controls.js

@@ -1,130 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var pattern_overrides_block_controls_exports = {};
-__export(pattern_overrides_block_controls_exports, {
-  default: () => PatternOverridesBlockControls
-});
-module.exports = __toCommonJS(pattern_overrides_block_controls_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_element = require("@wordpress/element");
-var import_i18n = require("@wordpress/i18n");
-var import_components = require("@wordpress/components");
-var import_blocks = require("@wordpress/blocks");
-var import_data = require("@wordpress/data");
-var import_icons = require("@wordpress/icons");
-var import_block_editor = require("@wordpress/block-editor");
-var import_lock_unlock = require("../lock-unlock");
-var import_constants = require("../constants");
-const { useBlockDisplayTitle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function PatternOverridesToolbarIndicator({ clientIds }) {
-  const isSingleBlockSelected = clientIds.length === 1;
-  const { icon, firstBlockName } = (0, import_data.useSelect)(
-    (select) => {
-      const { getBlockAttributes, getBlockNamesByClientId } = select(import_block_editor.store);
-      const { getBlockType, getActiveBlockVariation } = select(import_blocks.store);
-      const blockTypeNames = getBlockNamesByClientId(clientIds);
-      const _firstBlockTypeName = blockTypeNames[0];
-      const firstBlockType = getBlockType(_firstBlockTypeName);
-      let _icon;
-      if (isSingleBlockSelected) {
-        const match = getActiveBlockVariation(
-          _firstBlockTypeName,
-          getBlockAttributes(clientIds[0])
-        );
-        _icon = match?.icon || firstBlockType.icon;
-      } else {
-        const isSelectionOfSameType = new Set(blockTypeNames).size === 1;
-        _icon = isSelectionOfSameType ? firstBlockType.icon : import_icons.copy;
-      }
-      return {
-        icon: _icon,
-        firstBlockName: getBlockAttributes(clientIds[0]).metadata.name
-      };
-    },
-    [clientIds, isSingleBlockSelected]
-  );
-  const firstBlockTitle = useBlockDisplayTitle({
-    clientId: clientIds[0],
-    maximumLength: 35
-  });
-  const blockDescription = isSingleBlockSelected ? (0, import_i18n.sprintf)(
-    /* translators: 1: The block type's name. 2: The block's user-provided name (the same as the override name). */
-    (0, import_i18n.__)('This %1$s is editable using the "%2$s" override.'),
-    firstBlockTitle.toLowerCase(),
-    firstBlockName
-  ) : (0, import_i18n.__)("These blocks are editable using overrides.");
-  const descriptionId = (0, import_element.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarItem, { children: (toggleProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.DropdownMenu,
-    {
-      className: "patterns-pattern-overrides-toolbar-indicator",
-      label: firstBlockTitle,
-      popoverProps: {
-        placement: "bottom-start",
-        className: "patterns-pattern-overrides-toolbar-indicator__popover"
-      },
-      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_block_editor.BlockIcon,
-        {
-          icon,
-          className: "patterns-pattern-overrides-toolbar-indicator-icon",
-          showColors: true
-        }
-      ) }),
-      toggleProps: {
-        description: blockDescription,
-        ...toggleProps
-      },
-      menuProps: {
-        orientation: "both",
-        "aria-describedby": descriptionId
-      },
-      children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { id: descriptionId, children: blockDescription })
-    }
-  ) });
-}
-function PatternOverridesBlockControls() {
-  const { clientIds, hasPatternOverrides, hasParentPattern } = (0, import_data.useSelect)(
-    (select) => {
-      const {
-        getBlockAttributes,
-        getSelectedBlockClientIds,
-        getBlockParentsByBlockName
-      } = select(import_block_editor.store);
-      const selectedClientIds = getSelectedBlockClientIds();
-      const _hasPatternOverrides = selectedClientIds.every(
-        (clientId) => Object.values(
-          getBlockAttributes(clientId)?.metadata?.bindings ?? {}
-        ).some(
-          (binding) => binding?.source === import_constants.PATTERN_OVERRIDES_BINDING_SOURCE
-        )
-      );
-      const _hasParentPattern = selectedClientIds.every(
-        (clientId) => getBlockParentsByBlockName(clientId, "core/block", true).length > 0
-      );
-      return {
-        clientIds: selectedClientIds,
-        hasPatternOverrides: _hasPatternOverrides,
-        hasParentPattern: _hasParentPattern
-      };
-    },
-    []
-  );
-  return hasPatternOverrides && hasParentPattern ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "parent", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PatternOverridesToolbarIndicator, { clientIds }) }) : null;
-}
-//# sourceMappingURL=pattern-overrides-block-controls.js.map

package/build/components/pattern-overrides-block-controls.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/pattern-overrides-block-controls.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tToolbarItem,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { copy } from '@wordpress/icons';\nimport {\n\tstore as blockEditorStore,\n\tBlockIcon,\n\tprivateApis as blockEditorPrivateApis,\n\tBlockControls,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_OVERRIDES_BINDING_SOURCE } from '../constants';\n\nconst { useBlockDisplayTitle } = unlock( blockEditorPrivateApis );\n\nfunction PatternOverridesToolbarIndicator( { clientIds } ) {\n\tconst isSingleBlockSelected = clientIds.length === 1;\n\tconst { icon, firstBlockName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes, getBlockNamesByClientId } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst blockTypeNames = getBlockNamesByClientId( clientIds );\n\t\t\tconst _firstBlockTypeName = blockTypeNames[ 0 ];\n\t\t\tconst firstBlockType = getBlockType( _firstBlockTypeName );\n\t\t\tlet _icon;\n\t\t\tif ( isSingleBlockSelected ) {\n\t\t\t\tconst match = getActiveBlockVariation(\n\t\t\t\t\t_firstBlockTypeName,\n\t\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t\t);\n\t\t\t\t// Take into account active block variations.\n\t\t\t\t_icon = match?.icon || firstBlockType.icon;\n\t\t\t} else {\n\t\t\t\tconst isSelectionOfSameType =\n\t\t\t\t\tnew Set( blockTypeNames ).size === 1;\n\t\t\t\t// When selection consists of blocks of multiple types, display an\n\t\t\t\t// appropriate icon to communicate the non-uniformity.\n\t\t\t\t_icon = isSelectionOfSameType ? firstBlockType.icon : copy;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ticon: _icon,\n\t\t\t\tfirstBlockName: getBlockAttributes( clientIds[ 0 ] ).metadata\n\t\t\t\t\t.name,\n\t\t\t};\n\t\t},\n\t\t[ clientIds, isSingleBlockSelected ]\n\t);\n\tconst firstBlockTitle = useBlockDisplayTitle( {\n\t\tclientId: clientIds[ 0 ],\n\t\tmaximumLength: 35,\n\t} );\n\n\tconst blockDescription = isSingleBlockSelected\n\t\t? sprintf(\n\t\t\t\t/* translators: 1: The block type's name. 2: The block's user-provided name (the same as the override name). */\n\t\t\t\t__( 'This %1$s is editable using the \"%2$s\" override.' ),\n\t\t\t\tfirstBlockTitle.toLowerCase(),\n\t\t\t\tfirstBlockName\n\t\t  )\n\t\t: __( 'These blocks are editable using overrides.' );\n\n\tconst descriptionId = useId();\n\n\treturn (\n\t\t<ToolbarItem>\n\t\t\t{ ( toggleProps ) => (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\tclassName=\"patterns-pattern-overrides-toolbar-indicator\"\n\t\t\t\t\tlabel={ firstBlockTitle }\n\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\tclassName:\n\t\t\t\t\t\t\t'patterns-pattern-overrides-toolbar-indicator__popover',\n\t\t\t\t\t} }\n\t\t\t\t\ticon={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\tclassName=\"patterns-pattern-overrides-toolbar-indicator-icon\"\n\t\t\t\t\t\t\t\tshowColors\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tdescription: blockDescription,\n\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t} }\n\t\t\t\t\tmenuProps={ {\n\t\t\t\t\t\torientation: 'both',\n\t\t\t\t\t\t'aria-describedby': descriptionId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ () => (\n\t\t\t\t\t\t<Text id={ descriptionId }>{ blockDescription }</Text>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\nexport default function PatternOverridesBlockControls() {\n\tconst { clientIds, hasPatternOverrides, hasParentPattern } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockParentsByBlockName,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst selectedClientIds = getSelectedBlockClientIds();\n\t\t\tconst _hasPatternOverrides = selectedClientIds.every(\n\t\t\t\t( clientId ) =>\n\t\t\t\t\tObject.values(\n\t\t\t\t\t\tgetBlockAttributes( clientId )?.metadata?.bindings ?? {}\n\t\t\t\t\t).some(\n\t\t\t\t\t\t( binding ) =>\n\t\t\t\t\t\t\tbinding?.source === PATTERN_OVERRIDES_BINDING_SOURCE\n\t\t\t\t\t)\n\t\t\t);\n\t\t\tconst _hasParentPattern = selectedClientIds.every(\n\t\t\t\t( clientId ) =>\n\t\t\t\t\tgetBlockParentsByBlockName( clientId, 'core/block', true )\n\t\t\t\t\t\t.length > 0\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tclientIds: selectedClientIds,\n\t\t\t\thasPatternOverrides: _hasPatternOverrides,\n\t\t\t\thasParentPattern: _hasParentPattern,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\treturn hasPatternOverrides && hasParentPattern ? (\n\t\t<BlockControls group=\"parent\">\n\t\t\t<PatternOverridesToolbarIndicator clientIds={ clientIds } />\n\t\t</BlockControls>\n\t) : null;\n}\n"],
-  "mappings": "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",
-  "names": ["blockEditorPrivateApis", "blockEditorStore", "blocksStore", "Text"]
-}

package/build-module/components/pattern-overrides-block-controls.js

@@ -1,120 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { useId } from "@wordpress/element";
-import { __, sprintf } from "@wordpress/i18n";
-import {
-  DropdownMenu,
-  ToolbarItem,
-  __experimentalText as Text
-} from "@wordpress/components";
-import { store as blocksStore } from "@wordpress/blocks";
-import { useSelect } from "@wordpress/data";
-import { copy } from "@wordpress/icons";
-import {
-  store as blockEditorStore,
-  BlockIcon,
-  privateApis as blockEditorPrivateApis,
-  BlockControls
-} from "@wordpress/block-editor";
-import { unlock } from "../lock-unlock";
-import { PATTERN_OVERRIDES_BINDING_SOURCE } from "../constants";
-const { useBlockDisplayTitle } = unlock(blockEditorPrivateApis);
-function PatternOverridesToolbarIndicator({ clientIds }) {
-  const isSingleBlockSelected = clientIds.length === 1;
-  const { icon, firstBlockName } = useSelect(
-    (select) => {
-      const { getBlockAttributes, getBlockNamesByClientId } = select(blockEditorStore);
-      const { getBlockType, getActiveBlockVariation } = select(blocksStore);
-      const blockTypeNames = getBlockNamesByClientId(clientIds);
-      const _firstBlockTypeName = blockTypeNames[0];
-      const firstBlockType = getBlockType(_firstBlockTypeName);
-      let _icon;
-      if (isSingleBlockSelected) {
-        const match = getActiveBlockVariation(
-          _firstBlockTypeName,
-          getBlockAttributes(clientIds[0])
-        );
-        _icon = match?.icon || firstBlockType.icon;
-      } else {
-        const isSelectionOfSameType = new Set(blockTypeNames).size === 1;
-        _icon = isSelectionOfSameType ? firstBlockType.icon : copy;
-      }
-      return {
-        icon: _icon,
-        firstBlockName: getBlockAttributes(clientIds[0]).metadata.name
-      };
-    },
-    [clientIds, isSingleBlockSelected]
-  );
-  const firstBlockTitle = useBlockDisplayTitle({
-    clientId: clientIds[0],
-    maximumLength: 35
-  });
-  const blockDescription = isSingleBlockSelected ? sprintf(
-    /* translators: 1: The block type's name. 2: The block's user-provided name (the same as the override name). */
-    __('This %1$s is editable using the "%2$s" override.'),
-    firstBlockTitle.toLowerCase(),
-    firstBlockName
-  ) : __("These blocks are editable using overrides.");
-  const descriptionId = useId();
-  return /* @__PURE__ */ jsx(ToolbarItem, { children: (toggleProps) => /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      className: "patterns-pattern-overrides-toolbar-indicator",
-      label: firstBlockTitle,
-      popoverProps: {
-        placement: "bottom-start",
-        className: "patterns-pattern-overrides-toolbar-indicator__popover"
-      },
-      icon: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-        BlockIcon,
-        {
-          icon,
-          className: "patterns-pattern-overrides-toolbar-indicator-icon",
-          showColors: true
-        }
-      ) }),
-      toggleProps: {
-        description: blockDescription,
-        ...toggleProps
-      },
-      menuProps: {
-        orientation: "both",
-        "aria-describedby": descriptionId
-      },
-      children: () => /* @__PURE__ */ jsx(Text, { id: descriptionId, children: blockDescription })
-    }
-  ) });
-}
-function PatternOverridesBlockControls() {
-  const { clientIds, hasPatternOverrides, hasParentPattern } = useSelect(
-    (select) => {
-      const {
-        getBlockAttributes,
-        getSelectedBlockClientIds,
-        getBlockParentsByBlockName
-      } = select(blockEditorStore);
-      const selectedClientIds = getSelectedBlockClientIds();
-      const _hasPatternOverrides = selectedClientIds.every(
-        (clientId) => Object.values(
-          getBlockAttributes(clientId)?.metadata?.bindings ?? {}
-        ).some(
-          (binding) => binding?.source === PATTERN_OVERRIDES_BINDING_SOURCE
-        )
-      );
-      const _hasParentPattern = selectedClientIds.every(
-        (clientId) => getBlockParentsByBlockName(clientId, "core/block", true).length > 0
-      );
-      return {
-        clientIds: selectedClientIds,
-        hasPatternOverrides: _hasPatternOverrides,
-        hasParentPattern: _hasParentPattern
-      };
-    },
-    []
-  );
-  return hasPatternOverrides && hasParentPattern ? /* @__PURE__ */ jsx(BlockControls, { group: "parent", children: /* @__PURE__ */ jsx(PatternOverridesToolbarIndicator, { clientIds }) }) : null;
-}
-export {
-  PatternOverridesBlockControls as default
-};
-//# sourceMappingURL=pattern-overrides-block-controls.js.map

package/build-module/components/pattern-overrides-block-controls.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/pattern-overrides-block-controls.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tToolbarItem,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { copy } from '@wordpress/icons';\nimport {\n\tstore as blockEditorStore,\n\tBlockIcon,\n\tprivateApis as blockEditorPrivateApis,\n\tBlockControls,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_OVERRIDES_BINDING_SOURCE } from '../constants';\n\nconst { useBlockDisplayTitle } = unlock( blockEditorPrivateApis );\n\nfunction PatternOverridesToolbarIndicator( { clientIds } ) {\n\tconst isSingleBlockSelected = clientIds.length === 1;\n\tconst { icon, firstBlockName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes, getBlockNamesByClientId } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst blockTypeNames = getBlockNamesByClientId( clientIds );\n\t\t\tconst _firstBlockTypeName = blockTypeNames[ 0 ];\n\t\t\tconst firstBlockType = getBlockType( _firstBlockTypeName );\n\t\t\tlet _icon;\n\t\t\tif ( isSingleBlockSelected ) {\n\t\t\t\tconst match = getActiveBlockVariation(\n\t\t\t\t\t_firstBlockTypeName,\n\t\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t\t);\n\t\t\t\t// Take into account active block variations.\n\t\t\t\t_icon = match?.icon || firstBlockType.icon;\n\t\t\t} else {\n\t\t\t\tconst isSelectionOfSameType =\n\t\t\t\t\tnew Set( blockTypeNames ).size === 1;\n\t\t\t\t// When selection consists of blocks of multiple types, display an\n\t\t\t\t// appropriate icon to communicate the non-uniformity.\n\t\t\t\t_icon = isSelectionOfSameType ? firstBlockType.icon : copy;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ticon: _icon,\n\t\t\t\tfirstBlockName: getBlockAttributes( clientIds[ 0 ] ).metadata\n\t\t\t\t\t.name,\n\t\t\t};\n\t\t},\n\t\t[ clientIds, isSingleBlockSelected ]\n\t);\n\tconst firstBlockTitle = useBlockDisplayTitle( {\n\t\tclientId: clientIds[ 0 ],\n\t\tmaximumLength: 35,\n\t} );\n\n\tconst blockDescription = isSingleBlockSelected\n\t\t? sprintf(\n\t\t\t\t/* translators: 1: The block type's name. 2: The block's user-provided name (the same as the override name). */\n\t\t\t\t__( 'This %1$s is editable using the \"%2$s\" override.' ),\n\t\t\t\tfirstBlockTitle.toLowerCase(),\n\t\t\t\tfirstBlockName\n\t\t  )\n\t\t: __( 'These blocks are editable using overrides.' );\n\n\tconst descriptionId = useId();\n\n\treturn (\n\t\t<ToolbarItem>\n\t\t\t{ ( toggleProps ) => (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\tclassName=\"patterns-pattern-overrides-toolbar-indicator\"\n\t\t\t\t\tlabel={ firstBlockTitle }\n\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\tclassName:\n\t\t\t\t\t\t\t'patterns-pattern-overrides-toolbar-indicator__popover',\n\t\t\t\t\t} }\n\t\t\t\t\ticon={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\tclassName=\"patterns-pattern-overrides-toolbar-indicator-icon\"\n\t\t\t\t\t\t\t\tshowColors\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tdescription: blockDescription,\n\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t} }\n\t\t\t\t\tmenuProps={ {\n\t\t\t\t\t\torientation: 'both',\n\t\t\t\t\t\t'aria-describedby': descriptionId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ () => (\n\t\t\t\t\t\t<Text id={ descriptionId }>{ blockDescription }</Text>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\nexport default function PatternOverridesBlockControls() {\n\tconst { clientIds, hasPatternOverrides, hasParentPattern } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockParentsByBlockName,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst selectedClientIds = getSelectedBlockClientIds();\n\t\t\tconst _hasPatternOverrides = selectedClientIds.every(\n\t\t\t\t( clientId ) =>\n\t\t\t\t\tObject.values(\n\t\t\t\t\t\tgetBlockAttributes( clientId )?.metadata?.bindings ?? {}\n\t\t\t\t\t).some(\n\t\t\t\t\t\t( binding ) =>\n\t\t\t\t\t\t\tbinding?.source === PATTERN_OVERRIDES_BINDING_SOURCE\n\t\t\t\t\t)\n\t\t\t);\n\t\t\tconst _hasParentPattern = selectedClientIds.every(\n\t\t\t\t( clientId ) =>\n\t\t\t\t\tgetBlockParentsByBlockName( clientId, 'core/block', true )\n\t\t\t\t\t\t.length > 0\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tclientIds: selectedClientIds,\n\t\t\t\thasPatternOverrides: _hasPatternOverrides,\n\t\t\t\thasParentPattern: _hasParentPattern,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\treturn hasPatternOverrides && hasParentPattern ? (\n\t\t<BlockControls group=\"parent\">\n\t\t\t<PatternOverridesToolbarIndicator clientIds={ clientIds } />\n\t\t</BlockControls>\n\t) : null;\n}\n"],
-  "mappings": "AA2FM,mBACC,WADD;AAxFN,SAAS,aAAa;AACtB,SAAS,IAAI,eAAe;AAC5B;AAAA,EACC;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,OAChB;AACP,SAAS,SAAS,mBAAmB;AACrC,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB;AAAA,EACC,SAAS;AAAA,EACT;AAAA,EACA,eAAe;AAAA,EACf;AAAA,OACM;AAKP,SAAS,cAAc;AACvB,SAAS,wCAAwC;AAEjD,MAAM,EAAE,qBAAqB,IAAI,OAAQ,sBAAuB;AAEhE,SAAS,iCAAkC,EAAE,UAAU,GAAI;AAC1D,QAAM,wBAAwB,UAAU,WAAW;AACnD,QAAM,EAAE,MAAM,eAAe,IAAI;AAAA,IAChC,CAAE,WAAY;AACb,YAAM,EAAE,oBAAoB,wBAAwB,IACnD,OAAQ,gBAAiB;AAC1B,YAAM,EAAE,cAAc,wBAAwB,IAC7C,OAAQ,WAAY;AACrB,YAAM,iBAAiB,wBAAyB,SAAU;AAC1D,YAAM,sBAAsB,eAAgB,CAAE;AAC9C,YAAM,iBAAiB,aAAc,mBAAoB;AACzD,UAAI;AACJ,UAAK,uBAAwB;AAC5B,cAAM,QAAQ;AAAA,UACb;AAAA,UACA,mBAAoB,UAAW,CAAE,CAAE;AAAA,QACpC;AAEA,gBAAQ,OAAO,QAAQ,eAAe;AAAA,MACvC,OAAO;AACN,cAAM,wBACL,IAAI,IAAK,cAAe,EAAE,SAAS;AAGpC,gBAAQ,wBAAwB,eAAe,OAAO;AAAA,MACvD;AAEA,aAAO;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB,mBAAoB,UAAW,CAAE,CAAE,EAAE,SACnD;AAAA,MACH;AAAA,IACD;AAAA,IACA,CAAE,WAAW,qBAAsB;AAAA,EACpC;AACA,QAAM,kBAAkB,qBAAsB;AAAA,IAC7C,UAAU,UAAW,CAAE;AAAA,IACvB,eAAe;AAAA,EAChB,CAAE;AAEF,QAAM,mBAAmB,wBACtB;AAAA;AAAA,IAEA,GAAI,kDAAmD;AAAA,IACvD,gBAAgB,YAAY;AAAA,IAC5B;AAAA,EACA,IACA,GAAI,4CAA6C;AAEpD,QAAM,gBAAgB,MAAM;AAE5B,SACC,oBAAC,eACE,WAAE,gBACH;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ;AAAA,MACR,cAAe;AAAA,QACd,WAAW;AAAA,QACX,WACC;AAAA,MACF;AAAA,MACA,MACC,gCACC;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,WAAU;AAAA,UACV,YAAU;AAAA;AAAA,MACX,GACD;AAAA,MAED,aAAc;AAAA,QACb,aAAa;AAAA,QACb,GAAG;AAAA,MACJ;AAAA,MACA,WAAY;AAAA,QACX,aAAa;AAAA,QACb,oBAAoB;AAAA,MACrB;AAAA,MAEE,gBACD,oBAAC,QAAK,IAAK,eAAkB,4BAAkB;AAAA;AAAA,EAEjD,GAEF;AAEF;AAEe,SAAR,gCAAiD;AACvD,QAAM,EAAE,WAAW,qBAAqB,iBAAiB,IAAI;AAAA,IAC5D,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,gBAAiB;AAC7B,YAAM,oBAAoB,0BAA0B;AACpD,YAAM,uBAAuB,kBAAkB;AAAA,QAC9C,CAAE,aACD,OAAO;AAAA,UACN,mBAAoB,QAAS,GAAG,UAAU,YAAY,CAAC;AAAA,QACxD,EAAE;AAAA,UACD,CAAE,YACD,SAAS,WAAW;AAAA,QACtB;AAAA,MACF;AACA,YAAM,oBAAoB,kBAAkB;AAAA,QAC3C,CAAE,aACD,2BAA4B,UAAU,cAAc,IAAK,EACvD,SAAS;AAAA,MACb;AACA,aAAO;AAAA,QACN,WAAW;AAAA,QACX,qBAAqB;AAAA,QACrB,kBAAkB;AAAA,MACnB;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAEA,SAAO,uBAAuB,mBAC7B,oBAAC,iBAAc,OAAM,UACpB,8BAAC,oCAAiC,WAAwB,GAC3D,IACG;AACL;",
-  "names": []
-}

package/src/components/pattern-overrides-block-controls.js

@@ -1,155 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useId } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import {
-	DropdownMenu,
-	ToolbarItem,
-	__experimentalText as Text,
-} from '@wordpress/components';
-import { store as blocksStore } from '@wordpress/blocks';
-import { useSelect } from '@wordpress/data';
-import { copy } from '@wordpress/icons';
-import {
-	store as blockEditorStore,
-	BlockIcon,
-	privateApis as blockEditorPrivateApis,
-	BlockControls,
-} from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../lock-unlock';
-import { PATTERN_OVERRIDES_BINDING_SOURCE } from '../constants';
-
-const { useBlockDisplayTitle } = unlock( blockEditorPrivateApis );
-
-function PatternOverridesToolbarIndicator( { clientIds } ) {
-	const isSingleBlockSelected = clientIds.length === 1;
-	const { icon, firstBlockName } = useSelect(
-		( select ) => {
-			const { getBlockAttributes, getBlockNamesByClientId } =
-				select( blockEditorStore );
-			const { getBlockType, getActiveBlockVariation } =
-				select( blocksStore );
-			const blockTypeNames = getBlockNamesByClientId( clientIds );
-			const _firstBlockTypeName = blockTypeNames[ 0 ];
-			const firstBlockType = getBlockType( _firstBlockTypeName );
-			let _icon;
-			if ( isSingleBlockSelected ) {
-				const match = getActiveBlockVariation(
-					_firstBlockTypeName,
-					getBlockAttributes( clientIds[ 0 ] )
-				);
-				// Take into account active block variations.
-				_icon = match?.icon || firstBlockType.icon;
-			} else {
-				const isSelectionOfSameType =
-					new Set( blockTypeNames ).size === 1;
-				// When selection consists of blocks of multiple types, display an
-				// appropriate icon to communicate the non-uniformity.
-				_icon = isSelectionOfSameType ? firstBlockType.icon : copy;
-			}
-
-			return {
-				icon: _icon,
-				firstBlockName: getBlockAttributes( clientIds[ 0 ] ).metadata
-					.name,
-			};
-		},
-		[ clientIds, isSingleBlockSelected ]
-	);
-	const firstBlockTitle = useBlockDisplayTitle( {
-		clientId: clientIds[ 0 ],
-		maximumLength: 35,
-	} );
-
-	const blockDescription = isSingleBlockSelected
-		? sprintf(
-				/* translators: 1: The block type's name. 2: The block's user-provided name (the same as the override name). */
-				__( 'This %1$s is editable using the "%2$s" override.' ),
-				firstBlockTitle.toLowerCase(),
-				firstBlockName
-		  )
-		: __( 'These blocks are editable using overrides.' );
-
-	const descriptionId = useId();
-
-	return (
-		<ToolbarItem>
-			{ ( toggleProps ) => (
-				<DropdownMenu
-					className="patterns-pattern-overrides-toolbar-indicator"
-					label={ firstBlockTitle }
-					popoverProps={ {
-						placement: 'bottom-start',
-						className:
-							'patterns-pattern-overrides-toolbar-indicator__popover',
-					} }
-					icon={
-						<>
-							<BlockIcon
-								icon={ icon }
-								className="patterns-pattern-overrides-toolbar-indicator-icon"
-								showColors
-							/>
-						</>
-					}
-					toggleProps={ {
-						description: blockDescription,
-						...toggleProps,
-					} }
-					menuProps={ {
-						orientation: 'both',
-						'aria-describedby': descriptionId,
-					} }
-				>
-					{ () => (
-						<Text id={ descriptionId }>{ blockDescription }</Text>
-					) }
-				</DropdownMenu>
-			) }
-		</ToolbarItem>
-	);
-}
-
-export default function PatternOverridesBlockControls() {
-	const { clientIds, hasPatternOverrides, hasParentPattern } = useSelect(
-		( select ) => {
-			const {
-				getBlockAttributes,
-				getSelectedBlockClientIds,
-				getBlockParentsByBlockName,
-			} = select( blockEditorStore );
-			const selectedClientIds = getSelectedBlockClientIds();
-			const _hasPatternOverrides = selectedClientIds.every(
-				( clientId ) =>
-					Object.values(
-						getBlockAttributes( clientId )?.metadata?.bindings ?? {}
-					).some(
-						( binding ) =>
-							binding?.source === PATTERN_OVERRIDES_BINDING_SOURCE
-					)
-			);
-			const _hasParentPattern = selectedClientIds.every(
-				( clientId ) =>
-					getBlockParentsByBlockName( clientId, 'core/block', true )
-						.length > 0
-			);
-			return {
-				clientIds: selectedClientIds,
-				hasPatternOverrides: _hasPatternOverrides,
-				hasParentPattern: _hasParentPattern,
-			};
-		},
-		[]
-	);
-
-	return hasPatternOverrides && hasParentPattern ? (
-		<BlockControls group="parent">
-			<PatternOverridesToolbarIndicator clientIds={ clientIds } />
-		</BlockControls>
-	) : null;
-}