npm - @wordpress/block-editor - Versions diffs - 14.7.1-next.082ed6819.0 → 14.8.1-next.a9f418477.0 - Mend

@wordpress/block-editor 14.7.1-next.082ed6819.0 → 14.8.1-next.a9f418477.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (303) hide show

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

	@@ -1 +1 @@
1	- {"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","useSelect","select","unlock","blockEditorStore","isZoomOut","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 = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).isZoomOut(),\n\t\t[]\n\t);\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] = useState(\n\t\t__experimentalInitialCategory\n\t);\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst 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\t}\n\tconst [ selectedTab, setSelectedTab ] = useState( getInitialTab() );\n\n\tconst shouldUseZoomOut =\n\t\tselectedTab === 'patterns' \|\| selectedTab === 'media';\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":[]}
1	+ {"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","useSelect","select","unlock","blockEditorStore","isZoomOut","hasSectionRootClientId","getSectionRootClientId","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 = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).isZoomOut(),\n\t\t[]\n\t);\n\tconst hasSectionRootClientId = useSelect(\n\t\t( select ) =>\n\t\t\t!! unlock( select( blockEditorStore ) ).getSectionRootClientId(),\n\t\t[]\n\t);\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] = useState(\n\t\t__experimentalInitialCategory\n\t);\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst 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\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":[]}

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

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _draggableChip = _interopRequireDefault(require("../block-draggable/draggable-chip"));
 var _utils = require("../inserter/block-patterns-tab/utils");
 var _store = require("../../store");
@@ -28,11 +29,6 @@ const InserterDraggableBlocks = ({
   children,
   pattern
 }) => {
-  const transferData = {
-    type: 'inserter',
-    blocks
-  };
-  const blocksContainMedia = blocks.filter(block => (block.name === 'core/image' || block.name === 'core/audio' || block.name === 'core/video') && (block.attributes.url || block.attributes.src)).length > 0;
   const blockTypeIcon = (0, _data.useSelect)(select => {
     const {
       getBlockType
@@ -43,6 +39,11 @@ const InserterDraggableBlocks = ({
     startDragging,
     stopDragging
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const patternBlock = (0, _element.useMemo)(() => {
+    return pattern?.type === _utils.INSERTER_PATTERN_TYPES.user && pattern?.syncStatus !== 'unsynced' ? [(0, _blocks.createBlock)('core/block', {
+      ref: pattern.id
+    })] : undefined;
+  }, [pattern?.type, pattern?.syncStatus, pattern?.id]);
   if (!isEnabled) {
     return children({
       draggable: false,
@@ -50,15 +51,23 @@ const InserterDraggableBlocks = ({
       onDragEnd: undefined
     });
   }
+  const draggableBlocks = patternBlock !== null && patternBlock !== void 0 ? patternBlock : blocks;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Draggable, {
     __experimentalTransferDataType: "wp-blocks",
-    transferData: transferData,
+    transferData: {
+      type: 'inserter',
+      blocks: draggableBlocks
+    },
     onDragStart: event => {
       startDragging();
-      const parsedBlocks = pattern?.type === _utils.INSERTER_PATTERN_TYPES.user && pattern?.syncStatus !== 'unsynced' ? [(0, _blocks.createBlock)('core/block', {
-        ref: pattern.id
-      })] : blocks;
-      event.dataTransfer.setData(blocksContainMedia ? 'default' : 'text/html', (0, _blocks.serialize)(parsedBlocks));
+      for (const block of draggableBlocks) {
+        const type = `wp-block:${block.name}`;
+        // This will fill in the dataTransfer.types array so that
+        // the drop zone can check if the draggable is eligible.
+        // Unfortuantely, on drag start, we don't have access to the
+        // actual data, only the data keys/types.
+        event.dataTransfer.items.add('', type);
+      }
     },
     onDragEnd: () => {
       stopDragging();

package/build/components/inserter-draggable-blocks/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","_utils","_store","_lockUnlock","_jsxRuntime","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","~~transferData~~","~~type~~","~~blocksContainMedia~~","~~filter~~","~~block~~","~~name~~","~~attributes~~","~~url~~","~~src~~","~~length~~","~~blockTypeIcon~~","~~useSelect~~","~~select~~","~~getBlockType~~","~~blocksStore~~","~~startDragging~~","~~stopDragging~~","~~unlock~~","~~useDispatch~~","~~blockEditorStore~~","~~draggable~~","~~onDragStart","~~undefined","~~onDragEnd~~","~~jsx~~","~~Draggable~~","~~__experimentalTransferDataType~~","~~event~~","~~parsedBlocks~~","~~INSERTER_PATTERN_TYPES~~","~~user~~","~~syncStatus~~","~~createBlock~~","~~ref","id","~~dataTransfer","~~setData~~","~~serialize~~","__experimentalDragComponent","default","count","isPattern","onDraggableStart","onDraggableEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Draggable } from '@wordpress/components';\nimport {~~\n\tcreateBlock,\n\tserialize,\n\tstore~~ as blocksStore~~,\n~~} from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blocksContainMedia =\n\t\tblocks.filter(\n\t\t\t( block ) =>\n\t\t\t\t( block.name === 'core/image' \|\|\n\t\t\t\t\tblock.name === 'core/audio' \|\|\n\t\t\t\t\tblock.name === 'core/video' ) &&\n\t\t\t\t( block.attributes.url \|\| block.attributes.src )\n\t\t).length > 0;\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\tif ( ! isEnabled ) {\n\t\treturn children( {\n\t\t\tdraggable: false,\n\t\t\tonDragStart: undefined,\n\t\t\tonDragEnd: undefined,\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ ~~transferData~~ }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\~~tconst~~ ~~parsedBlocks~~ =\n\t\t\t\t\~~tpattern?.~~type ~~===~~ ~~INSERTER_PATTERN_TYPES~~.~~user~~ ~~&&\~~n\t\t\t\t\~~tpattern?.syncStatus~~ ~~!==~~ ~~'unsynced'~~\n\t\t\t\t\t~~\t?~~ [ ~~createBlock(~~ ~~'core/block',~~ { ~~ref:~~ ~~pattern.id~~ } ) ]\n\t\t\t\t\t\t: ~~blocks;\~~n\t\t\t\~~tevent.dataTransfer.setData(\n\~~t\t~~\t\t\tblocksContainMedia~~ ? ~~'default'~~ : ~~'text~~/~~html',\~~n\t\t\t\t\~~tserialize~~( ~~parsedBlocks~~ )\n\t\t\t\t~~);\~~n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon \|\| ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tonDragStart: onDraggableStart,\n\t\t\t\t\tonDragEnd: onDraggableEnd,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;~~AAKA~~,IAAAE,KAAA,GAAAF,OAAA;~~AAKA~~,IAAAG,cAAA,GAAAC,sBAAA,~~CAAAJ~~,OAAA;AACA,~~IAAAK~~,MAAA,~~GAAAL~~,OAAA;AACA,~~IAAAM~~,MAAA,~~GAAAN~~,OAAA;AACA,~~IAAAO~~,WAAA,~~GAAAP~~,OAAA;AAA2C,~~IAAAQ~~,WAAA,~~GAAAR~~,OAAA;~~AAjB3C~~;AACA;AACA;;~~AASA~~;AACA;AACA;;AAMA,~~MAAMS~~,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,kBAAkB,GACvBN,MAAM,CAACO,MAAM,CACVC,KAAK,IACN,CAAEA,KAAK,CAACC,IAAI,KAAK,YAAY,IAC5BD,KAAK,CAACC,IAAI,KAAK,YAAY,IAC3BD,KAAK,CAACC,IAAI,KAAK,YAAY,MAC1BD,KAAK,CAACE,UAAU,CAACC,GAAG,IAAIH,KAAK,CAACE,UAAU,CAACE,GAAG,CAChD,CAAC,CAACC,MAAM,GAAG,CAAC;EAEb,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,~~OACClB~~,MAAM,~~CAACa~~,MAAM,KAAK,CAAC,~~IAAII~~,YAAY,~~CAAEjB~~,MAAM,CAAE,CAAC,CAAE,~~CAACS~~,IAAK,CAAC,~~EAAER~~,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,MAAM;~~IAAEmB~~,aAAa;IAAEC;EAAa,CAAC,GAAG,IAAAC,kBAAM,EAC7C,IAAAC,iBAAW,EAAEC,YAAiB,CAC/B,CAAC;EAED,IAAK,~~CAAExB~~,SAAS,EAAG;IAClB,OAAOG,QAAQ,CAAE;~~MAChBsB~~,SAAS,EAAE,KAAK;MAChBC,WAAW,~~EAAEC~~,SAAS;~~MACtBC~~,SAAS,~~EAAED~~;IACZ,CAAE,CAAC;EACJ;EAEA,oBACC,~~IAAA7B~~,WAAA,~~CAAA+B~~,GAAA,~~EAACxC~~,WAAA,~~CAAAyC~~,SAAS;IACTC,8BAA8B,EAAC,WAAW;~~IAC1C1B~~,YAAY,~~EAAGA~~,~~YAAc~~;~~IAC7BqB~~,WAAW,~~EAAKM~~,KAAK,IAAM;~~MAC1BZ~~,aAAa,CAAC,CAAC;MACf,~~MAAMa~~,~~YAAY~~,~~GACjB7B~~,~~OAAO~~,~~EAAEE~~,~~IAAI~~,~~KAAK4B~~,~~6BAAsB,CAACC,~~IAAI,~~IAC7C/B~~,~~OAAO~~,~~EAAEgC,UAAU,~~KAAK,~~UAAU~~,~~GAC/B~~,~~CAAE,IAAAC,mBAAW,EAAE,YAAY,EAAE~~;~~QAAEC,GAAG,EAAElC,OAAO,CAACmC~~;~~MAAG,CAAE,CAAC,CAAE,GACpDtC,MAAM~~;~~MACV+B~~,KAAK,~~CAACQ~~,YAAY,CAACC,~~OAAO~~,~~CACzBlC~~,~~kBAAkB,~~GAAG,~~SAAS~~,~~GAAG~~,~~WAAW~~,~~EAC5C~~,~~IAAAmC,iBAAS,EAAET,YAAa,CACzB,~~CAAC;~~IACF~~,CAAG;~~IACHL~~,SAAS,EAAGA,CAAA,KAAM;~~MACjBP~~,YAAY,CAAC,CAAC;IACf,CAAG;~~IACHsB~~,2BAA2B,eAC1B,~~IAAA7C~~,WAAA,~~CAAA+B~~,GAAA,~~EAACpC~~,cAAA,~~CAAAmD~~,OAAkB;MAClBC,KAAK,~~EAAG5C~~,MAAM,~~CAACa~~,MAAQ;~~MACvBZ~~,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,~~IAAIW~~,aAAiB;MAC/~~C+B~~,SAAS,EAAG,CAAC,~~CAAE1C~~;IAAS,CACxB,CACD;IAAAD,QAAA,EAECA,CAAE;~~MAAE4C~~,gBAAgB;MAAEC;IAAe,CAAC,KAAM;MAC7C,~~OAAO7C~~,QAAQ,CAAE;~~QAChBsB~~,SAAS,EAAE,IAAI;QACfC,WAAW,~~EAAEqB~~,gBAAgB;~~QAC7BnB~~,SAAS,~~EAAEoB~~;MACZ,CAAE,CAAC;IACJ;EAAC,CACS,CAAC;AAEd,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,~~GAEa7C~~,uBAAuB","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_blocks","_data","_element","_draggableChip","_interopRequireDefault","_utils","_store","_lockUnlock","_jsxRuntime","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","startDragging","stopDragging","unlock","useDispatch","blockEditorStore","patternBlock","useMemo","type","INSERTER_PATTERN_TYPES","user","syncStatus","createBlock","ref","id","undefined","draggable","onDragStart","onDragEnd","draggableBlocks","jsx","Draggable","__experimentalTransferDataType","transferData","event","block","dataTransfer","items","add","__experimentalDragComponent","default","count","isPattern","onDraggableStart","onDraggableEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Draggable } from '@wordpress/components';\nimport { createBlock, store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\n} ) => {\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\tconst { startDragging, stopDragging } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\tconst patternBlock = useMemo( () => {\n\t\treturn pattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t: undefined;\n\t}, [ pattern?.type, pattern?.syncStatus, pattern?.id ] );\n\n\tif ( ! isEnabled ) {\n\t\treturn children( {\n\t\t\tdraggable: false,\n\t\t\tonDragStart: undefined,\n\t\t\tonDragEnd: undefined,\n\t\t} );\n\t}\n\n\tconst draggableBlocks = patternBlock ?? blocks;\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ { type: 'inserter', blocks: draggableBlocks } }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tstartDragging();\n\t\t\t\tfor ( const block of draggableBlocks ) {\n\t\t\t\t\tconst type = `wp-block:${ block.name }`;\n\t\t\t\t\t// This will fill in the dataTransfer.types array so that\n\t\t\t\t\t// the drop zone can check if the draggable is eligible.\n\t\t\t\t\t// Unfortuantely, on drag start, we don't have access to the\n\t\t\t\t\t// actual data, only the data keys/types.\n\t\t\t\t\tevent.dataTransfer.items.add( '', type );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDragging();\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon \|\| ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tonDragStart: onDraggableStart,\n\t\t\t\t\tonDragEnd: onDraggableEnd,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":"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","ignoreList":[]}

package/build/components/inspector-controls/slot.js CHANGED Viewed

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = InspectorControlsSlot;
 var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _blockSupportToolsPanel = _interopRequireDefault(require("./block-support-tools-panel"));
@@ -38,16 +37,6 @@ function InspectorControlsSlot({
   }
   const slotFill = _groups.default[group];
   const fills = (0, _components.__experimentalUseSlotFills)(slotFill?.name);
-  const motionContextValue = (0, _element.useContext)(_components.__unstableMotionContext);
-  const computedFillProps = (0, _element.useMemo)(() => {
-    var _fillProps$forwardedC;
-    return {
-      ...fillProps,
-      forwardedContext: [...((_fillProps$forwardedC = fillProps?.forwardedContext) !== null && _fillProps$forwardedC !== void 0 ? _fillProps$forwardedC : []), [_components.__unstableMotionContext.Provider, {
-        value: motionContextValue
-      }]]
-    };
-  }, [motionContextValue, fillProps]);
   if (!slotFill) {
     globalThis.SCRIPT_DEBUG === true ? (0, _warning.default)(`Unknown InspectorControls group "${group}" provided.`) : void 0;
     return null;
@@ -64,14 +53,14 @@ function InspectorControlsSlot({
       label: label,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockSupportSlotContainer.default, {
         ...props,
-        fillProps: computedFillProps,
+        fillProps: fillProps,
         Slot: Slot
       })
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Slot, {
     ...props,
-    fillProps: computedFillProps,
+    fillProps: fillProps,
     bubblesVirtually: true
   });
 }

package/build/components/inspector-controls/slot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","~~_element","~~_warning","_interopRequireDefault","_deprecated","_blockSupportToolsPanel","_blockSupportSlotContainer","_groups","_jsxRuntime","InspectorControlsSlot","__experimentalGroup","group","label","fillProps","props","deprecated","since","version","alternative","slotFill","groups","fills","useSlotFills","name","~~motionContextValue","useContext","MotionContext","computedFillProps","useMemo","_fillProps$forwardedC","forwardedContext","Provider","value","~~globalThis","SCRIPT_DEBUG","warning","length","Slot","jsx","default","children","bubblesVirtually"],"sources":["@wordpress/block-editor/src/components/inspector-controls/slot.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {~~\n\t__experimentalUseSlotFills~~ as useSlotFills~~,\n\t__unstableMotionContext~~ ~~as MotionContext,\n~~} from '@wordpress/components';\nimport ~~{ useContext, useMemo } from '@wordpress/element';\nimport~~ warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n */\nimport BlockSupportToolsPanel from './block-support-tools-panel';\nimport BlockSupportSlotContainer from './block-support-slot-container';\nimport groups from './groups';\n\nexport default function InspectorControlsSlot( {\n\t__experimentalGroup,\n\tgroup = 'default',\n\tlabel,\n\tfillProps,\n\t...props\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsSlot`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst slotFill = groups[ group ];\n\tconst fills = useSlotFills( slotFill?.name );\n\n\tconst motionContextValue = useContext( MotionContext );\n\n\tconst computedFillProps = useMemo(\n\t\t() => ( {\n\t\t\t...fillProps,\n\t\t\tforwardedContext: [\n\t\t\t\t...( fillProps?.forwardedContext ?? [] ),\n\t\t\t\t[ MotionContext.Provider, { value: motionContextValue } ],\n\t\t\t],\n\t\t} ),\n\t\t[ motionContextValue, fillProps ]\n\t);\n\n\tif ( ! slotFill ) {\n\t\twarning( `Unknown InspectorControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( ! fills?.length ) {\n\t\treturn null;\n\t}\n\n\tconst { Slot } = slotFill;\n\n\tif ( label ) {\n\t\treturn (\n\t\t\t<BlockSupportToolsPanel group={ group } label={ label }>\n\t\t\t\t<BlockSupportSlotContainer\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tfillProps={ ~~computedFillProps~~ }\n\t\t\t\t\tSlot={ Slot }\n\t\t\t\t/>\n\t\t\t</BlockSupportToolsPanel>\n\t\t);\n\t}\n\n\treturn ~~(\n\t\t~~<Slot { ...props } fillProps={ ~~computedFillProps~~ } bubblesVirtually ~~/>\~~n~~\t);\n~~}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;~~AAIA~~,IAAAC,QAAA,~~GAAAD,OAAA;AACA,IAAAE,QAAA,~~GAAAC,sBAAA,~~CAAAH~~,OAAA;AACA,~~IAAAI~~,WAAA,GAAAD,sBAAA,~~CAAAH~~,OAAA;AAKA,~~IAAAK~~,uBAAA,GAAAF,sBAAA,~~CAAAH~~,OAAA;AACA,~~IAAAM~~,0BAAA,GAAAH,sBAAA,~~CAAAH~~,OAAA;AACA,~~IAAAO~~,OAAA,GAAAJ,sBAAA,~~CAAAH~~,OAAA;AAA8B,~~IAAAQ~~,WAAA,~~GAAAR~~,OAAA;~~AAhB9B~~;AACA;AACA;;~~AASA~~;AACA;AACA;;AAKe,~~SAASS~~,qBAAqBA,CAAE;EAC9CC,mBAAmB;EACnBC,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,SAAS;EACT,GAAGC;AACJ,CAAC,EAAG;EACH,IAAKJ,mBAAmB,EAAG;IAC1B,IAAAK,mBAAU,EACT,2DAA2D,EAC3D;MACCC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACd,CACD,CAAC;IACDP,KAAK,GAAGD,mBAAmB;EAC5B;EACA,MAAMS,QAAQ,GAAGC,eAAM,CAAET,KAAK,CAAE;EAChC,MAAMU,KAAK,GAAG,IAAAC,sCAAY,EAAEH,QAAQ,EAAEI,IAAK,CAAC;EAE5C,MAAMC,kBAAkB,GAAG,IAAAC,mBAAU,EAAEC,mCAAc,CAAC;EAEtD,MAAMC,iBAAiB,GAAG,IAAAC,gBAAO,EAChC;IAAA,IAAAC,qBAAA;IAAA,OAAQ;MACP,GAAGhB,SAAS;MACZiB,gBAAgB,EAAE,CACjB,KAAAD,qBAAA,GAAKhB,SAAS,EAAEiB,gBAAgB,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,EAAE,CAAE,EACxC,CAAEH,mCAAa,CAACK,QAAQ,EAAE;QAAEC,KAAK,EAAER;MAAmB,CAAC,CAAE;IAE3D,CAAC;EAAA,CAAE,EACH,CAAEA,kBAAkB,EAAEX,SAAS,CAChC,CAAC;EAED,IAAK,~~CAAEM~~,QAAQ,EAAG;~~IACjBc~~,UAAA,CAAAC,YAAA,gBAAAC,gBAAO,EAAE,~~oCAAqCxB~~,KAAK,aAAe,CAAC;IACnE,OAAO,IAAI;EACZ;EAEA,IAAK,CAAEU,KAAK,~~EAAEe~~,MAAM,EAAG;IACtB,OAAO,IAAI;EACZ;EAEA,MAAM;IAAEC;EAAK,CAAC,~~GAAGlB~~,QAAQ;EAEzB,IAAKP,KAAK,EAAG;IACZ,oBACC,IAAAJ,WAAA,~~CAAA8B~~,GAAA,~~EAACjC~~,uBAAA,~~CAAAkC~~,OAAsB;~~MAAC5B~~,KAAK,EAAGA,KAAO;MAACC,KAAK,EAAGA,KAAO;~~MAAA4B~~,QAAA,eACtD,~~IAAAhC~~,WAAA,~~CAAA8B~~,GAAA,~~EAAChC~~,0BAAA,~~CAAAiC~~,OAAyB;QAAA,~~GACpBzB~~,KAAK;QACVD,SAAS,~~EAAGc~~,~~iBAAmB~~;~~QAC/BU~~,IAAI,EAAGA;MAAM,CACb;IAAC,CACqB,CAAC;EAE3B;EAEA,~~oBACC~~,~~IAAA7B~~,WAAA,~~CAAA8B~~,GAAA,EAACD,IAAI;IAAA,~~GAAMvB~~,KAAK;IAAGD,SAAS,~~EAAGc~~,~~iBAAmB~~;~~IAACc~~,gBAAgB;EAAA,CAAE,CAAC;~~AAExE~~","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_warning","_interopRequireDefault","_deprecated","_blockSupportToolsPanel","_blockSupportSlotContainer","_groups","_jsxRuntime","InspectorControlsSlot","__experimentalGroup","group","label","fillProps","props","deprecated","since","version","alternative","slotFill","groups","fills","useSlotFills","name","globalThis","SCRIPT_DEBUG","warning","length","Slot","jsx","default","children","bubblesVirtually"],"sources":["@wordpress/block-editor/src/components/inspector-controls/slot.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n */\nimport BlockSupportToolsPanel from './block-support-tools-panel';\nimport BlockSupportSlotContainer from './block-support-slot-container';\nimport groups from './groups';\n\nexport default function InspectorControlsSlot( {\n\t__experimentalGroup,\n\tgroup = 'default',\n\tlabel,\n\tfillProps,\n\t...props\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsSlot`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst slotFill = groups[ group ];\n\tconst fills = useSlotFills( slotFill?.name );\n\n\tif ( ! slotFill ) {\n\t\twarning( `Unknown InspectorControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( ! fills?.length ) {\n\t\treturn null;\n\t}\n\n\tconst { Slot } = slotFill;\n\n\tif ( label ) {\n\t\treturn (\n\t\t\t<BlockSupportToolsPanel group={ group } label={ label }>\n\t\t\t\t<BlockSupportSlotContainer\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tfillProps={ fillProps }\n\t\t\t\t\tSlot={ Slot }\n\t\t\t\t/>\n\t\t\t</BlockSupportToolsPanel>\n\t\t);\n\t}\n\n\treturn <Slot { ...props } fillProps={ fillProps } bubblesVirtually />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAKA,IAAAI,uBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,0BAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAA8B,IAAAO,WAAA,GAAAP,OAAA;AAZ9B;AACA;AACA;;AAKA;AACA;AACA;;AAKe,SAASQ,qBAAqBA,CAAE;EAC9CC,mBAAmB;EACnBC,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,SAAS;EACT,GAAGC;AACJ,CAAC,EAAG;EACH,IAAKJ,mBAAmB,EAAG;IAC1B,IAAAK,mBAAU,EACT,2DAA2D,EAC3D;MACCC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACd,CACD,CAAC;IACDP,KAAK,GAAGD,mBAAmB;EAC5B;EACA,MAAMS,QAAQ,GAAGC,eAAM,CAAET,KAAK,CAAE;EAChC,MAAMU,KAAK,GAAG,IAAAC,sCAAY,EAAEH,QAAQ,EAAEI,IAAK,CAAC;EAE5C,IAAK,CAAEJ,QAAQ,EAAG;IACjBK,UAAA,CAAAC,YAAA,gBAAAC,gBAAO,EAAE,oCAAqCf,KAAK,aAAe,CAAC;IACnE,OAAO,IAAI;EACZ;EAEA,IAAK,CAAEU,KAAK,EAAEM,MAAM,EAAG;IACtB,OAAO,IAAI;EACZ;EAEA,MAAM;IAAEC;EAAK,CAAC,GAAGT,QAAQ;EAEzB,IAAKP,KAAK,EAAG;IACZ,oBACC,IAAAJ,WAAA,CAAAqB,GAAA,EAACxB,uBAAA,CAAAyB,OAAsB;MAACnB,KAAK,EAAGA,KAAO;MAACC,KAAK,EAAGA,KAAO;MAAAmB,QAAA,eACtD,IAAAvB,WAAA,CAAAqB,GAAA,EAACvB,0BAAA,CAAAwB,OAAyB;QAAA,GACpBhB,KAAK;QACVD,SAAS,EAAGA,SAAW;QACvBe,IAAI,EAAGA;MAAM,CACb;IAAC,CACqB,CAAC;EAE3B;EAEA,oBAAO,IAAApB,WAAA,CAAAqB,GAAA,EAACD,IAAI;IAAA,GAAMd,KAAK;IAAGD,SAAS,EAAGA,SAAW;IAACmB,gBAAgB;EAAA,CAAE,CAAC;AACtE","ignoreList":[]}

package/build/components/letter-spacing-control/index.js CHANGED Viewed

@@ -1,10 +1,12 @@
 "use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LetterSpacingControl;
 var _components = require("@wordpress/components");
+var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _i18n = require("@wordpress/i18n");
 var _useSettings = require("../../components/use-settings");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -42,8 +44,16 @@ var _jsxRuntime = require("react/jsx-runtime");
       rem: 0.2
     }
   });
+  if (!__next40pxDefaultSize && (otherProps.size === undefined || otherProps.size === 'default')) {
+    (0, _deprecated.default)(`36px default size for wp.blockEditor.__experimentalLetterSpacingControl`, {
+      since: '6.8',
+      version: '7.1',
+      hint: 'Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version.'
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
     __next40pxDefaultSize: __next40pxDefaultSize,
+    __shouldNotWarnDeprecated36pxSize: true,
     ...otherProps,
     label: (0, _i18n.__)('Letter spacing'),
     value: value,

package/build/components/letter-spacing-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_useSettings","_jsxRuntime","LetterSpacingControl","__next40pxDefaultSize","value","onChange","__unstableInputWidth","otherProps","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","jsx","__experimentalUnitControl","label","__"],"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { useSettings } from '../../components/use-settings';\n\n/\n Control for letter-spacing.\n \n @param {Object} props Component props.\n * @param {boolean} props.__next40pxDefaultSize Start opting into the larger default height that will become the default size in a future version.\n * @param {string} props.value Currently selected letter-spacing.\n * @param {Function} props.onChange Handles change in letter-spacing selection.\n * @param {string\|number\|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n \n @return {Element} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\t__next40pxDefaultSize = false,\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits \|\| [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\treturn (\n\t\t<UnitControl\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"],"mappings":"~~;;;;;;~~AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,~~GAAAD~~,OAAA;AAKA,~~IAAAE~~,YAAA,~~GAAAF~~,OAAA;AAA4D,~~IAAAG~~,WAAA,~~GAAAH~~,OAAA;~~AAZ5D~~;AACA;AACA;;~~AAOA~~;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACe,~~SAASI~~,oBAAoBA,CAAE;EAC7CC,qBAAqB,GAAG,KAAK;EAC7BC,KAAK;EACLC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,cAAc,CAAE,GAAG,IAAAC,wBAAW,EAAE,eAAgB,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BH,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAE;IACvDI,aAAa,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI;EAC3C,CAAE,CAAC;~~EACH~~,oBACC,~~IAAAd~~,WAAA,~~CAAAe~~,GAAA,~~EAACnB~~,WAAA,~~CAAAoB~~,yBAAW;~~IACXd~~,qBAAqB,EAAGA,qBAAuB;IAAA,~~GAC1CI~~,UAAU;~~IACfW~~,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;~~IAChCf~~,KAAK,EAAGA,KAAO;IACfE,oBAAoB,EAAGA,oBAAsB;IAC7CI,KAAK,EAAGA,KAAO;IACfL,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_deprecated","_interopRequireDefault","_i18n","_useSettings","_jsxRuntime","LetterSpacingControl","__next40pxDefaultSize","value","onChange","__unstableInputWidth","otherProps","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","size","undefined","deprecated","since","version","hint","jsx","__experimentalUnitControl","__shouldNotWarnDeprecated36pxSize","label","__"],"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { useSettings } from '../../components/use-settings';\n\n/\n Control for letter-spacing.\n \n @param {Object} props Component props.\n * @param {boolean} props.__next40pxDefaultSize Start opting into the larger default height that will become the default size in a future version.\n * @param {string} props.value Currently selected letter-spacing.\n * @param {Function} props.onChange Handles change in letter-spacing selection.\n * @param {string\|number\|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n \n @return {Element} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\t__next40pxDefaultSize = false,\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits \|\| [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\n\tif (\n\t\t! __next40pxDefaultSize &&\n\t\t( otherProps.size === undefined \|\| otherProps.size === 'default' )\n\t) {\n\t\tdeprecated(\n\t\t\t`36px default size for wp.blockEditor.__experimentalLetterSpacingControl`,\n\t\t\t{\n\t\t\t\tsince: '6.8',\n\t\t\t\tversion: '7.1',\n\t\t\t\thint: 'Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version.',\n\t\t\t}\n\t\t);\n\t}\n\n\treturn (\n\t\t<UnitControl\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAJ,OAAA;AAA4D,IAAAK,WAAA,GAAAL,OAAA;AAb5D;AACA;AACA;;AAQA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACe,SAASM,oBAAoBA,CAAE;EAC7CC,qBAAqB,GAAG,KAAK;EAC7BC,KAAK;EACLC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,cAAc,CAAE,GAAG,IAAAC,wBAAW,EAAE,eAAgB,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BH,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAE;IACvDI,aAAa,EAAE;MAAEC,EAAE,EAAE,CAAC;MAAEC,EAAE,EAAE,GAAG;MAAEC,GAAG,EAAE;IAAI;EAC3C,CAAE,CAAC;EAEH,IACC,CAAEZ,qBAAqB,KACrBI,UAAU,CAACS,IAAI,KAAKC,SAAS,IAAIV,UAAU,CAACS,IAAI,KAAK,SAAS,CAAE,EACjE;IACD,IAAAE,mBAAU,EACT,yEAAyE,EACzE;MACCC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,IAAI,EAAE;IACP,CACD,CAAC;EACF;EAEA,oBACC,IAAApB,WAAA,CAAAqB,GAAA,EAAC3B,WAAA,CAAA4B,yBAAW;IACXpB,qBAAqB,EAAGA,qBAAuB;IAC/CqB,iCAAiC;IAAA,GAC5BjB,UAAU;IACfkB,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IAChCtB,KAAK,EAAGA,KAAO;IACfE,oBAAoB,EAAGA,oBAAsB;IAC7CI,KAAK,EAAGA,KAAO;IACfL,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ","ignoreList":[]}

package/build/components/line-height-control/index.js CHANGED Viewed

@@ -91,6 +91,7 @@ const LineHeightControl = ({
     className: "block-editor-line-height-control",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNumberControl, {
       ...otherProps,
+      __shouldNotWarnDeprecated36pxSize: true,
       __next40pxDefaultSize: __next40pxDefaultSize,
       __unstableInputWidth: __unstableInputWidth,
       __unstableStateReducer: stateReducer,

package/build/components/line-height-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_utils","_jsxRuntime","LineHeightControl","__next40pxDefaultSize","value","lineHeight","onChange","__unstableInputWidth","otherProps","isDefined","isLineHeightDefined","adjustNextValue","nextValue","wasTypedOrPasted","spin","STEP","SPIN_FACTOR","BASE_DEFAULT_VALUE","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","RESET_VALUE","handleOnChange","type","jsx","className","children","__experimentalNumberControl","__unstableStateReducer","label","__","placeholder","step","spinFactor","min","spinControls","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tSPIN_FACTOR,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\t/* Start opting into the larger default height that will become the default size in a future version. /\n\t__next40pxDefaultSize = false,\n\tvalue: lineHeight,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) {\n\t\t\treturn nextValue;\n\t\t}\n\n\t\t/\n\t\t The following logic handles the initial spin up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first spin up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t \n\t\t Spin up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * dragging the input or by clicking the spin buttons.\n\t\t /\n\t\tconst spin = STEP SPIN_FACTOR;\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ spin }`:\n\t\t\t\t// Increment by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + spin;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than using the\n\t\t\t\t// spin down action from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) {\n\t\t\t\t\treturn nextValue;\n\t\t\t\t}\n\t\t\t\t// Decrement by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - spin;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-line-height-control\">\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tspinFactor={ SPIN_FACTOR }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/*\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAMiB,IAAAG,WAAA,GAAAH,OAAA;AAfjB;AACA;AACA;;AAIA;AACA;AACA;;AASA,MAAMI,iBAAiB,GAAGA,CAAE;EAC3B;EACAC,qBAAqB,GAAG,KAAK;EAC7BC,KAAK,EAAEC,UAAU;EACjBC,QAAQ;EACRC,oBAAoB,GAAG,MAAM;EAC7B,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,SAAS,GAAG,IAAAC,0BAAmB,EAAEL,UAAW,CAAC;EAEnD,MAAMM,eAAe,GAAGA,CAAEC,SAAS,EAAEC,gBAAgB,KAAM;IAC1D;IACA,IAAKJ,SAAS,EAAG;MAChB,OAAOG,SAAS;IACjB;;IAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACE,MAAME,IAAI,GAAGC,WAAI,GAAGC,kBAAW;IAC/B,QAAS,GAAIJ,SAAS,EAAG;MACxB,KAAK,GAAIE,IAAI,EAAG;QACf;QACA,OAAOG,yBAAkB,GAAGH,IAAI;MACjC,KAAK,GAAG;QAAE;UACT;UACA;UACA,IAAKD,gBAAgB,EAAG;YACvB,OAAOD,SAAS;UACjB;UACA;UACA,OAAOK,yBAAkB,GAAGH,IAAI;QACjC;MACA,KAAK,EAAE;QACN,OAAOG,yBAAkB;MAC1B;QACC,OAAOL,SAAS;IAClB;EACD,CAAC;EAED,MAAMM,YAAY,GAAGA,CAAEC,KAAK,EAAEC,MAAM,KAAM;IACzC;IACA;IACA;IACA;IACA,MAAMP,gBAAgB,GAAG,CAAE,YAAY,EAAE,iBAAiB,CAAE,CAACQ,QAAQ,CACpED,MAAM,CAACE,OAAO,CAACC,KAAK,CAACC,WAAW,EAAEC,SACnC,CAAC;IACD,MAAMrB,KAAK,GAAGO,eAAe,CAAEQ,KAAK,CAACf,KAAK,EAAES,gBAAiB,CAAC;IAC9D,OAAO;MAAE,GAAGM,KAAK;MAAEf;IAAM,CAAC;EAC3B,CAAC;EAED,MAAMA,KAAK,GAAGK,SAAS,GAAGJ,UAAU,GAAGqB,kBAAW;EAElD,MAAMC,cAAc,GAAGA,CAAEf,SAAS,EAAE;IAAEW;EAAM,CAAC,KAAM;IAClD,IAAKX,SAAS,KAAK,EAAE,EAAG;MACvBN,QAAQ,CAAC,CAAC;MACV;IACD;IAEA,IAAKiB,KAAK,CAACK,IAAI,KAAK,OAAO,EAAG;MAC7BtB,QAAQ,CAAEK,eAAe,CAAE,GAAIC,SAAS,EAAG,EAAE,KAAM,CAAE,CAAC;MACtD;IACD;IAEAN,QAAQ,CAAE,GAAIM,SAAS,EAAI,CAAC;EAC7B,CAAC;EAED,oBACC,IAAAX,WAAA,CAAA4B,GAAA;IAAKC,SAAS,EAAC,kCAAkC;IAAAC,QAAA,eAChD,IAAA9B,WAAA,CAAA4B,GAAA,EAAC9B,WAAA,CAAAiC,2BAAa;MAAA,GACRxB,UAAU;~~MACfL~~,qBAAqB,EAAGA,qBAAuB;MAC/CI,oBAAoB,EAAGA,oBAAsB;~~MAC7C0B~~,sBAAsB,~~EAAGf~~,YAAc;MACvCZ,QAAQ,EAAGqB,cAAgB;~~MAC3BO~~,KAAK,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;MAC7BC,WAAW,~~EAAGnB~~,yBAAoB;~~MAClCoB~~,IAAI,~~EAAGtB~~,WAAM;~~MACbuB~~,UAAU,~~EAAGtB~~,kBAAa;MAC1BZ,KAAK,EAAGA,KAAO;~~MACfmC~~,GAAG,EAAG,CAAG;MACTC,YAAY,EAAC;IAAQ,CACrB;EAAC,CACE,CAAC;AAER,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAGezC~~,iBAAiB","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_utils","_jsxRuntime","LineHeightControl","__next40pxDefaultSize","value","lineHeight","onChange","__unstableInputWidth","otherProps","isDefined","isLineHeightDefined","adjustNextValue","nextValue","wasTypedOrPasted","spin","STEP","SPIN_FACTOR","BASE_DEFAULT_VALUE","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","RESET_VALUE","handleOnChange","type","jsx","className","children","__experimentalNumberControl","__shouldNotWarnDeprecated36pxSize","__unstableStateReducer","label","__","placeholder","step","spinFactor","min","spinControls","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tSPIN_FACTOR,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\t/* Start opting into the larger default height that will become the default size in a future version. /\n\t__next40pxDefaultSize = false,\n\tvalue: lineHeight,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) {\n\t\t\treturn nextValue;\n\t\t}\n\n\t\t/\n\t\t The following logic handles the initial spin up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first spin up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t \n\t\t Spin up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * dragging the input or by clicking the spin buttons.\n\t\t /\n\t\tconst spin = STEP SPIN_FACTOR;\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ spin }`:\n\t\t\t\t// Increment by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + spin;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than using the\n\t\t\t\t// spin down action from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) {\n\t\t\t\t\treturn nextValue;\n\t\t\t\t}\n\t\t\t\t// Decrement by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - spin;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-line-height-control\">\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tspinFactor={ SPIN_FACTOR }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/*\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"],"mappings":"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","ignoreList":[]}

package/build/components/media-placeholder/index.js CHANGED Viewed

@@ -12,12 +12,12 @@ var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
-var _blocks2 = require("@wordpress/blocks");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _mediaUpload = _interopRequireDefault(require("../media-upload"));
 var _check = _interopRequireDefault(require("../media-upload/check"));
 var _urlPopover = _interopRequireDefault(require("../url-popover"));
 var _store = require("../../store");
+var _useOnBlockDrop = require("../use-on-block-drop");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -216,18 +216,14 @@ function MediaPlaceholder({
       onError
     });
   };
-  async function handleBlocksDrop(blocks) {
-    if (!blocks || !Array.isArray(blocks)) {
-      return;
-    }
-    function recursivelyFindMediaFromBlocks(_blocks) {
-      return _blocks.flatMap(block => (block.name === 'core/image' || block.name === 'core/audio' || block.name === 'core/video') && (block.attributes.url || block.attributes.src) ? [block] : recursivelyFindMediaFromBlocks(block.innerBlocks));
-    }
-    const mediaBlocks = recursivelyFindMediaFromBlocks(blocks);
-    if (!mediaBlocks.length) {
+  async function handleBlocksDrop(event) {
+    const {
+      blocks
+    } = (0, _useOnBlockDrop.parseDropEvent)(event);
+    if (!blocks?.length) {
       return;
     }
-    const uploadedMediaList = await Promise.all(mediaBlocks.map(block => {
+    const uploadedMediaList = await Promise.all(blocks.map(block => {
       const blockType = block.name.split('/')[1];
       if (block.attributes.id) {
         block.attributes.type = blockType;
@@ -258,12 +254,6 @@ function MediaPlaceholder({
       onSelect(uploadedMediaList[0]);
     }
   }
-  async function onDrop(event) {
-    const blocks = (0, _blocks2.pasteHandler)({
-      HTML: event.dataTransfer?.getData('default')
-    });
-    return await handleBlocksDrop(blocks);
-  }
   const onUpload = event => {
     onFilesUpload(event.target.files);
   };
@@ -325,7 +315,17 @@ function MediaPlaceholder({
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropZone, {
       onFilesDrop: onFilesUpload,
-      onDrop: onDrop
+      onDrop: handleBlocksDrop,
+      isEligible: dataTransfer => {
+        const prefix = 'wp-block:core/';
+        const types = [];
+        for (const type of dataTransfer.types) {
+          if (type.startsWith(prefix)) {
+            types.push(type.slice(prefix.length));
+          }
+        }
+        return types.every(type => allowedTypes.includes(type)) && (multiple ? true : types.length === 1);
+      }
     });
   };
   const renderCancelLink = () => {