@wordpress/block-editor 15.10.1-next.ba3aee3a2.0 → 15.11.0

package/build/components/block-visibility/utils.cjs

@@ -0,0 +1,81 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/block-visibility/utils.js
+var utils_exports = {};
+__export(utils_exports, {
+  getHideEverywhereCheckboxState: () => getHideEverywhereCheckboxState,
+  getViewportCheckboxState: () => getViewportCheckboxState
+});
+module.exports = __toCommonJS(utils_exports);
+var import_constants = require("./constants.cjs");
+function isBlockHiddenForViewport(block, viewport) {
+  if (!block) {
+    return false;
+  }
+  const blockVisibility = block.attributes?.metadata?.blockVisibility;
+  if (blockVisibility === true) {
+    return false;
+  }
+  if ("object" !== typeof blockVisibility) {
+    return false;
+  }
+  if (!import_constants.BLOCK_VISIBILITY_VIEWPORT_ENTRIES.some(
+    ([, { key }]) => key === viewport
+  )) {
+    return false;
+  }
+  return blockVisibility[viewport] === false;
+}
+function getViewportCheckboxState(blocks, viewport) {
+  if (!blocks?.length) {
+    return false;
+  }
+  const hiddenCount = blocks.filter(
+    (block) => isBlockHiddenForViewport(block, viewport)
+  ).length;
+  if (hiddenCount === 0) {
+    return false;
+  }
+  if (hiddenCount === blocks.length) {
+    return true;
+  }
+  return null;
+}
+function getHideEverywhereCheckboxState(blocks) {
+  if (!blocks?.length) {
+    return false;
+  }
+  const hiddenEverywhereCount = blocks.filter(
+    (block) => block && block.attributes?.metadata?.blockVisibility === false
+  ).length;
+  if (hiddenEverywhereCount === 0) {
+    return false;
+  }
+  if (hiddenEverywhereCount === blocks.length) {
+    return true;
+  }
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getHideEverywhereCheckboxState,
+  getViewportCheckboxState
+});
+//# sourceMappingURL=utils.cjs.map

package/build/components/block-visibility/utils.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-visibility/utils.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { BLOCK_VISIBILITY_VIEWPORT_ENTRIES } from './constants';\n\n/**\n * Checks if a block is hidden for a specific viewport.\n *\n * @param {Object} block    The block to check.\n * @param {string} viewport The viewport to check (e.g., 'mobile', 'tablet', 'desktop').\n * @return {boolean} Whether the block is hidden for the viewport.\n */\nfunction isBlockHiddenForViewport( block, viewport ) {\n\tif ( ! block ) {\n\t\treturn false;\n\t}\n\n\tconst blockVisibility = block.attributes?.metadata?.blockVisibility;\n\n\t// If explicitly visible everywhere (true), return false for all viewports.\n\tif ( blockVisibility === true ) {\n\t\treturn false;\n\t}\n\n\t// If null or not an object, block is not hidden for any specific viewport.\n\tif ( 'object' !== typeof blockVisibility ) {\n\t\treturn false;\n\t}\n\n\t// Check if the viewport is valid.\n\tif (\n\t\t! BLOCK_VISIBILITY_VIEWPORT_ENTRIES.some(\n\t\t\t( [ , { key } ] ) => key === viewport\n\t\t)\n\t) {\n\t\treturn false;\n\t}\n\n\t// Check if the specific viewport is hidden.\n\treturn blockVisibility[ viewport ] === false;\n}\n\n/**\n * Gets the checkbox state for a viewport across multiple blocks.\n * Returns `true` if all blocks are hidden, `null` if some are hidden, `false` if none are hidden.\n *\n * @param {Array}  blocks   Array of blocks to check.\n * @param {string} viewport The viewport to check (e.g., 'mobile', 'tablet', 'desktop').\n * @return {boolean|null} `true` if all hidden, `null` if some hidden, `false` if none hidden.\n */\nexport function getViewportCheckboxState( blocks, viewport ) {\n\tif ( ! blocks?.length ) {\n\t\treturn false;\n\t}\n\n\tconst hiddenCount = blocks.filter( ( block ) =>\n\t\tisBlockHiddenForViewport( block, viewport )\n\t).length;\n\n\tif ( hiddenCount === 0 ) {\n\t\treturn false;\n\t}\n\tif ( hiddenCount === blocks.length ) {\n\t\treturn true;\n\t}\n\n\treturn null; // Indeterminate: some hidden, some visible (normal mixed state)\n}\n\n/**\n * Gets the checkbox state for \"hide everywhere\" across multiple blocks.\n * Returns `true` if all blocks are hidden everywhere, `null` if some are hidden everywhere, `false` if none are.\n *\n * @param {Array} blocks Array of blocks to check.\n * @return {boolean|null} `true` if all hidden everywhere, `null` if some hidden everywhere, `false` if none.\n */\nexport function getHideEverywhereCheckboxState( blocks ) {\n\tif ( ! blocks?.length ) {\n\t\treturn false;\n\t}\n\n\tconst hiddenEverywhereCount = blocks.filter(\n\t\t( block ) =>\n\t\t\tblock && block.attributes?.metadata?.blockVisibility === false\n\t).length;\n\n\tif ( hiddenEverywhereCount === 0 ) {\n\t\treturn false;\n\t}\n\tif ( hiddenEverywhereCount === blocks.length ) {\n\t\treturn true;\n\t}\n\n\treturn null; // Indeterminate: some but not all\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAkD;AASlD,SAAS,yBAA0B,OAAO,UAAW;AACpD,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,QAAM,kBAAkB,MAAM,YAAY,UAAU;AAGpD,MAAK,oBAAoB,MAAO;AAC/B,WAAO;AAAA,EACR;AAGA,MAAK,aAAa,OAAO,iBAAkB;AAC1C,WAAO;AAAA,EACR;AAGA,MACC,CAAE,mDAAkC;AAAA,IACnC,CAAE,CAAE,EAAE,EAAE,IAAI,CAAE,MAAO,QAAQ;AAAA,EAC9B,GACC;AACD,WAAO;AAAA,EACR;AAGA,SAAO,gBAAiB,QAAS,MAAM;AACxC;AAUO,SAAS,yBAA0B,QAAQ,UAAW;AAC5D,MAAK,CAAE,QAAQ,QAAS;AACvB,WAAO;AAAA,EACR;AAEA,QAAM,cAAc,OAAO;AAAA,IAAQ,CAAE,UACpC,yBAA0B,OAAO,QAAS;AAAA,EAC3C,EAAE;AAEF,MAAK,gBAAgB,GAAI;AACxB,WAAO;AAAA,EACR;AACA,MAAK,gBAAgB,OAAO,QAAS;AACpC,WAAO;AAAA,EACR;AAEA,SAAO;AACR;AASO,SAAS,+BAAgC,QAAS;AACxD,MAAK,CAAE,QAAQ,QAAS;AACvB,WAAO;AAAA,EACR;AAEA,QAAM,wBAAwB,OAAO;AAAA,IACpC,CAAE,UACD,SAAS,MAAM,YAAY,UAAU,oBAAoB;AAAA,EAC3D,EAAE;AAEF,MAAK,0BAA0B,GAAI;AAClC,WAAO;AAAA,EACR;AACA,MAAK,0BAA0B,OAAO,QAAS;AAC9C,WAAO;AAAA,EACR;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build/components/block-visibility/viewport-menu-item.cjs

@@ -0,0 +1,61 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/block-visibility/viewport-menu-item.js
+var viewport_menu_item_exports = {};
+__export(viewport_menu_item_exports, {
+  default: () => BlockVisibilityViewportMenuItem
+});
+module.exports = __toCommonJS(viewport_menu_item_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import__ = require("./index.cjs");
+var import_store = require("../../store/index.cjs");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function BlockVisibilityViewportMenuItem({ clientIds }) {
+  const [isModalOpen, setIsModalOpen] = (0, import_element.useState)(false);
+  const areBlocksHiddenAnywhere = (0, import_data.useSelect)(
+    (select) => (0, import_lock_unlock.unlock)(select(import_store.store)).areBlocksHiddenAnywhere(
+      clientIds
+    ),
+    [clientIds]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.MenuItem,
+      {
+        icon: areBlocksHiddenAnywhere ? import_icons.unseen : import_icons.seen,
+        onClick: () => setIsModalOpen(true),
+        children: areBlocksHiddenAnywhere ? (0, import_i18n.__)("Show") : (0, import_i18n.__)("Hide")
+      }
+    ),
+    isModalOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import__.BlockVisibilityModal,
+      {
+        clientIds,
+        onClose: () => setIsModalOpen(false)
+      }
+    )
+  ] });
+}
+//# sourceMappingURL=viewport-menu-item.cjs.map

package/build/components/block-visibility/viewport-menu-item.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-visibility/viewport-menu-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { seen, unseen } from '@wordpress/icons';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { BlockVisibilityModal } from './';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function BlockVisibilityViewportMenuItem( { clientIds } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst areBlocksHiddenAnywhere = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blockEditorStore ) ).areBlocksHiddenAnywhere(\n\t\t\t\tclientIds\n\t\t\t),\n\t\t[ clientIds ]\n\t);\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ areBlocksHiddenAnywhere ? unseen : seen }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t>\n\t\t\t\t{ areBlocksHiddenAnywhere ? __( 'Show' ) : __( 'Hide' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockVisibilityModal\n\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\tonClose={ () => setIsModalOpen( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,wBAAyB;AACzB,mBAA6B;AAC7B,qBAAyB;AACzB,kBAA0B;AAK1B,eAAqC;AACrC,mBAA0C;AAC1C,yBAAuB;AAYrB;AAVa,SAAR,gCAAkD,EAAE,UAAU,GAAI;AACxE,QAAM,CAAE,aAAa,cAAe,QAAI,yBAAU,KAAM;AACxD,QAAM,8BAA0B;AAAA,IAC/B,CAAE,eACD,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE,EAAE;AAAA,MACpC;AAAA,IACD;AAAA,IACD,CAAE,SAAU;AAAA,EACb;AACA,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAO,0BAA0B,sBAAS;AAAA,QAC1C,SAAU,MAAM,eAAgB,IAAK;AAAA,QAEnC,wCAA0B,gBAAI,MAAO,QAAI,gBAAI,MAAO;AAAA;AAAA,IACvD;AAAA,IACE,eACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,SAAU,MAAM,eAAgB,KAAM;AAAA;AAAA,IACvC;AAAA,KAEF;AAEF;",
+  "names": ["blockEditorStore"]
+}

package/build/components/block-visibility/viewport-toolbar.cjs

@@ -0,0 +1,89 @@
+"use strict";
+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);
+
+// packages/block-editor/src/components/block-visibility/viewport-toolbar.js
+var viewport_toolbar_exports = {};
+__export(viewport_toolbar_exports, {
+  default: () => BlockVisibilityViewportToolbar
+});
+module.exports = __toCommonJS(viewport_toolbar_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_blocks = require("@wordpress/blocks");
+var import_data = require("@wordpress/data");
+var import_store = require("../../store/index.cjs");
+var import__ = require("./index.cjs");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function BlockVisibilityViewportToolbar({ clientIds }) {
+  const hasBlockVisibilityButtonShownRef = (0, import_element.useRef)(false);
+  const [isModalOpen, setIsModalOpen] = (0, import_element.useState)(false);
+  const { canToggleBlockVisibility, areBlocksHiddenAnywhere } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getBlocksByClientId,
+        getBlockName,
+        areBlocksHiddenAnywhere: _areBlocksHiddenAnywhere
+      } = (0, import_lock_unlock.unlock)(select(import_store.store));
+      const _blocks = getBlocksByClientId(clientIds);
+      return {
+        canToggleBlockVisibility: _blocks.every(
+          ({ clientId }) => (0, import_blocks.hasBlockSupport)(
+            getBlockName(clientId),
+            "visibility",
+            true
+          )
+        ),
+        areBlocksHiddenAnywhere: _areBlocksHiddenAnywhere(clientIds)
+      };
+    },
+    [clientIds]
+  );
+  (0, import_element.useEffect)(() => {
+    if (areBlocksHiddenAnywhere) {
+      hasBlockVisibilityButtonShownRef.current = true;
+    }
+  }, [areBlocksHiddenAnywhere]);
+  if (!areBlocksHiddenAnywhere && !hasBlockVisibilityButtonShownRef.current) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { className: "block-editor-block-visibility-toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.ToolbarButton,
+      {
+        disabled: !canToggleBlockVisibility,
+        icon: areBlocksHiddenAnywhere ? import_icons.unseen : import_icons.seen,
+        label: areBlocksHiddenAnywhere ? (0, import_i18n.__)("Hidden") : (0, import_i18n.__)("Visible"),
+        onClick: () => setIsModalOpen(true),
+        "aria-expanded": isModalOpen,
+        "aria-haspopup": !isModalOpen ? "dialog" : void 0
+      }
+    ) }),
+    isModalOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import__.BlockVisibilityModal,
+      {
+        clientIds,
+        onClose: () => setIsModalOpen(false)
+      }
+    )
+  ] });
+}
+//# sourceMappingURL=viewport-toolbar.cjs.map

package/build/components/block-visibility/viewport-toolbar.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-visibility/viewport-toolbar.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { seen, unseen } from '@wordpress/icons';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { BlockVisibilityModal } from './';\nimport { unlock } from '../../lock-unlock';\n\nexport default function BlockVisibilityViewportToolbar( { clientIds } ) {\n\tconst hasBlockVisibilityButtonShownRef = useRef( false );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { canToggleBlockVisibility, areBlocksHiddenAnywhere } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tgetBlockName,\n\t\t\t\tareBlocksHiddenAnywhere: _areBlocksHiddenAnywhere,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\tconst _blocks = getBlocksByClientId( clientIds );\n\t\t\treturn {\n\t\t\t\tcanToggleBlockVisibility: _blocks.every( ( { clientId } ) =>\n\t\t\t\t\thasBlockSupport(\n\t\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t\t'visibility',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\tareBlocksHiddenAnywhere: _areBlocksHiddenAnywhere( clientIds ),\n\t\t\t};\n\t\t},\n\n\t\t[ clientIds ]\n\t);\n\n\t/*\n\t * If the block visibility button has been shown, we don't want to\n\t * remove it from the toolbar until the toolbar is rendered again\n\t * without it. Removing it beforehand can cause focus loss issues.\n\t * It needs to return focus from whence it came, and to do that,\n\t * we need to leave the button in the toolbar.\n\t */\n\tuseEffect( () => {\n\t\tif ( areBlocksHiddenAnywhere ) {\n\t\t\thasBlockVisibilityButtonShownRef.current = true;\n\t\t}\n\t}, [ areBlocksHiddenAnywhere ] );\n\n\tif (\n\t\t! areBlocksHiddenAnywhere &&\n\t\t! hasBlockVisibilityButtonShownRef.current\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-visibility-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled={ ! canToggleBlockVisibility }\n\t\t\t\t\ticon={ areBlocksHiddenAnywhere ? unseen : seen }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tareBlocksHiddenAnywhere\n\t\t\t\t\t\t\t? __( 'Hidden' )\n\t\t\t\t\t\t\t: __( 'Visible' )\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\t\taria-haspopup={ ! isModalOpen ? 'dialog' : undefined }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockVisibilityModal\n\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\tonClose={ () => setIsModalOpen( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,wBAA4C;AAC5C,qBAA4C;AAC5C,mBAA6B;AAC7B,oBAAgC;AAChC,kBAA0B;AAK1B,mBAA0C;AAC1C,eAAqC;AACrC,yBAAuB;AAiDrB;AA/Ca,SAAR,+BAAiD,EAAE,UAAU,GAAI;AACvE,QAAM,uCAAmC,uBAAQ,KAAM;AACvD,QAAM,CAAE,aAAa,cAAe,QAAI,yBAAU,KAAM;AACxD,QAAM,EAAE,0BAA0B,wBAAwB,QAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA,yBAAyB;AAAA,MAC1B,QAAI,2BAAQ,OAAQ,aAAAA,KAAiB,CAAE;AACvC,YAAM,UAAU,oBAAqB,SAAU;AAC/C,aAAO;AAAA,QACN,0BAA0B,QAAQ;AAAA,UAAO,CAAE,EAAE,SAAS,UACrD;AAAA,YACC,aAAc,QAAS;AAAA,YACvB;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,QACA,yBAAyB,yBAA0B,SAAU;AAAA,MAC9D;AAAA,IACD;AAAA,IAEA,CAAE,SAAU;AAAA,EACb;AASA,gCAAW,MAAM;AAChB,QAAK,yBAA0B;AAC9B,uCAAiC,UAAU;AAAA,IAC5C;AAAA,EACD,GAAG,CAAE,uBAAwB,CAAE;AAE/B,MACC,CAAE,2BACF,CAAE,iCAAiC,SAClC;AACD,WAAO;AAAA,EACR;AAEA,SACC,4EACC;AAAA,gDAAC,kCAAa,WAAU,yCACvB;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,CAAE;AAAA,QACb,MAAO,0BAA0B,sBAAS;AAAA,QAC1C,OACC,8BACG,gBAAI,QAAS,QACb,gBAAI,SAAU;AAAA,QAElB,SAAU,MAAM,eAAgB,IAAK;AAAA,QACrC,iBAAgB;AAAA,QAChB,iBAAgB,CAAE,cAAc,WAAW;AAAA;AAAA,IAC5C,GACD;AAAA,IACE,eACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,SAAU,MAAM,eAAgB,KAAM;AAAA;AAAA,IACvC;AAAA,KAEF;AAEF;",
+  "names": ["blockEditorStore"]
+}

package/build/components/button-block-appender/index.cjs

@@ -73,25 +73,29 @@ function ButtonBlockAppender({ rootClientId, className, onFocus, tabIndex, onSel
           "Add block",
           "Generic label for block inserter button"
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.Button,
-          {
-            __next40pxDefaultSize: true,
-            ref,
-            onFocus,
-            tabIndex,
-            className: (0, import_clsx.default)(
-              className,
-              "block-editor-button-block-appender"
-            ),
-            onClick: onToggle,
-            "aria-haspopup": isToggleButton ? "true" : void 0,
-            "aria-expanded": isToggleButton ? isOpen : void 0,
-            disabled,
-            label,
-            showTooltip: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: import_icons.plus })
-          }
+        return (
+          // Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.
+          // eslint-disable-next-line @wordpress/components-no-unsafe-button-disabled
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              __next40pxDefaultSize: true,
+              ref,
+              onFocus,
+              tabIndex,
+              className: (0, import_clsx.default)(
+                className,
+                "block-editor-button-block-appender"
+              ),
+              onClick: onToggle,
+              "aria-haspopup": isToggleButton ? "true" : void 0,
+              "aria-expanded": isToggleButton ? isOpen : void 0,
+              disabled,
+              label,
+              showTooltip: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: import_icons.plus })
+            }
+          )
         );
       },
       isAppender: true

package/build/components/button-block-appender/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button-block-appender/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex, onSelect },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\tonSelectOrClose={ ( ...args ) => {\n\t\t\t\tif ( onSelect && typeof onSelect === 'function' ) {\n\t\t\t\t\tonSelect( ...args );\n\t\t\t\t}\n\t\t\t} }\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\t\t\t\tconst label = hasSingleBlockType\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t'Add %s',\n\t\t\t\t\t\t\t\t'directly add the only allowed block'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockTitle\n\t\t\t\t\t  )\n\t\t\t\t\t: _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t  );\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\t// Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAAuB;AACvB,qBAA2B;AAC3B,kBAA4B;AAC5B,mBAA2B;AAC3B,wBAAuB;AAKvB,sBAAqB;AAyDf;AAvDN,SAAS,oBACR,EAAE,cAAc,WAAW,SAAS,UAAU,SAAS,GACvD,KACC;AACD,SACC;AAAA,IAAC,gBAAAA;AAAA,IAAA;AAAA,MACA,UAAS;AAAA,MACT;AAAA,MACA,uBAAqB;AAAA,MACrB,iBAAkB,IAAK,SAAU;AAChC,YAAK,YAAY,OAAO,aAAa,YAAa;AACjD,mBAAU,GAAG,IAAK;AAAA,QACnB;AAAA,MACD;AAAA,MACA,cAAe,CAAE;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,MAAO;AACN,cAAM,iBAAiB,CAAE;AACzB,cAAM,QAAQ,yBACX;AAAA;AAAA,cAEA;AAAA,YACC;AAAA,YACA;AAAA,UACD;AAAA,UACA;AAAA,QACA,QACA;AAAA,UACA;AAAA,UACA;AAAA,QACA;AAEH,eACC;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB;AAAA,YACA;AAAA,YACA;AAAA,YACA,eAAY,YAAAC;AAAA,cACX;AAAA,cACA;AAAA,YACD;AAAA,YACA,SAAU;AAAA,YACV,iBAAgB,iBAAiB,SAAS;AAAA,YAC1C,iBAAgB,iBAAiB,SAAS;AAAA,YAG1C;AAAA,YACA;AAAA,YACA,aAAW;AAAA,YAEX,sDAAC,qBAAK,MAAO,mBAAO;AAAA;AAAA,QACrB;AAAA,MAEF;AAAA,MACA,YAAU;AAAA;AAAA,EACX;AAEF;AAOO,IAAM,4BAAwB,2BAAY,CAAE,OAAO,QAAS;AAClE,wBAAAC,SAAY,wCAAwC;AAAA,IACnD,aAAa;AAAA,IACb,OAAO;AAAA,EACR,CAAE;AAEF,SAAO,oBAAqB,OAAO,GAAI;AACxC,CAAE;AAKF,IAAO,oCAAQ,2BAAY,mBAAoB;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex, onSelect },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\tonSelectOrClose={ ( ...args ) => {\n\t\t\t\tif ( onSelect && typeof onSelect === 'function' ) {\n\t\t\t\t\tonSelect( ...args );\n\t\t\t\t}\n\t\t\t} }\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\t\t\t\tconst label = hasSingleBlockType\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t'Add %s',\n\t\t\t\t\t\t\t\t'directly add the only allowed block'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockTitle\n\t\t\t\t\t  )\n\t\t\t\t\t: _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t  );\n\n\t\t\t\treturn (\n\t\t\t\t\t// Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.\n\t\t\t\t\t// eslint-disable-next-line @wordpress/components-no-unsafe-button-disabled\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t\tsince: '5.9',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAAuB;AACvB,qBAA2B;AAC3B,kBAA4B;AAC5B,mBAA2B;AAC3B,wBAAuB;AAKvB,sBAAqB;AAyDf;AAvDN,SAAS,oBACR,EAAE,cAAc,WAAW,SAAS,UAAU,SAAS,GACvD,KACC;AACD,SACC;AAAA,IAAC,gBAAAA;AAAA,IAAA;AAAA,MACA,UAAS;AAAA,MACT;AAAA,MACA,uBAAqB;AAAA,MACrB,iBAAkB,IAAK,SAAU;AAChC,YAAK,YAAY,OAAO,aAAa,YAAa;AACjD,mBAAU,GAAG,IAAK;AAAA,QACnB;AAAA,MACD;AAAA,MACA,cAAe,CAAE;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,MAAO;AACN,cAAM,iBAAiB,CAAE;AACzB,cAAM,QAAQ,yBACX;AAAA;AAAA,cAEA;AAAA,YACC;AAAA,YACA;AAAA,UACD;AAAA,UACA;AAAA,QACA,QACA;AAAA,UACA;AAAA,UACA;AAAA,QACA;AAEH;AAAA;AAAA;AAAA,UAGC;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB;AAAA,cACA;AAAA,cACA;AAAA,cACA,eAAY,YAAAC;AAAA,gBACX;AAAA,gBACA;AAAA,cACD;AAAA,cACA,SAAU;AAAA,cACV,iBAAgB,iBAAiB,SAAS;AAAA,cAC1C,iBAAgB,iBAAiB,SAAS;AAAA,cAC1C;AAAA,cACA;AAAA,cACA,aAAW;AAAA,cAEX,sDAAC,qBAAK,MAAO,mBAAO;AAAA;AAAA,UACrB;AAAA;AAAA,MAEF;AAAA,MACA,YAAU;AAAA;AAAA,EACX;AAEF;AAOO,IAAM,4BAAwB,2BAAY,CAAE,OAAO,QAAS;AAClE,wBAAAC,SAAY,wCAAwC;AAAA,IACnD,aAAa;AAAA,IACb,OAAO;AAAA,EACR,CAAE;AAEF,SAAO,oBAAqB,OAAO,GAAI;AACxC,CAAE;AAKF,IAAO,oCAAQ,2BAAY,mBAAoB;",
   "names": ["Inserter", "clsx", "deprecated"]
 }

package/build/components/font-sizes/font-size-picker.cjs

@@ -36,7 +36,8 @@ function FontSizePicker(props) {
     {
       ...props,
       fontSizes,
-      disableCustomFontSizes: !customFontSize
+      disableCustomFontSizes: !customFontSize,
+      __next40pxDefaultSize: true
     }
   );
 }

package/build/components/font-sizes/font-size-picker.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/font-sizes/font-size-picker.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { FontSizePicker as BaseFontSizePicker } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nfunction FontSizePicker( props ) {\n\tconst [ fontSizes, customFontSize ] = useSettings(\n\t\t'typography.fontSizes',\n\t\t'typography.customFontSize'\n\t);\n\n\treturn (\n\t\t<BaseFontSizePicker\n\t\t\t{ ...props }\n\t\t\tfontSizes={ fontSizes }\n\t\t\tdisableCustomFontSizes={ ! customFontSize }\n\t\t/>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/font-sizes/README.md\n */\nexport default FontSizePicker;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAqD;AAKrD,0BAA4B;AAS1B;AAPF,SAAS,eAAgB,OAAQ;AAChC,QAAM,CAAE,WAAW,cAAe,QAAI;AAAA,IACrC;AAAA,IACA;AAAA,EACD;AAEA,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACL;AAAA,MACA,wBAAyB,CAAE;AAAA;AAAA,EAC5B;AAEF;AAKA,IAAO,2BAAQ;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { FontSizePicker as BaseFontSizePicker } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nfunction FontSizePicker( props ) {\n\tconst [ fontSizes, customFontSize ] = useSettings(\n\t\t'typography.fontSizes',\n\t\t'typography.customFontSize'\n\t);\n\n\treturn (\n\t\t<BaseFontSizePicker\n\t\t\t{ ...props }\n\t\t\tfontSizes={ fontSizes }\n\t\t\tdisableCustomFontSizes={ ! customFontSize }\n\t\t\t__next40pxDefaultSize\n\t\t/>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/font-sizes/README.md\n */\nexport default FontSizePicker;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAqD;AAKrD,0BAA4B;AAS1B;AAPF,SAAS,eAAgB,OAAQ;AAChC,QAAM,CAAE,WAAW,cAAe,QAAI;AAAA,IACrC;AAAA,IACA;AAAA,EACD;AAEA,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACL;AAAA,MACA,wBAAyB,CAAE;AAAA,MAC3B,uBAAqB;AAAA;AAAA,EACtB;AAEF;AAKA,IAAO,2BAAQ;",
   "names": ["BaseFontSizePicker"]
 }

package/build/components/inner-blocks/use-inner-block-template-sync.cjs

@@ -33,7 +33,7 @@ __export(use_inner_block_template_sync_exports, {
   default: () => useInnerBlockTemplateSync
 });
 module.exports = __toCommonJS(use_inner_block_template_sync_exports);
-var import_es6 = __toESM(require("fast-deep-equal/es6"));
+var import_es6 = __toESM(require("fast-deep-equal/es6/index.js"));
 var import_element = require("@wordpress/element");
 var import_data = require("@wordpress/data");
 var import_blocks = require("@wordpress/blocks");

package/build/components/inner-blocks/use-inner-block-template-sync.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/inner-blocks/use-inner-block-template-sync.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useLayoutEffect } from '@wordpress/element';\nimport { useRegistry } from '@wordpress/data';\nimport { synchronizeBlocksWithTemplate } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * This hook makes sure that a block's inner blocks stay in sync with the given\n * block \"template\". The template is a block hierarchy to which inner blocks must\n * conform. If the blocks get \"out of sync\" with the template and the template\n * is meant to be locked (e.g. templateLock = \"all\" or templateLock = \"contentOnly\"),\n * then we replace the inner blocks with the correct value after synchronizing it with the template.\n *\n * @param {string}  clientId                       The block client ID.\n * @param {Object}  template                       The template to match.\n * @param {string}  templateLock                   The template lock state for the inner blocks. For\n *                                                 example, if the template lock is set to \"all\",\n *                                                 then the inner blocks will stay in sync with the\n *                                                 template. If not defined or set to false, then\n *                                                 the inner blocks will not be synchronized with\n *                                                 the given template.\n * @param {boolean} templateInsertUpdatesSelection Whether or not to update the\n *                                                 block-editor selection state when inner blocks\n *                                                 are replaced after template synchronization.\n */\nexport default function useInnerBlockTemplateSync(\n\tclientId,\n\ttemplate,\n\ttemplateLock,\n\ttemplateInsertUpdatesSelection\n) {\n\t// Instead of adding a useSelect mapping here, please add to the useSelect\n\t// mapping in InnerBlocks! Every subscription impacts performance.\n\tconst registry = useRegistry();\n\n\t// Maintain a reference to the previous value so we can do a deep equality check.\n\tconst existingTemplateRef = useRef( null );\n\n\tuseLayoutEffect( () => {\n\t\tlet isCancelled = false;\n\n\t\tconst {\n\t\t\tgetBlocks,\n\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\tisBlockSelected,\n\t\t} = registry.select( blockEditorStore );\n\t\tconst { replaceInnerBlocks, __unstableMarkNextChangeAsNotPersistent } =\n\t\t\tregistry.dispatch( blockEditorStore );\n\n\t\t// There's an implicit dependency between useInnerBlockTemplateSync and useNestedSettingsUpdate\n\t\t// The former needs to happen after the latter and since the latter is using microtasks to batch updates (performance optimization),\n\t\t// we need to schedule this one in a microtask as well.\n\t\t// Example: If you remove queueMicrotask here, ctrl + click to insert quote block won't close the inserter.\n\t\twindow.queueMicrotask( () => {\n\t\t\tif ( isCancelled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Only synchronize innerBlocks with template if innerBlocks are empty\n\t\t\t// or a locking \"all\" or \"contentOnly\" exists directly on the block.\n\t\t\tconst currentInnerBlocks = getBlocks( clientId );\n\t\t\tconst shouldApplyTemplate =\n\t\t\t\tcurrentInnerBlocks.length === 0 ||\n\t\t\t\ttemplateLock === 'all' ||\n\t\t\t\ttemplateLock === 'contentOnly';\n\n\t\t\tconst hasTemplateChanged = ! fastDeepEqual(\n\t\t\t\ttemplate,\n\t\t\t\texistingTemplateRef.current\n\t\t\t);\n\n\t\t\tif ( ! shouldApplyTemplate || ! hasTemplateChanged ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\texistingTemplateRef.current = template;\n\t\t\tconst nextBlocks = synchronizeBlocksWithTemplate(\n\t\t\t\tcurrentInnerBlocks,\n\t\t\t\ttemplate\n\t\t\t);\n\n\t\t\tif ( ! fastDeepEqual( nextBlocks, currentInnerBlocks ) ) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\tnextBlocks,\n\t\t\t\t\tcurrentInnerBlocks.length === 0 &&\n\t\t\t\t\t\ttemplateInsertUpdatesSelection &&\n\t\t\t\t\t\tnextBlocks.length !== 0 &&\n\t\t\t\t\t\tisBlockSelected( clientId ),\n\t\t\t\t\t// This ensures the \"initialPosition\" doesn't change when applying the template\n\t\t\t\t\t// If we're supposed to focus the block, we'll focus the first inner block\n\t\t\t\t\t// otherwise, we won't apply any auto-focus.\n\t\t\t\t\t// This ensures for instance that the focus stays in the inserter when inserting the \"buttons\" block.\n\t\t\t\t\tgetSelectedBlocksInitialCaretPosition()\n\t\t\t\t);\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tisCancelled = true;\n\t\t};\n\t}, [\n\t\ttemplate,\n\t\ttemplateLock,\n\t\tclientId,\n\t\tregistry,\n\t\ttemplateInsertUpdatesSelection,\n\t] );\n}\n"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6/index.js';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useLayoutEffect } from '@wordpress/element';\nimport { useRegistry } from '@wordpress/data';\nimport { synchronizeBlocksWithTemplate } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * This hook makes sure that a block's inner blocks stay in sync with the given\n * block \"template\". The template is a block hierarchy to which inner blocks must\n * conform. If the blocks get \"out of sync\" with the template and the template\n * is meant to be locked (e.g. templateLock = \"all\" or templateLock = \"contentOnly\"),\n * then we replace the inner blocks with the correct value after synchronizing it with the template.\n *\n * @param {string}  clientId                       The block client ID.\n * @param {Object}  template                       The template to match.\n * @param {string}  templateLock                   The template lock state for the inner blocks. For\n *                                                 example, if the template lock is set to \"all\",\n *                                                 then the inner blocks will stay in sync with the\n *                                                 template. If not defined or set to false, then\n *                                                 the inner blocks will not be synchronized with\n *                                                 the given template.\n * @param {boolean} templateInsertUpdatesSelection Whether or not to update the\n *                                                 block-editor selection state when inner blocks\n *                                                 are replaced after template synchronization.\n */\nexport default function useInnerBlockTemplateSync(\n\tclientId,\n\ttemplate,\n\ttemplateLock,\n\ttemplateInsertUpdatesSelection\n) {\n\t// Instead of adding a useSelect mapping here, please add to the useSelect\n\t// mapping in InnerBlocks! Every subscription impacts performance.\n\tconst registry = useRegistry();\n\n\t// Maintain a reference to the previous value so we can do a deep equality check.\n\tconst existingTemplateRef = useRef( null );\n\n\tuseLayoutEffect( () => {\n\t\tlet isCancelled = false;\n\n\t\tconst {\n\t\t\tgetBlocks,\n\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\tisBlockSelected,\n\t\t} = registry.select( blockEditorStore );\n\t\tconst { replaceInnerBlocks, __unstableMarkNextChangeAsNotPersistent } =\n\t\t\tregistry.dispatch( blockEditorStore );\n\n\t\t// There's an implicit dependency between useInnerBlockTemplateSync and useNestedSettingsUpdate\n\t\t// The former needs to happen after the latter and since the latter is using microtasks to batch updates (performance optimization),\n\t\t// we need to schedule this one in a microtask as well.\n\t\t// Example: If you remove queueMicrotask here, ctrl + click to insert quote block won't close the inserter.\n\t\twindow.queueMicrotask( () => {\n\t\t\tif ( isCancelled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Only synchronize innerBlocks with template if innerBlocks are empty\n\t\t\t// or a locking \"all\" or \"contentOnly\" exists directly on the block.\n\t\t\tconst currentInnerBlocks = getBlocks( clientId );\n\t\t\tconst shouldApplyTemplate =\n\t\t\t\tcurrentInnerBlocks.length === 0 ||\n\t\t\t\ttemplateLock === 'all' ||\n\t\t\t\ttemplateLock === 'contentOnly';\n\n\t\t\tconst hasTemplateChanged = ! fastDeepEqual(\n\t\t\t\ttemplate,\n\t\t\t\texistingTemplateRef.current\n\t\t\t);\n\n\t\t\tif ( ! shouldApplyTemplate || ! hasTemplateChanged ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\texistingTemplateRef.current = template;\n\t\t\tconst nextBlocks = synchronizeBlocksWithTemplate(\n\t\t\t\tcurrentInnerBlocks,\n\t\t\t\ttemplate\n\t\t\t);\n\n\t\t\tif ( ! fastDeepEqual( nextBlocks, currentInnerBlocks ) ) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\tnextBlocks,\n\t\t\t\t\tcurrentInnerBlocks.length === 0 &&\n\t\t\t\t\t\ttemplateInsertUpdatesSelection &&\n\t\t\t\t\t\tnextBlocks.length !== 0 &&\n\t\t\t\t\t\tisBlockSelected( clientId ),\n\t\t\t\t\t// This ensures the \"initialPosition\" doesn't change when applying the template\n\t\t\t\t\t// If we're supposed to focus the block, we'll focus the first inner block\n\t\t\t\t\t// otherwise, we won't apply any auto-focus.\n\t\t\t\t\t// This ensures for instance that the focus stays in the inserter when inserting the \"buttons\" block.\n\t\t\t\t\tgetSelectedBlocksInitialCaretPosition()\n\t\t\t\t);\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tisCancelled = true;\n\t\t};\n\t}, [\n\t\ttemplate,\n\t\ttemplateLock,\n\t\tclientId,\n\t\tregistry,\n\t\ttemplateInsertUpdatesSelection,\n\t] );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAA0B;AAK1B,qBAAwC;AACxC,kBAA4B;AAC5B,oBAA8C;AAK9C,mBAA0C;AAqB3B,SAAR,0BACN,UACA,UACA,cACA,gCACC;AAGD,QAAM,eAAW,yBAAY;AAG7B,QAAM,0BAAsB,uBAAQ,IAAK;AAEzC,sCAAiB,MAAM;AACtB,QAAI,cAAc;AAElB,UAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI,SAAS,OAAQ,aAAAA,KAAiB;AACtC,UAAM,EAAE,oBAAoB,wCAAwC,IACnE,SAAS,SAAU,aAAAA,KAAiB;AAMrC,WAAO,eAAgB,MAAM;AAC5B,UAAK,aAAc;AAClB;AAAA,MACD;AAIA,YAAM,qBAAqB,UAAW,QAAS;AAC/C,YAAM,sBACL,mBAAmB,WAAW,KAC9B,iBAAiB,SACjB,iBAAiB;AAElB,YAAM,qBAAqB,KAAE,WAAAC;AAAA,QAC5B;AAAA,QACA,oBAAoB;AAAA,MACrB;AAEA,UAAK,CAAE,uBAAuB,CAAE,oBAAqB;AACpD;AAAA,MACD;AAEA,0BAAoB,UAAU;AAC9B,YAAM,iBAAa;AAAA,QAClB;AAAA,QACA;AAAA,MACD;AAEA,UAAK,KAAE,WAAAA,SAAe,YAAY,kBAAmB,GAAI;AACxD,gDAAwC;AACxC;AAAA,UACC;AAAA,UACA;AAAA,UACA,mBAAmB,WAAW,KAC7B,kCACA,WAAW,WAAW,KACtB,gBAAiB,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA,UAK3B,sCAAsC;AAAA,QACvC;AAAA,MACD;AAAA,IACD,CAAE;AAEF,WAAO,MAAM;AACZ,oBAAc;AAAA,IACf;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
   "names": ["blockEditorStore", "fastDeepEqual"]
 }

package/build/components/inserter/menu.cjs

@@ -87,6 +87,8 @@ function InserterMenu({
   const [patternFilter, setPatternFilter] = (0, import_element.useState)("all");
   const [selectedMediaCategory, setSelectedMediaCategory] = (0, import_element.useState)(null);
   const isLargeViewport = (0, import_compose.useViewportMatch)("large");
+  const isMobileViewport = (0, import_compose.useViewportMatch)("medium", "<");
+  const maybeCloseInserter = isMobileViewport ? onClose : NOOP;
   function getInitialTab() {
     if (__experimentalInitialTab) {
       return __experimentalInitialTab;
@@ -116,6 +118,7 @@ function InserterMenu({
         _rootClientId
       );
       onSelect(blocks);
+      maybeCloseInserter();
       window.requestAnimationFrame(() => {
         if (!shouldFocusBlock && !blockTypesTabRef.current?.contains(
           ref.current.ownerDocument.activeElement
@@ -124,15 +127,16 @@ function InserterMenu({
         }
       });
     },
-    [onInsertBlocks, onSelect, shouldFocusBlock]
+    [onInsertBlocks, maybeCloseInserter, onSelect, ref, shouldFocusBlock]
   );
   const onInsertPattern = (0, import_element.useCallback)(
     (blocks, patternName, ...args) => {
       onToggleInsertionPoint(false);
       onInsertBlocks(blocks, { patternName }, ...args);
       onSelect();
+      maybeCloseInserter();
     },
-    [onInsertBlocks, onSelect]
+    [onInsertBlocks, maybeCloseInserter, onSelect, onToggleInsertionPoint]
   );
   const onHover = (0, import_element.useCallback)(
     (item) => {

package/build/components/inserter/menu.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/inserter/menu.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseState,\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { VisuallyHidden, SearchControl, Popover } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDebouncedInput, useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Tips from './tips';\nimport InserterPreviewPanel from './preview-panel';\nimport BlockTypesTab from './block-types-tab';\nimport BlockPatternsTab from './block-patterns-tab';\nimport { PatternCategoryPreviews } from './block-patterns-tab/pattern-category-previews';\nimport { MediaTab, MediaCategoryPanel } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport { store as blockEditorStore } from '../../store';\nimport TabbedSidebar from '../tabbed-sidebar';\nimport { useZoomOut } from '../../hooks/use-zoom-out';\nimport { unlock } from '../../lock-unlock';\n\nconst NOOP = () => {};\nfunction InserterMenu(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\t__experimentalInsertionIndex,\n\t\tonSelect,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks,\n\t\t__experimentalFilterValue = '',\n\t\tshouldFocusBlock = true,\n\t\tonPatternCategorySelection,\n\t\tonClose,\n\t\t__experimentalInitialTab,\n\t\t__experimentalInitialCategory,\n\t},\n\tref\n) {\n\tconst { isZoomOutMode, hasSectionRootClientId } = useSelect( ( select ) => {\n\t\tconst { isZoomOut, getSectionRootClientId } = unlock(\n\t\t\tselect( blockEditorStore )\n\t\t);\n\n\t\treturn {\n\t\t\tisZoomOutMode: isZoomOut(),\n\t\t\thasSectionRootClientId: !! getSectionRootClientId(),\n\t\t};\n\t}, [] );\n\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] = useState(\n\t\t__experimentalInitialCategory\n\t);\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\n\tfunction getInitialTab() {\n\t\tif ( __experimentalInitialTab ) {\n\t\t\treturn __experimentalInitialTab;\n\t\t}\n\n\t\tif ( isZoomOutMode ) {\n\t\t\treturn 'patterns';\n\t\t}\n\n\t\treturn 'blocks';\n\t}\n\tconst [ selectedTab, setSelectedTab ] = useState( getInitialTab() );\n\n\tconst shouldUseZoomOut =\n\t\thasSectionRootClientId &&\n\t\t( selectedTab === 'patterns' || selectedTab === 'media' );\n\n\tuseZoomOut( shouldUseZoomOut && isLargeViewport );\n\n\tconst [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =\n\t\tuseInsertionPoint( {\n\t\t\trootClientId,\n\t\t\tclientId,\n\t\t\tisAppender,\n\t\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\t\tshouldFocusBlock,\n\t\t} );\n\tconst blockTypesTabRef = useRef();\n\n\tconst onInsert = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock, _rootClientId ) => {\n\t\t\tonInsertBlocks(\n\t\t\t\tblocks,\n\t\t\t\tmeta,\n\t\t\t\tshouldForceFocusBlock,\n\t\t\t\t_rootClientId\n\t\t\t);\n\t\t\tonSelect( blocks );\n\n\t\t\t// Check for focus loss due to filtering blocks by selected block type\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\tif (\n\t\t\t\t\t! shouldFocusBlock &&\n\t\t\t\t\t! blockTypesTabRef.current?.contains(\n\t\t\t\t\t\tref.current.ownerDocument.activeElement\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// There has been a focus loss, so focus the first button in the block types tab\n\t\t\t\t\tblockTypesTabRef.current?.querySelector( 'button' ).focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[ onInsertBlocks, onSelect, shouldFocusBlock ]\n\t);\n\n\tconst onInsertPattern = useCallback(\n\t\t( blocks, patternName, ...args ) => {\n\t\t\tonToggleInsertionPoint( false );\n\t\t\tonInsertBlocks( blocks, { patternName }, ...args );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onHover = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( item );\n\t\t\tsetHoveredItem( item );\n\t\t},\n\t\t[ onToggleInsertionPoint, setHoveredItem ]\n\t);\n\n\tconst onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t\tonPatternCategorySelection?.();\n\t\t},\n\t\t[ setSelectedPatternCategory, onPatternCategorySelection ]\n\t);\n\n\tconst showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\t!! selectedPatternCategory;\n\n\tconst showMediaPanel = selectedTab === 'media' && !! selectedMediaCategory;\n\n\tconst inserterSearch = useMemo( () => {\n\t\tif ( selectedTab === 'media' ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SearchControl\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tif ( hoveredItem ) {\n\t\t\t\t\t\t\tsetHoveredItem( null );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t\t{ !! delayedFilterValue && (\n\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\tfilterValue={ delayedFilterValue }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\t\t__experimentalInsertionIndex\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshowBlockDirectory\n\t\t\t\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\t\t\t\tprioritizePatterns={ selectedTab === 'patterns' }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tselectedTab,\n\t\thoveredItem,\n\t\tsetHoveredItem,\n\t\tsetFilterValue,\n\t\tfilterValue,\n\t\tdelayedFilterValue,\n\t\tonSelect,\n\t\tonHover,\n\t\tshouldFocusBlock,\n\t\tclientId,\n\t\trootClientId,\n\t\t__experimentalInsertionIndex,\n\t\tisAppender,\n\t] );\n\n\tconst blocksTab = useMemo( () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div className=\"block-editor-inserter__block-list\">\n\t\t\t\t\t<BlockTypesTab\n\t\t\t\t\t\tref={ blockTypesTabRef }\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ showInserterHelpPanel && (\n\t\t\t\t\t<div className=\"block-editor-inserter__tips\">\n\t\t\t\t\t\t<VisuallyHidden as=\"h2\">\n\t\t\t\t\t\t\t{ __( 'A tip for using the block editor' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<Tips />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tonHover,\n\t\tshowMostUsedBlocks,\n\t\tshowInserterHelpPanel,\n\t] );\n\n\tconst patternsTab = useMemo( () => {\n\t\treturn (\n\t\t\t<BlockPatternsTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\tonSelectCategory={ onClickPatternCategory }\n\t\t\t\tselectedCategory={ selectedPatternCategory }\n\t\t\t>\n\t\t\t\t{ showPatternPanel && (\n\t\t\t\t\t<PatternCategoryPreviews\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockPatternsTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsertPattern,\n\t\tonClickPatternCategory,\n\t\tpatternFilter,\n\t\tselectedPatternCategory,\n\t\tshowPatternPanel,\n\t] );\n\n\tconst mediaTab = useMemo( () => {\n\t\treturn (\n\t\t\t<MediaTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tselectedCategory={ selectedMediaCategory }\n\t\t\t\tonSelectCategory={ setSelectedMediaCategory }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t>\n\t\t\t\t{ showMediaPanel && (\n\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tcategory={ selectedMediaCategory }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</MediaTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tselectedMediaCategory,\n\t\tsetSelectedMediaCategory,\n\t\tshowMediaPanel,\n\t] );\n\n\tconst handleSetSelectedTab = ( value ) => {\n\t\t// If no longer on patterns tab remove the category setting.\n\t\tif ( value !== 'patterns' ) {\n\t\t\tsetSelectedPatternCategory( null );\n\t\t}\n\t\tsetSelectedTab( value );\n\t};\n\n\t// Focus first active tab, if any\n\tconst tabsRef = useRef();\n\tuseLayoutEffect( () => {\n\t\tif ( tabsRef.current ) {\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\ttabsRef.current\n\t\t\t\t\t.querySelector( '[role=\"tab\"][aria-selected=\"true\"]' )\n\t\t\t\t\t?.focus();\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'block-editor-inserter__menu', {\n\t\t\t\t'show-panel': showPatternPanel || showMediaPanel,\n\t\t\t\t'is-zoom-out': isZoomOutMode,\n\t\t\t} ) }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__main-area\">\n\t\t\t\t<TabbedSidebar\n\t\t\t\t\tref={ tabsRef }\n\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\tselectedTab={ selectedTab }\n\t\t\t\t\tcloseButtonLabel={ __( 'Close Block Inserter' ) }\n\t\t\t\t\ttabs={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'blocks',\n\t\t\t\t\t\t\ttitle: __( 'Blocks' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'blocks' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tblocksTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'patterns',\n\t\t\t\t\t\t\ttitle: __( 'Patterns' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'patterns' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tpatternsTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'media',\n\t\t\t\t\t\t\ttitle: __( 'Media' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ mediaTab }\n\t\t\t\t\t\t\t\t</>\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/>\n\t\t\t</div>\n\t\t\t{ showInserterHelpPanel && hoveredItem && (\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-inserter__preview-container__popover\"\n\t\t\t\t\tplacement=\"right-start\"\n\t\t\t\t\toffset={ 16 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tanimate={ false }\n\t\t\t\t>\n\t\t\t\t\t<InserterPreviewPanel item={ hoveredItem } />\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const PrivateInserterMenu = forwardRef( InserterMenu );\n\nfunction PublicInserterMenu( props, ref ) {\n\treturn (\n\t\t<PrivateInserterMenu\n\t\t\t{ ...props }\n\t\t\tonPatternCategorySelection={ NOOP }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicInserterMenu );\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseState,\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { VisuallyHidden, SearchControl, Popover } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDebouncedInput, useViewportMatch } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Tips from './tips';\nimport InserterPreviewPanel from './preview-panel';\nimport BlockTypesTab from './block-types-tab';\nimport BlockPatternsTab from './block-patterns-tab';\nimport { PatternCategoryPreviews } from './block-patterns-tab/pattern-category-previews';\nimport { MediaTab, MediaCategoryPanel } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport { store as blockEditorStore } from '../../store';\nimport TabbedSidebar from '../tabbed-sidebar';\nimport { useZoomOut } from '../../hooks/use-zoom-out';\nimport { unlock } from '../../lock-unlock';\n\nconst NOOP = () => {};\nfunction InserterMenu(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\t__experimentalInsertionIndex,\n\t\tonSelect,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks,\n\t\t__experimentalFilterValue = '',\n\t\tshouldFocusBlock = true,\n\t\tonPatternCategorySelection,\n\t\tonClose,\n\t\t__experimentalInitialTab,\n\t\t__experimentalInitialCategory,\n\t},\n\tref\n) {\n\tconst { isZoomOutMode, hasSectionRootClientId } = useSelect( ( select ) => {\n\t\tconst { isZoomOut, getSectionRootClientId } = unlock(\n\t\t\tselect( blockEditorStore )\n\t\t);\n\n\t\treturn {\n\t\t\tisZoomOutMode: isZoomOut(),\n\t\t\thasSectionRootClientId: !! getSectionRootClientId(),\n\t\t};\n\t}, [] );\n\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] = useState(\n\t\t__experimentalInitialCategory\n\t);\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst maybeCloseInserter = isMobileViewport ? onClose : NOOP;\n\n\tfunction getInitialTab() {\n\t\tif ( __experimentalInitialTab ) {\n\t\t\treturn __experimentalInitialTab;\n\t\t}\n\n\t\tif ( isZoomOutMode ) {\n\t\t\treturn 'patterns';\n\t\t}\n\n\t\treturn 'blocks';\n\t}\n\tconst [ selectedTab, setSelectedTab ] = useState( getInitialTab() );\n\n\tconst shouldUseZoomOut =\n\t\thasSectionRootClientId &&\n\t\t( selectedTab === 'patterns' || selectedTab === 'media' );\n\n\tuseZoomOut( shouldUseZoomOut && isLargeViewport );\n\n\tconst [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =\n\t\tuseInsertionPoint( {\n\t\t\trootClientId,\n\t\t\tclientId,\n\t\t\tisAppender,\n\t\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\t\tshouldFocusBlock,\n\t\t} );\n\tconst blockTypesTabRef = useRef();\n\n\tconst onInsert = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock, _rootClientId ) => {\n\t\t\tonInsertBlocks(\n\t\t\t\tblocks,\n\t\t\t\tmeta,\n\t\t\t\tshouldForceFocusBlock,\n\t\t\t\t_rootClientId\n\t\t\t);\n\t\t\tonSelect( blocks );\n\t\t\tmaybeCloseInserter();\n\n\t\t\t// Check for focus loss due to filtering blocks by selected block type\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\tif (\n\t\t\t\t\t! shouldFocusBlock &&\n\t\t\t\t\t! blockTypesTabRef.current?.contains(\n\t\t\t\t\t\tref.current.ownerDocument.activeElement\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// There has been a focus loss, so focus the first button in the block types tab\n\t\t\t\t\tblockTypesTabRef.current?.querySelector( 'button' ).focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t},\n\t\t[ onInsertBlocks, maybeCloseInserter, onSelect, ref, shouldFocusBlock ]\n\t);\n\n\tconst onInsertPattern = useCallback(\n\t\t( blocks, patternName, ...args ) => {\n\t\t\tonToggleInsertionPoint( false );\n\t\t\tonInsertBlocks( blocks, { patternName }, ...args );\n\t\t\tonSelect();\n\t\t\tmaybeCloseInserter();\n\t\t},\n\t\t[ onInsertBlocks, maybeCloseInserter, onSelect, onToggleInsertionPoint ]\n\t);\n\n\tconst onHover = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( item );\n\t\t\tsetHoveredItem( item );\n\t\t},\n\t\t[ onToggleInsertionPoint, setHoveredItem ]\n\t);\n\n\tconst onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t\tonPatternCategorySelection?.();\n\t\t},\n\t\t[ setSelectedPatternCategory, onPatternCategorySelection ]\n\t);\n\n\tconst showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\t!! selectedPatternCategory;\n\n\tconst showMediaPanel = selectedTab === 'media' && !! selectedMediaCategory;\n\n\tconst inserterSearch = useMemo( () => {\n\t\tif ( selectedTab === 'media' ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SearchControl\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tif ( hoveredItem ) {\n\t\t\t\t\t\t\tsetHoveredItem( null );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t\t{ !! delayedFilterValue && (\n\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\tfilterValue={ delayedFilterValue }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\t\t__experimentalInsertionIndex\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshowBlockDirectory\n\t\t\t\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\t\t\t\tprioritizePatterns={ selectedTab === 'patterns' }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tselectedTab,\n\t\thoveredItem,\n\t\tsetHoveredItem,\n\t\tsetFilterValue,\n\t\tfilterValue,\n\t\tdelayedFilterValue,\n\t\tonSelect,\n\t\tonHover,\n\t\tshouldFocusBlock,\n\t\tclientId,\n\t\trootClientId,\n\t\t__experimentalInsertionIndex,\n\t\tisAppender,\n\t] );\n\n\tconst blocksTab = useMemo( () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div className=\"block-editor-inserter__block-list\">\n\t\t\t\t\t<BlockTypesTab\n\t\t\t\t\t\tref={ blockTypesTabRef }\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ showInserterHelpPanel && (\n\t\t\t\t\t<div className=\"block-editor-inserter__tips\">\n\t\t\t\t\t\t<VisuallyHidden as=\"h2\">\n\t\t\t\t\t\t\t{ __( 'A tip for using the block editor' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<Tips />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tonHover,\n\t\tshowMostUsedBlocks,\n\t\tshowInserterHelpPanel,\n\t] );\n\n\tconst patternsTab = useMemo( () => {\n\t\treturn (\n\t\t\t<BlockPatternsTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\tonSelectCategory={ onClickPatternCategory }\n\t\t\t\tselectedCategory={ selectedPatternCategory }\n\t\t\t>\n\t\t\t\t{ showPatternPanel && (\n\t\t\t\t\t<PatternCategoryPreviews\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockPatternsTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsertPattern,\n\t\tonClickPatternCategory,\n\t\tpatternFilter,\n\t\tselectedPatternCategory,\n\t\tshowPatternPanel,\n\t] );\n\n\tconst mediaTab = useMemo( () => {\n\t\treturn (\n\t\t\t<MediaTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tselectedCategory={ selectedMediaCategory }\n\t\t\t\tonSelectCategory={ setSelectedMediaCategory }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t>\n\t\t\t\t{ showMediaPanel && (\n\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tcategory={ selectedMediaCategory }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</MediaTab>\n\t\t);\n\t}, [\n\t\tdestinationRootClientId,\n\t\tonInsert,\n\t\tselectedMediaCategory,\n\t\tsetSelectedMediaCategory,\n\t\tshowMediaPanel,\n\t] );\n\n\tconst handleSetSelectedTab = ( value ) => {\n\t\t// If no longer on patterns tab remove the category setting.\n\t\tif ( value !== 'patterns' ) {\n\t\t\tsetSelectedPatternCategory( null );\n\t\t}\n\t\tsetSelectedTab( value );\n\t};\n\n\t// Focus first active tab, if any\n\tconst tabsRef = useRef();\n\tuseLayoutEffect( () => {\n\t\tif ( tabsRef.current ) {\n\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\ttabsRef.current\n\t\t\t\t\t.querySelector( '[role=\"tab\"][aria-selected=\"true\"]' )\n\t\t\t\t\t?.focus();\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'block-editor-inserter__menu', {\n\t\t\t\t'show-panel': showPatternPanel || showMediaPanel,\n\t\t\t\t'is-zoom-out': isZoomOutMode,\n\t\t\t} ) }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__main-area\">\n\t\t\t\t<TabbedSidebar\n\t\t\t\t\tref={ tabsRef }\n\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\tselectedTab={ selectedTab }\n\t\t\t\t\tcloseButtonLabel={ __( 'Close Block Inserter' ) }\n\t\t\t\t\ttabs={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'blocks',\n\t\t\t\t\t\t\ttitle: __( 'Blocks' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'blocks' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tblocksTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'patterns',\n\t\t\t\t\t\t\ttitle: __( 'Patterns' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ selectedTab === 'patterns' &&\n\t\t\t\t\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\t\t\t\t\tpatternsTab }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'media',\n\t\t\t\t\t\t\ttitle: __( 'Media' ),\n\t\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t\t\t\t\t{ mediaTab }\n\t\t\t\t\t\t\t\t</>\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/>\n\t\t\t</div>\n\t\t\t{ showInserterHelpPanel && hoveredItem && (\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-inserter__preview-container__popover\"\n\t\t\t\t\tplacement=\"right-start\"\n\t\t\t\t\toffset={ 16 }\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tanimate={ false }\n\t\t\t\t>\n\t\t\t\t\t<InserterPreviewPanel item={ hoveredItem } />\n\t\t\t\t</Popover>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const PrivateInserterMenu = forwardRef( InserterMenu );\n\nfunction PublicInserterMenu( props, ref ) {\n\treturn (\n\t\t<PrivateInserterMenu\n\t\t\t{ ...props }\n\t\t\tonPatternCategorySelection={ NOOP }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( PublicInserterMenu );\n"],
+  "mappings": "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",
   "names": ["blockEditorStore", "useInsertionPoint", "InserterSearchResults", "BlockTypesTab", "Tips", "BlockPatternsTab", "clsx", "TabbedSidebar", "InserterPreviewPanel"]
 }

package/build/components/inspector-controls/fill.cjs

@@ -30,7 +30,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // packages/block-editor/src/components/inspector-controls/fill.js
 var fill_exports = {};
 __export(fill_exports, {
-  PrivateInspectorControlsFill: () => PrivateInspectorControlsFill,
   default: () => InspectorControlsFill
 });
 module.exports = __toCommonJS(fill_exports);
@@ -41,12 +40,11 @@ var import_element = require("@wordpress/element");
 var import_context = require("../block-edit/context.cjs");
 var import_groups = __toESM(require("./groups.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
-function PrivateInspectorControlsFill({
+function InspectorControlsFill({
   children,
   group = "default",
   __experimentalGroup,
-  resetAllFilter,
-  forceDisplayControls
+  resetAllFilter
 }) {
   if (__experimentalGroup) {
     (0, import_deprecated.default)(
@@ -65,7 +63,8 @@ function PrivateInspectorControlsFill({
     (0, import_warning.default)(`Unknown InspectorControls group "${group}" provided.`);
     return null;
   }
-  if (!forceDisplayControls && !context[import_context.mayDisplayControlsKey]) {
+  const shouldDisplayForPatternEditing = context[import_context.mayDisplayPatternEditingControlsKey] && (group === "list" || group === "content");
+  if (!context[import_context.mayDisplayControlsKey] && !shouldDisplayForPatternEditing) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalStyleProvider, { document, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fill, { children: (fillProps) => {
@@ -79,22 +78,6 @@ function PrivateInspectorControlsFill({
     );
   } }) });
 }
-function InspectorControlsFill({
-  children,
-  group = "default",
-  __experimentalGroup,
-  resetAllFilter
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    PrivateInspectorControlsFill,
-    {
-      group,
-      __experimentalGroup,
-      resetAllFilter,
-      children
-    }
-  );
-}
 function RegisterResetAll({ resetAllFilter, children }) {
   const { registerResetAllFilter, deregisterResetAllFilter } = (0, import_element.useContext)(import_components.__experimentalToolsPanelContext);
   (0, import_element.useEffect)(() => {
@@ -115,8 +98,4 @@ function ToolsPanelInspectorControl({ children, resetAllFilter, fillProps }) {
     innerMarkup
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PrivateInspectorControlsFill
-});
 //# sourceMappingURL=fill.cjs.map