@wordpress/block-editor 12.15.0 → 12.16.1-next.79a6196f.0

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_element","_menu","_interopRequireDefault","_store","noop","InserterLibrary","rootClientId","clientId","isAppender","showInserterHelpPanel","showMostUsedBlocks","__experimentalInsertionIndex","__experimentalFilterValue","onSelect","shouldFocusBlock","ref","destinationRootClientId","prioritizePatterns","useSelect","select","getBlockRootClientId","getSettings","blockEditorStore","_rootClientId","undefined","__experimentalPreferPatternsOnRoot","_react","createElement","default","_default","forwardRef","exports"],"sources":["@wordpress/block-editor/src/components/inserter/library.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterMenu from './menu';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nfunction InserterLibrary(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks = false,\n\t\t__experimentalInsertionIndex,\n\t\t__experimentalFilterValue,\n\t\tonSelect = noop,\n\t\tshouldFocusBlock = false,\n\t},\n\tref\n) {\n\tconst { destinationRootClientId, prioritizePatterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId, getSettings } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst _rootClientId =\n\t\t\t\trootClientId || getBlockRootClientId( clientId ) || undefined;\n\t\t\treturn {\n\t\t\t\tdestinationRootClientId: _rootClientId,\n\t\t\t\tprioritizePatterns:\n\t\t\t\t\tgetSettings().__experimentalPreferPatternsOnRoot &&\n\t\t\t\t\t! _rootClientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId, rootClientId ]\n\t);\n\n\treturn (\n\t\t<InserterMenu\n\t\t\tonSelect={ onSelect }\n\t\t\trootClientId={ destinationRootClientId }\n\t\t\tclientId={ clientId }\n\t\t\tisAppender={ isAppender }\n\t\t\tshowInserterHelpPanel={ showInserterHelpPanel }\n\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t__experimentalInsertionIndex={ __experimentalInsertionIndex }\n\t\t\t__experimentalFilterValue={ __experimentalFilterValue }\n\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterLibrary );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMK,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,eAAeA,CACvB;EACCC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,qBAAqB;EACrBC,kBAAkB,GAAG,KAAK;EAC1BC,4BAA4B;EAC5BC,yBAAyB;EACzBC,QAAQ,GAAGT,IAAI;EACfU,gBAAgB,GAAG;AACpB,CAAC,EACDC,GAAG,EACF;EACD,MAAM;IAAEC,uBAAuB;IAAEC;EAAmB,CAAC,GAAG,IAAAC,eAAS,EAC9DC,MAAM,IAAM;IACb,MAAM;MAAEC,oBAAoB;MAAEC;IAAY,CAAC,GAC1CF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,MAAMC,aAAa,GAClBjB,YAAY,IAAIc,oBAAoB,CAAEb,QAAS,CAAC,IAAIiB,SAAS;IAC9D,OAAO;MACNR,uBAAuB,EAAEO,aAAa;MACtCN,kBAAkB,EACjBI,WAAW,CAAC,CAAC,CAACI,kCAAkC,IAChD,CAAEF;IACJ,CAAC;EACF,CAAC,EACD,CAAEhB,QAAQ,EAAED,YAAY,CACzB,CAAC;EAED,OACC,IAAAoB,MAAA,CAAAC,aAAA,EAAC1B,KAAA,CAAA2B,OAAY;IACZf,QAAQ,EAAGA,QAAU;IACrBP,YAAY,EAAGU,uBAAyB;IACxCT,QAAQ,EAAGA,QAAU;IACrBC,UAAU,EAAGA,UAAY;IACzBC,qBAAqB,EAAGA,qBAAuB;IAC/CC,kBAAkB,EAAGA,kBAAoB;IACzCC,4BAA4B,EAAGA,4BAA8B;IAC7DC,yBAAyB,EAAGA,yBAA2B;IACvDE,gBAAgB,EAAGA,gBAAkB;IACrCG,kBAAkB,EAAGA,kBAAoB;IACzCF,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ;AAAC,IAAAc,QAAA,GAEc,IAAAC,mBAAU,EAAEzB,eAAgB,CAAC;AAAA0B,OAAA,CAAAH,OAAA,GAAAC,QAAA"}
+{"version":3,"names":["_data","require","_element","_menu","_interopRequireDefault","_store","noop","InserterLibrary","rootClientId","clientId","isAppender","showInserterHelpPanel","showMostUsedBlocks","__experimentalInsertionIndex","__experimentalFilterValue","onSelect","shouldFocusBlock","ref","destinationRootClientId","useSelect","select","getBlockRootClientId","blockEditorStore","_rootClientId","undefined","_react","createElement","default","_default","forwardRef","exports"],"sources":["@wordpress/block-editor/src/components/inserter/library.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterMenu from './menu';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nfunction InserterLibrary(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks = false,\n\t\t__experimentalInsertionIndex,\n\t\t__experimentalFilterValue,\n\t\tonSelect = noop,\n\t\tshouldFocusBlock = false,\n\t},\n\tref\n) {\n\tconst { destinationRootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\t\t\tconst _rootClientId =\n\t\t\t\trootClientId || getBlockRootClientId( clientId ) || undefined;\n\t\t\treturn {\n\t\t\t\tdestinationRootClientId: _rootClientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId, rootClientId ]\n\t);\n\n\treturn (\n\t\t<InserterMenu\n\t\t\tonSelect={ onSelect }\n\t\t\trootClientId={ destinationRootClientId }\n\t\t\tclientId={ clientId }\n\t\t\tisAppender={ isAppender }\n\t\t\tshowInserterHelpPanel={ showInserterHelpPanel }\n\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t__experimentalInsertionIndex={ __experimentalInsertionIndex }\n\t\t\t__experimentalFilterValue={ __experimentalFilterValue }\n\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterLibrary );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMK,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,eAAeA,CACvB;EACCC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,qBAAqB;EACrBC,kBAAkB,GAAG,KAAK;EAC1BC,4BAA4B;EAC5BC,yBAAyB;EACzBC,QAAQ,GAAGT,IAAI;EACfU,gBAAgB,GAAG;AACpB,CAAC,EACDC,GAAG,EACF;EACD,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,eAAS,EAC1CC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAqB,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IAC3D,MAAMC,aAAa,GAClBf,YAAY,IAAIa,oBAAoB,CAAEZ,QAAS,CAAC,IAAIe,SAAS;IAC9D,OAAO;MACNN,uBAAuB,EAAEK;IAC1B,CAAC;EACF,CAAC,EACD,CAAEd,QAAQ,EAAED,YAAY,CACzB,CAAC;EAED,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAACvB,KAAA,CAAAwB,OAAY;IACZZ,QAAQ,EAAGA,QAAU;IACrBP,YAAY,EAAGU,uBAAyB;IACxCT,QAAQ,EAAGA,QAAU;IACrBC,UAAU,EAAGA,UAAY;IACzBC,qBAAqB,EAAGA,qBAAuB;IAC/CC,kBAAkB,EAAGA,kBAAoB;IACzCC,4BAA4B,EAAGA,4BAA8B;IAC7DC,yBAAyB,EAAGA,yBAA2B;IACvDE,gBAAgB,EAAGA,gBAAkB;IACrCC,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ;AAAC,IAAAW,QAAA,GAEc,IAAAC,mBAAU,EAAEtB,eAAgB,CAAC;AAAAuB,OAAA,CAAAH,OAAA,GAAAC,QAAA"}

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

@@ -11,8 +11,8 @@ var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _dom = require("@wordpress/dom");
 var _i18n = require("@wordpress/i18n");
+var _compose = require("@wordpress/compose");
 var _mediaList = _interopRequireDefault(require("./media-list"));
-var _useDebouncedInput = _interopRequireDefault(require("../hooks/use-debounced-input"));
 var _hooks = require("./hooks");
 var _noResults = _interopRequireDefault(require("../no-results"));
 /**
@@ -51,7 +51,7 @@ function MediaCategoryPanel({
   onInsert,
   category
 }) {
-  const [search, setSearch, debouncedSearch] = (0, _useDebouncedInput.default)();
+  const [search, setSearch, debouncedSearch] = (0, _compose.useDebouncedInput)();
   const {
     mediaList,
     isLoading

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_dom","_i18n","_mediaList","_interopRequireDefault","_useDebouncedInput","_hooks","_noResults","INITIAL_MEDIA_ITEMS_PER_PAGE","MediaCategoryDialog","rootClientId","onInsert","category","container","useRef","useEffect","timeout","setTimeout","firstTabbable","focus","tabbable","find","current","clearTimeout","_react","createElement","ref","className","MediaCategoryPanel","search","setSearch","debouncedSearch","useDebouncedInput","mediaList","isLoading","useMediaResults","per_page","baseCssClass","searchLabel","labels","search_items","__","SearchControl","onChange","value","label","placeholder","Spinner","length","default","onClick"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { Spinner, SearchControl } from '@wordpress/components';\nimport { focus } from '@wordpress/dom';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport MediaList from './media-list';\nimport useDebouncedInput from '../hooks/use-debounced-input';\nimport { useMediaResults } from './hooks';\nimport InserterNoResults from '../no-results';\n\nconst INITIAL_MEDIA_ITEMS_PER_PAGE = 10;\n\nexport function MediaCategoryDialog( { rootClientId, onInsert, category } ) {\n\tconst container = useRef();\n\tuseEffect( () => {\n\t\tconst timeout = setTimeout( () => {\n\t\t\tconst [ firstTabbable ] = focus.tabbable.find( container.current );\n\t\t\tfirstTabbable?.focus();\n\t\t} );\n\t\treturn () => clearTimeout( timeout );\n\t}, [ category ] );\n\treturn (\n\t\t<div ref={ container } className=\"block-editor-inserter__media-dialog\">\n\t\t\t<MediaCategoryPanel\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t\tcategory={ category }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport function MediaCategoryPanel( { rootClientId, onInsert, category } ) {\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tconst { mediaList, isLoading } = useMediaResults( category, {\n\t\tper_page: !! debouncedSearch ? 20 : INITIAL_MEDIA_ITEMS_PER_PAGE,\n\t\tsearch: debouncedSearch,\n\t} );\n\tconst baseCssClass = 'block-editor-inserter__media-panel';\n\tconst searchLabel = category.labels.search_items || __( 'Search' );\n\treturn (\n\t\t<div className={ baseCssClass }>\n\t\t\t<SearchControl\n\t\t\t\tclassName={ `${ baseCssClass }-search` }\n\t\t\t\tonChange={ setSearch }\n\t\t\t\tvalue={ search }\n\t\t\t\tlabel={ searchLabel }\n\t\t\t\tplaceholder={ searchLabel }\n\t\t\t/>\n\t\t\t{ isLoading && (\n\t\t\t\t<div className={ `${ baseCssClass }-spinner` }>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! isLoading && ! mediaList?.length && <InserterNoResults /> }\n\t\t\t{ ! isLoading && !! mediaList?.length && (\n\t\t\t\t<MediaList\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tonClick={ onInsert }\n\t\t\t\t\tmediaList={ mediaList }\n\t\t\t\t\tcategory={ category }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_components","_dom","_i18n","_compose","_mediaList","_interopRequireDefault","_hooks","_noResults","INITIAL_MEDIA_ITEMS_PER_PAGE","MediaCategoryDialog","rootClientId","onInsert","category","container","useRef","useEffect","timeout","setTimeout","firstTabbable","focus","tabbable","find","current","clearTimeout","_react","createElement","ref","className","MediaCategoryPanel","search","setSearch","debouncedSearch","useDebouncedInput","mediaList","isLoading","useMediaResults","per_page","baseCssClass","searchLabel","labels","search_items","__","SearchControl","onChange","value","label","placeholder","Spinner","length","default","onClick"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { Spinner, SearchControl } from '@wordpress/components';\nimport { focus } from '@wordpress/dom';\nimport { __ } from '@wordpress/i18n';\nimport { useDebouncedInput } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport MediaList from './media-list';\nimport { useMediaResults } from './hooks';\nimport InserterNoResults from '../no-results';\n\nconst INITIAL_MEDIA_ITEMS_PER_PAGE = 10;\n\nexport function MediaCategoryDialog( { rootClientId, onInsert, category } ) {\n\tconst container = useRef();\n\tuseEffect( () => {\n\t\tconst timeout = setTimeout( () => {\n\t\t\tconst [ firstTabbable ] = focus.tabbable.find( container.current );\n\t\t\tfirstTabbable?.focus();\n\t\t} );\n\t\treturn () => clearTimeout( timeout );\n\t}, [ category ] );\n\treturn (\n\t\t<div ref={ container } className=\"block-editor-inserter__media-dialog\">\n\t\t\t<MediaCategoryPanel\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t\tcategory={ category }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport function MediaCategoryPanel( { rootClientId, onInsert, category } ) {\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tconst { mediaList, isLoading } = useMediaResults( category, {\n\t\tper_page: !! debouncedSearch ? 20 : INITIAL_MEDIA_ITEMS_PER_PAGE,\n\t\tsearch: debouncedSearch,\n\t} );\n\tconst baseCssClass = 'block-editor-inserter__media-panel';\n\tconst searchLabel = category.labels.search_items || __( 'Search' );\n\treturn (\n\t\t<div className={ baseCssClass }>\n\t\t\t<SearchControl\n\t\t\t\tclassName={ `${ baseCssClass }-search` }\n\t\t\t\tonChange={ setSearch }\n\t\t\t\tvalue={ search }\n\t\t\t\tlabel={ searchLabel }\n\t\t\t\tplaceholder={ searchLabel }\n\t\t\t/>\n\t\t\t{ isLoading && (\n\t\t\t\t<div className={ `${ baseCssClass }-spinner` }>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! isLoading && ! mediaList?.length && <InserterNoResults /> }\n\t\t\t{ ! isLoading && !! mediaList?.length && (\n\t\t\t\t<MediaList\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tonClick={ onInsert }\n\t\t\t\t\tmediaList={ mediaList }\n\t\t\t\t\tcategory={ category }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/components/inserter/menu.js

@@ -11,6 +11,8 @@ 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 _tips = _interopRequireDefault(require("./tips"));
 var _previewPanel = _interopRequireDefault(require("./preview-panel"));
 var _blockTypesTab = _interopRequireDefault(require("./block-types-tab"));
@@ -18,7 +20,6 @@ var _blockPatternsTab = _interopRequireDefault(require("./block-patterns-tab"));
 var _patternCategoryPreviewPanel = require("./block-patterns-tab/pattern-category-preview-panel");
 var _mediaTab = require("./media-tab");
 var _searchResults = _interopRequireDefault(require("./search-results"));
-var _useDebouncedInput = _interopRequireDefault(require("./hooks/use-debounced-input"));
 var _useInsertionPoint = _interopRequireDefault(require("./hooks/use-insertion-point"));
 var _tabs = _interopRequireDefault(require("./tabs"));
 var _store = require("../../store");
@@ -43,10 +44,9 @@ function InserterMenu({
   showInserterHelpPanel,
   showMostUsedBlocks,
   __experimentalFilterValue = '',
-  shouldFocusBlock = true,
-  prioritizePatterns
+  shouldFocusBlock = true
 }, ref) {
-  const [filterValue, setFilterValue, delayedFilterValue] = (0, _useDebouncedInput.default)(__experimentalFilterValue);
+  const [filterValue, setFilterValue, delayedFilterValue] = (0, _compose.useDebouncedInput)(__experimentalFilterValue);
   const [hoveredItem, setHoveredItem] = (0, _element.useState)(null);
   const [selectedPatternCategory, setSelectedPatternCategory] = (0, _element.useState)(null);
   const [patternFilter, setPatternFilter] = (0, _element.useState)('all');
@@ -60,25 +60,17 @@ function InserterMenu({
     shouldFocusBlock
   });
   const {
-    showPatterns,
-    inserterItems
+    showPatterns
   } = (0, _data.useSelect)(select => {
     const {
-      __experimentalGetAllowedPatterns,
-      getInserterItems
-    } = select(_store.store);
+      hasAllowedPatterns
+    } = (0, _lockUnlock.unlock)(select(_store.store));
     return {
-      showPatterns: !!__experimentalGetAllowedPatterns(destinationRootClientId).length,
-      inserterItems: getInserterItems(destinationRootClientId)
+      showPatterns: hasAllowedPatterns(destinationRootClientId)
     };
   }, [destinationRootClientId]);
-  const hasReusableBlocks = (0, _element.useMemo)(() => {
-    return inserterItems.some(({
-      category
-    }) => category === 'reusable');
-  }, [inserterItems]);
   const mediaCategories = (0, _mediaTab.useMediaCategories)(destinationRootClientId);
-  const showMedia = !!mediaCategories.length;
+  const showMedia = mediaCategories.length > 0;
   const onInsert = (0, _element.useCallback)((blocks, meta, shouldForceFocusBlock) => {
     onInsertBlocks(blocks, meta, shouldForceFocusBlock);
     onSelect();
@@ -124,15 +116,11 @@ function InserterMenu({
     onSelectCategory: setSelectedMediaCategory,
     onInsert: onInsert
   }), [destinationRootClientId, onInsert, selectedMediaCategory, setSelectedMediaCategory]);
-  const getCurrentTab = (0, _element.useCallback)(tab => {
-    if (tab.name === 'blocks') {
-      return blocksTab;
-    } else if (tab.name === 'patterns') {
-      return patternsTab;
-    } else if (tab.name === 'media') {
-      return mediaTab;
-    }
-  }, [blocksTab, patternsTab, mediaTab]);
+  const inserterTabsContents = (0, _element.useMemo)(() => ({
+    blocks: blocksTab,
+    patterns: patternsTab,
+    media: mediaTab
+  }), [blocksTab, mediaTab, patternsTab]);
   const searchRef = (0, _element.useRef)();
   (0, _element.useImperativeHandle)(ref, () => ({
     focusSearch: () => {
@@ -140,7 +128,7 @@ function InserterMenu({
     }
   }));
   const showPatternPanel = selectedTab === 'patterns' && !delayedFilterValue && selectedPatternCategory;
-  const showAsTabs = !delayedFilterValue && (showPatterns || hasReusableBlocks || showMedia);
+  const showAsTabs = !delayedFilterValue && (showPatterns || showMedia);
   const showMediaPanel = selectedTab === 'media' && !delayedFilterValue && selectedMediaCategory;
   const handleSetSelectedTab = value => {
     // If no longer on patterns tab remove the category setting.
@@ -181,19 +169,24 @@ function InserterMenu({
     shouldFocusBlock: shouldFocusBlock
   })), showAsTabs && (0, _react.createElement)(_tabs.default, {
     showPatterns: showPatterns,
-    showReusableBlocks: hasReusableBlocks,
     showMedia: showMedia,
-    prioritizePatterns: prioritizePatterns,
-    onSelect: handleSetSelectedTab
-  }, getCurrentTab), !delayedFilterValue && !showAsTabs && (0, _react.createElement)("div", {
+    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)(_previewPanel.default, {
+  }), showInserterHelpPanel && hoveredItem && (0, _react.createElement)(_components.Popover, {
+    className: "block-editor-inserter__preview-container__popover",
+    placement: "right-start",
+    offset: 16,
+    focusOnMount: false,
+    animate: false
+  }, (0, _react.createElement)(_previewPanel.default, {
     item: hoveredItem
-  }), showPatternPanel && (0, _react.createElement)(_patternCategoryPreviewPanel.PatternCategoryPreviewPanel, {
+  })), showPatternPanel && (0, _react.createElement)(_patternCategoryPreviewPanel.PatternCategoryPreviewPanel, {
     rootClientId: destinationRootClientId,
     onInsert: onInsertPattern,
     onHover: onHoverPattern,

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_i18n","_data","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_patternCategoryPreviewPanel","_mediaTab","_searchResults","_useDebouncedInput","_useInsertionPoint","_tabs","_store","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","prioritizePatterns","ref","filterValue","setFilterValue","delayedFilterValue","useDebouncedInput","hoveredItem","setHoveredItem","useState","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","selectedTab","setSelectedTab","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","useInsertionPoint","insertionIndex","showPatterns","inserterItems","useSelect","select","__experimentalGetAllowedPatterns","getInserterItems","blockEditorStore","length","hasReusableBlocks","useMemo","some","category","mediaCategories","useMediaCategories","showMedia","onInsert","useCallback","blocks","meta","shouldForceFocusBlock","onInsertPattern","patternName","onHover","item","onHoverPattern","onClickPatternCategory","patternCategory","filter","blocksTab","_react","createElement","Fragment","className","default","VisuallyHidden","as","__","patternsTab","onSelectCategory","selectedCategory","mediaTab","MediaTab","getCurrentTab","tab","name","searchRef","useRef","useImperativeHandle","focusSearch","current","focus","showPatternPanel","showAsTabs","showMediaPanel","handleSetSelectedTab","value","classnames","SearchControl","__nextHasNoMarginBottom","onChange","label","placeholder","showBlockDirectory","showReusableBlocks","MediaCategoryDialog","PatternCategoryPreviewPanel","showTitlesAsTooltip","_default","forwardRef","exports"],"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 } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\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, MediaCategoryDialog, useMediaCategories } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useDebouncedInput from './hooks/use-debounced-input';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport InserterTabs from './tabs';\nimport { store as blockEditorStore } from '../../store';\n\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\tprioritizePatterns,\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, inserterItems } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { __experimentalGetAllowedPatterns, getInserterItems } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tshowPatterns: !! __experimentalGetAllowedPatterns(\n\t\t\t\t\tdestinationRootClientId\n\t\t\t\t).length,\n\t\t\t\tinserterItems: getInserterItems( destinationRootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ destinationRootClientId ]\n\t);\n\tconst hasReusableBlocks = useMemo( () => {\n\t\treturn inserterItems.some(\n\t\t\t( { category } ) => category === 'reusable'\n\t\t);\n\t}, [ inserterItems ] );\n\n\tconst mediaCategories = useMediaCategories( destinationRootClientId );\n\tconst showMedia = !! mediaCategories.length;\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 onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t},\n\t\t[ setSelectedPatternCategory ]\n\t);\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),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsertPattern,\n\t\t\tonClickPatternCategory,\n\t\t\tselectedPatternCategory,\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 getCurrentTab = useCallback(\n\t\t( tab ) => {\n\t\t\tif ( tab.name === 'blocks' ) {\n\t\t\t\treturn blocksTab;\n\t\t\t} else if ( tab.name === 'patterns' ) {\n\t\t\t\treturn patternsTab;\n\t\t\t} else if ( tab.name === 'media' ) {\n\t\t\t\treturn mediaTab;\n\t\t\t}\n\t\t},\n\t\t[ blocksTab, patternsTab, mediaTab ]\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 showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\tselectedPatternCategory;\n\tconst showAsTabs =\n\t\t! delayedFilterValue &&\n\t\t( showPatterns || hasReusableBlocks || showMedia );\n\tconst showMediaPanel =\n\t\tselectedTab === 'media' &&\n\t\t! delayedFilterValue &&\n\t\tselectedMediaCategory;\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 className=\"block-editor-inserter__menu\">\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\tshowReusableBlocks={ hasReusableBlocks }\n\t\t\t\t\t\tshowMedia={ showMedia }\n\t\t\t\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ getCurrentTab }\n\t\t\t\t\t</InserterTabs>\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<InserterPreviewPanel item={ hoveredItem } />\n\t\t\t) }\n\t\t\t{ showPatternPanel && (\n\t\t\t\t<PatternCategoryPreviewPanel\n\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InserterMenu );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_i18n","_data","_compose","_lockUnlock","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_patternCategoryPreviewPanel","_mediaTab","_searchResults","_useInsertionPoint","_tabs","_store","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","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","onClickPatternCategory","patternCategory","filter","blocksTab","useMemo","_react","createElement","Fragment","className","default","VisuallyHidden","as","__","patternsTab","onSelectCategory","selectedCategory","mediaTab","MediaTab","inserterTabsContents","patterns","media","searchRef","useRef","useImperativeHandle","focusSearch","current","focus","showPatternPanel","showAsTabs","showMediaPanel","handleSetSelectedTab","value","classnames","SearchControl","__nextHasNoMarginBottom","onChange","label","placeholder","showBlockDirectory","tabsContents","MediaCategoryDialog","category","Popover","placement","offset","focusOnMount","animate","PatternCategoryPreviewPanel","showTitlesAsTooltip","_default","forwardRef","exports"],"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';\n\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},\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 onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t},\n\t\t[ setSelectedPatternCategory ]\n\t);\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),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsertPattern,\n\t\t\tonClickPatternCategory,\n\t\t\tselectedPatternCategory,\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 showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\tselectedPatternCategory;\n\tconst showAsTabs = ! delayedFilterValue && ( showPatterns || showMedia );\n\tconst showMediaPanel =\n\t\tselectedTab === 'media' &&\n\t\t! delayedFilterValue &&\n\t\tselectedMediaCategory;\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 className=\"block-editor-inserter__menu\">\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\t{ showPatternPanel && (\n\t\t\t\t<PatternCategoryPreviewPanel\n\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InserterMenu );\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,cAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,iBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,4BAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAZ,OAAA;AACA,IAAAa,cAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,kBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,KAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,MAAA,GAAAhB,OAAA;AAlCA;AACA;AACA;;AAGA;AACA;AACA;;AAcA;AACA;AACA;;AAaA,SAASiB,YAAYA,CACpB;EACCC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,4BAA4B;EAC5BC,QAAQ;EACRC,qBAAqB;EACrBC,kBAAkB;EAClBC,yBAAyB,GAAG,EAAE;EAC9BC,gBAAgB,GAAG;AACpB,CAAC,EACDC,GAAG,EACF;EACD,MAAM,CAAEC,WAAW,EAAEC,cAAc,EAAEC,kBAAkB,CAAE,GACxD,IAAAC,0BAAiB,EAAEN,yBAA0B,CAAC;EAC/C,MAAM,CAAEO,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EACxD,MAAM,CAAEC,uBAAuB,EAAEC,0BAA0B,CAAE,GAC5D,IAAAF,iBAAQ,EAAE,IAAK,CAAC;EACjB,MAAM,CAAEG,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAJ,iBAAQ,EAAE,KAAM,CAAC;EAC7D,MAAM,CAAEK,qBAAqB,EAAEC,wBAAwB,CAAE,GACxD,IAAAN,iBAAQ,EAAE,IAAK,CAAC;EACjB,MAAM,CAAEO,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAR,iBAAQ,EAAE,IAAK,CAAC;EAExD,MAAM,CAAES,uBAAuB,EAAEC,cAAc,EAAEC,sBAAsB,CAAE,GACxE,IAAAC,0BAAiB,EAAE;IAClB5B,YAAY;IACZC,QAAQ;IACRC,UAAU;IACV2B,cAAc,EAAE1B,4BAA4B;IAC5CK;EACD,CAAE,CAAC;EACJ,MAAM;IAAEsB;EAAa,CAAC,GAAG,IAAAC,eAAS,EAC/BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAmB,CAAC,GAAG,IAAAC,kBAAM,EAAEF,MAAM,CAAEG,YAAiB,CAAE,CAAC;IACnE,OAAO;MACNL,YAAY,EAAEG,kBAAkB,CAAER,uBAAwB;IAC3D,CAAC;EACF,CAAC,EACD,CAAEA,uBAAuB,CAC1B,CAAC;EAED,MAAMW,eAAe,GAAG,IAAAC,4BAAkB,EAAEZ,uBAAwB,CAAC;EACrE,MAAMa,SAAS,GAAGF,eAAe,CAACG,MAAM,GAAG,CAAC;EAE5C,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EAC3B,CAAEC,MAAM,EAAEC,IAAI,EAAEC,qBAAqB,KAAM;IAC1ClB,cAAc,CAAEgB,MAAM,EAAEC,IAAI,EAAEC,qBAAsB,CAAC;IACrDxC,QAAQ,CAAC,CAAC;EACX,CAAC,EACD,CAAEsB,cAAc,EAAEtB,QAAQ,CAC3B,CAAC;EAED,MAAMyC,eAAe,GAAG,IAAAJ,oBAAW,EAClC,CAAEC,MAAM,EAAEI,WAAW,KAAM;IAC1BpB,cAAc,CAAEgB,MAAM,EAAE;MAAEI;IAAY,CAAE,CAAC;IACzC1C,QAAQ,CAAC,CAAC;EACX,CAAC,EACD,CAAEsB,cAAc,EAAEtB,QAAQ,CAC3B,CAAC;EAED,MAAM2C,OAAO,GAAG,IAAAN,oBAAW,EACxBO,IAAI,IAAM;IACXrB,sBAAsB,CAAE,CAAC,CAAEqB,IAAK,CAAC;IACjCjC,cAAc,CAAEiC,IAAK,CAAC;EACvB,CAAC,EACD,CAAErB,sBAAsB,EAAEZ,cAAc,CACzC,CAAC;EAED,MAAMkC,cAAc,GAAG,IAAAR,oBAAW,EAC/BO,IAAI,IAAM;IACXrB,sBAAsB,CAAE,CAAC,CAAEqB,IAAK,CAAC;EAClC,CAAC,EACD,CAAErB,sBAAsB,CACzB,CAAC;EAED,MAAMuB,sBAAsB,GAAG,IAAAT,oBAAW,EACzC,CAAEU,eAAe,EAAEC,MAAM,KAAM;IAC9BlC,0BAA0B,CAAEiC,eAAgB,CAAC;IAC7C/B,gBAAgB,CAAEgC,MAAO,CAAC;EAC3B,CAAC,EACD,CAAElC,0BAA0B,CAC7B,CAAC;EAED,MAAMmC,SAAS,GAAG,IAAAC,gBAAO,EACxB,MACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAmC,GACjD,IAAAH,MAAA,CAAAC,aAAA,EAACjE,cAAA,CAAAoE,OAAa;IACb3D,YAAY,EAAGyB,uBAAyB;IACxCe,QAAQ,EAAGA,QAAU;IACrBO,OAAO,EAAGA,OAAS;IACnBzC,kBAAkB,EAAGA;EAAoB,CACzC,CACG,CAAC,EACJD,qBAAqB,IACtB,IAAAkD,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAA6B,GAC3C,IAAAH,MAAA,CAAAC,aAAA,EAACxE,WAAA,CAAA4E,cAAc;IAACC,EAAE,EAAC;EAAI,GACpB,IAAAC,QAAE,EAAE,kCAAmC,CAC1B,CAAC,EACjB,IAAAP,MAAA,CAAAC,aAAA,EAACnE,KAAA,CAAAsE,OAAI,MAAE,CACH,CAEL,CACF,EACD,CACClC,uBAAuB,EACvBe,QAAQ,EACRO,OAAO,EACPzC,kBAAkB,EAClBD,qBAAqB,CAEvB,CAAC;EAED,MAAM0D,WAAW,GAAG,IAAAT,gBAAO,EAC1B,MACC,IAAAC,MAAA,CAAAC,aAAA,EAAChE,iBAAA,CAAAmE,OAAgB;IAChB3D,YAAY,EAAGyB,uBAAyB;IACxCe,QAAQ,EAAGK,eAAiB;IAC5BmB,gBAAgB,EAAGd,sBAAwB;IAC3Ce,gBAAgB,EAAGhD;EAAyB,CAC5C,CACD,EACD,CACCQ,uBAAuB,EACvBoB,eAAe,EACfK,sBAAsB,EACtBjC,uBAAuB,CAEzB,CAAC;EAED,MAAMiD,QAAQ,GAAG,IAAAZ,gBAAO,EACvB,MACC,IAAAC,MAAA,CAAAC,aAAA,EAAC9D,SAAA,CAAAyE,QAAQ;IACRnE,YAAY,EAAGyB,uBAAyB;IACxCwC,gBAAgB,EAAG5C,qBAAuB;IAC1C2C,gBAAgB,EAAG1C,wBAA0B;IAC7CkB,QAAQ,EAAGA;EAAU,CACrB,CACD,EACD,CACCf,uBAAuB,EACvBe,QAAQ,EACRnB,qBAAqB,EACrBC,wBAAwB,CAE1B,CAAC;EAED,MAAM8C,oBAAoB,GAAG,IAAAd,gBAAO,EACnC,OAAQ;IACPZ,MAAM,EAAEW,SAAS;IACjBgB,QAAQ,EAAEN,WAAW;IACrBO,KAAK,EAAEJ;EACR,CAAC,CAAE,EACH,CAAEb,SAAS,EAAEa,QAAQ,EAAEH,WAAW,CACnC,CAAC;EAED,MAAMQ,SAAS,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC1B,IAAAC,4BAAmB,EAAEhE,GAAG,EAAE,OAAQ;IACjCiE,WAAW,EAAEA,CAAA,KAAM;MAClBH,SAAS,CAACI,OAAO,CAACC,KAAK,CAAC,CAAC;IAC1B;EACD,CAAC,CAAG,CAAC;EAEL,MAAMC,gBAAgB,GACrBtD,WAAW,KAAK,UAAU,IAC1B,CAAEX,kBAAkB,IACpBK,uBAAuB;EACxB,MAAM6D,UAAU,GAAG,CAAElE,kBAAkB,KAAMkB,YAAY,IAAIQ,SAAS,CAAE;EACxE,MAAMyC,cAAc,GACnBxD,WAAW,KAAK,OAAO,IACvB,CAAEX,kBAAkB,IACpBS,qBAAqB;EAEtB,MAAM2D,oBAAoB,GAAKC,KAAK,IAAM;IACzC;IACA,IAAKA,KAAK,KAAK,UAAU,EAAG;MAC3B/D,0BAA0B,CAAE,IAAK,CAAC;IACnC;IACAM,cAAc,CAAEyD,KAAM,CAAC;EACxB,CAAC;EAED,OACC,IAAA1B,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAA6B,GAC3C,IAAAH,MAAA,CAAAC,aAAA;IACCE,SAAS,EAAG,IAAAwB,mBAAU,EAAE,kCAAkC,EAAE;MAC3D,cAAc,EAAEJ;IACjB,CAAE;EAAG,GAEL,IAAAvB,MAAA,CAAAC,aAAA,EAACxE,WAAA,CAAAmG,aAAa;IACbC,uBAAuB;IACvB1B,SAAS,EAAC,+BAA+B;IACzC2B,QAAQ,EAAKJ,KAAK,IAAM;MACvB,IAAKnE,WAAW,EAAGC,cAAc,CAAE,IAAK,CAAC;MACzCJ,cAAc,CAAEsE,KAAM,CAAC;IACxB,CAAG;IACHA,KAAK,EAAGvE,WAAa;IACrB4E,KAAK,EAAG,IAAAxB,QAAE,EAAE,gCAAiC,CAAG;IAChDyB,WAAW,EAAG,IAAAzB,QAAE,EAAE,QAAS,CAAG;IAC9BrD,GAAG,EAAG8D;EAAW,CACjB,CAAC,EACA,CAAC,CAAE3D,kBAAkB,IACtB,IAAA2C,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAyC,GACvD,IAAAH,MAAA,CAAAC,aAAA,EAAC7D,cAAA,CAAAgE,OAAqB;IACrBjD,WAAW,EAAGE,kBAAoB;IAClCR,QAAQ,EAAGA,QAAU;IACrB2C,OAAO,EAAGA,OAAS;IACnBE,cAAc,EAAGA,cAAgB;IACjCjD,YAAY,EAAGA,YAAc;IAC7BC,QAAQ,EAAGA,QAAU;IACrBC,UAAU,EAAGA,UAAY;IACzBC,4BAA4B,EAC3BA,4BACA;IACDqF,kBAAkB;IAClBhF,gBAAgB,EAAGA;EAAkB,CACrC,CACG,CACL,EACCsE,UAAU,IACX,IAAAvB,MAAA,CAAAC,aAAA,EAAC3D,KAAA,CAAA8D,OAAY;IACZ7B,YAAY,EAAGA,YAAc;IAC7BQ,SAAS,EAAGA,SAAW;IACvBlC,QAAQ,EAAG4E,oBAAsB;IACjCS,YAAY,EAAGrB;EAAsB,CACrC,CACD,EACC,CAAExD,kBAAkB,IAAI,CAAEkE,UAAU,IACrC,IAAAvB,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAyC,GACrDL,SACE,CAEF,CAAC,EACJ0B,cAAc,IACf,IAAAxB,MAAA,CAAAC,aAAA,EAAC9D,SAAA,CAAAgG,mBAAmB;IACnB1F,YAAY,EAAGyB,uBAAyB;IACxCe,QAAQ,EAAGA,QAAU;IACrBmD,QAAQ,EAAGtE;EAAuB,CAClC,CACD,EACChB,qBAAqB,IAAIS,WAAW,IACrC,IAAAyC,MAAA,CAAAC,aAAA,EAACxE,WAAA,CAAA4G,OAAO;IACPlC,SAAS,EAAC,mDAAmD;IAC7DmC,SAAS,EAAC,aAAa;IACvBC,MAAM,EAAG,EAAI;IACbC,YAAY,EAAG,KAAO;IACtBC,OAAO,EAAG;EAAO,GAEjB,IAAAzC,MAAA,CAAAC,aAAA,EAAClE,aAAA,CAAAqE,OAAoB;IAACX,IAAI,EAAGlC;EAAa,CAAE,CACpC,CACT,EACC+D,gBAAgB,IACjB,IAAAtB,MAAA,CAAAC,aAAA,EAAC/D,4BAAA,CAAAwG,2BAA2B;IAC3BjG,YAAY,EAAGyB,uBAAyB;IACxCe,QAAQ,EAAGK,eAAiB;IAC5BE,OAAO,EAAGE,cAAgB;IAC1B0C,QAAQ,EAAG1E,uBAAyB;IACpCE,aAAa,EAAGA,aAAe;IAC/B+E,mBAAmB;EAAA,CACnB,CAEE,CAAC;AAER;AAAC,IAAAC,QAAA,GAEc,IAAAC,mBAAU,EAAErG,YAAa,CAAC;AAAAsG,OAAA,CAAA1C,OAAA,GAAAwC,QAAA"}

package/build/components/inserter/preview-panel.js

@@ -54,11 +54,11 @@ function InserterPreviewPanel({
     blocks: blocks,
     viewportWidth: (_example$viewportWidt = example?.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500,
     additionalStyles: [{
-      css: 'body { padding: 16px; }'
+      css: 'body { padding: 24px; }'
     }]
   })) : (0, _react.createElement)("div", {
     className: "block-editor-inserter__preview-content-missing"
-  }, (0, _i18n.__)('No Preview Available.'))), !isReusable && (0, _react.createElement)(_blockCard.default, {
+  }, (0, _i18n.__)('No preview available.'))), !isReusable && (0, _react.createElement)(_blockCard.default, {
     title: title,
     icon: icon,
     description: description

package/build/components/inserter/preview-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_element","_i18n","_blockCard","_interopRequireDefault","_blockPreview","InserterPreviewPanel","item","_example$viewportWidt","name","title","icon","description","initialAttributes","example","isReusable","isReusableBlock","blocks","useMemo","createBlock","getBlockFromExample","attributes","innerBlocks","_react","createElement","className","default","viewportWidth","additionalStyles","css","__","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tisReusableBlock,\n\tcreateBlock,\n\tgetBlockFromExample,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockCard from '../block-card';\nimport BlockPreview from '../block-preview';\n\nfunction InserterPreviewPanel( { item } ) {\n\tconst { name, title, icon, description, initialAttributes, example } = item;\n\tconst isReusable = isReusableBlock( item );\n\tconst blocks = useMemo( () => {\n\t\tif ( ! example ) {\n\t\t\treturn createBlock( name, initialAttributes );\n\t\t}\n\t\treturn getBlockFromExample( name, {\n\t\t\tattributes: {\n\t\t\t\t...example.attributes,\n\t\t\t\t...initialAttributes,\n\t\t\t},\n\t\t\tinnerBlocks: example.innerBlocks,\n\t\t} );\n\t}, [ name, example, initialAttributes ] );\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__preview-container\">\n\t\t\t<div className=\"block-editor-inserter__preview\">\n\t\t\t\t{ isReusable || example ? (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content\">\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ example?.viewportWidth ?? 500 }\n\t\t\t\t\t\t\tadditionalStyles={ [\n\t\t\t\t\t\t\t\t{ css: 'body { padding: 16px; }' },\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content-missing\">\n\t\t\t\t\t\t{ __( 'No Preview Available.' ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ ! isReusable && (\n\t\t\t\t<BlockCard\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tdescription={ description }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default InserterPreviewPanel;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASM,oBAAoBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAAA,IAAAC,qBAAA;EACzC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,GAAGP,IAAI;EAC3E,MAAMQ,UAAU,GAAG,IAAAC,uBAAe,EAAET,IAAK,CAAC;EAC1C,MAAMU,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,OAAO,EAAG;MAChB,OAAO,IAAAK,mBAAW,EAAEV,IAAI,EAAEI,iBAAkB,CAAC;IAC9C;IACA,OAAO,IAAAO,2BAAmB,EAAEX,IAAI,EAAE;MACjCY,UAAU,EAAE;QACX,GAAGP,OAAO,CAACO,UAAU;QACrB,GAAGR;MACJ,CAAC;MACDS,WAAW,EAAER,OAAO,CAACQ;IACtB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEb,IAAI,EAAEK,OAAO,EAAED,iBAAiB,CAAG,CAAC;EAEzC,OACC,IAAAU,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA0C,GACxD,IAAAF,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC5CV,UAAU,IAAID,OAAO,GACtB,IAAAS,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAwC,GACtD,IAAAF,MAAA,CAAAC,aAAA,EAACnB,aAAA,CAAAqB,OAAY;IACZT,MAAM,EAAGA,MAAQ;IACjBU,aAAa,GAAAnB,qBAAA,GAAGM,OAAO,EAAEa,aAAa,cAAAnB,qBAAA,cAAAA,qBAAA,GAAI,GAAK;IAC/CoB,gBAAgB,EAAG,CAClB;MAAEC,GAAG,EAAE;IAA0B,CAAC;EAChC,CACH,CACG,CAAC,GAEN,IAAAN,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgD,GAC5D,IAAAK,QAAE,EAAE,uBAAwB,CAC1B,CAEF,CAAC,EACJ,CAAEf,UAAU,IACb,IAAAQ,MAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAuB,OAAS;IACThB,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IACbC,WAAW,EAAGA;EAAa,CAC3B,CAEE,CAAC;AAER;AAAC,IAAAmB,QAAA,GAEczB,oBAAoB;AAAA0B,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
+{"version":3,"names":["_blocks","require","_element","_i18n","_blockCard","_interopRequireDefault","_blockPreview","InserterPreviewPanel","item","_example$viewportWidt","name","title","icon","description","initialAttributes","example","isReusable","isReusableBlock","blocks","useMemo","createBlock","getBlockFromExample","attributes","innerBlocks","_react","createElement","className","default","viewportWidth","additionalStyles","css","__","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tisReusableBlock,\n\tcreateBlock,\n\tgetBlockFromExample,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockCard from '../block-card';\nimport BlockPreview from '../block-preview';\n\nfunction InserterPreviewPanel( { item } ) {\n\tconst { name, title, icon, description, initialAttributes, example } = item;\n\tconst isReusable = isReusableBlock( item );\n\tconst blocks = useMemo( () => {\n\t\tif ( ! example ) {\n\t\t\treturn createBlock( name, initialAttributes );\n\t\t}\n\t\treturn getBlockFromExample( name, {\n\t\t\tattributes: {\n\t\t\t\t...example.attributes,\n\t\t\t\t...initialAttributes,\n\t\t\t},\n\t\t\tinnerBlocks: example.innerBlocks,\n\t\t} );\n\t}, [ name, example, initialAttributes ] );\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__preview-container\">\n\t\t\t<div className=\"block-editor-inserter__preview\">\n\t\t\t\t{ isReusable || example ? (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content\">\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ example?.viewportWidth ?? 500 }\n\t\t\t\t\t\t\tadditionalStyles={ [\n\t\t\t\t\t\t\t\t{ css: 'body { padding: 24px; }' },\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content-missing\">\n\t\t\t\t\t\t{ __( 'No preview available.' ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ ! isReusable && (\n\t\t\t\t<BlockCard\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tdescription={ description }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default InserterPreviewPanel;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASM,oBAAoBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAAA,IAAAC,qBAAA;EACzC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,GAAGP,IAAI;EAC3E,MAAMQ,UAAU,GAAG,IAAAC,uBAAe,EAAET,IAAK,CAAC;EAC1C,MAAMU,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,OAAO,EAAG;MAChB,OAAO,IAAAK,mBAAW,EAAEV,IAAI,EAAEI,iBAAkB,CAAC;IAC9C;IACA,OAAO,IAAAO,2BAAmB,EAAEX,IAAI,EAAE;MACjCY,UAAU,EAAE;QACX,GAAGP,OAAO,CAACO,UAAU;QACrB,GAAGR;MACJ,CAAC;MACDS,WAAW,EAAER,OAAO,CAACQ;IACtB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEb,IAAI,EAAEK,OAAO,EAAED,iBAAiB,CAAG,CAAC;EAEzC,OACC,IAAAU,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA0C,GACxD,IAAAF,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC5CV,UAAU,IAAID,OAAO,GACtB,IAAAS,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAwC,GACtD,IAAAF,MAAA,CAAAC,aAAA,EAACnB,aAAA,CAAAqB,OAAY;IACZT,MAAM,EAAGA,MAAQ;IACjBU,aAAa,GAAAnB,qBAAA,GAAGM,OAAO,EAAEa,aAAa,cAAAnB,qBAAA,cAAAA,qBAAA,GAAI,GAAK;IAC/CoB,gBAAgB,EAAG,CAClB;MAAEC,GAAG,EAAE;IAA0B,CAAC;EAChC,CACH,CACG,CAAC,GAEN,IAAAN,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgD,GAC5D,IAAAK,QAAE,EAAE,uBAAwB,CAC1B,CAEF,CAAC,EACJ,CAAEf,UAAU,IACb,IAAAQ,MAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAuB,OAAS;IACThB,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IACbC,WAAW,EAAGA;EAAa,CAC3B,CAEE,CAAC;AAER;AAAC,IAAAmB,QAAA,GAEczB,oBAAoB;AAAA0B,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

package/build/components/inserter/tabs.js

@@ -5,13 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
+const {
+  Tabs
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 const blocksTab = {
   name: 'blocks',
   /* translators: Blocks tab title in the block inserter. */
@@ -28,31 +35,24 @@ const mediaTab = {
   title: (0, _i18n.__)('Media')
 };
 function InserterTabs({
-  children,
   showPatterns = false,
   showMedia = false,
   onSelect,
-  prioritizePatterns
+  tabsContents
 }) {
-  const tabs = (0, _element.useMemo)(() => {
-    const tempTabs = [];
-    if (prioritizePatterns && showPatterns) {
-      tempTabs.push(patternsTab);
-    }
-    tempTabs.push(blocksTab);
-    if (!prioritizePatterns && showPatterns) {
-      tempTabs.push(patternsTab);
-    }
-    if (showMedia) {
-      tempTabs.push(mediaTab);
-    }
-    return tempTabs;
-  }, [prioritizePatterns, showPatterns, showMedia]);
-  return (0, _react.createElement)(_components.TabPanel, {
-    className: "block-editor-inserter__tabs",
-    tabs: tabs,
+  const tabs = [blocksTab, showPatterns && patternsTab, showMedia && mediaTab].filter(Boolean);
+  return (0, _react.createElement)("div", {
+    className: "block-editor-inserter__tabs"
+  }, (0, _react.createElement)(Tabs, {
     onSelect: onSelect
-  }, children);
+  }, (0, _react.createElement)(Tabs.TabList, null, tabs.map(tab => (0, _react.createElement)(Tabs.Tab, {
+    key: tab.name,
+    tabId: tab.name
+  }, tab.title))), tabs.map(tab => (0, _react.createElement)(Tabs.TabPanel, {
+    key: tab.name,
+    tabId: tab.name,
+    focusable: false
+  }, tabsContents[tab.name]))));
 }
 var _default = InserterTabs;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","children","showPatterns","showMedia","onSelect","prioritizePatterns","tabs","useMemo","tempTabs","push","_react","createElement","TabPanel","className","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { TabPanel } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\tprioritizePatterns,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [];\n\t\tif ( prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\ttempTabs.push( blocksTab );\n\t\tif ( ! prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\tif ( showMedia ) {\n\t\t\ttempTabs.push( mediaTab );\n\t\t}\n\t\treturn tempTabs;\n\t}, [ prioritizePatterns, showPatterns, showMedia ] );\n\n\treturn (\n\t\t<TabPanel\n\t\t\tclassName=\"block-editor-inserter__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tonSelect={ onSelect }\n\t\t>\n\t\t\t{ children }\n\t\t</TabPanel>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS;AACrB,CAAC;AACD,MAAMC,WAAW,GAAG;EACnBH,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW;AACvB,CAAC;AAED,MAAME,QAAQ,GAAG;EAChBJ,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;AACpB,CAAC;AAED,SAASG,YAAYA,CAAE;EACtBC,QAAQ;EACRC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC3B,MAAMC,QAAQ,GAAG,EAAE;IACnB,IAAKH,kBAAkB,IAAIH,YAAY,EAAG;MACzCM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACAU,QAAQ,CAACC,IAAI,CAAEf,SAAU,CAAC;IAC1B,IAAK,CAAEW,kBAAkB,IAAIH,YAAY,EAAG;MAC3CM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACA,IAAKK,SAAS,EAAG;MAChBK,QAAQ,CAACC,IAAI,CAAEV,QAAS,CAAC;IAC1B;IACA,OAAOS,QAAQ;EAChB,CAAC,EAAE,CAAEH,kBAAkB,EAAEH,YAAY,EAAEC,SAAS,CAAG,CAAC;EAEpD,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,QAAQ;IACRC,SAAS,EAAC,6BAA6B;IACvCP,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA;EAAU,GAEnBH,QACO,CAAC;AAEb;AAAC,IAAAa,QAAA,GAEcd,YAAY;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","_i18n","_lockUnlock","Tabs","unlock","componentsPrivateApis","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","showPatterns","showMedia","onSelect","tabsContents","tabs","filter","Boolean","_react","createElement","className","TabList","map","tab","Tab","key","tabId","TabPanel","focusable","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\ttabsContents,\n} ) {\n\tconst tabs = [\n\t\tblocksTab,\n\t\tshowPatterns && patternsTab,\n\t\tshowMedia && mediaTab,\n\t].filter( Boolean );\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__tabs\">\n\t\t\t<Tabs onSelect={ onSelect }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab key={ tab.name } tabId={ tab.name }>\n\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tabsContents[ tab.name ] }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAM;EAAEG;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,MAAMC,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS;AACrB,CAAC;AACD,MAAMC,WAAW,GAAG;EACnBH,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW;AACvB,CAAC;AAED,MAAME,QAAQ,GAAG;EAChBJ,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;AACpB,CAAC;AAED,SAASG,YAAYA,CAAE;EACtBC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,CACZX,SAAS,EACTO,YAAY,IAAIH,WAAW,EAC3BI,SAAS,IAAIH,QAAQ,CACrB,CAACO,MAAM,CAAEC,OAAQ,CAAC;EAEnB,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA6B,GAC3C,IAAAF,MAAA,CAAAC,aAAA,EAAClB,IAAI;IAACY,QAAQ,EAAGA;EAAU,GAC1B,IAAAK,MAAA,CAAAC,aAAA,EAAClB,IAAI,CAACoB,OAAO,QACVN,IAAI,CAACO,GAAG,CAAIC,GAAG,IAChB,IAAAL,MAAA,CAAAC,aAAA,EAAClB,IAAI,CAACuB,GAAG;IAACC,GAAG,EAAGF,GAAG,CAAClB,IAAM;IAACqB,KAAK,EAAGH,GAAG,CAAClB;EAAM,GAC1CkB,GAAG,CAACjB,KACG,CACT,CACW,CAAC,EACbS,IAAI,CAACO,GAAG,CAAIC,GAAG,IAChB,IAAAL,MAAA,CAAAC,aAAA,EAAClB,IAAI,CAAC0B,QAAQ;IACbF,GAAG,EAAGF,GAAG,CAAClB,IAAM;IAChBqB,KAAK,EAAGH,GAAG,CAAClB,IAAM;IAClBuB,SAAS,EAAG;EAAO,GAEjBd,YAAY,CAAES,GAAG,CAAClB,IAAI,CACV,CACd,CACG,CACF,CAAC;AAER;AAAC,IAAAwB,QAAA,GAEcnB,YAAY;AAAAoB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/inserter-button/index.native.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
+var _components = require("@wordpress/components");
+var _compose = require("@wordpress/compose");
+var _i18n = require("@wordpress/i18n");
+var _blockIcon = require("../block-icon");
+var _style = _interopRequireDefault(require("./style.scss"));
+var _sparkles = _interopRequireDefault(require("./sparkles"));
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+class MenuItem extends _element.Component {
+  constructor() {
+    super(...arguments);
+    this.onPress = this.onPress.bind(this);
+  }
+  onPress() {
+    const {
+      onSelect,
+      item
+    } = this.props;
+    onSelect(item);
+  }
+  render() {
+    const {
+      getStylesFromColorScheme,
+      item,
+      itemWidth,
+      maxWidth
+    } = this.props;
+    const modalIconWrapperStyle = getStylesFromColorScheme(_style.default.modalIconWrapper, _style.default.modalIconWrapperDark);
+    const modalIconStyle = _style.default.modalIcon;
+    const modalItemLabelStyle = getStylesFromColorScheme(_style.default.modalItemLabel, _style.default.modalItemLabelDark);
+    const clipboardBlockStyles = getStylesFromColorScheme(_style.default.clipboardBlock, _style.default.clipboardBlockDark);
+    const isClipboardBlock = item.id === 'clipboard';
+    const blockTitle = isClipboardBlock ? (0, _i18n.__)('Copied block') : item.title;
+    const blockIsNew = item.isNew === true;
+    const accessibilityLabelFormat = blockIsNew ?
+    // translators: Newly available block name. %s: The localized block name
+    (0, _i18n.__)('%s block, newly available') :
+    // translators: Block name. %s: The localized block name
+    (0, _i18n.__)('%s block');
+    const accessibilityLabel = (0, _i18n.sprintf)(accessibilityLabelFormat, item.title);
+    return (0, _react.createElement)(_reactNative.TouchableHighlight, {
+      style: [_style.default.touchableArea, item.isDisabled ? _style.default.disabled : null],
+      underlayColor: "transparent",
+      activeOpacity: 0.5,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      onPress: this.onPress,
+      disabled: item.isDisabled
+    }, (0, _react.createElement)(_reactNative.View, {
+      style: [_style.default.modalItem, {
+        width: maxWidth
+      }]
+    }, (0, _react.createElement)(_reactNative.View, {
+      style: [modalIconWrapperStyle, itemWidth && {
+        width: itemWidth
+      }, isClipboardBlock && clipboardBlockStyles]
+    }, blockIsNew && (0, _react.createElement)(_components.Icon, {
+      icon: _sparkles.default,
+      style: _style.default.newIndicator
+    }), (0, _react.createElement)(_reactNative.View, {
+      style: modalIconStyle
+    }, (0, _react.createElement)(_blockIcon.BlockIcon, {
+      icon: item.icon,
+      size: modalIconStyle.width
+    }))), (0, _react.createElement)(_reactNative.Text, {
+      numberOfLines: 3,
+      style: modalItemLabelStyle
+    }, blockTitle)));
+  }
+}
+const InserterButton = (0, _compose.withPreferredColorScheme)(MenuItem);
+InserterButton.Styles = {
+  modalItem: _style.default.modalItem,
+  modalIconWrapper: _style.default.modalIconWrapper
+};
+var _default = InserterButton;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/build/components/inserter-button/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_element","_components","_compose","_i18n","_blockIcon","_style","_interopRequireDefault","_sparkles","MenuItem","Component","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","styles","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","__","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","sprintf","_react","createElement","TouchableHighlight","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","View","modalItem","width","Icon","icon","sparkles","newIndicator","BlockIcon","size","Text","numberOfLines","InserterButton","withPreferredColorScheme","Styles","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { BlockIcon } from '../block-icon';\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: Block name. %s: The localized block name\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"],"mappings":"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"}

package/build/components/inserter-button/sparkles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _components = require("@wordpress/components");
+/**
+ * WordPress dependencies
+ */
+
+const sparkles = (0, _react.createElement)(_components.SVG, {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, (0, _react.createElement)(_components.Path, {
+  d: "M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z",
+  fill: "#F0C930"
+}));
+var _default = sparkles;
+exports.default = _default;
+//# sourceMappingURL=sparkles.js.map

package/build/components/inserter-button/sparkles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","sparkles","_react","createElement","SVG","viewBox","fill","xmlns","Path","d","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-button/sparkles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,QAAQ,GACb,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,GACtE,IAAAL,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAS,IAAI;EACJC,CAAC,EAAC,k8BAAk8B;EACp8BH,IAAI,EAAC;AAAS,CACd,CACG,CACL;AAAC,IAAAI,QAAA,GAEaT,QAAQ;AAAAU,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/inserter-draggable-blocks/index.js

@@ -10,6 +10,7 @@ var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
 var _draggableChip = _interopRequireDefault(require("../block-draggable/draggable-chip"));
+var _utils = require("../inserter/block-patterns-tab/utils");
 /**
  * WordPress dependencies
  */
@@ -23,7 +24,7 @@ const InserterDraggableBlocks = ({
   blocks,
   icon,
   children,
-  isPattern
+  pattern
 }) => {
   const transferData = {
     type: 'inserter',
@@ -39,12 +40,15 @@ const InserterDraggableBlocks = ({
     __experimentalTransferDataType: "wp-blocks",
     transferData: transferData,
     onDragStart: event => {
-      event.dataTransfer.setData('text/html', (0, _blocks.serialize)(blocks));
+      const parsedBlocks = pattern?.type === _utils.INSERTER_PATTERN_TYPES.user && pattern?.syncStatus !== 'unsynced' ? [(0, _blocks.createBlock)('core/block', {
+        ref: pattern.id
+      })] : blocks;
+      event.dataTransfer.setData('text/html', (0, _blocks.serialize)(parsedBlocks));
     },
     __experimentalDragComponent: (0, _react.createElement)(_draggableChip.default, {
       count: blocks.length,
-      icon: icon || !isPattern && blockTypeIcon,
-      isPattern: isPattern
+      icon: icon || !pattern && blockTypeIcon,
+      isPattern: !!pattern
     })
   }, ({
     onDraggableStart,