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

package/build-module/components/inserter/menu.js

@@ -1,34 +1,31 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef, useState, useCallback, useMemo, useRef, useLayoutEffect } from '@wordpress/element';
-import { VisuallyHidden, SearchControl, Popover } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDebouncedInput, useViewportMatch } from '@wordpress/compose';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import Tips from './tips';
-import InserterPreviewPanel from './preview-panel';
-import BlockTypesTab from './block-types-tab';
-import BlockPatternsTab from './block-patterns-tab';
-import { PatternCategoryPreviews } from './block-patterns-tab/pattern-category-previews';
-import { MediaTab, MediaCategoryPanel } from './media-tab';
-import InserterSearchResults from './search-results';
-import useInsertionPoint from './hooks/use-insertion-point';
-import { store as blockEditorStore } from '../../store';
-import TabbedSidebar from '../tabbed-sidebar';
-import { useZoomOut } from '../../hooks/use-zoom-out';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const NOOP = () => {};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  forwardRef,
+  useState,
+  useCallback,
+  useMemo,
+  useRef,
+  useLayoutEffect
+} from "@wordpress/element";
+import { VisuallyHidden, SearchControl, Popover } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useDebouncedInput, useViewportMatch } from "@wordpress/compose";
+import { useSelect } from "@wordpress/data";
+import Tips from "./tips";
+import InserterPreviewPanel from "./preview-panel";
+import BlockTypesTab from "./block-types-tab";
+import BlockPatternsTab from "./block-patterns-tab";
+import { PatternCategoryPreviews } from "./block-patterns-tab/pattern-category-previews";
+import { MediaTab, MediaCategoryPanel } from "./media-tab";
+import InserterSearchResults from "./search-results";
+import useInsertionPoint from "./hooks/use-insertion-point";
+import { store as blockEditorStore } from "../../store";
+import TabbedSidebar from "../tabbed-sidebar";
+import { useZoomOut } from "../../hooks/use-zoom-out";
+import { unlock } from "../../lock-unlock";
+const NOOP = () => {
+};
 function InserterMenu({
   rootClientId,
   clientId,
@@ -37,21 +34,17 @@ function InserterMenu({
   onSelect,
   showInserterHelpPanel,
   showMostUsedBlocks,
-  __experimentalFilterValue = '',
+  __experimentalFilterValue = "",
   shouldFocusBlock = true,
   onPatternCategorySelection,
   onClose,
   __experimentalInitialTab,
   __experimentalInitialCategory
 }, ref) {
-  const {
-    isZoomOutMode,
-    hasSectionRootClientId
-  } = useSelect(select => {
-    const {
-      isZoomOut,
-      getSectionRootClientId
-    } = unlock(select(blockEditorStore));
+  const { isZoomOutMode, hasSectionRootClientId } = useSelect((select) => {
+    const { isZoomOut, getSectionRootClientId } = unlock(
+      select(blockEditorStore)
+    );
     return {
       isZoomOutMode: isZoomOut(),
       hasSectionRootClientId: !!getSectionRootClientId()
@@ -59,21 +52,23 @@ function InserterMenu({
   }, []);
   const [filterValue, setFilterValue, delayedFilterValue] = useDebouncedInput(__experimentalFilterValue);
   const [hoveredItem, setHoveredItem] = useState(null);
-  const [selectedPatternCategory, setSelectedPatternCategory] = useState(__experimentalInitialCategory);
-  const [patternFilter, setPatternFilter] = useState('all');
+  const [selectedPatternCategory, setSelectedPatternCategory] = useState(
+    __experimentalInitialCategory
+  );
+  const [patternFilter, setPatternFilter] = useState("all");
   const [selectedMediaCategory, setSelectedMediaCategory] = useState(null);
-  const isLargeViewport = useViewportMatch('large');
+  const isLargeViewport = useViewportMatch("large");
   function getInitialTab() {
     if (__experimentalInitialTab) {
       return __experimentalInitialTab;
     }
     if (isZoomOutMode) {
-      return 'patterns';
+      return "patterns";
     }
-    return 'blocks';
+    return "blocks";
   }
   const [selectedTab, setSelectedTab] = useState(getInitialTab());
-  const shouldUseZoomOut = hasSectionRootClientId && (selectedTab === 'patterns' || selectedTab === 'media');
+  const shouldUseZoomOut = hasSectionRootClientId && (selectedTab === "patterns" || selectedTab === "media");
   useZoomOut(shouldUseZoomOut && isLargeViewport);
   const [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint] = useInsertionPoint({
     rootClientId,
@@ -83,124 +78,185 @@ function InserterMenu({
     shouldFocusBlock
   });
   const blockTypesTabRef = useRef();
-  const onInsert = useCallback((blocks, meta, shouldForceFocusBlock, _rootClientId) => {
-    onInsertBlocks(blocks, meta, shouldForceFocusBlock, _rootClientId);
-    onSelect(blocks);
-
-    // Check for focus loss due to filtering blocks by selected block type
-    window.requestAnimationFrame(() => {
-      if (!shouldFocusBlock && !blockTypesTabRef.current?.contains(ref.current.ownerDocument.activeElement)) {
-        // There has been a focus loss, so focus the first button in the block types tab
-        blockTypesTabRef.current?.querySelector('button').focus();
-      }
-    });
-  }, [onInsertBlocks, onSelect, shouldFocusBlock]);
-  const onInsertPattern = useCallback((blocks, patternName, ...args) => {
-    onToggleInsertionPoint(false);
-    onInsertBlocks(blocks, {
-      patternName
-    }, ...args);
-    onSelect();
-  }, [onInsertBlocks, onSelect]);
-  const onHover = useCallback(item => {
-    onToggleInsertionPoint(item);
-    setHoveredItem(item);
-  }, [onToggleInsertionPoint, setHoveredItem]);
-  const onClickPatternCategory = useCallback((patternCategory, filter) => {
-    setSelectedPatternCategory(patternCategory);
-    setPatternFilter(filter);
-    onPatternCategorySelection?.();
-  }, [setSelectedPatternCategory, onPatternCategorySelection]);
-  const showPatternPanel = selectedTab === 'patterns' && !delayedFilterValue && !!selectedPatternCategory;
-  const showMediaPanel = selectedTab === 'media' && !!selectedMediaCategory;
+  const onInsert = useCallback(
+    (blocks, meta, shouldForceFocusBlock, _rootClientId) => {
+      onInsertBlocks(
+        blocks,
+        meta,
+        shouldForceFocusBlock,
+        _rootClientId
+      );
+      onSelect(blocks);
+      window.requestAnimationFrame(() => {
+        if (!shouldFocusBlock && !blockTypesTabRef.current?.contains(
+          ref.current.ownerDocument.activeElement
+        )) {
+          blockTypesTabRef.current?.querySelector("button").focus();
+        }
+      });
+    },
+    [onInsertBlocks, onSelect, shouldFocusBlock]
+  );
+  const onInsertPattern = useCallback(
+    (blocks, patternName, ...args) => {
+      onToggleInsertionPoint(false);
+      onInsertBlocks(blocks, { patternName }, ...args);
+      onSelect();
+    },
+    [onInsertBlocks, onSelect]
+  );
+  const onHover = useCallback(
+    (item) => {
+      onToggleInsertionPoint(item);
+      setHoveredItem(item);
+    },
+    [onToggleInsertionPoint, setHoveredItem]
+  );
+  const onClickPatternCategory = useCallback(
+    (patternCategory, filter) => {
+      setSelectedPatternCategory(patternCategory);
+      setPatternFilter(filter);
+      onPatternCategorySelection?.();
+    },
+    [setSelectedPatternCategory, onPatternCategorySelection]
+  );
+  const showPatternPanel = selectedTab === "patterns" && !delayedFilterValue && !!selectedPatternCategory;
+  const showMediaPanel = selectedTab === "media" && !!selectedMediaCategory;
   const inserterSearch = useMemo(() => {
-    if (selectedTab === 'media') {
+    if (selectedTab === "media") {
       return null;
     }
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(SearchControl, {
-        __nextHasNoMarginBottom: true,
-        className: "block-editor-inserter__search",
-        onChange: value => {
-          if (hoveredItem) {
-            setHoveredItem(null);
-          }
-          setFilterValue(value);
-        },
-        value: filterValue,
-        label: __('Search'),
-        placeholder: __('Search')
-      }), !!delayedFilterValue && /*#__PURE__*/_jsx(InserterSearchResults, {
-        filterValue: delayedFilterValue,
-        onSelect: onSelect,
-        onHover: onHover,
-        rootClientId: rootClientId,
-        clientId: clientId,
-        isAppender: isAppender,
-        __experimentalInsertionIndex: __experimentalInsertionIndex,
-        showBlockDirectory: true,
-        shouldFocusBlock: shouldFocusBlock,
-        prioritizePatterns: selectedTab === 'patterns'
-      })]
-    });
-  }, [selectedTab, hoveredItem, setHoveredItem, setFilterValue, filterValue, delayedFilterValue, onSelect, onHover, shouldFocusBlock, clientId, rootClientId, __experimentalInsertionIndex, isAppender]);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SearchControl,
+        {
+          __nextHasNoMarginBottom: true,
+          className: "block-editor-inserter__search",
+          onChange: (value) => {
+            if (hoveredItem) {
+              setHoveredItem(null);
+            }
+            setFilterValue(value);
+          },
+          value: filterValue,
+          label: __("Search"),
+          placeholder: __("Search")
+        }
+      ),
+      !!delayedFilterValue && /* @__PURE__ */ jsx(
+        InserterSearchResults,
+        {
+          filterValue: delayedFilterValue,
+          onSelect,
+          onHover,
+          rootClientId,
+          clientId,
+          isAppender,
+          __experimentalInsertionIndex,
+          showBlockDirectory: true,
+          shouldFocusBlock,
+          prioritizePatterns: selectedTab === "patterns"
+        }
+      )
+    ] });
+  }, [
+    selectedTab,
+    hoveredItem,
+    setHoveredItem,
+    setFilterValue,
+    filterValue,
+    delayedFilterValue,
+    onSelect,
+    onHover,
+    shouldFocusBlock,
+    clientId,
+    rootClientId,
+    __experimentalInsertionIndex,
+    isAppender
+  ]);
   const blocksTab = useMemo(() => {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "block-editor-inserter__block-list",
-        children: /*#__PURE__*/_jsx(BlockTypesTab, {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "block-editor-inserter__block-list", children: /* @__PURE__ */ jsx(
+        BlockTypesTab,
+        {
           ref: blockTypesTabRef,
           rootClientId: destinationRootClientId,
-          onInsert: onInsert,
-          onHover: onHover,
-          showMostUsedBlocks: showMostUsedBlocks
-        })
-      }), showInserterHelpPanel && /*#__PURE__*/_jsxs("div", {
-        className: "block-editor-inserter__tips",
-        children: [/*#__PURE__*/_jsx(VisuallyHidden, {
-          as: "h2",
-          children: __('A tip for using the block editor')
-        }), /*#__PURE__*/_jsx(Tips, {})]
-      })]
-    });
-  }, [destinationRootClientId, onInsert, onHover, showMostUsedBlocks, showInserterHelpPanel]);
+          onInsert,
+          onHover,
+          showMostUsedBlocks
+        }
+      ) }),
+      showInserterHelpPanel && /* @__PURE__ */ jsxs("div", { className: "block-editor-inserter__tips", children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { as: "h2", children: __("A tip for using the block editor") }),
+        /* @__PURE__ */ jsx(Tips, {})
+      ] })
+    ] });
+  }, [
+    destinationRootClientId,
+    onInsert,
+    onHover,
+    showMostUsedBlocks,
+    showInserterHelpPanel
+  ]);
   const patternsTab = useMemo(() => {
-    return /*#__PURE__*/_jsx(BlockPatternsTab, {
-      rootClientId: destinationRootClientId,
-      onInsert: onInsertPattern,
-      onSelectCategory: onClickPatternCategory,
-      selectedCategory: selectedPatternCategory,
-      children: showPatternPanel && /*#__PURE__*/_jsx(PatternCategoryPreviews, {
+    return /* @__PURE__ */ jsx(
+      BlockPatternsTab,
+      {
         rootClientId: destinationRootClientId,
         onInsert: onInsertPattern,
-        category: selectedPatternCategory,
-        patternFilter: patternFilter,
-        showTitlesAsTooltip: true
-      })
-    });
-  }, [destinationRootClientId, onInsertPattern, onClickPatternCategory, patternFilter, selectedPatternCategory, showPatternPanel]);
+        onSelectCategory: onClickPatternCategory,
+        selectedCategory: selectedPatternCategory,
+        children: showPatternPanel && /* @__PURE__ */ jsx(
+          PatternCategoryPreviews,
+          {
+            rootClientId: destinationRootClientId,
+            onInsert: onInsertPattern,
+            category: selectedPatternCategory,
+            patternFilter,
+            showTitlesAsTooltip: true
+          }
+        )
+      }
+    );
+  }, [
+    destinationRootClientId,
+    onInsertPattern,
+    onClickPatternCategory,
+    patternFilter,
+    selectedPatternCategory,
+    showPatternPanel
+  ]);
   const mediaTab = useMemo(() => {
-    return /*#__PURE__*/_jsx(MediaTab, {
-      rootClientId: destinationRootClientId,
-      selectedCategory: selectedMediaCategory,
-      onSelectCategory: setSelectedMediaCategory,
-      onInsert: onInsert,
-      children: showMediaPanel && /*#__PURE__*/_jsx(MediaCategoryPanel, {
+    return /* @__PURE__ */ jsx(
+      MediaTab,
+      {
         rootClientId: destinationRootClientId,
-        onInsert: onInsert,
-        category: selectedMediaCategory
-      })
-    });
-  }, [destinationRootClientId, onInsert, selectedMediaCategory, setSelectedMediaCategory, showMediaPanel]);
-  const handleSetSelectedTab = value => {
-    // If no longer on patterns tab remove the category setting.
-    if (value !== 'patterns') {
+        selectedCategory: selectedMediaCategory,
+        onSelectCategory: setSelectedMediaCategory,
+        onInsert,
+        children: showMediaPanel && /* @__PURE__ */ jsx(
+          MediaCategoryPanel,
+          {
+            rootClientId: destinationRootClientId,
+            onInsert,
+            category: selectedMediaCategory
+          }
+        )
+      }
+    );
+  }, [
+    destinationRootClientId,
+    onInsert,
+    selectedMediaCategory,
+    setSelectedMediaCategory,
+    showMediaPanel
+  ]);
+  const handleSetSelectedTab = (value) => {
+    if (value !== "patterns") {
       setSelectedPatternCategory(null);
     }
     setSelectedTab(value);
   };
-
-  // Focus first active tab, if any
   const tabsRef = useRef();
   useLayoutEffect(() => {
     if (tabsRef.current) {
@@ -209,59 +265,80 @@ function InserterMenu({
       });
     }
   }, []);
-  return /*#__PURE__*/_jsxs("div", {
-    className: clsx('block-editor-inserter__menu', {
-      'show-panel': showPatternPanel || showMediaPanel,
-      'is-zoom-out': isZoomOutMode
-    }),
-    ref: ref,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "block-editor-inserter__main-area",
-      children: /*#__PURE__*/_jsx(TabbedSidebar, {
-        ref: tabsRef,
-        onSelect: handleSetSelectedTab,
-        onClose: onClose,
-        selectedTab: selectedTab,
-        closeButtonLabel: __('Close Block Inserter'),
-        tabs: [{
-          name: 'blocks',
-          title: __('Blocks'),
-          panel: /*#__PURE__*/_jsxs(_Fragment, {
-            children: [inserterSearch, selectedTab === 'blocks' && !delayedFilterValue && blocksTab]
-          })
-        }, {
-          name: 'patterns',
-          title: __('Patterns'),
-          panel: /*#__PURE__*/_jsxs(_Fragment, {
-            children: [inserterSearch, selectedTab === 'patterns' && !delayedFilterValue && patternsTab]
-          })
-        }, {
-          name: 'media',
-          title: __('Media'),
-          panel: /*#__PURE__*/_jsxs(_Fragment, {
-            children: [inserterSearch, mediaTab]
-          })
-        }]
-      })
-    }), showInserterHelpPanel && hoveredItem && /*#__PURE__*/_jsx(Popover, {
-      className: "block-editor-inserter__preview-container__popover",
-      placement: "right-start",
-      offset: 16,
-      focusOnMount: false,
-      animate: false,
-      children: /*#__PURE__*/_jsx(InserterPreviewPanel, {
-        item: hoveredItem
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx("block-editor-inserter__menu", {
+        "show-panel": showPatternPanel || showMediaPanel,
+        "is-zoom-out": isZoomOutMode
+      }),
+      ref,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "block-editor-inserter__main-area", children: /* @__PURE__ */ jsx(
+          TabbedSidebar,
+          {
+            ref: tabsRef,
+            onSelect: handleSetSelectedTab,
+            onClose,
+            selectedTab,
+            closeButtonLabel: __("Close Block Inserter"),
+            tabs: [
+              {
+                name: "blocks",
+                title: __("Blocks"),
+                panel: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  inserterSearch,
+                  selectedTab === "blocks" && !delayedFilterValue && blocksTab
+                ] })
+              },
+              {
+                name: "patterns",
+                title: __("Patterns"),
+                panel: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  inserterSearch,
+                  selectedTab === "patterns" && !delayedFilterValue && patternsTab
+                ] })
+              },
+              {
+                name: "media",
+                title: __("Media"),
+                panel: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  inserterSearch,
+                  mediaTab
+                ] })
+              }
+            ]
+          }
+        ) }),
+        showInserterHelpPanel && hoveredItem && /* @__PURE__ */ jsx(
+          Popover,
+          {
+            className: "block-editor-inserter__preview-container__popover",
+            placement: "right-start",
+            offset: 16,
+            focusOnMount: false,
+            animate: false,
+            children: /* @__PURE__ */ jsx(InserterPreviewPanel, { item: hoveredItem })
+          }
+        )
+      ]
+    }
+  );
 }
-export const PrivateInserterMenu = forwardRef(InserterMenu);
+const PrivateInserterMenu = forwardRef(InserterMenu);
 function PublicInserterMenu(props, ref) {
-  return /*#__PURE__*/_jsx(PrivateInserterMenu, {
-    ...props,
-    onPatternCategorySelection: NOOP,
-    ref: ref
-  });
+  return /* @__PURE__ */ jsx(
+    PrivateInserterMenu,
+    {
+      ...props,
+      onPatternCategorySelection: NOOP,
+      ref
+    }
+  );
 }
-export default forwardRef(PublicInserterMenu);
-//# sourceMappingURL=menu.js.map
+var menu_default = forwardRef(PublicInserterMenu);
+export {
+  PrivateInserterMenu,
+  menu_default as default
+};
+//# sourceMappingURL=menu.js.map

package/build-module/components/inserter/menu.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","forwardRef","useState","useCallback","useMemo","useRef","useLayoutEffect","VisuallyHidden","SearchControl","Popover","__","useDebouncedInput","useViewportMatch","useSelect","Tips","InserterPreviewPanel","BlockTypesTab","BlockPatternsTab","PatternCategoryPreviews","MediaTab","MediaCategoryPanel","InserterSearchResults","useInsertionPoint","store","blockEditorStore","TabbedSidebar","useZoomOut","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","NOOP","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","onPatternCategorySelection","onClose","__experimentalInitialTab","__experimentalInitialCategory","ref","isZoomOutMode","hasSectionRootClientId","select","isZoomOut","getSectionRootClientId","filterValue","setFilterValue","delayedFilterValue","hoveredItem","setHoveredItem","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","isLargeViewport","getInitialTab","selectedTab","setSelectedTab","shouldUseZoomOut","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","insertionIndex","blockTypesTabRef","onInsert","blocks","meta","shouldForceFocusBlock","_rootClientId","window","requestAnimationFrame","current","contains","ownerDocument","activeElement","querySelector","focus","onInsertPattern","patternName","args","onHover","item","onClickPatternCategory","patternCategory","filter","showPatternPanel","showMediaPanel","inserterSearch","children","__nextHasNoMarginBottom","className","onChange","value","label","placeholder","showBlockDirectory","prioritizePatterns","blocksTab","as","patternsTab","onSelectCategory","selectedCategory","category","showTitlesAsTooltip","mediaTab","handleSetSelectedTab","tabsRef","closeButtonLabel","tabs","name","title","panel","placement","offset","focusOnMount","animate","PrivateInserterMenu","PublicInserterMenu","props"],"sources":["@wordpress/block-editor/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\t__nextHasNoMarginBottom\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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,UAAU,EACVC,QAAQ,EACRC,WAAW,EACXC,OAAO,EACPC,MAAM,EACNC,eAAe,QACT,oBAAoB;AAC3B,SAASC,cAAc,EAAEC,aAAa,EAAEC,OAAO,QAAQ,uBAAuB;AAC9E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,oBAAoB;AACxE,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,oBAAoB,MAAM,iBAAiB;AAClD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,SAASC,uBAAuB,QAAQ,gDAAgD;AACxF,SAASC,QAAQ,EAAEC,kBAAkB,QAAQ,aAAa;AAC1D,OAAOC,qBAAqB,MAAM,kBAAkB;AACpD,OAAOC,iBAAiB,MAAM,6BAA6B;AAC3D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,SAASC,YAAYA,CACpB;EACCC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,4BAA4B;EAC5BC,QAAQ;EACRC,qBAAqB;EACrBC,kBAAkB;EAClBC,yBAAyB,GAAG,EAAE;EAC9BC,gBAAgB,GAAG,IAAI;EACvBC,0BAA0B;EAC1BC,OAAO;EACPC,wBAAwB;EACxBC;AACD,CAAC,EACDC,GAAG,EACF;EACD,MAAM;IAAEC,aAAa;IAAEC;EAAuB,CAAC,GAAGtC,SAAS,CAAIuC,MAAM,IAAM;IAC1E,MAAM;MAAEC,SAAS;MAAEC;IAAuB,CAAC,GAAG3B,MAAM,CACnDyB,MAAM,CAAE5B,gBAAiB,CAC1B,CAAC;IAED,OAAO;MACN0B,aAAa,EAAEG,SAAS,CAAC,CAAC;MAC1BF,sBAAsB,EAAE,CAAC,CAAEG,sBAAsB,CAAC;IACnD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEC,WAAW,EAAEC,cAAc,EAAEC,kBAAkB,CAAE,GACxD9C,iBAAiB,CAAEgC,yBAA0B,CAAC;EAC/C,MAAM,CAAEe,WAAW,EAAEC,cAAc,CAAE,GAAGzD,QAAQ,CAAE,IAAK,CAAC;EACxD,MAAM,CAAE0D,uBAAuB,EAAEC,0BAA0B,CAAE,GAAG3D,QAAQ,CACvE8C,6BACD,CAAC;EACD,MAAM,CAAEc,aAAa,EAAEC,gBAAgB,CAAE,GAAG7D,QAAQ,CAAE,KAAM,CAAC;EAC7D,MAAM,CAAE8D,qBAAqB,EAAEC,wBAAwB,CAAE,GACxD/D,QAAQ,CAAE,IAAK,CAAC;EACjB,MAAMgE,eAAe,GAAGtD,gBAAgB,CAAE,OAAQ,CAAC;EAEnD,SAASuD,aAAaA,CAAA,EAAG;IACxB,IAAKpB,wBAAwB,EAAG;MAC/B,OAAOA,wBAAwB;IAChC;IAEA,IAAKG,aAAa,EAAG;MACpB,OAAO,UAAU;IAClB;IAEA,OAAO,QAAQ;EAChB;EACA,MAAM,CAAEkB,WAAW,EAAEC,cAAc,CAAE,GAAGnE,QAAQ,CAAEiE,aAAa,CAAC,CAAE,CAAC;EAEnE,MAAMG,gBAAgB,GACrBnB,sBAAsB,KACpBiB,WAAW,KAAK,UAAU,IAAIA,WAAW,KAAK,OAAO,CAAE;EAE1D1C,UAAU,CAAE4C,gBAAgB,IAAIJ,eAAgB,CAAC;EAEjD,MAAM,CAAEK,uBAAuB,EAAEC,cAAc,EAAEC,sBAAsB,CAAE,GACxEnD,iBAAiB,CAAE;IAClBc,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVoC,cAAc,EAAEnC,4BAA4B;IAC5CK;EACD,CAAE,CAAC;EACJ,MAAM+B,gBAAgB,GAAGtE,MAAM,CAAC,CAAC;EAEjC,MAAMuE,QAAQ,GAAGzE,WAAW,CAC3B,CAAE0E,MAAM,EAAEC,IAAI,EAAEC,qBAAqB,EAAEC,aAAa,KAAM;IACzDR,cAAc,CACbK,MAAM,EACNC,IAAI,EACJC,qBAAqB,EACrBC,aACD,CAAC;IACDxC,QAAQ,CAAEqC,MAAO,CAAC;;IAElB;IACAI,MAAM,CAACC,qBAAqB,CAAE,MAAM;MACnC,IACC,CAAEtC,gBAAgB,IAClB,CAAE+B,gBAAgB,CAACQ,OAAO,EAAEC,QAAQ,CACnCnC,GAAG,CAACkC,OAAO,CAACE,aAAa,CAACC,aAC3B,CAAC,EACA;QACD;QACAX,gBAAgB,CAACQ,OAAO,EAAEI,aAAa,CAAE,QAAS,CAAC,CAACC,KAAK,CAAC,CAAC;MAC5D;IACD,CAAE,CAAC;EACJ,CAAC,EACD,CAAEhB,cAAc,EAAEhC,QAAQ,EAAEI,gBAAgB,CAC7C,CAAC;EAED,MAAM6C,eAAe,GAAGtF,WAAW,CAClC,CAAE0E,MAAM,EAAEa,WAAW,EAAE,GAAGC,IAAI,KAAM;IACnClB,sBAAsB,CAAE,KAAM,CAAC;IAC/BD,cAAc,CAAEK,MAAM,EAAE;MAAEa;IAAY,CAAC,EAAE,GAAGC,IAAK,CAAC;IAClDnD,QAAQ,CAAC,CAAC;EACX,CAAC,EACD,CAAEgC,cAAc,EAAEhC,QAAQ,CAC3B,CAAC;EAED,MAAMoD,OAAO,GAAGzF,WAAW,CACxB0F,IAAI,IAAM;IACXpB,sBAAsB,CAAEoB,IAAK,CAAC;IAC9BlC,cAAc,CAAEkC,IAAK,CAAC;EACvB,CAAC,EACD,CAAEpB,sBAAsB,EAAEd,cAAc,CACzC,CAAC;EAED,MAAMmC,sBAAsB,GAAG3F,WAAW,CACzC,CAAE4F,eAAe,EAAEC,MAAM,KAAM;IAC9BnC,0BAA0B,CAAEkC,eAAgB,CAAC;IAC7ChC,gBAAgB,CAAEiC,MAAO,CAAC;IAC1BnD,0BAA0B,GAAG,CAAC;EAC/B,CAAC,EACD,CAAEgB,0BAA0B,EAAEhB,0BAA0B,CACzD,CAAC;EAED,MAAMoD,gBAAgB,GACrB7B,WAAW,KAAK,UAAU,IAC1B,CAAEX,kBAAkB,IACpB,CAAC,CAAEG,uBAAuB;EAE3B,MAAMsC,cAAc,GAAG9B,WAAW,KAAK,OAAO,IAAI,CAAC,CAAEJ,qBAAqB;EAE1E,MAAMmC,cAAc,GAAG/F,OAAO,CAAE,MAAM;IACrC,IAAKgE,WAAW,KAAK,OAAO,EAAG;MAC9B,OAAO,IAAI;IACZ;IAEA,oBACCnC,KAAA,CAAAF,SAAA;MAAAqE,QAAA,gBACCvE,IAAA,CAACrB,aAAa;QACb6F,uBAAuB;QACvBC,SAAS,EAAC,+BAA+B;QACzCC,QAAQ,EAAKC,KAAK,IAAM;UACvB,IAAK9C,WAAW,EAAG;YAClBC,cAAc,CAAE,IAAK,CAAC;UACvB;UACAH,cAAc,CAAEgD,KAAM,CAAC;QACxB,CAAG;QACHA,KAAK,EAAGjD,WAAa;QACrBkD,KAAK,EAAG/F,EAAE,CAAE,QAAS,CAAG;QACxBgG,WAAW,EAAGhG,EAAE,CAAE,QAAS;MAAG,CAC9B,CAAC,EACA,CAAC,CAAE+C,kBAAkB,iBACtB5B,IAAA,CAACR,qBAAqB;QACrBkC,WAAW,EAAGE,kBAAoB;QAClCjB,QAAQ,EAAGA,QAAU;QACrBoD,OAAO,EAAGA,OAAS;QACnBxD,YAAY,EAAGA,YAAc;QAC7BC,QAAQ,EAAGA,QAAU;QACrBC,UAAU,EAAGA,UAAY;QACzBC,4BAA4B,EAC3BA,4BACA;QACDoE,kBAAkB;QAClB/D,gBAAgB,EAAGA,gBAAkB;QACrCgE,kBAAkB,EAAGxC,WAAW,KAAK;MAAY,CACjD,CACD;IAAA,CACA,CAAC;EAEL,CAAC,EAAE,CACFA,WAAW,EACXV,WAAW,EACXC,cAAc,EACdH,cAAc,EACdD,WAAW,EACXE,kBAAkB,EAClBjB,QAAQ,EACRoD,OAAO,EACPhD,gBAAgB,EAChBP,QAAQ,EACRD,YAAY,EACZG,4BAA4B,EAC5BD,UAAU,CACT,CAAC;EAEH,MAAMuE,SAAS,GAAGzG,OAAO,CAAE,MAAM;IAChC,oBACC6B,KAAA,CAAAF,SAAA;MAAAqE,QAAA,gBACCvE,IAAA;QAAKyE,SAAS,EAAC,mCAAmC;QAAAF,QAAA,eACjDvE,IAAA,CAACb,aAAa;UACbiC,GAAG,EAAG0B,gBAAkB;UACxBvC,YAAY,EAAGmC,uBAAyB;UACxCK,QAAQ,EAAGA,QAAU;UACrBgB,OAAO,EAAGA,OAAS;UACnBlD,kBAAkB,EAAGA;QAAoB,CACzC;MAAC,CACE,CAAC,EACJD,qBAAqB,iBACtBR,KAAA;QAAKqE,SAAS,EAAC,6BAA6B;QAAAF,QAAA,gBAC3CvE,IAAA,CAACtB,cAAc;UAACuG,EAAE,EAAC,IAAI;UAAAV,QAAA,EACpB1F,EAAE,CAAE,kCAAmC;QAAC,CAC3B,CAAC,eACjBmB,IAAA,CAACf,IAAI,IAAE,CAAC;MAAA,CACJ,CACL;IAAA,CACA,CAAC;EAEL,CAAC,EAAE,CACFyD,uBAAuB,EACvBK,QAAQ,EACRgB,OAAO,EACPlD,kBAAkB,EAClBD,qBAAqB,CACpB,CAAC;EAEH,MAAMsE,WAAW,GAAG3G,OAAO,CAAE,MAAM;IAClC,oBACCyB,IAAA,CAACZ,gBAAgB;MAChBmB,YAAY,EAAGmC,uBAAyB;MACxCK,QAAQ,EAAGa,eAAiB;MAC5BuB,gBAAgB,EAAGlB,sBAAwB;MAC3CmB,gBAAgB,EAAGrD,uBAAyB;MAAAwC,QAAA,EAE1CH,gBAAgB,iBACjBpE,IAAA,CAACX,uBAAuB;QACvBkB,YAAY,EAAGmC,uBAAyB;QACxCK,QAAQ,EAAGa,eAAiB;QAC5ByB,QAAQ,EAAGtD,uBAAyB;QACpCE,aAAa,EAAGA,aAAe;QAC/BqD,mBAAmB;MAAA,CACnB;IACD,CACgB,CAAC;EAErB,CAAC,EAAE,CACF5C,uBAAuB,EACvBkB,eAAe,EACfK,sBAAsB,EACtBhC,aAAa,EACbF,uBAAuB,EACvBqC,gBAAgB,CACf,CAAC;EAEH,MAAMmB,QAAQ,GAAGhH,OAAO,CAAE,MAAM;IAC/B,oBACCyB,IAAA,CAACV,QAAQ;MACRiB,YAAY,EAAGmC,uBAAyB;MACxC0C,gBAAgB,EAAGjD,qBAAuB;MAC1CgD,gBAAgB,EAAG/C,wBAA0B;MAC7CW,QAAQ,EAAGA,QAAU;MAAAwB,QAAA,EAEnBF,cAAc,iBACfrE,IAAA,CAACT,kBAAkB;QAClBgB,YAAY,EAAGmC,uBAAyB;QACxCK,QAAQ,EAAGA,QAAU;QACrBsC,QAAQ,EAAGlD;MAAuB,CAClC;IACD,CACQ,CAAC;EAEb,CAAC,EAAE,CACFO,uBAAuB,EACvBK,QAAQ,EACRZ,qBAAqB,EACrBC,wBAAwB,EACxBiC,cAAc,CACb,CAAC;EAEH,MAAMmB,oBAAoB,GAAKb,KAAK,IAAM;IACzC;IACA,IAAKA,KAAK,KAAK,UAAU,EAAG;MAC3B3C,0BAA0B,CAAE,IAAK,CAAC;IACnC;IACAQ,cAAc,CAAEmC,KAAM,CAAC;EACxB,CAAC;;EAED;EACA,MAAMc,OAAO,GAAGjH,MAAM,CAAC,CAAC;EACxBC,eAAe,CAAE,MAAM;IACtB,IAAKgH,OAAO,CAACnC,OAAO,EAAG;MACtBF,MAAM,CAACC,qBAAqB,CAAE,MAAM;QACnCoC,OAAO,CAACnC,OAAO,CACbI,aAAa,CAAE,oCAAqC,CAAC,EACpDC,KAAK,CAAC,CAAC;MACX,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,oBACCvD,KAAA;IACCqE,SAAS,EAAGtG,IAAI,CAAE,6BAA6B,EAAE;MAChD,YAAY,EAAEiG,gBAAgB,IAAIC,cAAc;MAChD,aAAa,EAAEhD;IAChB,CAAE,CAAG;IACLD,GAAG,EAAGA,GAAK;IAAAmD,QAAA,gBAEXvE,IAAA;MAAKyE,SAAS,EAAC,kCAAkC;MAAAF,QAAA,eAChDvE,IAAA,CAACJ,aAAa;QACbwB,GAAG,EAAGqE,OAAS;QACf9E,QAAQ,EAAG6E,oBAAsB;QACjCvE,OAAO,EAAGA,OAAS;QACnBsB,WAAW,EAAGA,WAAa;QAC3BmD,gBAAgB,EAAG7G,EAAE,CAAE,sBAAuB,CAAG;QACjD8G,IAAI,EAAG,CACN;UACCC,IAAI,EAAE,QAAQ;UACdC,KAAK,EAAEhH,EAAE,CAAE,QAAS,CAAC;UACrBiH,KAAK,eACJ1F,KAAA,CAAAF,SAAA;YAAAqE,QAAA,GACGD,cAAc,EACd/B,WAAW,KAAK,QAAQ,IACzB,CAAEX,kBAAkB,IACpBoD,SAAS;UAAA,CACT;QAEJ,CAAC,EACD;UACCY,IAAI,EAAE,UAAU;UAChBC,KAAK,EAAEhH,EAAE,CAAE,UAAW,CAAC;UACvBiH,KAAK,eACJ1F,KAAA,CAAAF,SAAA;YAAAqE,QAAA,GACGD,cAAc,EACd/B,WAAW,KAAK,UAAU,IAC3B,CAAEX,kBAAkB,IACpBsD,WAAW;UAAA,CACX;QAEJ,CAAC,EACD;UACCU,IAAI,EAAE,OAAO;UACbC,KAAK,EAAEhH,EAAE,CAAE,OAAQ,CAAC;UACpBiH,KAAK,eACJ1F,KAAA,CAAAF,SAAA;YAAAqE,QAAA,GACGD,cAAc,EACdiB,QAAQ;UAAA,CACT;QAEJ,CAAC;MACC,CACH;IAAC,CACE,CAAC,EACJ3E,qBAAqB,IAAIiB,WAAW,iBACrC7B,IAAA,CAACpB,OAAO;MACP6F,SAAS,EAAC,mDAAmD;MAC7DsB,SAAS,EAAC,aAAa;MACvBC,MAAM,EAAG,EAAI;MACbC,YAAY,EAAG,KAAO;MACtBC,OAAO,EAAG,KAAO;MAAA3B,QAAA,eAEjBvE,IAAA,CAACd,oBAAoB;QAAC8E,IAAI,EAAGnC;MAAa,CAAE;IAAC,CACrC,CACT;EAAA,CACG,CAAC;AAER;AAEA,OAAO,MAAMsE,mBAAmB,GAAG/H,UAAU,CAAEkC,YAAa,CAAC;AAE7D,SAAS8F,kBAAkBA,CAAEC,KAAK,EAAEjF,GAAG,EAAG;EACzC,oBACCpB,IAAA,CAACmG,mBAAmB;IAAA,GACdE,KAAK;IACVrF,0BAA0B,EAAGX,IAAM;IACnCe,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ;AAEA,eAAehD,UAAU,CAAEgI,kBAAmB,CAAC","ignoreList":[]}
+{
+  "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\t__nextHasNoMarginBottom\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": []
+}