@wordpress/block-editor 12.24.0 → 12.26.0

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

@@ -1,17 +1,11 @@
 import { createElement, Fragment } from "react";
-/**
- * External dependencies
- */
-import classNames from 'classnames';
-
 /**
  * WordPress dependencies
  */
-import { __, isRTL } from '@wordpress/i18n';
+import { __ } from '@wordpress/i18n';
 import { useViewportMatch } from '@wordpress/compose';
-import { __experimentalItemGroup as ItemGroup, __experimentalItem as Item, __experimentalHStack as HStack, FlexBlock, Button } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { useCallback, useMemo } from '@wordpress/element';
-import { Icon, chevronRight, chevronLeft } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -22,12 +16,15 @@ import MediaUpload from '../../media-upload';
 import { useMediaCategories } from './hooks';
 import { getBlockAndPreviewFromMedia } from './utils';
 import MobileTabNavigation from '../mobile-tab-navigation';
+import CategoryTabs from '../category-tabs';
+import InserterNoResults from '../no-results';
 const ALLOWED_MEDIA_TYPES = ['image', 'video', 'audio'];
 function MediaTab({
   rootClientId,
   selectedCategory,
   onSelectCategory,
-  onInsert
+  onInsert,
+  children
 }) {
   const mediaCategories = useMediaCategories(rootClientId);
   const isMobile = useViewportMatch('medium', '<');
@@ -39,31 +36,20 @@ function MediaTab({
     const [block] = getBlockAndPreviewFromMedia(media, media.type);
     onInsert(block);
   }, [onInsert]);
-  const mobileMediaCategories = useMemo(() => mediaCategories.map(mediaCategory => ({
+  const categories = useMemo(() => mediaCategories.map(mediaCategory => ({
     ...mediaCategory,
     label: mediaCategory.labels.name
   })), [mediaCategories]);
+  if (!categories.length) {
+    return createElement(InserterNoResults, null);
+  }
   return createElement(Fragment, null, !isMobile && createElement("div", {
     className: `${baseCssClass}-container`
-  }, createElement("nav", {
-    "aria-label": __('Media categories')
-  }, createElement(ItemGroup, {
-    role: "list",
-    className: baseCssClass
-  }, mediaCategories.map(mediaCategory => createElement(Item, {
-    role: "listitem",
-    key: mediaCategory.name,
-    onClick: () => onSelectCategory(mediaCategory),
-    className: classNames(`${baseCssClass}__media-category`, {
-      'is-selected': selectedCategory === mediaCategory
-    }),
-    "aria-label": mediaCategory.labels.name,
-    "aria-current": mediaCategory === selectedCategory ? 'true' : undefined
-  }, createElement(HStack, null, createElement(FlexBlock, null, mediaCategory.labels.name), createElement(Icon, {
-    icon: isRTL() ? chevronLeft : chevronRight
-  })))), createElement("div", {
-    role: "listitem"
-  }, createElement(MediaUploadCheck, null, createElement(MediaUpload, {
+  }, createElement(CategoryTabs, {
+    categories: categories,
+    selectedCategory: selectedCategory,
+    onSelectCategory: onSelectCategory
+  }, children), createElement(MediaUploadCheck, null, createElement(MediaUpload, {
     multiple: false,
     onSelect: onSelectMedia,
     allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -84,8 +70,8 @@ function MediaTab({
       variant: "secondary",
       "data-unstable-ignore-focus-outside-for-relatedtarget": ".media-modal"
     }, __('Open Media Library'))
-  })))))), isMobile && createElement(MobileTabNavigation, {
-    categories: mobileMediaCategories
+  }))), isMobile && createElement(MobileTabNavigation, {
+    categories: categories
   }, category => createElement(MediaCategoryPanel, {
     onInsert: onInsert,
     rootClientId: rootClientId,

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

@@ -1 +1 @@
-{"version":3,"names":["classNames","__","isRTL","useViewportMatch","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalHStack","HStack","FlexBlock","Button","useCallback","useMemo","Icon","chevronRight","chevronLeft","MediaCategoryPanel","MediaUploadCheck","MediaUpload","useMediaCategories","getBlockAndPreviewFromMedia","MobileTabNavigation","ALLOWED_MEDIA_TYPES","MediaTab","rootClientId","selectedCategory","onSelectCategory","onInsert","mediaCategories","isMobile","baseCssClass","onSelectMedia","media","url","block","type","mobileMediaCategories","map","mediaCategory","label","labels","name","createElement","Fragment","className","role","key","onClick","undefined","icon","multiple","onSelect","allowedTypes","render","open","event","target","focus","variant","categories","category"],"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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SACCC,uBAAuB,IAAIC,SAAS,EACpCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,SAAS,EACTC,MAAM,QACA,uBAAuB;AAC9B,SAASC,WAAW,EAAEC,OAAO,QAAQ,oBAAoB;AACzD,SAASC,IAAI,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;;AAElE;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,eAAe;AAClD,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,WAAW,MAAM,oBAAoB;AAC5C,SAASC,kBAAkB,QAAQ,SAAS;AAC5C,SAASC,2BAA2B,QAAQ,SAAS;AACrD,OAAOC,mBAAmB,MAAM,0BAA0B;AAE1D,MAAMC,mBAAmB,GAAG,CAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAE;AAEzD,SAASC,QAAQA,CAAE;EAClBC,YAAY;EACZC,gBAAgB;EAChBC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAGT,kBAAkB,CAAEK,YAAa,CAAC;EAC1D,MAAMK,QAAQ,GAAG3B,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAClD,MAAM4B,YAAY,GAAG,mCAAmC;EACxD,MAAMC,aAAa,GAAGpB,WAAW,CAC9BqB,KAAK,IAAM;IACZ,IAAK,CAAEA,KAAK,EAAEC,GAAG,EAAG;MACnB;IACD;IACA,MAAM,CAAEC,KAAK,CAAE,GAAGd,2BAA2B,CAAEY,KAAK,EAAEA,KAAK,CAACG,IAAK,CAAC;IAClER,QAAQ,CAAEO,KAAM,CAAC;EAClB,CAAC,EACD,CAAEP,QAAQ,CACX,CAAC;EACD,MAAMS,qBAAqB,GAAGxB,OAAO,CACpC,MACCgB,eAAe,CAACS,GAAG,CAAIC,aAAa,KAAQ;IAC3C,GAAGA,aAAa;IAChBC,KAAK,EAAED,aAAa,CAACE,MAAM,CAACC;EAC7B,CAAC,CAAG,CAAC,EACN,CAAEb,eAAe,CAClB,CAAC;EACD,OACCc,aAAA,CAAAC,QAAA,QACG,CAAEd,QAAQ,IACXa,aAAA;IAAKE,SAAS,EAAI,GAAGd,YAAc;EAAa,GAC/CY,aAAA;IAAK,cAAa1C,EAAE,CAAE,kBAAmB;EAAG,GAC3C0C,aAAA,CAACtC,SAAS;IAACyC,IAAI,EAAC,MAAM;IAACD,SAAS,EAAGd;EAAc,GAC9CF,eAAe,CAACS,GAAG,CAAIC,aAAa,IACrCI,aAAA,CAACpC,IAAI;IACJuC,IAAI,EAAC,UAAU;IACfC,GAAG,EAAGR,aAAa,CAACG,IAAM;IAC1BM,OAAO,EAAGA,CAAA,KACTrB,gBAAgB,CAAEY,aAAc,CAChC;IACDM,SAAS,EAAG7C,UAAU,CACpB,GAAG+B,YAAc,kBAAiB,EACnC;MACC,aAAa,EACZL,gBAAgB,KAChBa;IACF,CACD,CAAG;IACH,cAAaA,aAAa,CAACE,MAAM,CAACC,IAAM;IACxC,gBACCH,aAAa,KAAKb,gBAAgB,GAC/B,MAAM,GACNuB;EACH,GAEDN,aAAA,CAAClC,MAAM,QACNkC,aAAA,CAACjC,SAAS,QACP6B,aAAa,CAACE,MAAM,CAACC,IACb,CAAC,EACZC,aAAA,CAAC7B,IAAI;IACJoC,IAAI,EACHhD,KAAK,CAAC,CAAC,GACJc,WAAW,GACXD;EACH,CACD,CACM,CACH,CACL,CAAC,EACH4B,aAAA;IAAKG,IAAI,EAAC;EAAU,GACnBH,aAAA,CAACzB,gBAAgB,QAChByB,aAAA,CAACxB,WAAW;IACXgC,QAAQ,EAAG,KAAO;IAClBC,QAAQ,EAAGpB,aAAe;IAC1BqB,YAAY,EAAG9B,mBAAqB;IACpC+B,MAAM,EAAGA,CAAE;MAAEC;IAAK,CAAC,KAClBZ,aAAA,CAAChC,MAAM;MACNqC,OAAO,EAAKQ,KAAK,IAAM;QACtB;QACA;QACA;QACA;QACA;QACA;QACAA,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC;QACpBH,IAAI,CAAC,CAAC;MACP,CAAG;MACHV,SAAS,EAAC,6CAA6C;MACvDc,OAAO,EAAC,WAAW;MACnB,wDAAqD;IAAc,GAEjE1D,EAAE,CAAE,oBAAqB,CACpB;EACN,CACH,CACgB,CACd,CACK,CACP,CACD,CACL,EACC6B,QAAQ,IACTa,aAAA,CAACrB,mBAAmB;IAACsC,UAAU,EAAGvB;EAAuB,GACpDwB,QAAQ,IACXlB,aAAA,CAAC1B,kBAAkB;IAClBW,QAAQ,EAAGA,QAAU;IACrBH,YAAY,EAAGA,YAAc;IAC7BoC,QAAQ,EAAGA;EAAU,CACrB,CAEkB,CAErB,CAAC;AAEL;AAEA,eAAerC,QAAQ","ignoreList":[]}
+{"version":3,"names":["__","useViewportMatch","Button","useCallback","useMemo","MediaCategoryPanel","MediaUploadCheck","MediaUpload","useMediaCategories","getBlockAndPreviewFromMedia","MobileTabNavigation","CategoryTabs","InserterNoResults","ALLOWED_MEDIA_TYPES","MediaTab","rootClientId","selectedCategory","onSelectCategory","onInsert","children","mediaCategories","isMobile","baseCssClass","onSelectMedia","media","url","block","type","categories","map","mediaCategory","label","labels","name","length","createElement","Fragment","className","multiple","onSelect","allowedTypes","render","open","onClick","event","target","focus","variant","category"],"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-module/components/inserter/menu.js

@@ -2,32 +2,31 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
-import { forwardRef, useState, useCallback, useMemo, useImperativeHandle, useRef } from '@wordpress/element';
+import { forwardRef, useState, useCallback, useMemo, useRef, useLayoutEffect } from '@wordpress/element';
 import { VisuallyHidden, SearchControl, Popover } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
 import { useDebouncedInput } from '@wordpress/compose';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
  */
-import { unlock } from '../../lock-unlock';
 import Tips from './tips';
 import InserterPreviewPanel from './preview-panel';
 import BlockTypesTab from './block-types-tab';
 import BlockPatternsTab from './block-patterns-tab';
 import { PatternCategoryPreviewPanel } from './block-patterns-tab/pattern-category-preview-panel';
-import { MediaTab, MediaCategoryDialog, useMediaCategories } from './media-tab';
+import { MediaTab, MediaCategoryPanel } from './media-tab';
 import InserterSearchResults from './search-results';
 import useInsertionPoint from './hooks/use-insertion-point';
 import InserterTabs from './tabs';
-import { store as blockEditorStore } from '../../store';
 import { useZoomOut } from '../../hooks/use-zoom-out';
+import { store as blockEditorStore } from '../../store';
 const NOOP = () => {};
 function InserterMenu({
   rootClientId,
@@ -39,14 +38,18 @@ function InserterMenu({
   showMostUsedBlocks,
   __experimentalFilterValue = '',
   shouldFocusBlock = true,
-  __experimentalOnPatternCategorySelection = NOOP
+  __experimentalOnPatternCategorySelection = NOOP,
+  onClose,
+  __experimentalInitialTab,
+  __experimentalInitialCategory
 }, ref) {
+  const isZoomOutMode = useSelect(select => select(blockEditorStore).__unstableGetEditorMode() === 'zoom-out', []);
   const [filterValue, setFilterValue, delayedFilterValue] = useDebouncedInput(__experimentalFilterValue);
   const [hoveredItem, setHoveredItem] = useState(null);
-  const [selectedPatternCategory, setSelectedPatternCategory] = useState(null);
+  const [selectedPatternCategory, setSelectedPatternCategory] = useState(__experimentalInitialCategory);
   const [patternFilter, setPatternFilter] = useState('all');
   const [selectedMediaCategory, setSelectedMediaCategory] = useState(null);
-  const [selectedTab, setSelectedTab] = useState(null);
+  const [selectedTab, setSelectedTab] = useState(__experimentalInitialTab);
   const [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint] = useInsertionPoint({
     rootClientId,
     clientId,
@@ -54,22 +57,19 @@ function InserterMenu({
     insertionIndex: __experimentalInsertionIndex,
     shouldFocusBlock
   });
-  const {
-    showPatterns
-  } = useSelect(select => {
-    const {
-      hasAllowedPatterns
-    } = unlock(select(blockEditorStore));
-    return {
-      showPatterns: hasAllowedPatterns(destinationRootClientId)
-    };
-  }, [destinationRootClientId]);
-  const mediaCategories = useMediaCategories(destinationRootClientId);
-  const showMedia = mediaCategories.length > 0;
+  const blockTypesTabRef = useRef();
   const onInsert = 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 = useCallback((blocks, patternName) => {
     onInsertBlocks(blocks, {
       patternName
@@ -83,59 +83,85 @@ function InserterMenu({
   const onHoverPattern = useCallback(item => {
     onToggleInsertionPoint(!!item);
   }, [onToggleInsertionPoint]);
-  const isZoomedOutViewExperimentEnabled = window?.__experimentalEnableZoomedOutView;
   const onClickPatternCategory = useCallback((patternCategory, filter) => {
     setSelectedPatternCategory(patternCategory);
     setPatternFilter(filter);
-    if (isZoomedOutViewExperimentEnabled) {
-      __experimentalOnPatternCategorySelection();
-    }
+    __experimentalOnPatternCategorySelection();
   }, [setSelectedPatternCategory, __experimentalOnPatternCategorySelection]);
-  const showPatternPanel = selectedTab === 'patterns' && !delayedFilterValue && selectedPatternCategory;
-  const blocksTab = useMemo(() => createElement(Fragment, null, createElement("div", {
-    className: "block-editor-inserter__block-list"
-  }, createElement(BlockTypesTab, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsert,
-    onHover: onHover,
-    showMostUsedBlocks: showMostUsedBlocks
-  })), showInserterHelpPanel && createElement("div", {
-    className: "block-editor-inserter__tips"
-  }, createElement(VisuallyHidden, {
-    as: "h2"
-  }, __('A tip for using the block editor')), createElement(Tips, null))), [destinationRootClientId, onInsert, onHover, showMostUsedBlocks, showInserterHelpPanel]);
-  const patternsTab = useMemo(() => createElement(BlockPatternsTab, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsertPattern,
-    onSelectCategory: onClickPatternCategory,
-    selectedCategory: selectedPatternCategory
-  }, showPatternPanel && createElement(PatternCategoryPreviewPanel, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsertPattern,
-    onHover: onHoverPattern,
-    category: selectedPatternCategory,
-    patternFilter: patternFilter,
-    showTitlesAsTooltip: true
-  })), [destinationRootClientId, onInsertPattern, onClickPatternCategory, selectedPatternCategory, showPatternPanel]);
-  const mediaTab = useMemo(() => createElement(MediaTab, {
-    rootClientId: destinationRootClientId,
-    selectedCategory: selectedMediaCategory,
-    onSelectCategory: setSelectedMediaCategory,
-    onInsert: onInsert
-  }), [destinationRootClientId, onInsert, selectedMediaCategory, setSelectedMediaCategory]);
-  const inserterTabsContents = useMemo(() => ({
-    blocks: blocksTab,
-    patterns: patternsTab,
-    media: mediaTab
-  }), [blocksTab, mediaTab, patternsTab]);
-  const searchRef = useRef();
-  useImperativeHandle(ref, () => ({
-    focusSearch: () => {
-      searchRef.current.focus();
+  const showPatternPanel = selectedTab === 'patterns' && !delayedFilterValue && !!selectedPatternCategory;
+  const showMediaPanel = selectedTab === 'media' && !!selectedMediaCategory;
+  const inserterSearch = useMemo(() => {
+    if (selectedTab === 'media') {
+      return null;
     }
-  }));
-  const showAsTabs = !delayedFilterValue && (showPatterns || showMedia);
-  const showMediaPanel = selectedTab === 'media' && !delayedFilterValue && selectedMediaCategory;
+    return createElement(Fragment, null, createElement(SearchControl, {
+      __nextHasNoMarginBottom: true,
+      className: "block-editor-inserter__search",
+      onChange: value => {
+        if (hoveredItem) {
+          setHoveredItem(null);
+        }
+        setFilterValue(value);
+      },
+      value: filterValue,
+      label: __('Search for blocks and patterns'),
+      placeholder: __('Search')
+    }), !!delayedFilterValue && createElement(InserterSearchResults, {
+      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 = useMemo(() => {
+    return createElement(Fragment, null, createElement("div", {
+      className: "block-editor-inserter__block-list"
+    }, createElement(BlockTypesTab, {
+      ref: blockTypesTabRef,
+      rootClientId: destinationRootClientId,
+      onInsert: onInsert,
+      onHover: onHover,
+      showMostUsedBlocks: showMostUsedBlocks
+    })), showInserterHelpPanel && createElement("div", {
+      className: "block-editor-inserter__tips"
+    }, createElement(VisuallyHidden, {
+      as: "h2"
+    }, __('A tip for using the block editor')), createElement(Tips, null)));
+  }, [destinationRootClientId, onInsert, onHover, showMostUsedBlocks, showInserterHelpPanel]);
+  const patternsTab = useMemo(() => {
+    return createElement(BlockPatternsTab, {
+      rootClientId: destinationRootClientId,
+      onInsert: onInsertPattern,
+      onSelectCategory: onClickPatternCategory,
+      selectedCategory: selectedPatternCategory
+    }, showPatternPanel && createElement(PatternCategoryPreviewPanel, {
+      rootClientId: destinationRootClientId,
+      onInsert: onInsertPattern,
+      onHover: onHoverPattern,
+      category: selectedPatternCategory,
+      patternFilter: patternFilter,
+      showTitlesAsTooltip: true
+    }));
+  }, [destinationRootClientId, onHoverPattern, onInsertPattern, onClickPatternCategory, patternFilter, selectedPatternCategory, showPatternPanel]);
+  const mediaTab = useMemo(() => {
+    return createElement(MediaTab, {
+      rootClientId: destinationRootClientId,
+      selectedCategory: selectedMediaCategory,
+      onSelectCategory: setSelectedMediaCategory,
+      onInsert: onInsert
+    }, showMediaPanel && createElement(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
   useZoomOut(showPatternPanel);
@@ -146,50 +172,30 @@ function InserterMenu({
     }
     setSelectedTab(value);
   };
+
+  // Focus first active tab, if any
+  const tabsRef = useRef();
+  useLayoutEffect(() => {
+    if (tabsRef.current) {
+      window.requestAnimationFrame(() => {
+        tabsRef.current.querySelector('[role="tab"][aria-selected="true"]')?.focus();
+      });
+    }
+  }, []);
   return createElement("div", {
-    className: classnames('block-editor-inserter__menu', {
-      'show-panel': showPatternPanel
-    })
+    className: clsx('block-editor-inserter__menu', {
+      'show-panel': showPatternPanel || showMediaPanel,
+      'is-zoom-out': isZoomOutMode
+    }),
+    ref: ref
   }, createElement("div", {
-    className: classnames('block-editor-inserter__main-area', {
-      'show-as-tabs': showAsTabs
-    })
-  }, createElement(SearchControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-editor-inserter__search",
-    onChange: value => {
-      if (hoveredItem) setHoveredItem(null);
-      setFilterValue(value);
-    },
-    value: filterValue,
-    label: __('Search for blocks and patterns'),
-    placeholder: __('Search'),
-    ref: searchRef
-  }), !!delayedFilterValue && createElement("div", {
-    className: "block-editor-inserter__no-tab-container"
-  }, createElement(InserterSearchResults, {
-    filterValue: delayedFilterValue,
-    onSelect: onSelect,
-    onHover: onHover,
-    onHoverPattern: onHoverPattern,
-    rootClientId: rootClientId,
-    clientId: clientId,
-    isAppender: isAppender,
-    __experimentalInsertionIndex: __experimentalInsertionIndex,
-    showBlockDirectory: true,
-    shouldFocusBlock: shouldFocusBlock
-  })), showAsTabs && createElement(InserterTabs, {
-    showPatterns: showPatterns,
-    showMedia: showMedia,
+    className: "block-editor-inserter__main-area"
+  }, createElement(InserterTabs, {
+    ref: tabsRef,
     onSelect: handleSetSelectedTab,
-    tabsContents: inserterTabsContents
-  }), !delayedFilterValue && !showAsTabs && createElement("div", {
-    className: "block-editor-inserter__no-tab-container"
-  }, blocksTab)), showMediaPanel && createElement(MediaCategoryDialog, {
-    rootClientId: destinationRootClientId,
-    onInsert: onInsert,
-    category: selectedMediaCategory
-  }), showInserterHelpPanel && hoveredItem && createElement(Popover, {
+    onClose: onClose,
+    selectedTab: selectedTab
+  }, inserterSearch, selectedTab === 'blocks' && !delayedFilterValue && blocksTab, selectedTab === 'patterns' && !delayedFilterValue && patternsTab, selectedTab === 'media' && mediaTab)), showInserterHelpPanel && hoveredItem && createElement(Popover, {
     className: "block-editor-inserter__preview-container__popover",
     placement: "right-start",
     offset: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","forwardRef","useState","useCallback","useMemo","useImperativeHandle","useRef","VisuallyHidden","SearchControl","Popover","__","useSelect","useDebouncedInput","unlock","Tips","InserterPreviewPanel","BlockTypesTab","BlockPatternsTab","PatternCategoryPreviewPanel","MediaTab","MediaCategoryDialog","useMediaCategories","InserterSearchResults","useInsertionPoint","InserterTabs","store","blockEditorStore","useZoomOut","NOOP","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","__experimentalOnPatternCategorySelection","ref","filterValue","setFilterValue","delayedFilterValue","hoveredItem","setHoveredItem","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","selectedTab","setSelectedTab","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","insertionIndex","showPatterns","select","hasAllowedPatterns","mediaCategories","showMedia","length","onInsert","blocks","meta","shouldForceFocusBlock","onInsertPattern","patternName","onHover","item","onHoverPattern","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","onClickPatternCategory","patternCategory","filter","showPatternPanel","blocksTab","createElement","Fragment","className","as","patternsTab","onSelectCategory","selectedCategory","category","showTitlesAsTooltip","mediaTab","inserterTabsContents","patterns","media","searchRef","focusSearch","current","focus","showAsTabs","showMediaPanel","handleSetSelectedTab","value","__nextHasNoMarginBottom","onChange","label","placeholder","showBlockDirectory","tabsContents","placement","offset","focusOnMount","animate"],"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","forwardRef","useState","useCallback","useMemo","useRef","useLayoutEffect","VisuallyHidden","SearchControl","Popover","__","useDebouncedInput","useSelect","Tips","InserterPreviewPanel","BlockTypesTab","BlockPatternsTab","PatternCategoryPreviewPanel","MediaTab","MediaCategoryPanel","InserterSearchResults","useInsertionPoint","InserterTabs","useZoomOut","store","blockEditorStore","NOOP","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","__experimentalOnPatternCategorySelection","onClose","__experimentalInitialTab","__experimentalInitialCategory","ref","isZoomOutMode","select","__unstableGetEditorMode","filterValue","setFilterValue","delayedFilterValue","hoveredItem","setHoveredItem","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","selectedTab","setSelectedTab","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","insertionIndex","blockTypesTabRef","onInsert","blocks","meta","shouldForceFocusBlock","window","requestAnimationFrame","current","contains","ownerDocument","activeElement","querySelector","focus","onInsertPattern","patternName","onHover","item","onHoverPattern","onClickPatternCategory","patternCategory","filter","showPatternPanel","showMediaPanel","inserterSearch","createElement","Fragment","__nextHasNoMarginBottom","className","onChange","value","label","placeholder","showBlockDirectory","prioritizePatterns","blocksTab","as","patternsTab","onSelectCategory","selectedCategory","category","showTitlesAsTooltip","mediaTab","handleSetSelectedTab","tabsRef","placement","offset","focusOnMount","animate"],"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-module/components/inserter/quick-inserter.js

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -82,7 +82,7 @@ export default function QuickInserter({
     maxBlockPatterns = prioritizePatterns ? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION : SHOWN_BLOCK_PATTERNS;
   }
   return createElement("div", {
-    className: classnames('block-editor-inserter__quick-inserter', {
+    className: clsx('block-editor-inserter__quick-inserter', {
       'has-search': showSearch,
       'has-expand': setInserterIsOpened
     })

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useState","useEffect","__","Button","SearchControl","useSelect","InserterSearchResults","useInsertionPoint","usePatternsState","useBlockTypesState","store","blockEditorStore","SEARCH_THRESHOLD","SHOWN_BLOCK_TYPES","SHOWN_BLOCK_PATTERNS","SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION","QuickInserter","onSelect","rootClientId","clientId","isAppender","prioritizePatterns","selectBlockOnInsert","hasSearch","filterValue","setFilterValue","destinationRootClientId","onInsertBlocks","blockTypes","patterns","setInserterIsOpened","insertionIndex","select","getSettings","getBlockIndex","getBlockCount","settings","index","blockCount","__experimentalSetIsInserterOpened","showPatterns","length","showSearch","onBrowseAll","maxBlockPatterns","createElement","className","__nextHasNoMarginBottom","value","onChange","label","placeholder","maxBlockTypes","isDraggable","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","useState","useEffect","__","Button","SearchControl","useSelect","InserterSearchResults","useInsertionPoint","usePatternsState","useBlockTypesState","store","blockEditorStore","SEARCH_THRESHOLD","SHOWN_BLOCK_TYPES","SHOWN_BLOCK_PATTERNS","SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION","QuickInserter","onSelect","rootClientId","clientId","isAppender","prioritizePatterns","selectBlockOnInsert","hasSearch","filterValue","setFilterValue","destinationRootClientId","onInsertBlocks","blockTypes","patterns","setInserterIsOpened","insertionIndex","select","getSettings","getBlockIndex","getBlockCount","settings","index","blockCount","__experimentalSetIsInserterOpened","showPatterns","length","showSearch","onBrowseAll","maxBlockPatterns","createElement","className","__nextHasNoMarginBottom","value","onChange","label","placeholder","maxBlockTypes","isDraggable","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":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,aAAa,QAAQ,uBAAuB;AAC7D,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,kBAAkB;AACpD,OAAOC,iBAAiB,MAAM,6BAA6B;AAC3D,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,kBAAkB,MAAM,+BAA+B;AAC9D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,MAAMC,gBAAgB,GAAG,CAAC;AAC1B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,oBAAoB,GAAG,CAAC;AAC9B,MAAMC,wCAAwC,GAAG,CAAC;AAElD,eAAe,SAASC,aAAaA,CAAE;EACtCC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,kBAAkB;EAClBC,mBAAmB;EACnBC,SAAS,GAAG;AACb,CAAC,EAAG;EACH,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGzB,QAAQ,CAAE,EAAG,CAAC;EACtD,MAAM,CAAE0B,uBAAuB,EAAEC,cAAc,CAAE,GAAGpB,iBAAiB,CAAE;IACtEU,QAAQ;IACRC,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVE;EACD,CAAE,CAAC;EACH,MAAM,CAAEM,UAAU,CAAE,GAAGnB,kBAAkB,CACxCiB,uBAAuB,EACvBC,cACD,CAAC;EAED,MAAM,CAAEE,QAAQ,CAAE,GAAGrB,gBAAgB,CACpCmB,cAAc,EACdD,uBACD,CAAC;EAED,MAAM;IAAEI,mBAAmB;IAAEC;EAAe,CAAC,GAAG1B,SAAS,CACtD2B,MAAM,IAAM;IACb,MAAM;MAAEC,WAAW;MAAEC,aAAa;MAAEC;IAAc,CAAC,GAClDH,MAAM,CAAErB,gBAAiB,CAAC;IAC3B,MAAMyB,QAAQ,GAAGH,WAAW,CAAC,CAAC;IAC9B,MAAMI,KAAK,GAAGH,aAAa,CAAEf,QAAS,CAAC;IACvC,MAAMmB,UAAU,GAAGH,aAAa,CAAC,CAAC;IAElC,OAAO;MACNL,mBAAmB,EAAEM,QAAQ,CAACG,iCAAiC;MAC/DR,cAAc,EAAEM,KAAK,KAAK,CAAC,CAAC,GAAGC,UAAU,GAAGD;IAC7C,CAAC;EACF,CAAC,EACD,CAAElB,QAAQ,CACX,CAAC;EAED,MAAMqB,YAAY,GACjBX,QAAQ,CAACY,MAAM,KAAM,CAAC,CAAEjB,WAAW,IAAIH,kBAAkB,CAAE;EAC5D,MAAMqB,UAAU,GACfnB,SAAS,KACLiB,YAAY,IAAIX,QAAQ,CAACY,MAAM,GAAG7B,gBAAgB,IACrDgB,UAAU,CAACa,MAAM,GAAG7B,gBAAgB,CAAE;EAExCX,SAAS,CAAE,MAAM;IAChB,IAAK6B,mBAAmB,EAAG;MAC1BA,mBAAmB,CAAE,KAAM,CAAC;IAC7B;EACD,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;;EAE5B;EACA;EACA,MAAMa,WAAW,GAAGA,CAAA,KAAM;IACzBb,mBAAmB,CAAE;MAAEZ,YAAY;MAAEa,cAAc;MAAEP;IAAY,CAAE,CAAC;EACrE,CAAC;EAED,IAAIoB,gBAAgB,GAAG,CAAC;EACxB,IAAKJ,YAAY,EAAG;IACnBI,gBAAgB,GAAGvB,kBAAkB,GAClCN,wCAAwC,GACxCD,oBAAoB;EACxB;EAEA,OACC+B,aAAA;IACCC,SAAS,EAAG/C,IAAI,CAAE,uCAAuC,EAAE;MAC1D,YAAY,EAAE2C,UAAU;MACxB,YAAY,EAAEZ;IACf,CAAE;EAAG,GAEHY,UAAU,IACXG,aAAA,CAACzC,aAAa;IACb2C,uBAAuB;IACvBD,SAAS,EAAC,+BAA+B;IACzCE,KAAK,EAAGxB,WAAa;IACrByB,QAAQ,EAAKD,KAAK,IAAM;MACvBvB,cAAc,CAAEuB,KAAM,CAAC;IACxB,CAAG;IACHE,KAAK,EAAGhD,EAAE,CAAE,gCAAiC,CAAG;IAChDiD,WAAW,EAAGjD,EAAE,CAAE,QAAS;EAAG,CAC9B,CACD,EAED2C,aAAA;IAAKC,SAAS,EAAC;EAA+C,GAC7DD,aAAA,CAACvC,qBAAqB;IACrBkB,WAAW,EAAGA,WAAa;IAC3BP,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,QAAQ,EAAGA,QAAU;IACrBC,UAAU,EAAGA,UAAY;IACzBwB,gBAAgB,EAAGA,gBAAkB;IACrCQ,aAAa,EAAGvC,iBAAmB;IACnCwC,WAAW,EAAG,KAAO;IACrBhC,kBAAkB,EAAGA,kBAAoB;IACzCC,mBAAmB,EAAGA;EAAqB,CAC3C,CACG,CAAC,EAEJQ,mBAAmB,IACpBe,aAAA,CAAC1C,MAAM;IACN2C,SAAS,EAAC,8CAA8C;IACxDQ,OAAO,EAAGX,WAAa;IACvB,cAAazC,EAAE,CACd,2EACD;EAAG,GAEDA,EAAE,CAAE,YAAa,CACZ,CAEL,CAAC;AAER","ignoreList":[]}