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

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

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

package/build/components/inserter/mobile-tab-navigation.js

@@ -1,80 +1,86 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mobile_tab_navigation_exports = {};
+__export(mobile_tab_navigation_exports, {
+  default: () => MobileTabNavigation
 });
-exports.default = MobileTabNavigation;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function ScreenHeader({
-  title
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
-    spacing: 0,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalView, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-        marginBottom: 0,
-        paddingX: 4,
-        paddingY: 3,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-          spacing: 2,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.BackButton, {
-            style:
-            // TODO: This style override is also used in ToolsPanelHeader.
-            // It should be supported out-of-the-box by Button.
-            {
-              minWidth: 24,
-              padding: 0
-            },
-            icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
-            size: "small",
-            label: (0, _i18n.__)('Back')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
-              level: 5,
-              children: title
-            })
-          })]
-        })
-      })
-    })
-  });
+module.exports = __toCommonJS(mobile_tab_navigation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+function ScreenHeader({ title }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalVStack, { spacing: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginBottom: 0, paddingX: 4, paddingY: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { spacing: 2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Navigator.BackButton,
+      {
+        style: (
+          // TODO: This style override is also used in ToolsPanelHeader.
+          // It should be supported out-of-the-box by Button.
+          { minWidth: 24, padding: 0 }
+        ),
+        icon: (0, import_i18n.isRTL)() ? import_icons.chevronRight : import_icons.chevronLeft,
+        size: "small",
+        label: (0, import_i18n.__)("Back")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalHeading, { level: 5, children: title }) })
+  ] }) }) }) });
 }
-function MobileTabNavigation({
-  categories,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Navigator, {
-    initialPath: "/",
-    className: "block-editor-inserter__mobile-tab-navigation",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.Screen, {
-      path: "/",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
-        children: categories.map(category => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.Button, {
-          path: `/category/${category.name}`,
-          as: _components.__experimentalItem,
-          isAction: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
-              children: category.label
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-              icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-            })]
-          })
-        }, category.name))
-      })
-    }), categories.map(category => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Navigator.Screen, {
-      path: `/category/${category.name}`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ScreenHeader, {
-        title: (0, _i18n.__)('Back')
-      }), children(category)]
-    }, category.name))]
-  });
+function MobileTabNavigation({ categories, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.Navigator,
+    {
+      initialPath: "/",
+      className: "block-editor-inserter__mobile-tab-navigation",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Navigator.Screen, { path: "/", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { children: categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Navigator.Button,
+          {
+            path: `/category/${category.name}`,
+            as: import_components.__experimentalItem,
+            isAction: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexBlock, { children: category.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_icons.Icon,
+                {
+                  icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight
+                }
+              )
+            ] })
+          },
+          category.name
+        )) }) }),
+        categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_components.Navigator.Screen,
+          {
+            path: `/category/${category.name}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScreenHeader, { title: (0, import_i18n.__)("Back") }),
+              children(category)
+            ]
+          },
+          category.name
+        ))
+      ]
+    }
+  );
 }
-//# sourceMappingURL=mobile-tab-navigation.js.map
+//# sourceMappingURL=mobile-tab-navigation.js.map

package/build/components/inserter/mobile-tab-navigation.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_icons","_jsxRuntime","ScreenHeader","title","jsx","__experimentalVStack","spacing","children","__experimentalView","__experimentalSpacer","marginBottom","paddingX","paddingY","jsxs","__experimentalHStack","Navigator","BackButton","style","minWidth","padding","icon","isRTL","chevronRight","chevronLeft","size","label","__","__experimentalHeading","level","MobileTabNavigation","categories","initialPath","className","Screen","path","__experimentalItemGroup","map","category","Button","name","as","Item","isAction","FlexBlock","Icon"],"sources":["@wordpress/block-editor/src/components/inserter/mobile-tab-navigation.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalHeading as Heading,\n\t__experimentalView as View,\n\tNavigator,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { Icon, chevronRight, chevronLeft } from '@wordpress/icons';\n\nfunction ScreenHeader( { title } ) {\n\treturn (\n\t\t<VStack spacing={ 0 }>\n\t\t\t<View>\n\t\t\t\t<Spacer marginBottom={ 0 } paddingX={ 4 } paddingY={ 3 }>\n\t\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer>\n\t\t\t\t\t\t\t<Heading level={ 5 }>{ title }</Heading>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default function MobileTabNavigation( { categories, children } ) {\n\treturn (\n\t\t<Navigator\n\t\t\tinitialPath=\"/\"\n\t\t\tclassName=\"block-editor-inserter__mobile-tab-navigation\"\n\t\t>\n\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t\t<Navigator.Button\n\t\t\t\t\t\t\tkey={ category.name }\n\t\t\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t<FlexBlock>{ category.label }</FlexBlock>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\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</HStack>\n\t\t\t\t\t\t</Navigator.Button>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t</Navigator.Screen>\n\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t<Navigator.Screen\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t>\n\t\t\t\t\t<ScreenHeader title={ __( 'Back' ) } />\n\t\t\t\t\t{ children( category ) }\n\t\t\t\t</Navigator.Screen>\n\t\t\t) ) }\n\t\t</Navigator>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/inserter/mobile-tab-navigation.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalHeading as Heading,\n\t__experimentalView as View,\n\tNavigator,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { Icon, chevronRight, chevronLeft } from '@wordpress/icons';\n\nfunction ScreenHeader( { title } ) {\n\treturn (\n\t\t<VStack spacing={ 0 }>\n\t\t\t<View>\n\t\t\t\t<Spacer marginBottom={ 0 } paddingX={ 4 } paddingY={ 3 }>\n\t\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer>\n\t\t\t\t\t\t\t<Heading level={ 5 }>{ title }</Heading>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default function MobileTabNavigation( { categories, children } ) {\n\treturn (\n\t\t<Navigator\n\t\t\tinitialPath=\"/\"\n\t\t\tclassName=\"block-editor-inserter__mobile-tab-navigation\"\n\t\t>\n\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t\t<Navigator.Button\n\t\t\t\t\t\t\tkey={ category.name }\n\t\t\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t<FlexBlock>{ category.label }</FlexBlock>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\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</HStack>\n\t\t\t\t\t\t</Navigator.Button>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t</Navigator.Screen>\n\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t<Navigator.Screen\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t>\n\t\t\t\t\t<ScreenHeader title={ __( 'Back' ) } />\n\t\t\t\t\t{ children( category ) }\n\t\t\t\t</Navigator.Screen>\n\t\t\t) ) }\n\t\t</Navigator>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBK;AAnBL,kBAA0B;AAC1B,wBAUO;AACP,mBAAgD;AAEhD,SAAS,aAAc,EAAE,MAAM,GAAI;AAClC,SACC,4CAAC,kBAAAA,sBAAA,EAAO,SAAU,GACjB,sDAAC,kBAAAC,oBAAA,EACA,sDAAC,kBAAAC,sBAAA,EAAO,cAAe,GAAI,UAAW,GAAI,UAAW,GACpD,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA;AAAA,MAAC,4BAAU;AAAA,MAAV;AAAA,QACA;AAAA;AAAA;AAAA,UAGC,EAAE,UAAU,IAAI,SAAS,EAAE;AAAA;AAAA,QAE5B,UAAO,mBAAM,IAAI,4BAAe;AAAA,QAChC,MAAK;AAAA,QACL,WAAQ,gBAAI,MAAO;AAAA;AAAA,IACpB;AAAA,IACA,4CAAC,kBAAAD,sBAAA,EACA,sDAAC,kBAAAE,uBAAA,EAAQ,OAAQ,GAAM,iBAAO,GAC/B;AAAA,KACD,GACD,GACD,GACD;AAEF;AAEe,SAAR,oBAAsC,EAAE,YAAY,SAAS,GAAI;AACvE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAY;AAAA,MACZ,WAAU;AAAA,MAEV;AAAA,oDAAC,4BAAU,QAAV,EAAiB,MAAK,KACtB,sDAAC,kBAAAC,yBAAA,EACE,qBAAW,IAAK,CAAE,aACnB;AAAA,UAAC,4BAAU;AAAA,UAAV;AAAA,YAEA,MAAO,aAAc,SAAS,IAAK;AAAA,YACnC,IAAK,kBAAAC;AAAA,YACL,UAAQ;AAAA,YAER,uDAAC,kBAAAH,sBAAA,EACA;AAAA,0DAAC,+BAAY,mBAAS,OAAO;AAAA,cAC7B;AAAA,gBAAC;AAAA;AAAA,kBACA,UACC,mBAAM,IAAI,2BAAc;AAAA;AAAA,cAE1B;AAAA,eACD;AAAA;AAAA,UAZM,SAAS;AAAA,QAahB,CACC,GACH,GACD;AAAA,QACE,WAAW,IAAK,CAAE,aACnB;AAAA,UAAC,4BAAU;AAAA,UAAV;AAAA,YAEA,MAAO,aAAc,SAAS,IAAK;AAAA,YAEnC;AAAA,0DAAC,gBAAa,WAAQ,gBAAI,MAAO,GAAI;AAAA,cACnC,SAAU,QAAS;AAAA;AAAA;AAAA,UAJf,SAAS;AAAA,QAKhB,CACC;AAAA;AAAA;AAAA,EACH;AAEF;",
+  "names": ["VStack", "View", "Spacer", "HStack", "Heading", "ItemGroup", "Item"]
+}

package/build/components/inserter/no-results.js

@@ -1,22 +1,30 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var no_results_exports = {};
+__export(no_results_exports, {
+  default: () => no_results_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(no_results_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
 function InserterNoResults() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "block-editor-inserter__no-results",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: (0, _i18n.__)('No results found.')
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-inserter__no-results", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)("No results found.") }) });
 }
-var _default = exports.default = InserterNoResults;
-//# sourceMappingURL=no-results.js.map
+var no_results_default = InserterNoResults;
+//# sourceMappingURL=no-results.js.map

package/build/components/inserter/no-results.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_jsxRuntime","InserterNoResults","jsx","className","children","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/no-results.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nfunction InserterNoResults() {\n\treturn (\n\t\t<div className=\"block-editor-inserter__no-results\">\n\t\t\t<p>{ __( 'No results found.' ) }</p>\n\t\t</div>\n\t);\n}\n\nexport default InserterNoResults;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAAqC,IAAAC,WAAA,GAAAD,OAAA;AAHrC;AACA;AACA;;AAGA,SAASE,iBAAiBA,CAAA,EAAG;EAC5B,oBACC,IAAAD,WAAA,CAAAE,GAAA;IAAKC,SAAS,EAAC,mCAAmC;IAAAC,QAAA,eACjD,IAAAJ,WAAA,CAAAE,GAAA;MAAAE,QAAA,EAAK,IAAAC,QAAE,EAAE,mBAAoB;IAAC,CAAK;EAAC,CAChC,CAAC;AAER;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcP,iBAAiB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/inserter/no-results.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nfunction InserterNoResults() {\n\treturn (\n\t\t<div className=\"block-editor-inserter__no-results\">\n\t\t\t<p>{ __( 'No results found.' ) }</p>\n\t\t</div>\n\t);\n}\n\nexport default InserterNoResults;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQG;AALH,kBAAmB;AAEnB,SAAS,oBAAoB;AAC5B,SACC,4CAAC,SAAI,WAAU,qCACd,sDAAC,OAAI,8BAAI,mBAAoB,GAAG,GACjC;AAEF;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/build/components/inserter/panel.js

@@ -1,34 +1,36 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var panel_exports = {};
+__export(panel_exports, {
+  default: () => panel_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function InserterPanel({
-  title,
-  icon,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "block-editor-inserter__panel-header",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        className: "block-editor-inserter__panel-title",
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-        icon: icon
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "block-editor-inserter__panel-content",
-      children: children
-    })]
-  });
+module.exports = __toCommonJS(panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+function InserterPanel({ title, icon, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-inserter__panel-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "block-editor-inserter__panel-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-inserter__panel-content", children })
+  ] });
 }
-var _default = exports.default = InserterPanel;
-//# sourceMappingURL=panel.js.map
+var panel_default = InserterPanel;
+//# sourceMappingURL=panel.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_jsxRuntime","InserterPanel","title","icon","children","jsxs","Fragment","className","jsx","Icon","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nfunction InserterPanel( { title, icon, children } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"block-editor-inserter__panel-header\">\n\t\t\t\t<h2 className=\"block-editor-inserter__panel-title\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-inserter__panel-content\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default InserterPanel;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAH7C;AACA;AACA;;AAGA,SAASE,aAAaA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACnD,oBACC,IAAAJ,WAAA,CAAAK,IAAA,EAAAL,WAAA,CAAAM,QAAA;IAAAF,QAAA,gBACC,IAAAJ,WAAA,CAAAK,IAAA;MAAKE,SAAS,EAAC,qCAAqC;MAAAH,QAAA,gBACnD,IAAAJ,WAAA,CAAAQ,GAAA;QAAID,SAAS,EAAC,oCAAoC;QAAAH,QAAA,EAC/CF;MAAK,CACJ,CAAC,eACL,IAAAF,WAAA,CAAAQ,GAAA,EAACV,WAAA,CAAAW,IAAI;QAACN,IAAI,EAAGA;MAAM,CAAE,CAAC;IAAA,CAClB,CAAC,eACN,IAAAH,WAAA,CAAAQ,GAAA;MAAKD,SAAS,EAAC,sCAAsC;MAAAH,QAAA,EAClDA;IAAQ,CACN,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcX,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/inserter/panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nfunction InserterPanel( { title, icon, children } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"block-editor-inserter__panel-header\">\n\t\t\t\t<h2 className=\"block-editor-inserter__panel-title\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-inserter__panel-content\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default InserterPanel;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE;AAJF,wBAAqB;AAErB,SAAS,cAAe,EAAE,OAAO,MAAM,SAAS,GAAI;AACnD,SACC,4EACC;AAAA,iDAAC,SAAI,WAAU,uCACd;AAAA,kDAAC,QAAG,WAAU,sCACX,iBACH;AAAA,MACA,4CAAC,0BAAK,MAAc;AAAA,OACrB;AAAA,IACA,4CAAC,SAAI,WAAU,wCACZ,UACH;AAAA,KACD;AAEF;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

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

@@ -1,42 +1,50 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var preview_panel_exports = {};
+__export(preview_panel_exports, {
+  default: () => preview_panel_default
 });
-exports.default = void 0;
-var _blocks = require("@wordpress/blocks");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _blockCard = _interopRequireDefault(require("../block-card"));
-var _blockPreview = _interopRequireDefault(require("../block-preview"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function InserterPreviewPanel({
-  item
-}) {
-  var _example$viewportWidt;
-  const {
-    name,
-    title,
-    icon,
-    description,
-    initialAttributes,
-    example
-  } = item;
-  const isReusable = (0, _blocks.isReusableBlock)(item);
-  const blocks = (0, _element.useMemo)(() => {
+module.exports = __toCommonJS(preview_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@wordpress/blocks");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_block_card = __toESM(require("../block-card"));
+var import_block_preview = __toESM(require("../block-preview"));
+function InserterPreviewPanel({ item }) {
+  const { name, title, icon, description, initialAttributes, example } = item;
+  const isReusable = (0, import_blocks.isReusableBlock)(item);
+  const blocks = (0, import_element.useMemo)(() => {
     if (!example) {
-      return (0, _blocks.createBlock)(name, initialAttributes);
+      return (0, import_blocks.createBlock)(name, initialAttributes);
     }
-    return (0, _blocks.getBlockFromExample)(name, {
+    return (0, import_blocks.getBlockFromExample)(name, {
       attributes: {
         ...example.attributes,
         ...initialAttributes
@@ -44,26 +52,23 @@ function InserterPreviewPanel({
       innerBlocks: example.innerBlocks
     });
   }, [name, example, initialAttributes]);
-  // Same as height of BlockPreviewPanel.
   const previewHeight = 144;
   const sidebarWidth = 280;
-  const viewportWidth = (_example$viewportWidt = example?.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500;
+  const viewportWidth = example?.viewportWidth ?? 500;
   const scale = sidebarWidth / viewportWidth;
   const minHeight = scale !== 0 && scale < 1 && previewHeight ? previewHeight / scale : previewHeight;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "block-editor-inserter__preview-container",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "block-editor-inserter__preview",
-      children: isReusable || example ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "block-editor-inserter__preview-content",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default, {
-          blocks: blocks,
-          viewportWidth: viewportWidth,
-          minHeight: previewHeight,
-          additionalStyles:
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-inserter__preview-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-inserter__preview", children: isReusable || example ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-inserter__preview-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_preview.default,
+      {
+        blocks,
+        viewportWidth,
+        minHeight: previewHeight,
+        additionalStyles: (
           //We want this CSS to be in sync with the one in BlockPreviewPanel.
-          [{
-            css: `
+          [
+            {
+              css: `
 										body { 
 											padding: 24px;
 											min-height:${Math.round(minHeight)}px;
@@ -72,18 +77,20 @@ function InserterPreviewPanel({
 										}
 										.is-root-container { width: 100%; }
 									`
-          }]
-        })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "block-editor-inserter__preview-content-missing",
-        children: (0, _i18n.__)('No preview available.')
-      })
-    }), !isReusable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockCard.default, {
-      title: title,
-      icon: icon,
-      description: description
-    })]
-  });
+            }
+          ]
+        )
+      }
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-inserter__preview-content-missing", children: (0, import_i18n.__)("No preview available.") }) }),
+    !isReusable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_card.default,
+      {
+        title,
+        icon,
+        description
+      }
+    )
+  ] });
 }
-var _default = exports.default = InserterPreviewPanel;
-//# sourceMappingURL=preview-panel.js.map
+var preview_panel_default = InserterPreviewPanel;
+//# sourceMappingURL=preview-panel.js.map