@wordpress/block-editor 12.24.0 → 12.26.0

package/build/components/inserter/media-tab/media-tab.js

@@ -6,22 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
 var _mediaPanel = require("./media-panel");
 var _check = _interopRequireDefault(require("../../media-upload/check"));
 var _mediaUpload = _interopRequireDefault(require("../../media-upload"));
 var _hooks = require("./hooks");
 var _utils = require("./utils");
 var _mobileTabNavigation = _interopRequireDefault(require("../mobile-tab-navigation"));
-/**
- * External dependencies
- */
-
+var _categoryTabs = _interopRequireDefault(require("../category-tabs"));
+var _noResults = _interopRequireDefault(require("../no-results"));
 /**
  * WordPress dependencies
  */
@@ -35,7 +31,8 @@ function MediaTab({
   rootClientId,
   selectedCategory,
   onSelectCategory,
-  onInsert
+  onInsert,
+  children
 }) {
   const mediaCategories = (0, _hooks.useMediaCategories)(rootClientId);
   const isMobile = (0, _compose.useViewportMatch)('medium', '<');
@@ -47,31 +44,20 @@ function MediaTab({
     const [block] = (0, _utils.getBlockAndPreviewFromMedia)(media, media.type);
     onInsert(block);
   }, [onInsert]);
-  const mobileMediaCategories = (0, _element.useMemo)(() => mediaCategories.map(mediaCategory => ({
+  const categories = (0, _element.useMemo)(() => mediaCategories.map(mediaCategory => ({
     ...mediaCategory,
     label: mediaCategory.labels.name
   })), [mediaCategories]);
+  if (!categories.length) {
+    return (0, _react.createElement)(_noResults.default, null);
+  }
   return (0, _react.createElement)(_react.Fragment, null, !isMobile && (0, _react.createElement)("div", {
     className: `${baseCssClass}-container`
-  }, (0, _react.createElement)("nav", {
-    "aria-label": (0, _i18n.__)('Media categories')
-  }, (0, _react.createElement)(_components.__experimentalItemGroup, {
-    role: "list",
-    className: baseCssClass
-  }, mediaCategories.map(mediaCategory => (0, _react.createElement)(_components.__experimentalItem, {
-    role: "listitem",
-    key: mediaCategory.name,
-    onClick: () => onSelectCategory(mediaCategory),
-    className: (0, _classnames.default)(`${baseCssClass}__media-category`, {
-      'is-selected': selectedCategory === mediaCategory
-    }),
-    "aria-label": mediaCategory.labels.name,
-    "aria-current": mediaCategory === selectedCategory ? 'true' : undefined
-  }, (0, _react.createElement)(_components.__experimentalHStack, null, (0, _react.createElement)(_components.FlexBlock, null, mediaCategory.labels.name), (0, _react.createElement)(_icons.Icon, {
-    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-  })))), (0, _react.createElement)("div", {
-    role: "listitem"
-  }, (0, _react.createElement)(_check.default, null, (0, _react.createElement)(_mediaUpload.default, {
+  }, (0, _react.createElement)(_categoryTabs.default, {
+    categories: categories,
+    selectedCategory: selectedCategory,
+    onSelectCategory: onSelectCategory
+  }, children), (0, _react.createElement)(_check.default, null, (0, _react.createElement)(_mediaUpload.default, {
     multiple: false,
     onSelect: onSelectMedia,
     allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -92,8 +78,8 @@ function MediaTab({
       variant: "secondary",
       "data-unstable-ignore-focus-outside-for-relatedtarget": ".media-modal"
     }, (0, _i18n.__)('Open Media Library'))
-  })))))), isMobile && (0, _react.createElement)(_mobileTabNavigation.default, {
-    categories: mobileMediaCategories
+  }))), isMobile && (0, _react.createElement)(_mobileTabNavigation.default, {
+    categories: categories
   }, category => (0, _react.createElement)(_mediaPanel.MediaCategoryPanel, {
     onInsert: onInsert,
     rootClientId: rootClientId,

package/build/components/inserter/media-tab/media-tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_compose","_components","_element","_icons","_mediaPanel","_check","_mediaUpload","_hooks","_utils","_mobileTabNavigation","ALLOWED_MEDIA_TYPES","MediaTab","rootClientId","selectedCategory","onSelectCategory","onInsert","mediaCategories","useMediaCategories","isMobile","useViewportMatch","baseCssClass","onSelectMedia","useCallback","media","url","block","getBlockAndPreviewFromMedia","type","mobileMediaCategories","useMemo","map","mediaCategory","label","labels","name","_react","createElement","Fragment","className","__","__experimentalItemGroup","role","__experimentalItem","key","onClick","classNames","undefined","__experimentalHStack","FlexBlock","Icon","icon","isRTL","chevronLeft","chevronRight","default","multiple","onSelect","allowedTypes","render","open","Button","event","target","focus","variant","categories","category","MediaCategoryPanel","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-tab.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tButton,\n} from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { Icon, chevronRight, chevronLeft } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { MediaCategoryPanel } from './media-panel';\nimport MediaUploadCheck from '../../media-upload/check';\nimport MediaUpload from '../../media-upload';\nimport { useMediaCategories } from './hooks';\nimport { getBlockAndPreviewFromMedia } from './utils';\nimport MobileTabNavigation from '../mobile-tab-navigation';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video', 'audio' ];\n\nfunction MediaTab( {\n\trootClientId,\n\tselectedCategory,\n\tonSelectCategory,\n\tonInsert,\n} ) {\n\tconst mediaCategories = useMediaCategories( rootClientId );\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\tconst baseCssClass = 'block-editor-inserter__media-tabs';\n\tconst onSelectMedia = useCallback(\n\t\t( media ) => {\n\t\t\tif ( ! media?.url ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [ block ] = getBlockAndPreviewFromMedia( media, media.type );\n\t\t\tonInsert( block );\n\t\t},\n\t\t[ onInsert ]\n\t);\n\tconst mobileMediaCategories = useMemo(\n\t\t() =>\n\t\t\tmediaCategories.map( ( mediaCategory ) => ( {\n\t\t\t\t...mediaCategory,\n\t\t\t\tlabel: mediaCategory.labels.name,\n\t\t\t} ) ),\n\t\t[ mediaCategories ]\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ ! isMobile && (\n\t\t\t\t<div className={ `${ baseCssClass }-container` }>\n\t\t\t\t\t<nav aria-label={ __( 'Media categories' ) }>\n\t\t\t\t\t\t<ItemGroup role=\"list\" className={ baseCssClass }>\n\t\t\t\t\t\t\t{ mediaCategories.map( ( mediaCategory ) => (\n\t\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\t\t\tkey={ mediaCategory.name }\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tonSelectCategory( mediaCategory )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\t\t\t\t\t`${ baseCssClass }__media-category`,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-selected':\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCategory ===\n\t\t\t\t\t\t\t\t\t\t\t\tmediaCategory,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ mediaCategory.labels.name }\n\t\t\t\t\t\t\t\t\taria-current={\n\t\t\t\t\t\t\t\t\t\tmediaCategory === selectedCategory\n\t\t\t\t\t\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t\t\t\t\t{ mediaCategory.labels.name }\n\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t<div role=\"listitem\">\n\t\t\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\tmultiple={ false }\n\t\t\t\t\t\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// Safari doesn't emit a focus event on button elements when\n\t\t\t\t\t\t\t\t\t\t\t\t\t// clicked and we need to manually focus the button here.\n\t\t\t\t\t\t\t\t\t\t\t\t\t// The reason is that core's Media Library modal explicitly triggers a\n\t\t\t\t\t\t\t\t\t\t\t\t\t// focus event and therefore a `blur` event is triggered on a different\n\t\t\t\t\t\t\t\t\t\t\t\t\t// element, which doesn't contain the `data-unstable-ignore-focus-outside-for-relatedtarget`\n\t\t\t\t\t\t\t\t\t\t\t\t\t// attribute making the Inserter dialog to close.\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\topen();\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__media-library-button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-unstable-ignore-focus-outside-for-relatedtarget=\".media-modal\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</nav>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isMobile && (\n\t\t\t\t<MobileTabNavigation categories={ mobileMediaCategories }>\n\t\t\t\t\t{ ( category ) => (\n\t\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</MobileTabNavigation>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default MediaTab;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_compose","_components","_element","_mediaPanel","_check","_interopRequireDefault","_mediaUpload","_hooks","_utils","_mobileTabNavigation","_categoryTabs","_noResults","ALLOWED_MEDIA_TYPES","MediaTab","rootClientId","selectedCategory","onSelectCategory","onInsert","children","mediaCategories","useMediaCategories","isMobile","useViewportMatch","baseCssClass","onSelectMedia","useCallback","media","url","block","getBlockAndPreviewFromMedia","type","categories","useMemo","map","mediaCategory","label","labels","name","length","_react","createElement","default","Fragment","className","multiple","onSelect","allowedTypes","render","open","Button","onClick","event","target","focus","variant","__","category","MediaCategoryPanel","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { MediaCategoryPanel } from './media-panel';\nimport MediaUploadCheck from '../../media-upload/check';\nimport MediaUpload from '../../media-upload';\nimport { useMediaCategories } from './hooks';\nimport { getBlockAndPreviewFromMedia } from './utils';\nimport MobileTabNavigation from '../mobile-tab-navigation';\nimport CategoryTabs from '../category-tabs';\nimport InserterNoResults from '../no-results';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video', 'audio' ];\n\nfunction MediaTab( {\n\trootClientId,\n\tselectedCategory,\n\tonSelectCategory,\n\tonInsert,\n\tchildren,\n} ) {\n\tconst mediaCategories = useMediaCategories( rootClientId );\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\tconst baseCssClass = 'block-editor-inserter__media-tabs';\n\tconst onSelectMedia = useCallback(\n\t\t( media ) => {\n\t\t\tif ( ! media?.url ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [ block ] = getBlockAndPreviewFromMedia( media, media.type );\n\t\t\tonInsert( block );\n\t\t},\n\t\t[ onInsert ]\n\t);\n\tconst categories = useMemo(\n\t\t() =>\n\t\t\tmediaCategories.map( ( mediaCategory ) => ( {\n\t\t\t\t...mediaCategory,\n\t\t\t\tlabel: mediaCategory.labels.name,\n\t\t\t} ) ),\n\t\t[ mediaCategories ]\n\t);\n\n\tif ( ! categories.length ) {\n\t\treturn <InserterNoResults />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isMobile && (\n\t\t\t\t<div className={ `${ baseCssClass }-container` }>\n\t\t\t\t\t<CategoryTabs\n\t\t\t\t\t\tcategories={ categories }\n\t\t\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\t\t\tonSelectCategory={ onSelectCategory }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</CategoryTabs>\n\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\tmultiple={ false }\n\t\t\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t// Safari doesn't emit a focus event on button elements when\n\t\t\t\t\t\t\t\t\t\t// clicked and we need to manually focus the button here.\n\t\t\t\t\t\t\t\t\t\t// The reason is that core's Media Library modal explicitly triggers a\n\t\t\t\t\t\t\t\t\t\t// focus event and therefore a `blur` event is triggered on a different\n\t\t\t\t\t\t\t\t\t\t// element, which doesn't contain the `data-unstable-ignore-focus-outside-for-relatedtarget`\n\t\t\t\t\t\t\t\t\t\t// attribute making the Inserter dialog to close.\n\t\t\t\t\t\t\t\t\t\tevent.target.focus();\n\t\t\t\t\t\t\t\t\t\topen();\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__media-library-button\"\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tdata-unstable-ignore-focus-outside-for-relatedtarget=\".media-modal\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isMobile && (\n\t\t\t\t<MobileTabNavigation categories={ categories }>\n\t\t\t\t\t{ ( category ) => (\n\t\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</MobileTabNavigation>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default MediaTab;\n"],"mappings":"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","ignoreList":[]}

package/build/components/inserter/menu.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
-var _lockUnlock = require("../../lock-unlock");
+var _data = require("@wordpress/data");
 var _tips = _interopRequireDefault(require("./tips"));
 var _previewPanel = _interopRequireDefault(require("./preview-panel"));
 var _blockTypesTab = _interopRequireDefault(require("./block-types-tab"));
@@ -22,8 +21,8 @@ var _mediaTab = require("./media-tab");
 var _searchResults = _interopRequireDefault(require("./search-results"));
 var _useInsertionPoint = _interopRequireDefault(require("./hooks/use-insertion-point"));
 var _tabs = _interopRequireDefault(require("./tabs"));
-var _store = require("../../store");
 var _useZoomOut = require("../../hooks/use-zoom-out");
+var _store = require("../../store");
 /**
  * External dependencies
  */
@@ -47,14 +46,18 @@ function InserterMenu({
   showMostUsedBlocks,
   __experimentalFilterValue = '',
   shouldFocusBlock = true,
-  __experimentalOnPatternCategorySelection = NOOP
+  __experimentalOnPatternCategorySelection = NOOP,
+  onClose,
+  __experimentalInitialTab,
+  __experimentalInitialCategory
 }, ref) {
+  const isZoomOutMode = (0, _data.useSelect)(select => select(_store.store).__unstableGetEditorMode() === 'zoom-out', []);
   const [filterValue, setFilterValue, delayedFilterValue] = (0, _compose.useDebouncedInput)(__experimentalFilterValue);
   const [hoveredItem, setHoveredItem] = (0, _element.useState)(null);
-  const [selectedPatternCategory, setSelectedPatternCategory] = (0, _element.useState)(null);
+  const [selectedPatternCategory, setSelectedPatternCategory] = (0, _element.useState)(__experimentalInitialCategory);
   const [patternFilter, setPatternFilter] = (0, _element.useState)('all');
   const [selectedMediaCategory, setSelectedMediaCategory] = (0, _element.useState)(null);
-  const [selectedTab, setSelectedTab] = (0, _element.useState)(null);
+  const [selectedTab, setSelectedTab] = (0, _element.useState)(__experimentalInitialTab);
   const [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint] = (0, _useInsertionPoint.default)({
     rootClientId,
     clientId,
@@ -62,22 +65,19 @@ function InserterMenu({
     insertionIndex: __experimentalInsertionIndex,
     shouldFocusBlock
   });
-  const {
-    showPatterns
-  } = (0, _data.useSelect)(select => {
-    const {
-      hasAllowedPatterns
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    return {
-      showPatterns: hasAllowedPatterns(destinationRootClientId)
-    };
-  }, [destinationRootClientId]);
-  const mediaCategories = (0, _mediaTab.useMediaCategories)(destinationRootClientId);
-  const showMedia = mediaCategories.length > 0;
+  const blockTypesTabRef = (0, _element.useRef)();
   const onInsert = (0, _element.useCallback)((blocks, meta, shouldForceFocusBlock) => {
     onInsertBlocks(blocks, meta, shouldForceFocusBlock);
     onSelect();
-  }, [onInsertBlocks, onSelect]);
+
+    // 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 = (0, _element.useCallback)((blocks, patternName) => {
     onInsertBlocks(blocks, {
       patternName
@@ -91,59 +91,85 @@ function InserterMenu({
   const onHoverPattern = (0, _element.useCallback)(item => {
     onToggleInsertionPoint(!!item);
   }, [onToggleInsertionPoint]);
-  const isZoomedOutViewExperimentEnabled = window?.__experimentalEnableZoomedOutView;
   const onClickPatternCategory = (0, _element.useCallback)((patternCategory, filter) => {
     setSelectedPatternCategory(patternCategory);
     setPatternFilter(filter);
-    if (isZoomedOutViewExperimentEnabled) {
-      __experimentalOnPatternCategorySelection();
-    }
+    __experimentalOnPatternCategorySelection();
   }, [setSelectedPatternCategory, __experimentalOnPatternCategorySelection]);
-  const showPatternPanel = selectedTab === 'patterns' && !delayedFilterValue && selectedPatternCategory;
-  const blocksTab = (0, _element.useMemo)(() => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
-    className: "block-editor-inserter__block-list"
-  }, (0, _react.createElement)(_blockTypesTab.default, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsert,
-    onHover: onHover,
-    showMostUsedBlocks: showMostUsedBlocks
-  })), showInserterHelpPanel && (0, _react.createElement)("div", {
-    className: "block-editor-inserter__tips"
-  }, (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "h2"
-  }, (0, _i18n.__)('A tip for using the block editor')), (0, _react.createElement)(_tips.default, null))), [destinationRootClientId, onInsert, onHover, showMostUsedBlocks, showInserterHelpPanel]);
-  const patternsTab = (0, _element.useMemo)(() => (0, _react.createElement)(_blockPatternsTab.default, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsertPattern,
-    onSelectCategory: onClickPatternCategory,
-    selectedCategory: selectedPatternCategory
-  }, showPatternPanel && (0, _react.createElement)(_patternCategoryPreviewPanel.PatternCategoryPreviewPanel, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsertPattern,
-    onHover: onHoverPattern,
-    category: selectedPatternCategory,
-    patternFilter: patternFilter,
-    showTitlesAsTooltip: true
-  })), [destinationRootClientId, onInsertPattern, onClickPatternCategory, selectedPatternCategory, showPatternPanel]);
-  const mediaTab = (0, _element.useMemo)(() => (0, _react.createElement)(_mediaTab.MediaTab, {
-    rootClientId: destinationRootClientId,
-    selectedCategory: selectedMediaCategory,
-    onSelectCategory: setSelectedMediaCategory,
-    onInsert: onInsert
-  }), [destinationRootClientId, onInsert, selectedMediaCategory, setSelectedMediaCategory]);
-  const inserterTabsContents = (0, _element.useMemo)(() => ({
-    blocks: blocksTab,
-    patterns: patternsTab,
-    media: mediaTab
-  }), [blocksTab, mediaTab, patternsTab]);
-  const searchRef = (0, _element.useRef)();
-  (0, _element.useImperativeHandle)(ref, () => ({
-    focusSearch: () => {
-      searchRef.current.focus();
+  const showPatternPanel = selectedTab === 'patterns' && !delayedFilterValue && !!selectedPatternCategory;
+  const showMediaPanel = selectedTab === 'media' && !!selectedMediaCategory;
+  const inserterSearch = (0, _element.useMemo)(() => {
+    if (selectedTab === 'media') {
+      return null;
     }
-  }));
-  const showAsTabs = !delayedFilterValue && (showPatterns || showMedia);
-  const showMediaPanel = selectedTab === 'media' && !delayedFilterValue && selectedMediaCategory;
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.SearchControl, {
+      __nextHasNoMarginBottom: true,
+      className: "block-editor-inserter__search",
+      onChange: value => {
+        if (hoveredItem) {
+          setHoveredItem(null);
+        }
+        setFilterValue(value);
+      },
+      value: filterValue,
+      label: (0, _i18n.__)('Search for blocks and patterns'),
+      placeholder: (0, _i18n.__)('Search')
+    }), !!delayedFilterValue && (0, _react.createElement)(_searchResults.default, {
+      filterValue: delayedFilterValue,
+      onSelect: onSelect,
+      onHover: onHover,
+      onHoverPattern: onHoverPattern,
+      rootClientId: rootClientId,
+      clientId: clientId,
+      isAppender: isAppender,
+      __experimentalInsertionIndex: __experimentalInsertionIndex,
+      showBlockDirectory: true,
+      shouldFocusBlock: shouldFocusBlock,
+      prioritizePatterns: selectedTab === 'patterns'
+    }));
+  }, [selectedTab, hoveredItem, setHoveredItem, setFilterValue, filterValue, delayedFilterValue, onSelect, onHover, onHoverPattern, shouldFocusBlock, clientId, rootClientId, __experimentalInsertionIndex, isAppender]);
+  const blocksTab = (0, _element.useMemo)(() => {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
+      className: "block-editor-inserter__block-list"
+    }, (0, _react.createElement)(_blockTypesTab.default, {
+      ref: blockTypesTabRef,
+      rootClientId: destinationRootClientId,
+      onInsert: onInsert,
+      onHover: onHover,
+      showMostUsedBlocks: showMostUsedBlocks
+    })), showInserterHelpPanel && (0, _react.createElement)("div", {
+      className: "block-editor-inserter__tips"
+    }, (0, _react.createElement)(_components.VisuallyHidden, {
+      as: "h2"
+    }, (0, _i18n.__)('A tip for using the block editor')), (0, _react.createElement)(_tips.default, null)));
+  }, [destinationRootClientId, onInsert, onHover, showMostUsedBlocks, showInserterHelpPanel]);
+  const patternsTab = (0, _element.useMemo)(() => {
+    return (0, _react.createElement)(_blockPatternsTab.default, {
+      rootClientId: destinationRootClientId,
+      onInsert: onInsertPattern,
+      onSelectCategory: onClickPatternCategory,
+      selectedCategory: selectedPatternCategory
+    }, showPatternPanel && (0, _react.createElement)(_patternCategoryPreviewPanel.PatternCategoryPreviewPanel, {
+      rootClientId: destinationRootClientId,
+      onInsert: onInsertPattern,
+      onHover: onHoverPattern,
+      category: selectedPatternCategory,
+      patternFilter: patternFilter,
+      showTitlesAsTooltip: true
+    }));
+  }, [destinationRootClientId, onHoverPattern, onInsertPattern, onClickPatternCategory, patternFilter, selectedPatternCategory, showPatternPanel]);
+  const mediaTab = (0, _element.useMemo)(() => {
+    return (0, _react.createElement)(_mediaTab.MediaTab, {
+      rootClientId: destinationRootClientId,
+      selectedCategory: selectedMediaCategory,
+      onSelectCategory: setSelectedMediaCategory,
+      onInsert: onInsert
+    }, showMediaPanel && (0, _react.createElement)(_mediaTab.MediaCategoryPanel, {
+      rootClientId: destinationRootClientId,
+      onInsert: onInsert,
+      category: selectedMediaCategory
+    }));
+  }, [destinationRootClientId, onInsert, selectedMediaCategory, setSelectedMediaCategory, showMediaPanel]);
 
   // When the pattern panel is showing, we want to use zoom out mode
   (0, _useZoomOut.useZoomOut)(showPatternPanel);
@@ -154,50 +180,30 @@ function InserterMenu({
     }
     setSelectedTab(value);
   };
+
+  // Focus first active tab, if any
+  const tabsRef = (0, _element.useRef)();
+  (0, _element.useLayoutEffect)(() => {
+    if (tabsRef.current) {
+      window.requestAnimationFrame(() => {
+        tabsRef.current.querySelector('[role="tab"][aria-selected="true"]')?.focus();
+      });
+    }
+  }, []);
   return (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('block-editor-inserter__menu', {
-      'show-panel': showPatternPanel
-    })
+    className: (0, _clsx.default)('block-editor-inserter__menu', {
+      'show-panel': showPatternPanel || showMediaPanel,
+      'is-zoom-out': isZoomOutMode
+    }),
+    ref: ref
   }, (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('block-editor-inserter__main-area', {
-      'show-as-tabs': showAsTabs
-    })
-  }, (0, _react.createElement)(_components.SearchControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-editor-inserter__search",
-    onChange: value => {
-      if (hoveredItem) setHoveredItem(null);
-      setFilterValue(value);
-    },
-    value: filterValue,
-    label: (0, _i18n.__)('Search for blocks and patterns'),
-    placeholder: (0, _i18n.__)('Search'),
-    ref: searchRef
-  }), !!delayedFilterValue && (0, _react.createElement)("div", {
-    className: "block-editor-inserter__no-tab-container"
-  }, (0, _react.createElement)(_searchResults.default, {
-    filterValue: delayedFilterValue,
-    onSelect: onSelect,
-    onHover: onHover,
-    onHoverPattern: onHoverPattern,
-    rootClientId: rootClientId,
-    clientId: clientId,
-    isAppender: isAppender,
-    __experimentalInsertionIndex: __experimentalInsertionIndex,
-    showBlockDirectory: true,
-    shouldFocusBlock: shouldFocusBlock
-  })), showAsTabs && (0, _react.createElement)(_tabs.default, {
-    showPatterns: showPatterns,
-    showMedia: showMedia,
+    className: "block-editor-inserter__main-area"
+  }, (0, _react.createElement)(_tabs.default, {
+    ref: tabsRef,
     onSelect: handleSetSelectedTab,
-    tabsContents: inserterTabsContents
-  }), !delayedFilterValue && !showAsTabs && (0, _react.createElement)("div", {
-    className: "block-editor-inserter__no-tab-container"
-  }, blocksTab)), showMediaPanel && (0, _react.createElement)(_mediaTab.MediaCategoryDialog, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsert,
-    category: selectedMediaCategory
-  }), showInserterHelpPanel && hoveredItem && (0, _react.createElement)(_components.Popover, {
+    onClose: onClose,
+    selectedTab: selectedTab
+  }, inserterSearch, selectedTab === 'blocks' && !delayedFilterValue && blocksTab, selectedTab === 'patterns' && !delayedFilterValue && patternsTab, selectedTab === 'media' && mediaTab)), showInserterHelpPanel && hoveredItem && (0, _react.createElement)(_components.Popover, {
     className: "block-editor-inserter__preview-container__popover",
     placement: "right-start",
     offset: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_i18n","_data","_compose","_lockUnlock","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_patternCategoryPreviewPanel","_mediaTab","_searchResults","_useInsertionPoint","_tabs","_store","_useZoomOut","NOOP","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","__experimentalOnPatternCategorySelection","ref","filterValue","setFilterValue","delayedFilterValue","useDebouncedInput","hoveredItem","setHoveredItem","useState","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","selectedTab","setSelectedTab","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","useInsertionPoint","insertionIndex","showPatterns","useSelect","select","hasAllowedPatterns","unlock","blockEditorStore","mediaCategories","useMediaCategories","showMedia","length","onInsert","useCallback","blocks","meta","shouldForceFocusBlock","onInsertPattern","patternName","onHover","item","onHoverPattern","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","onClickPatternCategory","patternCategory","filter","showPatternPanel","blocksTab","useMemo","_react","createElement","Fragment","className","default","VisuallyHidden","as","__","patternsTab","onSelectCategory","selectedCategory","PatternCategoryPreviewPanel","category","showTitlesAsTooltip","mediaTab","MediaTab","inserterTabsContents","patterns","media","searchRef","useRef","useImperativeHandle","focusSearch","current","focus","showAsTabs","showMediaPanel","useZoomOut","handleSetSelectedTab","value","classnames","SearchControl","__nextHasNoMarginBottom","onChange","label","placeholder","showBlockDirectory","tabsContents","MediaCategoryDialog","Popover","placement","offset","focusOnMount","animate","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/inserter/menu.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseState,\n\tuseCallback,\n\tuseMemo,\n\tuseImperativeHandle,\n\tuseRef,\n} from '@wordpress/element';\nimport { VisuallyHidden, SearchControl, Popover } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useDebouncedInput } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Tips from './tips';\nimport InserterPreviewPanel from './preview-panel';\nimport BlockTypesTab from './block-types-tab';\nimport BlockPatternsTab from './block-patterns-tab';\nimport { PatternCategoryPreviewPanel } from './block-patterns-tab/pattern-category-preview-panel';\nimport { MediaTab, MediaCategoryDialog, useMediaCategories } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport InserterTabs from './tabs';\nimport { store as blockEditorStore } from '../../store';\nimport { useZoomOut } from '../../hooks/use-zoom-out';\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\t__experimentalOnPatternCategorySelection = NOOP,\n\t},\n\tref\n) {\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] =\n\t\tuseState( null );\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst [ selectedTab, setSelectedTab ] = useState( null );\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 { showPatterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { hasAllowedPatterns } = unlock( select( blockEditorStore ) );\n\t\t\treturn {\n\t\t\t\tshowPatterns: hasAllowedPatterns( destinationRootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ destinationRootClientId ]\n\t);\n\n\tconst mediaCategories = useMediaCategories( destinationRootClientId );\n\tconst showMedia = mediaCategories.length > 0;\n\n\tconst onInsert = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock ) => {\n\t\t\tonInsertBlocks( blocks, meta, shouldForceFocusBlock );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onInsertPattern = useCallback(\n\t\t( blocks, patternName ) => {\n\t\t\tonInsertBlocks( blocks, { patternName } );\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 onHoverPattern = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( !! item );\n\t\t},\n\t\t[ onToggleInsertionPoint ]\n\t);\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView;\n\tconst onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t\tif ( isZoomedOutViewExperimentEnabled ) {\n\t\t\t\t__experimentalOnPatternCategorySelection();\n\t\t\t}\n\t\t},\n\t\t[ setSelectedPatternCategory, __experimentalOnPatternCategorySelection ]\n\t);\n\n\tconst showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\tselectedPatternCategory;\n\n\tconst blocksTab = useMemo(\n\t\t() => (\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\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\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsert,\n\t\t\tonHover,\n\t\t\tshowMostUsedBlocks,\n\t\t\tshowInserterHelpPanel,\n\t\t]\n\t);\n\n\tconst patternsTab = useMemo(\n\t\t() => (\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<PatternCategoryPreviewPanel\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\t\tonHover={ onHoverPattern }\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\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsertPattern,\n\t\t\tonClickPatternCategory,\n\t\t\tselectedPatternCategory,\n\t\t\tshowPatternPanel,\n\t\t]\n\t);\n\n\tconst mediaTab = useMemo(\n\t\t() => (\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),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsert,\n\t\t\tselectedMediaCategory,\n\t\t\tsetSelectedMediaCategory,\n\t\t]\n\t);\n\n\tconst inserterTabsContents = useMemo(\n\t\t() => ( {\n\t\t\tblocks: blocksTab,\n\t\t\tpatterns: patternsTab,\n\t\t\tmedia: mediaTab,\n\t\t} ),\n\t\t[ blocksTab, mediaTab, patternsTab ]\n\t);\n\n\tconst searchRef = useRef();\n\tuseImperativeHandle( ref, () => ( {\n\t\tfocusSearch: () => {\n\t\t\tsearchRef.current.focus();\n\t\t},\n\t} ) );\n\n\tconst showAsTabs = ! delayedFilterValue && ( showPatterns || showMedia );\n\tconst showMediaPanel =\n\t\tselectedTab === 'media' &&\n\t\t! delayedFilterValue &&\n\t\tselectedMediaCategory;\n\n\t// When the pattern panel is showing, we want to use zoom out mode\n\tuseZoomOut( showPatternPanel );\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\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'block-editor-inserter__menu', {\n\t\t\t\t'show-panel': showPatternPanel,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'block-editor-inserter__main-area', {\n\t\t\t\t\t'show-as-tabs': showAsTabs,\n\t\t\t\t} ) }\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 ) setHoveredItem( null );\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 for blocks and patterns' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t\tref={ searchRef }\n\t\t\t\t/>\n\t\t\t\t{ !! delayedFilterValue && (\n\t\t\t\t\t<div className=\"block-editor-inserter__no-tab-container\">\n\t\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\t\tfilterValue={ delayedFilterValue }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\t\tonHoverPattern={ onHoverPattern }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\t\t\t__experimentalInsertionIndex\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tshowBlockDirectory\n\t\t\t\t\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ showAsTabs && (\n\t\t\t\t\t<InserterTabs\n\t\t\t\t\t\tshowPatterns={ showPatterns }\n\t\t\t\t\t\tshowMedia={ showMedia }\n\t\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\t\ttabsContents={ inserterTabsContents }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ! delayedFilterValue && ! showAsTabs && (\n\t\t\t\t\t<div className=\"block-editor-inserter__no-tab-container\">\n\t\t\t\t\t\t{ blocksTab }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ showMediaPanel && (\n\t\t\t\t<MediaCategoryDialog\n\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\tcategory={ selectedMediaCategory }\n\t\t\t\t/>\n\t\t\t) }\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 default forwardRef( InserterMenu );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_i18n","_compose","_data","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_patternCategoryPreviewPanel","_mediaTab","_searchResults","_useInsertionPoint","_tabs","_useZoomOut","_store","NOOP","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","__experimentalOnPatternCategorySelection","onClose","__experimentalInitialTab","__experimentalInitialCategory","ref","isZoomOutMode","useSelect","select","blockEditorStore","__unstableGetEditorMode","filterValue","setFilterValue","delayedFilterValue","useDebouncedInput","hoveredItem","setHoveredItem","useState","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","selectedTab","setSelectedTab","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","useInsertionPoint","insertionIndex","blockTypesTabRef","useRef","onInsert","useCallback","blocks","meta","shouldForceFocusBlock","window","requestAnimationFrame","current","contains","ownerDocument","activeElement","querySelector","focus","onInsertPattern","patternName","onHover","item","onHoverPattern","onClickPatternCategory","patternCategory","filter","showPatternPanel","showMediaPanel","inserterSearch","useMemo","_react","createElement","Fragment","SearchControl","__nextHasNoMarginBottom","className","onChange","value","label","__","placeholder","default","showBlockDirectory","prioritizePatterns","blocksTab","VisuallyHidden","as","patternsTab","onSelectCategory","selectedCategory","PatternCategoryPreviewPanel","category","showTitlesAsTooltip","mediaTab","MediaTab","MediaCategoryPanel","useZoomOut","handleSetSelectedTab","tabsRef","useLayoutEffect","clsx","Popover","placement","offset","focusOnMount","animate","_default","exports","forwardRef"],"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 } 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 { PatternCategoryPreviewPanel } from './block-patterns-tab/pattern-category-preview-panel';\nimport { MediaTab, MediaCategoryPanel } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport InserterTabs from './tabs';\nimport { useZoomOut } from '../../hooks/use-zoom-out';\nimport { store as blockEditorStore } from '../../store';\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\t__experimentalOnPatternCategorySelection = NOOP,\n\t\tonClose,\n\t\t__experimentalInitialTab,\n\t\t__experimentalInitialCategory,\n\t},\n\tref\n) {\n\tconst isZoomOutMode = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() === 'zoom-out',\n\t\t[]\n\t);\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 [ selectedTab, setSelectedTab ] = useState(\n\t\t__experimentalInitialTab\n\t);\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 ) => {\n\t\t\tonInsertBlocks( blocks, meta, shouldForceFocusBlock );\n\t\t\tonSelect();\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 ) => {\n\t\t\tonInsertBlocks( blocks, { patternName } );\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 onHoverPattern = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( !! item );\n\t\t},\n\t\t[ onToggleInsertionPoint ]\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\t__experimentalOnPatternCategorySelection();\n\t\t},\n\t\t[ setSelectedPatternCategory, __experimentalOnPatternCategorySelection ]\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 for blocks and patterns' ) }\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\tonHoverPattern={ onHoverPattern }\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\tonHoverPattern,\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<PatternCategoryPreviewPanel\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\t\tonHover={ onHoverPattern }\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\tonHoverPattern,\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\t// When the pattern panel is showing, we want to use zoom out mode\n\tuseZoomOut( showPatternPanel );\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<InserterTabs\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>\n\t\t\t\t\t{ inserterSearch }\n\t\t\t\t\t{ selectedTab === 'blocks' &&\n\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\tblocksTab }\n\t\t\t\t\t{ selectedTab === 'patterns' &&\n\t\t\t\t\t\t! delayedFilterValue &&\n\t\t\t\t\t\tpatternsTab }\n\t\t\t\t\t{ selectedTab === 'media' && mediaTab }\n\t\t\t\t</InserterTabs>\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 default forwardRef( InserterMenu );\n"],"mappings":"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","ignoreList":[]}

package/build/components/inserter/quick-inserter.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = QuickInserter;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -90,7 +90,7 @@ function QuickInserter({
     maxBlockPatterns = prioritizePatterns ? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION : SHOWN_BLOCK_PATTERNS;
   }
   return (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('block-editor-inserter__quick-inserter', {
+    className: (0, _clsx.default)('block-editor-inserter__quick-inserter', {
       'has-search': showSearch,
       'has-expand': setInserterIsOpened
     })

package/build/components/inserter/quick-inserter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_components","_data","_searchResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_store","SEARCH_THRESHOLD","SHOWN_BLOCK_TYPES","SHOWN_BLOCK_PATTERNS","SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION","QuickInserter","onSelect","rootClientId","clientId","isAppender","prioritizePatterns","selectBlockOnInsert","hasSearch","filterValue","setFilterValue","useState","destinationRootClientId","onInsertBlocks","useInsertionPoint","blockTypes","useBlockTypesState","patterns","usePatternsState","setInserterIsOpened","insertionIndex","useSelect","select","getSettings","getBlockIndex","getBlockCount","blockEditorStore","settings","index","blockCount","__experimentalSetIsInserterOpened","showPatterns","length","showSearch","useEffect","onBrowseAll","maxBlockPatterns","_react","createElement","className","classnames","SearchControl","__nextHasNoMarginBottom","value","onChange","label","__","placeholder","default","maxBlockTypes","isDraggable","Button","onClick"],"sources":["@wordpress/block-editor/src/components/inserter/quick-inserter.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, SearchControl } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { store as blockEditorStore } from '../../store';\n\nconst SEARCH_THRESHOLD = 6;\nconst SHOWN_BLOCK_TYPES = 6;\nconst SHOWN_BLOCK_PATTERNS = 2;\nconst SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION = 4;\n\nexport default function QuickInserter( {\n\tonSelect,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n\thasSearch = true,\n} ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [ blockTypes ] = useBlockTypesState(\n\t\tdestinationRootClientId,\n\t\tonInsertBlocks\n\t);\n\n\tconst [ patterns ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst { setInserterIsOpened, insertionIndex } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getBlockIndex, getBlockCount } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst settings = getSettings();\n\t\t\tconst index = getBlockIndex( clientId );\n\t\t\tconst blockCount = getBlockCount();\n\n\t\t\treturn {\n\t\t\t\tsetInserterIsOpened: settings.__experimentalSetIsInserterOpened,\n\t\t\t\tinsertionIndex: index === -1 ? blockCount : index,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst showPatterns =\n\t\tpatterns.length && ( !! filterValue || prioritizePatterns );\n\tconst showSearch =\n\t\thasSearch &&\n\t\t( ( showPatterns && patterns.length > SEARCH_THRESHOLD ) ||\n\t\t\tblockTypes.length > SEARCH_THRESHOLD );\n\n\tuseEffect( () => {\n\t\tif ( setInserterIsOpened ) {\n\t\t\tsetInserterIsOpened( false );\n\t\t}\n\t}, [ setInserterIsOpened ] );\n\n\t// When clicking Browse All select the appropriate block so as\n\t// the insertion point can work as expected.\n\tconst onBrowseAll = () => {\n\t\tsetInserterIsOpened( { rootClientId, insertionIndex, filterValue } );\n\t};\n\n\tlet maxBlockPatterns = 0;\n\tif ( showPatterns ) {\n\t\tmaxBlockPatterns = prioritizePatterns\n\t\t\t? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION\n\t\t\t: SHOWN_BLOCK_PATTERNS;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'block-editor-inserter__quick-inserter', {\n\t\t\t\t'has-search': showSearch,\n\t\t\t\t'has-expand': setInserterIsOpened,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ showSearch && (\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\tvalue={ filterValue }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tlabel={ __( 'Search for blocks and patterns' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-results\">\n\t\t\t\t<InserterSearchResults\n\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\tmaxBlockPatterns={ maxBlockPatterns }\n\t\t\t\t\tmaxBlockTypes={ SHOWN_BLOCK_TYPES }\n\t\t\t\t\tisDraggable={ false }\n\t\t\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\t\t\tselectBlockOnInsert={ selectBlockOnInsert }\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{ setInserterIsOpened && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"block-editor-inserter__quick-inserter-expand\"\n\t\t\t\t\tonClick={ onBrowseAll }\n\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t'Browse all. This will open the main inserter panel in the editor toolbar.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Browse all' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_i18n","_components","_data","_searchResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_store","SEARCH_THRESHOLD","SHOWN_BLOCK_TYPES","SHOWN_BLOCK_PATTERNS","SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION","QuickInserter","onSelect","rootClientId","clientId","isAppender","prioritizePatterns","selectBlockOnInsert","hasSearch","filterValue","setFilterValue","useState","destinationRootClientId","onInsertBlocks","useInsertionPoint","blockTypes","useBlockTypesState","patterns","usePatternsState","setInserterIsOpened","insertionIndex","useSelect","select","getSettings","getBlockIndex","getBlockCount","blockEditorStore","settings","index","blockCount","__experimentalSetIsInserterOpened","showPatterns","length","showSearch","useEffect","onBrowseAll","maxBlockPatterns","_react","createElement","className","clsx","SearchControl","__nextHasNoMarginBottom","value","onChange","label","__","placeholder","default","maxBlockTypes","isDraggable","Button","onClick"],"sources":["@wordpress/block-editor/src/components/inserter/quick-inserter.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, SearchControl } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { store as blockEditorStore } from '../../store';\n\nconst SEARCH_THRESHOLD = 6;\nconst SHOWN_BLOCK_TYPES = 6;\nconst SHOWN_BLOCK_PATTERNS = 2;\nconst SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION = 4;\n\nexport default function QuickInserter( {\n\tonSelect,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n\thasSearch = true,\n} ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [ blockTypes ] = useBlockTypesState(\n\t\tdestinationRootClientId,\n\t\tonInsertBlocks\n\t);\n\n\tconst [ patterns ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst { setInserterIsOpened, insertionIndex } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getBlockIndex, getBlockCount } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst settings = getSettings();\n\t\t\tconst index = getBlockIndex( clientId );\n\t\t\tconst blockCount = getBlockCount();\n\n\t\t\treturn {\n\t\t\t\tsetInserterIsOpened: settings.__experimentalSetIsInserterOpened,\n\t\t\t\tinsertionIndex: index === -1 ? blockCount : index,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst showPatterns =\n\t\tpatterns.length && ( !! filterValue || prioritizePatterns );\n\tconst showSearch =\n\t\thasSearch &&\n\t\t( ( showPatterns && patterns.length > SEARCH_THRESHOLD ) ||\n\t\t\tblockTypes.length > SEARCH_THRESHOLD );\n\n\tuseEffect( () => {\n\t\tif ( setInserterIsOpened ) {\n\t\t\tsetInserterIsOpened( false );\n\t\t}\n\t}, [ setInserterIsOpened ] );\n\n\t// When clicking Browse All select the appropriate block so as\n\t// the insertion point can work as expected.\n\tconst onBrowseAll = () => {\n\t\tsetInserterIsOpened( { rootClientId, insertionIndex, filterValue } );\n\t};\n\n\tlet maxBlockPatterns = 0;\n\tif ( showPatterns ) {\n\t\tmaxBlockPatterns = prioritizePatterns\n\t\t\t? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION\n\t\t\t: SHOWN_BLOCK_PATTERNS;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'block-editor-inserter__quick-inserter', {\n\t\t\t\t'has-search': showSearch,\n\t\t\t\t'has-expand': setInserterIsOpened,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ showSearch && (\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\tvalue={ filterValue }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tlabel={ __( 'Search for blocks and patterns' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-results\">\n\t\t\t\t<InserterSearchResults\n\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\tmaxBlockPatterns={ maxBlockPatterns }\n\t\t\t\t\tmaxBlockTypes={ SHOWN_BLOCK_TYPES }\n\t\t\t\t\tisDraggable={ false }\n\t\t\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\t\t\tselectBlockOnInsert={ selectBlockOnInsert }\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{ setInserterIsOpened && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"block-editor-inserter__quick-inserter-expand\"\n\t\t\t\t\tonClick={ onBrowseAll }\n\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t'Browse all. This will open the main inserter panel in the editor toolbar.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Browse all' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}