npm - @wordpress/block-editor - Versions diffs - 12.10.2 → 12.11.0 - Mend

@wordpress/block-editor 12.10.2 → 12.11.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 (1275) hide show

package/build/components/inserter/media-tab/media-preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_i18n","_blocks","_icons","_data","_notices","_blob","_inserterDraggableBlocks","_utils","_store","ALLOWED_MEDIA_TYPES","MAXIMUM_TITLE_LENGTH","MEDIA_OPTIONS_POPOVER_PROPS","position","className","MediaPreviewOptions","category","media","getReportUrl","reportUrl","createElement","DropdownMenu","label","__","popoverProps","icon","moreVertical","MenuGroup","MenuItem","onClick","window","open","focus","external","sprintf","mediaType","InsertExternalImageModal","onClose","onSubmit","Modal","title","onRequestClose","__experimentalVStack","spacing","Flex","justify","expanded","FlexItem","Button","variant","MediaPreview","composite","showExternalUploadModal","setShowExternalUploadModal","useState","isHovered","setIsHovered","isInserting","setIsInserting","block","preview","useMemo","getBlockAndPreviewFromMedia","createErrorNotice","createSuccessNotice","useDispatch","noticesStore","mediaUpload","useSelect","select","blockEditorStore","getSettings","onMediaInsert","useCallback","previewBlock","clonedBlock","cloneBlock","id","url","caption","attributes","fetch","then","response","blob","filesList","additionalData","onFileChange","img","isBlobURL","type","allowedTypes","onError","message","catch","rendered","truncatedTitle","length","omission","slice","onMouseEnter","onMouseLeave","Fragment","default","isEnabled","blocks","draggable","onDragStart","onDragEnd","classnames","Tooltip","text","__unstableCompositeItem","role","as","Spinner"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-preview.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableCompositeItem as CompositeItem,\n\tTooltip,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tSpinner,\n\tModal,\n\tFlex,\n\tFlexItem,\n\tButton,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useMemo, useCallback, useState } from '@wordpress/element';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { moreVertical, external } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { isBlobURL } from '@wordpress/blob';\n\n/\n Internal dependencies\n /\nimport InserterDraggableBlocks from '../../inserter-draggable-blocks';\nimport { getBlockAndPreviewFromMedia } from './utils';\nimport { store as blockEditorStore } from '../../../store';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\nconst MAXIMUM_TITLE_LENGTH = 25;\nconst MEDIA_OPTIONS_POPOVER_PROPS = {\n\tposition: 'bottom left',\n\tclassName:\n\t\t'block-editor-inserter__media-list__item-preview-options__popover',\n};\n\nfunction MediaPreviewOptions( { category, media } ) {\n\tif ( ! category.getReportUrl ) {\n\t\treturn null;\n\t}\n\tconst reportUrl = category.getReportUrl( media );\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName=\"block-editor-inserter__media-list__item-preview-options\"\n\t\t\tlabel={ __( 'Options' ) }\n\t\t\tpopoverProps={ MEDIA_OPTIONS_POPOVER_PROPS }\n\t\t\ticon={ moreVertical }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\twindow.open( reportUrl, '_blank' ).focus()\n\t\t\t\t\t\t}\n\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t/ translators: %s: The media type to report e.g: \"image\", \"video\", \"audio\" /\n\t\t\t\t\t\t\t__( 'Report %s' ),\n\t\t\t\t\t\t\tcategory.mediaType\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction InsertExternalImageModal( { onClose, onSubmit } ) {\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Insert external image' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\tclassName=\"block-editor-inserter-media-tab-media-preview-inserter-external-image-modal\"\n\t\t>\n\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t<p>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'This image cannot be uploaded to your Media Library, but it can still be inserted as an external image.'\n\t\t\t\t\t) }\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'External images can be removed by the external provider without warning and could even have legal compliance issues related to privacy legislation.'\n\t\t\t\t\t) }\n\t\t\t\t</p>\n\t\t\t</VStack>\n\t\t\t<Flex\n\t\t\t\tclassName=\"block-editor-block-lock-modal__actions\"\n\t\t\t\tjustify=\"flex-end\"\n\t\t\t\texpanded={ false }\n\t\t\t>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Button variant=\"tertiary\" onClick={ onClose }>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Button variant=\"primary\" onClick={ onSubmit }>\n\t\t\t\t\t\t{ __( 'Insert' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</Modal>\n\t);\n}\n\nexport function MediaPreview( { media, onClick, composite, category } ) {\n\tconst [ showExternalUploadModal, setShowExternalUploadModal ] =\n\t\tuseState( false );\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\tconst [ isInserting, setIsInserting ] = useState( false );\n\tconst [ block, preview ] = useMemo(\n\t\t() => getBlockAndPreviewFromMedia( media, category.mediaType ),\n\t\t[ media, category.mediaType ]\n\t);\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst mediaUpload = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().mediaUpload,\n\t\t[]\n\t);\n\tconst onMediaInsert = useCallback(\n\t\t( previewBlock ) => {\n\t\t\t// Prevent multiple uploads when we're in the process of inserting.\n\t\t\tif ( isInserting ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst clonedBlock = cloneBlock( previewBlock );\n\t\t\tconst { id, url, caption } = clonedBlock.attributes;\n\t\t\t// Media item already exists in library, so just insert it.\n\t\t\tif ( !! id ) {\n\t\t\t\tonClick( clonedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsInserting( true );\n\t\t\t// Media item does not exist in library, so try to upload it.\n\t\t\t// Fist fetch the image data. This may fail if the image host\n\t\t\t// doesn't allow CORS with the domain.\n\t\t\t// If this happens, we insert the image block using the external\n\t\t\t// URL and let the user know about the possible implications.\n\t\t\twindow\n\t\t\t\t.fetch( url )\n\t\t\t\t.then( ( response ) => response.blob() )\n\t\t\t\t.then( ( blob ) => {\n\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\tfilesList: [ blob ],\n\t\t\t\t\t\tadditionalData: { caption },\n\t\t\t\t\t\tonFileChange( [ img ] ) {\n\t\t\t\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick( {\n\t\t\t\t\t\t\t\t...clonedBlock,\n\t\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t\t...clonedBlock.attributes,\n\t\t\t\t\t\t\t\t\tid: img.id,\n\t\t\t\t\t\t\t\t\turl: img.url,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\t\t__( 'Image uploaded and inserted.' ),\n\t\t\t\t\t\t\t\t{ type: 'snackbar' }\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tsetIsInserting( false );\n\t\t\t\t\t\t},\n\t\t\t\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\t\t\t\tonError( message ) {\n\t\t\t\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t\t\t\t\tsetIsInserting( false );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tsetShowExternalUploadModal( true );\n\t\t\t\t\tsetIsInserting( false );\n\t\t\t\t} );\n\t\t},\n\t\t[\n\t\t\tisInserting,\n\t\t\tonClick,\n\t\t\tmediaUpload,\n\t\t\tcreateErrorNotice,\n\t\t\tcreateSuccessNotice,\n\t\t]\n\t);\n\tconst title = media.title?.rendered \|\| media.title;\n\tlet truncatedTitle;\n\tif ( title.length > MAXIMUM_TITLE_LENGTH ) {\n\t\tconst omission = '...';\n\t\ttruncatedTitle =\n\t\t\ttitle.slice( 0, MAXIMUM_TITLE_LENGTH - omission.length ) + omission;\n\t}\n\tconst onMouseEnter = useCallback( () => setIsHovered( true ), [] );\n\tconst onMouseLeave = useCallback( () => setIsHovered( false ), [] );\n\treturn (\n\t\t<>\n\t\t\t<InserterDraggableBlocks isEnabled={ true } blocks={ [ block ] }>\n\t\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-inserter__media-list__list-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-hovered': isHovered,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\t\tonDragStart={ onDragStart }\n\t\t\t\t\t\tonDragEnd={ onDragEnd }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tooltip text={ truncatedTitle \|\| title }>\n\t\t\t\t\t\t\t{ / Adding `is-hovered` class to the wrapper element is needed\n\t\t\t\t\t\t\tbecause the options Popover is rendered outside of this node. */ }\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tonMouseEnter={ onMouseEnter }\n\t\t\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t\t\t\t{ ...composite }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__media-list__item\"\n\t\t\t\t\t\t\t\t\tonClick={ () => onMediaInsert( block ) }\n\t\t\t\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"block-editor-inserter__media-list__item-preview\">\n\t\t\t\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t\t\t\t{ isInserting && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-inserter__media-list__item-preview-spinner\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</CompositeItem>\n\t\t\t\t\t\t\t\t{ ! isInserting && (\n\t\t\t\t\t\t\t\t\t<MediaPreviewOptions\n\t\t\t\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t\t\t\t\tmedia={ media }\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</div>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</InserterDraggableBlocks>\n\t\t\t{ showExternalUploadModal && (\n\t\t\t\t<InsertExternalImageModal\n\t\t\t\t\tonClose={ () => setShowExternalUploadModal( false ) }\n\t\t\t\t\tonSubmit={ () => {\n\t\t\t\t\t\tonClick( cloneBlock( block ) );\n\t\t\t\t\t\tcreateSuccessNotice( __( 'Image inserted.' ), {\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tsetShowExternalUploadModal( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_element","_blocks","_icons","_data","_notices","_blob","_inserterDraggableBlocks","_utils","_store","ALLOWED_MEDIA_TYPES","MAXIMUM_TITLE_LENGTH","MEDIA_OPTIONS_POPOVER_PROPS","position","className","MediaPreviewOptions","category","media","getReportUrl","reportUrl","_react","createElement","DropdownMenu","label","__","popoverProps","icon","moreVertical","MenuGroup","MenuItem","onClick","window","open","focus","external","sprintf","mediaType","InsertExternalImageModal","onClose","onSubmit","Modal","title","onRequestClose","__experimentalVStack","spacing","Flex","justify","expanded","FlexItem","Button","variant","MediaPreview","composite","showExternalUploadModal","setShowExternalUploadModal","useState","isHovered","setIsHovered","isInserting","setIsInserting","block","preview","useMemo","getBlockAndPreviewFromMedia","createErrorNotice","createSuccessNotice","useDispatch","noticesStore","mediaUpload","useSelect","select","blockEditorStore","getSettings","onMediaInsert","useCallback","previewBlock","clonedBlock","cloneBlock","id","url","caption","attributes","fetch","then","response","blob","filesList","additionalData","onFileChange","img","isBlobURL","type","allowedTypes","onError","message","catch","rendered","truncatedTitle","length","omission","slice","onMouseEnter","onMouseLeave","Fragment","default","isEnabled","blocks","draggable","onDragStart","onDragEnd","classnames","Tooltip","text","__unstableCompositeItem","role","as","Spinner"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-preview.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableCompositeItem as CompositeItem,\n\tTooltip,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tSpinner,\n\tModal,\n\tFlex,\n\tFlexItem,\n\tButton,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useMemo, useCallback, useState } from '@wordpress/element';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { moreVertical, external } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { isBlobURL } from '@wordpress/blob';\n\n/\n Internal dependencies\n /\nimport InserterDraggableBlocks from '../../inserter-draggable-blocks';\nimport { getBlockAndPreviewFromMedia } from './utils';\nimport { store as blockEditorStore } from '../../../store';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\nconst MAXIMUM_TITLE_LENGTH = 25;\nconst MEDIA_OPTIONS_POPOVER_PROPS = {\n\tposition: 'bottom left',\n\tclassName:\n\t\t'block-editor-inserter__media-list__item-preview-options__popover',\n};\n\nfunction MediaPreviewOptions( { category, media } ) {\n\tif ( ! category.getReportUrl ) {\n\t\treturn null;\n\t}\n\tconst reportUrl = category.getReportUrl( media );\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName=\"block-editor-inserter__media-list__item-preview-options\"\n\t\t\tlabel={ __( 'Options' ) }\n\t\t\tpopoverProps={ MEDIA_OPTIONS_POPOVER_PROPS }\n\t\t\ticon={ moreVertical }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\twindow.open( reportUrl, '_blank' ).focus()\n\t\t\t\t\t\t}\n\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t/ translators: %s: The media type to report e.g: \"image\", \"video\", \"audio\" /\n\t\t\t\t\t\t\t__( 'Report %s' ),\n\t\t\t\t\t\t\tcategory.mediaType\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction InsertExternalImageModal( { onClose, onSubmit } ) {\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Insert external image' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\tclassName=\"block-editor-inserter-media-tab-media-preview-inserter-external-image-modal\"\n\t\t>\n\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t<p>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'This image cannot be uploaded to your Media Library, but it can still be inserted as an external image.'\n\t\t\t\t\t) }\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'External images can be removed by the external provider without warning and could even have legal compliance issues related to privacy legislation.'\n\t\t\t\t\t) }\n\t\t\t\t</p>\n\t\t\t</VStack>\n\t\t\t<Flex\n\t\t\t\tclassName=\"block-editor-block-lock-modal__actions\"\n\t\t\t\tjustify=\"flex-end\"\n\t\t\t\texpanded={ false }\n\t\t\t>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Button variant=\"tertiary\" onClick={ onClose }>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Button variant=\"primary\" onClick={ onSubmit }>\n\t\t\t\t\t\t{ __( 'Insert' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</Modal>\n\t);\n}\n\nexport function MediaPreview( { media, onClick, composite, category } ) {\n\tconst [ showExternalUploadModal, setShowExternalUploadModal ] =\n\t\tuseState( false );\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\tconst [ isInserting, setIsInserting ] = useState( false );\n\tconst [ block, preview ] = useMemo(\n\t\t() => getBlockAndPreviewFromMedia( media, category.mediaType ),\n\t\t[ media, category.mediaType ]\n\t);\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst mediaUpload = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().mediaUpload,\n\t\t[]\n\t);\n\tconst onMediaInsert = useCallback(\n\t\t( previewBlock ) => {\n\t\t\t// Prevent multiple uploads when we're in the process of inserting.\n\t\t\tif ( isInserting ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst clonedBlock = cloneBlock( previewBlock );\n\t\t\tconst { id, url, caption } = clonedBlock.attributes;\n\t\t\t// Media item already exists in library, so just insert it.\n\t\t\tif ( !! id ) {\n\t\t\t\tonClick( clonedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsInserting( true );\n\t\t\t// Media item does not exist in library, so try to upload it.\n\t\t\t// Fist fetch the image data. This may fail if the image host\n\t\t\t// doesn't allow CORS with the domain.\n\t\t\t// If this happens, we insert the image block using the external\n\t\t\t// URL and let the user know about the possible implications.\n\t\t\twindow\n\t\t\t\t.fetch( url )\n\t\t\t\t.then( ( response ) => response.blob() )\n\t\t\t\t.then( ( blob ) => {\n\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\tfilesList: [ blob ],\n\t\t\t\t\t\tadditionalData: { caption },\n\t\t\t\t\t\tonFileChange( [ img ] ) {\n\t\t\t\t\t\t\tif ( isBlobURL( img.url ) ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick( {\n\t\t\t\t\t\t\t\t...clonedBlock,\n\t\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t\t...clonedBlock.attributes,\n\t\t\t\t\t\t\t\t\tid: img.id,\n\t\t\t\t\t\t\t\t\turl: img.url,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\t\t__( 'Image uploaded and inserted.' ),\n\t\t\t\t\t\t\t\t{ type: 'snackbar' }\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tsetIsInserting( false );\n\t\t\t\t\t\t},\n\t\t\t\t\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\t\t\t\t\tonError( message ) {\n\t\t\t\t\t\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\t\t\t\t\t\tsetIsInserting( false );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tsetShowExternalUploadModal( true );\n\t\t\t\t\tsetIsInserting( false );\n\t\t\t\t} );\n\t\t},\n\t\t[\n\t\t\tisInserting,\n\t\t\tonClick,\n\t\t\tmediaUpload,\n\t\t\tcreateErrorNotice,\n\t\t\tcreateSuccessNotice,\n\t\t]\n\t);\n\tconst title = media.title?.rendered \|\| media.title;\n\tlet truncatedTitle;\n\tif ( title.length > MAXIMUM_TITLE_LENGTH ) {\n\t\tconst omission = '...';\n\t\ttruncatedTitle =\n\t\t\ttitle.slice( 0, MAXIMUM_TITLE_LENGTH - omission.length ) + omission;\n\t}\n\tconst onMouseEnter = useCallback( () => setIsHovered( true ), [] );\n\tconst onMouseLeave = useCallback( () => setIsHovered( false ), [] );\n\treturn (\n\t\t<>\n\t\t\t<InserterDraggableBlocks isEnabled={ true } blocks={ [ block ] }>\n\t\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-inserter__media-list__list-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-hovered': isHovered,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\t\tonDragStart={ onDragStart }\n\t\t\t\t\t\tonDragEnd={ onDragEnd }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tooltip text={ truncatedTitle \|\| title }>\n\t\t\t\t\t\t\t{ / Adding `is-hovered` class to the wrapper element is needed\n\t\t\t\t\t\t\tbecause the options Popover is rendered outside of this node. */ }\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tonMouseEnter={ onMouseEnter }\n\t\t\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t\t\t\t{ ...composite }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__media-list__item\"\n\t\t\t\t\t\t\t\t\tonClick={ () => onMediaInsert( block ) }\n\t\t\t\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"block-editor-inserter__media-list__item-preview\">\n\t\t\t\t\t\t\t\t\t\t{ preview }\n\t\t\t\t\t\t\t\t\t\t{ isInserting && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-inserter__media-list__item-preview-spinner\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</CompositeItem>\n\t\t\t\t\t\t\t\t{ ! isInserting && (\n\t\t\t\t\t\t\t\t\t<MediaPreviewOptions\n\t\t\t\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t\t\t\t\tmedia={ media }\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</div>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</InserterDraggableBlocks>\n\t\t\t{ showExternalUploadModal && (\n\t\t\t\t<InsertExternalImageModal\n\t\t\t\t\tonClose={ () => setShowExternalUploadModal( false ) }\n\t\t\t\t\tonSubmit={ () => {\n\t\t\t\t\t\tonClick( cloneBlock( block ) );\n\t\t\t\t\t\tcreateSuccessNotice( __( 'Image inserted.' ), {\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tsetShowExternalUploadModal( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _mediaPanel = require("./media-panel");
 var _check = _interopRequireDefault(require("../../media-upload/check"));
@@ -50,14 +51,14 @@ function MediaTab({
     ...mediaCategory,
     label: mediaCategory.labels.name
   })), [mediaCategories]);
-  return (0, _element.createElement)(_element.Fragment, null, !isMobile && (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, !isMobile && (0, _react.createElement)("div", {
     className: `${baseCssClass}-container`
-  }, (0, _element.createElement)("nav", {
+  }, (0, _react.createElement)("nav", {
     "aria-label": (0, _i18n.__)('Media categories')
-  }, (0, _element.createElement)(_components.__experimentalItemGroup, {
+  }, (0, _react.createElement)(_components.__experimentalItemGroup, {
     role: "list",
     className: baseCssClass
-  }, mediaCategories.map(mediaCategory => (0, _element.createElement)(_components.__experimentalItem, {
+  }, mediaCategories.map(mediaCategory => (0, _react.createElement)(_components.__experimentalItem, {
     role: "listitem",
     key: mediaCategory.name,
     onClick: () => onSelectCategory(mediaCategory),
@@ -66,17 +67,17 @@ function MediaTab({
     }),
     "aria-label": mediaCategory.labels.name,
     "aria-current": mediaCategory === selectedCategory ? 'true' : undefined
-  }, (0, _element.createElement)(_components.__experimentalHStack, null, (0, _element.createElement)(_components.FlexBlock, null, mediaCategory.labels.name), (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, null, (0, _react.createElement)(_components.FlexBlock, null, mediaCategory.labels.name), (0, _react.createElement)(_icons.Icon, {
     icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-  })))), (0, _element.createElement)("div", {
+  })))), (0, _react.createElement)("div", {
     role: "listitem"
-  }, (0, _element.createElement)(_check.default, null, (0, _element.createElement)(_mediaUpload.default, {
+  }, (0, _react.createElement)(_check.default, null, (0, _react.createElement)(_mediaUpload.default, {
     multiple: false,
     onSelect: onSelectMedia,
     allowedTypes: ALLOWED_MEDIA_TYPES,
     render: ({
       open
-    }) => (0, _element.createElement)(_components.Button, {
+    }) => (0, _react.createElement)(_components.Button, {
       onClick: event => {
         // Safari doesn't emit a focus event on button elements when
         // clicked and we need to manually focus the button here.
@@ -91,9 +92,9 @@ function MediaTab({
       variant: "secondary",
       "data-unstable-ignore-focus-outside-for-relatedtarget": ".media-modal"
     }, (0, _i18n.__)('Open Media Library'))
-  })))))), isMobile && (0, _element.createElement)(_mobileTabNavigation.default, {
+  })))))), isMobile && (0, _react.createElement)(_mobileTabNavigation.default, {
     categories: mobileMediaCategories
-  }, category => (0, _element.createElement)(_mediaPanel.MediaCategoryPanel, {
+  }, category => (0, _react.createElement)(_mediaPanel.MediaCategoryPanel, {
     onInsert: onInsert,
     rootClientId: rootClientId,
     category: category

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","~~require~~","~~_classnames~~","~~_interopRequireDefault","~~_i18n","_compose","_components","_icons","_mediaPanel","_check","_mediaUpload","_hooks","_utils","_mobileTabNavigation","ALLOWED_MEDIA_TYPES","MediaTab","rootClientId","selectedCategory","onSelectCategory","onInsert","mediaCategories","useMediaCategories","isMobile","useViewportMatch","baseCssClass","onSelectMedia","useCallback","media","url","block","getBlockAndPreviewFromMedia","type","mobileMediaCategories","useMemo","map","mediaCategory","label","labels","name","createElement","Fragment","className","__","__experimentalItemGroup","role","__experimentalItem","key","onClick","classNames","undefined","__experimentalHStack","FlexBlock","Icon","icon","isRTL","chevronLeft","chevronRight","default","multiple","onSelect","allowedTypes","render","open","Button","event","target","focus","variant","categories","category","MediaCategoryPanel","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-tab.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tButton,\n} from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { Icon, chevronRight, chevronLeft } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { MediaCategoryPanel } from './media-panel';\nimport MediaUploadCheck from '../../media-upload/check';\nimport MediaUpload from '../../media-upload';\nimport { useMediaCategories } from './hooks';\nimport { getBlockAndPreviewFromMedia } from './utils';\nimport MobileTabNavigation from '../mobile-tab-navigation';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video', 'audio' ];\n\nfunction MediaTab( {\n\trootClientId,\n\tselectedCategory,\n\tonSelectCategory,\n\tonInsert,\n} ) {\n\tconst mediaCategories = useMediaCategories( rootClientId );\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\tconst baseCssClass = 'block-editor-inserter__media-tabs';\n\tconst onSelectMedia = useCallback(\n\t\t( media ) => {\n\t\t\tif ( ! media?.url ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [ block ] = getBlockAndPreviewFromMedia( media, media.type );\n\t\t\tonInsert( block );\n\t\t},\n\t\t[ onInsert ]\n\t);\n\tconst mobileMediaCategories = useMemo(\n\t\t() =>\n\t\t\tmediaCategories.map( ( mediaCategory ) => ( {\n\t\t\t\t...mediaCategory,\n\t\t\t\tlabel: mediaCategory.labels.name,\n\t\t\t} ) ),\n\t\t[ mediaCategories ]\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ ! isMobile && (\n\t\t\t\t<div className={ `${ baseCssClass }-container` }>\n\t\t\t\t\t<nav aria-label={ __( 'Media categories' ) }>\n\t\t\t\t\t\t<ItemGroup role=\"list\" className={ baseCssClass }>\n\t\t\t\t\t\t\t{ mediaCategories.map( ( mediaCategory ) => (\n\t\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\t\t\tkey={ mediaCategory.name }\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tonSelectCategory( mediaCategory )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\t\t\t\t\t`${ baseCssClass }__media-category`,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-selected':\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCategory ===\n\t\t\t\t\t\t\t\t\t\t\t\tmediaCategory,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ mediaCategory.labels.name }\n\t\t\t\t\t\t\t\t\taria-current={\n\t\t\t\t\t\t\t\t\t\tmediaCategory === selectedCategory\n\t\t\t\t\t\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t\t\t\t\t{ mediaCategory.labels.name }\n\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t<div role=\"listitem\">\n\t\t\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\tmultiple={ false }\n\t\t\t\t\t\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// Safari doesn't emit a focus event on button elements when\n\t\t\t\t\t\t\t\t\t\t\t\t\t// clicked and we need to manually focus the button here.\n\t\t\t\t\t\t\t\t\t\t\t\t\t// The reason is that core's Media Library modal explicitly triggers a\n\t\t\t\t\t\t\t\t\t\t\t\t\t// focus event and therefore a `blur` event is triggered on a different\n\t\t\t\t\t\t\t\t\t\t\t\t\t// element, which doesn't contain the `data-unstable-ignore-focus-outside-for-relatedtarget`\n\t\t\t\t\t\t\t\t\t\t\t\t\t// attribute making the Inserter dialog to close.\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\topen();\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__media-library-button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-unstable-ignore-focus-outside-for-relatedtarget=\".media-modal\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</nav>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isMobile && (\n\t\t\t\t<MobileTabNavigation categories={ mobileMediaCategories }>\n\t\t\t\t\t{ ( category ) => (\n\t\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</MobileTabNavigation>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default MediaTab;\n"],"mappings":"~~;;;;;;;AAiBA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AAdA~~,IAAAC,~~WAAA~~,~~GAAAC~~,~~sBAAA~~,~~CAAAF~~,OAAA;~~AAKA~~,IAAAG,~~KAAA~~,GAAAH,OAAA;~~AACA~~,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,~~WAAA~~,GAAAL,OAAA;~~AAQA~~,IAAAM,~~MAAA~~,GAAAN,OAAA;~~AAKA~~,IAAAO,~~WAAA,GAAAP,OAAA;AACA,IAAAQ,~~MAAA,~~GAAAN~~,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAS~~,YAAA,~~GAAAP~~,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAU~~,MAAA,~~GAAAV~~,OAAA;AACA,~~IAAAW~~,MAAA,~~GAAAX~~,OAAA;AACA,~~IAAAY~~,oBAAA,~~GAAAV~~,sBAAA,~~CAAAF~~,OAAA;AA5BA;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;;AAQA,~~MAAMa~~,mBAAmB,GAAG,CAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAE;AAEzD,SAASC,QAAQA,CAAE;EAClBC,YAAY;EACZC,gBAAgB;EAChBC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GAAG,IAAAC,yBAAkB,EAAEL,YAAa,CAAC;EAC1D,MAAMM,QAAQ,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAClD,MAAMC,YAAY,GAAG,mCAAmC;EACxD,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAC9BC,KAAK,IAAM;IACZ,IAAK,CAAEA,KAAK,EAAEC,GAAG,EAAG;MACnB;IACD;IACA,MAAM,CAAEC,KAAK,CAAE,GAAG,IAAAC,kCAA2B,EAAEH,KAAK,EAAEA,KAAK,CAACI,IAAK,CAAC;IAClEZ,QAAQ,CAAEU,KAAM,CAAC;EAClB,CAAC,EACD,CAAEV,QAAQ,CACX,CAAC;EACD,MAAMa,qBAAqB,GAAG,IAAAC,gBAAO,EACpC,MACCb,eAAe,CAACc,GAAG,CAAIC,aAAa,KAAQ;IAC3C,GAAGA,aAAa;IAChBC,KAAK,EAAED,aAAa,CAACE,MAAM,CAACC;EAC7B,CAAC,CAAG,CAAC,EACN,CAAElB,eAAe,CAClB,CAAC;EACD,OACC,~~IAAApB~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAAAvC~~,~~QAAA~~,~~CAAAwC~~,QAAA,QACG,~~CAAElB~~,QAAQ,IACX,~~IAAAtB~~,~~QAAA~~,~~CAAAuC~~,aAAA;IAAKE,SAAS,EAAI,~~GAAGjB~~,YAAc;EAAa,GAC/C,~~IAAAxB~~,~~QAAA~~,~~CAAAuC~~,aAAA;IAAK,cAAa,IAAAG,QAAE,EAAE,kBAAmB;EAAG,GAC3C,~~IAAA1C~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAACjC~~,WAAA,~~CAAAqC~~,uBAAS;IAACC,IAAI,EAAC,MAAM;IAACH,SAAS,~~EAAGjB~~;EAAc,GAC9CJ,eAAe,CAACc,GAAG,CAAIC,aAAa,IACrC,~~IAAAnC~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAACjC~~,WAAA,~~CAAAuC~~,kBAAI;IACJD,IAAI,EAAC,UAAU;IACfE,GAAG,~~EAAGX~~,aAAa,CAACG,IAAM;~~IAC1BS~~,OAAO,EAAGA,CAAA,~~KACT7B~~,gBAAgB,CAAEiB,aAAc,CAChC;~~IACDM~~,SAAS,EAAG,IAAAO,mBAAU,EACpB,~~GAAGxB~~,YAAc,kBAAiB,EACnC;MACC,aAAa,EACZP,gBAAgB,KAChBkB;IACF,CACD,CAAG;IACH,cAAaA,aAAa,CAACE,MAAM,CAACC,IAAM;IACxC,gBACCH,aAAa,KAAKlB,gBAAgB,GAC/B,MAAM,~~GACNgC~~;EACH,GAED,~~IAAAjD~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAACjC~~,WAAA,~~CAAA4C~~,oBAAM,QACN,~~IAAAlD~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAACjC~~,WAAA,~~CAAA6C~~,SAAS,~~QACPhB~~,aAAa,CAACE,MAAM,CAACC,IACb,CAAC,EACZ,~~IAAAtC~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAAChC~~,MAAA,~~CAAA6C~~,IAAI;IACJC,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GACJC,kBAAW,GACXC;EACH,CACD,CACM,CACH,CACL,CAAC,EACH,~~IAAAxD~~,~~QAAA~~,~~CAAAuC~~,aAAA;IAAKK,IAAI,EAAC;EAAU,GACnB,~~IAAA5C~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAAC9B~~,MAAA,~~CAAAgD~~,OAAgB,QAChB,~~IAAAzD~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAAC7B~~,YAAA,~~CAAA+C~~,OAAW;IACXC,QAAQ,EAAG,KAAO;IAClBC,QAAQ,~~EAAGlC~~,aAAe;~~IAC1BmC~~,YAAY,~~EAAG9C~~,mBAAqB;~~IACpC+C~~,MAAM,EAAGA,CAAE;MAAEC;IAAK,CAAC,KAClB,~~IAAA9D~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAACjC~~,WAAA,~~CAAAyD~~,MAAM;MACNhB,OAAO,EAAKiB,KAAK,IAAM;QACtB;QACA;QACA;QACA;QACA;QACA;QACAA,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC;QACpBJ,IAAI,CAAC,CAAC;MACP,CAAG;MACHrB,SAAS,EAAC,6CAA6C;MACvD0B,OAAO,EAAC,WAAW;MACnB,wDAAqD;IAAc,GAEjE,IAAAzB,QAAE,EAAE,oBAAqB,CACpB;EACN,CACH,CACgB,CACd,CACK,CACP,CACD,CACL,~~EACCpB~~,QAAQ,IACT,~~IAAAtB~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAAC1B~~,oBAAA,~~CAAA4C~~,OAAmB;IAACW,UAAU,~~EAAGpC~~;EAAuB,~~GACpDqC~~,QAAQ,IACX,~~IAAArE~~,~~QAAA~~,~~CAAAuC~~,aAAA,~~EAAC/B~~,WAAA,~~CAAA8D~~,kBAAkB;~~IAClBnD~~,QAAQ,EAAGA,QAAU;IACrBH,YAAY,EAAGA,YAAc;~~IAC7BqD~~,QAAQ,EAAGA;EAAU,CACrB,CAEkB,CAErB,CAAC;AAEL;AAAC,IAAAE,QAAA,~~GAEcxD~~,QAAQ;~~AAAAyD~~,OAAA,CAAAf,OAAA,GAAAc,QAAA"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_compose","_components","_element","_icons","_mediaPanel","_check","_mediaUpload","_hooks","_utils","_mobileTabNavigation","ALLOWED_MEDIA_TYPES","MediaTab","rootClientId","selectedCategory","onSelectCategory","onInsert","mediaCategories","useMediaCategories","isMobile","useViewportMatch","baseCssClass","onSelectMedia","useCallback","media","url","block","getBlockAndPreviewFromMedia","type","mobileMediaCategories","useMemo","map","mediaCategory","label","labels","name","_react","createElement","Fragment","className","__","__experimentalItemGroup","role","__experimentalItem","key","onClick","classNames","undefined","__experimentalHStack","FlexBlock","Icon","icon","isRTL","chevronLeft","chevronRight","default","multiple","onSelect","allowedTypes","render","open","Button","event","target","focus","variant","categories","category","MediaCategoryPanel","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/media-tab.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\tFlexBlock,\n\tButton,\n} from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { Icon, chevronRight, chevronLeft } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { MediaCategoryPanel } from './media-panel';\nimport MediaUploadCheck from '../../media-upload/check';\nimport MediaUpload from '../../media-upload';\nimport { useMediaCategories } from './hooks';\nimport { getBlockAndPreviewFromMedia } from './utils';\nimport MobileTabNavigation from '../mobile-tab-navigation';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image', 'video', 'audio' ];\n\nfunction MediaTab( {\n\trootClientId,\n\tselectedCategory,\n\tonSelectCategory,\n\tonInsert,\n} ) {\n\tconst mediaCategories = useMediaCategories( rootClientId );\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\tconst baseCssClass = 'block-editor-inserter__media-tabs';\n\tconst onSelectMedia = useCallback(\n\t\t( media ) => {\n\t\t\tif ( ! media?.url ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst [ block ] = getBlockAndPreviewFromMedia( media, media.type );\n\t\t\tonInsert( block );\n\t\t},\n\t\t[ onInsert ]\n\t);\n\tconst mobileMediaCategories = useMemo(\n\t\t() =>\n\t\t\tmediaCategories.map( ( mediaCategory ) => ( {\n\t\t\t\t...mediaCategory,\n\t\t\t\tlabel: mediaCategory.labels.name,\n\t\t\t} ) ),\n\t\t[ mediaCategories ]\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ ! isMobile && (\n\t\t\t\t<div className={ `${ baseCssClass }-container` }>\n\t\t\t\t\t<nav aria-label={ __( 'Media categories' ) }>\n\t\t\t\t\t\t<ItemGroup role=\"list\" className={ baseCssClass }>\n\t\t\t\t\t\t\t{ mediaCategories.map( ( mediaCategory ) => (\n\t\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\t\t\tkey={ mediaCategory.name }\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tonSelectCategory( mediaCategory )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\t\t\t\t\t`${ baseCssClass }__media-category`,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-selected':\n\t\t\t\t\t\t\t\t\t\t\t\tselectedCategory ===\n\t\t\t\t\t\t\t\t\t\t\t\tmediaCategory,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ mediaCategory.labels.name }\n\t\t\t\t\t\t\t\t\taria-current={\n\t\t\t\t\t\t\t\t\t\tmediaCategory === selectedCategory\n\t\t\t\t\t\t\t\t\t\t\t? 'true'\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t\t\t\t\t{ mediaCategory.labels.name }\n\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t</Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t<div role=\"listitem\">\n\t\t\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\tmultiple={ false }\n\t\t\t\t\t\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// Safari doesn't emit a focus event on button elements when\n\t\t\t\t\t\t\t\t\t\t\t\t\t// clicked and we need to manually focus the button here.\n\t\t\t\t\t\t\t\t\t\t\t\t\t// The reason is that core's Media Library modal explicitly triggers a\n\t\t\t\t\t\t\t\t\t\t\t\t\t// focus event and therefore a `blur` event is triggered on a different\n\t\t\t\t\t\t\t\t\t\t\t\t\t// element, which doesn't contain the `data-unstable-ignore-focus-outside-for-relatedtarget`\n\t\t\t\t\t\t\t\t\t\t\t\t\t// attribute making the Inserter dialog to close.\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent.target.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\topen();\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__media-library-button\"\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tdata-unstable-ignore-focus-outside-for-relatedtarget=\".media-modal\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</nav>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isMobile && (\n\t\t\t\t<MobileTabNavigation categories={ mobileMediaCategories }>\n\t\t\t\t\t{ ( category ) => (\n\t\t\t\t\t\t<MediaCategoryPanel\n\t\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</MobileTabNavigation>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default MediaTab;\n"],"mappings":"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"}

package/build/components/inserter/media-tab/utils.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getBlockAndPreviewFromMedia = getBlockAndPreviewFromMedia;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 /**
  * WordPress dependencies
@@ -40,7 +40,7 @@ function getBlockAndPreviewFromMedia(media, mediaType) {
     attributes.src = mediaSrc;
   }
   const PreviewTag = mediaTypeTag[mediaType];
-  const preview = (0, _element.createElement)(PreviewTag, {
+  const preview = (0, _react.createElement)(PreviewTag, {
     src: media.previewUrl || mediaSrc,
     alt: alt,
     controls: mediaType === 'audio' ? true : undefined,

package/build/components/inserter/media-tab/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blocks","require","mediaTypeTag","image","video","audio","getBlockAndPreviewFromMedia","media","mediaType","attributes","id","undefined","caption","mediaSrc","url","alt","includes","src","PreviewTag","preview","~~_element~~","createElement","previewUrl","controls","inert","onError","currentTarget","createBlock"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/utils.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createBlock } from '@wordpress/blocks';\n\nconst mediaTypeTag = { image: 'img', video: 'video', audio: 'audio' };\n\n/* @typedef {import('./hooks').InserterMediaItem} InserterMediaItem /\n\n/\n Creates a block and a preview element from a media object.\n \n @param {InserterMediaItem} media The media object to create the block from.\n * @param {('image'\|'audio'\|'video')} mediaType The media type to create the block for.\n * @return {[WPBlock, JSX.Element]} An array containing the block and the preview element.\n */\nexport function getBlockAndPreviewFromMedia( media, mediaType ) {\n\t// Add the common attributes between the different media types.\n\tconst attributes = {\n\t\tid: media.id \|\| undefined,\n\t\tcaption: media.caption \|\| undefined,\n\t};\n\tconst mediaSrc = media.url;\n\tconst alt = media.alt \|\| undefined;\n\tif ( mediaType === 'image' ) {\n\t\tattributes.url = mediaSrc;\n\t\tattributes.alt = alt;\n\t} else if ( [ 'video', 'audio' ].includes( mediaType ) ) {\n\t\tattributes.src = mediaSrc;\n\t}\n\tconst PreviewTag = mediaTypeTag[ mediaType ];\n\tconst preview = (\n\t\t<PreviewTag\n\t\t\tsrc={ media.previewUrl \|\| mediaSrc }\n\t\t\talt={ alt }\n\t\t\tcontrols={ mediaType === 'audio' ? true : undefined }\n\t\t\tinert=\"true\"\n\t\t\tonError={ ( { currentTarget } ) => {\n\t\t\t\t// Fall back to the media source if the preview cannot be loaded.\n\t\t\t\tif ( currentTarget.src === media.previewUrl ) {\n\t\t\t\t\tcurrentTarget.src = mediaSrc;\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n\treturn [ createBlock( `core/${ mediaType }`, attributes ), preview ];\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,YAAY,GAAG;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE;AAAQ,CAAC;;AAErE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,2BAA2BA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EAC/D;EACA,MAAMC,UAAU,GAAG;IAClBC,EAAE,EAAEH,KAAK,CAACG,EAAE,IAAIC,SAAS;IACzBC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAID;EAC3B,CAAC;EACD,MAAME,QAAQ,GAAGN,KAAK,CAACO,GAAG;EAC1B,MAAMC,GAAG,GAAGR,KAAK,CAACQ,GAAG,IAAIJ,SAAS;EAClC,IAAKH,SAAS,KAAK,OAAO,EAAG;IAC5BC,UAAU,CAACK,GAAG,GAAGD,QAAQ;IACzBJ,UAAU,CAACM,GAAG,GAAGA,GAAG;EACrB,CAAC,MAAM,IAAK,CAAE,OAAO,EAAE,OAAO,CAAE,CAACC,QAAQ,CAAER,SAAU,CAAC,EAAG;IACxDC,UAAU,CAACQ,GAAG,GAAGJ,QAAQ;EAC1B;EACA,MAAMK,UAAU,GAAGhB,YAAY,CAAEM,SAAS,CAAE;EAC5C,MAAMW,OAAO,GACZ,IAAAC,~~QAAA~~,CAAAC,aAAA,EAACH,UAAU;IACVD,GAAG,EAAGV,KAAK,CAACe,UAAU,IAAIT,QAAU;IACpCE,GAAG,EAAGA,GAAK;IACXQ,QAAQ,EAAGf,SAAS,KAAK,OAAO,GAAG,IAAI,GAAGG,SAAW;IACrDa,KAAK,EAAC,MAAM;IACZC,OAAO,EAAGA,CAAE;MAAEC;IAAc,CAAC,KAAM;MAClC;MACA,IAAKA,aAAa,CAACT,GAAG,KAAKV,KAAK,CAACe,UAAU,EAAG;QAC7CI,aAAa,CAACT,GAAG,GAAGJ,QAAQ;MAC7B;IACD;EAAG,CACH,CACD;EACD,OAAO,CAAE,IAAAc,mBAAW,EAAG,QAAQnB,SAAW,EAAC,EAAEC,UAAW,CAAC,EAAEU,OAAO,CAAE;AACrE"}
1	+ {"version":3,"names":["_blocks","require","mediaTypeTag","image","video","audio","getBlockAndPreviewFromMedia","media","mediaType","attributes","id","undefined","caption","mediaSrc","url","alt","includes","src","PreviewTag","preview","_react","createElement","previewUrl","controls","inert","onError","currentTarget","createBlock"],"sources":["@wordpress/block-editor/src/components/inserter/media-tab/utils.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createBlock } from '@wordpress/blocks';\n\nconst mediaTypeTag = { image: 'img', video: 'video', audio: 'audio' };\n\n/* @typedef {import('./hooks').InserterMediaItem} InserterMediaItem /\n\n/\n Creates a block and a preview element from a media object.\n \n @param {InserterMediaItem} media The media object to create the block from.\n * @param {('image'\|'audio'\|'video')} mediaType The media type to create the block for.\n * @return {[WPBlock, JSX.Element]} An array containing the block and the preview element.\n */\nexport function getBlockAndPreviewFromMedia( media, mediaType ) {\n\t// Add the common attributes between the different media types.\n\tconst attributes = {\n\t\tid: media.id \|\| undefined,\n\t\tcaption: media.caption \|\| undefined,\n\t};\n\tconst mediaSrc = media.url;\n\tconst alt = media.alt \|\| undefined;\n\tif ( mediaType === 'image' ) {\n\t\tattributes.url = mediaSrc;\n\t\tattributes.alt = alt;\n\t} else if ( [ 'video', 'audio' ].includes( mediaType ) ) {\n\t\tattributes.src = mediaSrc;\n\t}\n\tconst PreviewTag = mediaTypeTag[ mediaType ];\n\tconst preview = (\n\t\t<PreviewTag\n\t\t\tsrc={ media.previewUrl \|\| mediaSrc }\n\t\t\talt={ alt }\n\t\t\tcontrols={ mediaType === 'audio' ? true : undefined }\n\t\t\tinert=\"true\"\n\t\t\tonError={ ( { currentTarget } ) => {\n\t\t\t\t// Fall back to the media source if the preview cannot be loaded.\n\t\t\t\tif ( currentTarget.src === media.previewUrl ) {\n\t\t\t\t\tcurrentTarget.src = mediaSrc;\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n\treturn [ createBlock( `core/${ mediaType }`, attributes ), preview ];\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,YAAY,GAAG;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE;AAAQ,CAAC;;AAErE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,2BAA2BA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EAC/D;EACA,MAAMC,UAAU,GAAG;IAClBC,EAAE,EAAEH,KAAK,CAACG,EAAE,IAAIC,SAAS;IACzBC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAID;EAC3B,CAAC;EACD,MAAME,QAAQ,GAAGN,KAAK,CAACO,GAAG;EAC1B,MAAMC,GAAG,GAAGR,KAAK,CAACQ,GAAG,IAAIJ,SAAS;EAClC,IAAKH,SAAS,KAAK,OAAO,EAAG;IAC5BC,UAAU,CAACK,GAAG,GAAGD,QAAQ;IACzBJ,UAAU,CAACM,GAAG,GAAGA,GAAG;EACrB,CAAC,MAAM,IAAK,CAAE,OAAO,EAAE,OAAO,CAAE,CAACC,QAAQ,CAAER,SAAU,CAAC,EAAG;IACxDC,UAAU,CAACQ,GAAG,GAAGJ,QAAQ;EAC1B;EACA,MAAMK,UAAU,GAAGhB,YAAY,CAAEM,SAAS,CAAE;EAC5C,MAAMW,OAAO,GACZ,IAAAC,MAAA,CAAAC,aAAA,EAACH,UAAU;IACVD,GAAG,EAAGV,KAAK,CAACe,UAAU,IAAIT,QAAU;IACpCE,GAAG,EAAGA,GAAK;IACXQ,QAAQ,EAAGf,SAAS,KAAK,OAAO,GAAG,IAAI,GAAGG,SAAW;IACrDa,KAAK,EAAC,MAAM;IACZC,OAAO,EAAGA,CAAE;MAAEC;IAAc,CAAC,KAAM;MAClC;MACA,IAAKA,aAAa,CAACT,GAAG,KAAKV,KAAK,CAACe,UAAU,EAAG;QAC7CI,aAAa,CAACT,GAAG,GAAGJ,QAAQ;MAC7B;IACD;EAAG,CACH,CACD;EACD,OAAO,CAAE,IAAAc,mBAAW,EAAG,QAAQnB,SAAW,EAAC,EAAEC,UAAW,CAAC,EAAEU,OAAO,CAAE;AACrE"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
@@ -100,25 +101,25 @@ function InserterMenu({
     setSelectedPatternCategory(patternCategory);
     setPatternFilter(filter);
   }, [setSelectedPatternCategory]);
-  const blocksTab = (0, _element.useMemo)(() => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
+  const blocksTab = (0, _element.useMemo)(() => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
     className: "block-editor-inserter__block-list"
-  }, (0, _element.createElement)(_blockTypesTab.default, {
+  }, (0, _react.createElement)(_blockTypesTab.default, {
     rootClientId: destinationRootClientId,
     onInsert: onInsert,
     onHover: onHover,
     showMostUsedBlocks: showMostUsedBlocks
-  })), showInserterHelpPanel && (0, _element.createElement)("div", {
+  })), showInserterHelpPanel && (0, _react.createElement)("div", {
     className: "block-editor-inserter__tips"
-  }, (0, _element.createElement)(_components.VisuallyHidden, {
+  }, (0, _react.createElement)(_components.VisuallyHidden, {
     as: "h2"
-  }, (0, _i18n.__)('A tip for using the block editor')), (0, _element.createElement)(_tips.default, null))), [destinationRootClientId, onInsert, onHover, showMostUsedBlocks, showInserterHelpPanel]);
-  const patternsTab = (0, _element.useMemo)(() => (0, _element.createElement)(_blockPatternsTab.default, {
+  }, (0, _i18n.__)('A tip for using the block editor')), (0, _react.createElement)(_tips.default, null))), [destinationRootClientId, onInsert, onHover, showMostUsedBlocks, showInserterHelpPanel]);
+  const patternsTab = (0, _element.useMemo)(() => (0, _react.createElement)(_blockPatternsTab.default, {
     rootClientId: destinationRootClientId,
     onInsert: onInsertPattern,
     onSelectCategory: onClickPatternCategory,
     selectedCategory: selectedPatternCategory
   }), [destinationRootClientId, onInsertPattern, onClickPatternCategory, selectedPatternCategory]);
-  const mediaTab = (0, _element.useMemo)(() => (0, _element.createElement)(_mediaTab.MediaTab, {
+  const mediaTab = (0, _element.useMemo)(() => (0, _react.createElement)(_mediaTab.MediaTab, {
     rootClientId: destinationRootClientId,
     selectedCategory: selectedMediaCategory,
     onSelectCategory: setSelectedMediaCategory,
@@ -149,13 +150,13 @@ function InserterMenu({
     }
     setSelectedTab(value);
   };
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-inserter__menu"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: (0, _classnames.default)('block-editor-inserter__main-area', {
       'show-as-tabs': showAsTabs
     })
-  }, (0, _element.createElement)(_components.SearchControl, {
+  }, (0, _react.createElement)(_components.SearchControl, {
     __nextHasNoMarginBottom: true,
     className: "block-editor-inserter__search",
     onChange: value => {
@@ -166,9 +167,9 @@ function InserterMenu({
     label: (0, _i18n.__)('Search for blocks and patterns'),
     placeholder: (0, _i18n.__)('Search'),
     ref: searchRef
-  }), !!delayedFilterValue && (0, _element.createElement)("div", {
+  }), !!delayedFilterValue && (0, _react.createElement)("div", {
     className: "block-editor-inserter__no-tab-container"
-  }, (0, _element.createElement)(_searchResults.default, {
+  }, (0, _react.createElement)(_searchResults.default, {
     filterValue: delayedFilterValue,
     onSelect: onSelect,
     onHover: onHover,
@@ -179,21 +180,21 @@ function InserterMenu({
     __experimentalInsertionIndex: __experimentalInsertionIndex,
     showBlockDirectory: true,
     shouldFocusBlock: shouldFocusBlock
-  })), showAsTabs && (0, _element.createElement)(_tabs.default, {
+  })), showAsTabs && (0, _react.createElement)(_tabs.default, {
     showPatterns: showPatterns,
     showReusableBlocks: hasReusableBlocks,
     showMedia: showMedia,
     prioritizePatterns: prioritizePatterns,
     onSelect: handleSetSelectedTab
-  }, getCurrentTab), !delayedFilterValue && !showAsTabs && (0, _element.createElement)("div", {
+  }, getCurrentTab), !delayedFilterValue && !showAsTabs && (0, _react.createElement)("div", {
     className: "block-editor-inserter__no-tab-container"
-  }, blocksTab)), showMediaPanel && (0, _element.createElement)(_mediaTab.MediaCategoryDialog, {
+  }, blocksTab)), showMediaPanel && (0, _react.createElement)(_mediaTab.MediaCategoryDialog, {
     rootClientId: destinationRootClientId,
     onInsert: onInsert,
     category: selectedMediaCategory
-  }), showInserterHelpPanel && hoveredItem && (0, _element.createElement)(_previewPanel.default, {
+  }), showInserterHelpPanel && hoveredItem && (0, _react.createElement)(_previewPanel.default, {
     item: hoveredItem
-  }), showPatternPanel && (0, _element.createElement)(_blockPatternsTab.BlockPatternsCategoryDialog, {
+  }), showPatternPanel && (0, _react.createElement)(_blockPatternsTab.BlockPatternsCategoryDialog, {
     rootClientId: destinationRootClientId,
     onInsert: onInsertPattern,
     onHover: onHoverPattern,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_i18n","_data","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_interopRequireWildcard","_mediaTab","_searchResults","_useDebouncedInput","_useInsertionPoint","_tabs","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","prioritizePatterns","ref","filterValue","setFilterValue","delayedFilterValue","useDebouncedInput","hoveredItem","setHoveredItem","useState","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","selectedTab","setSelectedTab","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","useInsertionPoint","insertionIndex","showPatterns","inserterItems","useSelect","select","__experimentalGetAllowedPatterns","getInserterItems","blockEditorStore","length","hasReusableBlocks","useMemo","some","category","mediaCategories","useMediaCategories","showMedia","onInsert","useCallback","blocks","meta","shouldForceFocusBlock","onInsertPattern","patternName","onHover","item","onHoverPattern","onClickPatternCategory","patternCategory","filter","blocksTab","createElement","Fragment","className","VisuallyHidden","as","__","patternsTab","onSelectCategory","selectedCategory","mediaTab","MediaTab","getCurrentTab","tab","name","searchRef","useRef","useImperativeHandle","focusSearch","current","focus","showPatternPanel","showAsTabs","showMediaPanel","handleSetSelectedTab","value","classnames","SearchControl","__nextHasNoMarginBottom","onChange","label","placeholder","showBlockDirectory","showReusableBlocks","MediaCategoryDialog","BlockPatternsCategoryDialog","showTitlesAsTooltip","_default","forwardRef","exports"],"sources":["@wordpress/block-editor/src/components/inserter/menu.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\tforwardRef,\n\tuseState,\n\tuseCallback,\n\tuseMemo,\n\tuseImperativeHandle,\n\tuseRef,\n} from '@wordpress/element';\nimport { VisuallyHidden, SearchControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport Tips from './tips';\nimport InserterPreviewPanel from './preview-panel';\nimport BlockTypesTab from './block-types-tab';\nimport BlockPatternsTabs, {\n\tBlockPatternsCategoryDialog,\n} from './block-patterns-tab';\nimport { MediaTab, MediaCategoryDialog, useMediaCategories } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useDebouncedInput from './hooks/use-debounced-input';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport InserterTabs from './tabs';\nimport { store as blockEditorStore } from '../../store';\n\nfunction InserterMenu(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\t__experimentalInsertionIndex,\n\t\tonSelect,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks,\n\t\t__experimentalFilterValue = '',\n\t\tshouldFocusBlock = true,\n\t\tprioritizePatterns,\n\t},\n\tref\n) {\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] =\n\t\tuseState( null );\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst [ selectedTab, setSelectedTab ] = useState( null );\n\n\tconst [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =\n\t\tuseInsertionPoint( {\n\t\t\trootClientId,\n\t\t\tclientId,\n\t\t\tisAppender,\n\t\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\t\tshouldFocusBlock,\n\t\t} );\n\tconst { showPatterns, inserterItems } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { __experimentalGetAllowedPatterns, getInserterItems } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tshowPatterns: !! __experimentalGetAllowedPatterns(\n\t\t\t\t\tdestinationRootClientId\n\t\t\t\t).length,\n\t\t\t\tinserterItems: getInserterItems( destinationRootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ destinationRootClientId ]\n\t);\n\tconst hasReusableBlocks = useMemo( () => {\n\t\treturn inserterItems.some(\n\t\t\t( { category } ) => category === 'reusable'\n\t\t);\n\t}, [ inserterItems ] );\n\n\tconst mediaCategories = useMediaCategories( destinationRootClientId );\n\tconst showMedia = !! mediaCategories.length;\n\n\tconst onInsert = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock ) => {\n\t\t\tonInsertBlocks( blocks, meta, shouldForceFocusBlock );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onInsertPattern = useCallback(\n\t\t( blocks, patternName ) => {\n\t\t\tonInsertBlocks( blocks, { patternName } );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onHover = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( !! item );\n\t\t\tsetHoveredItem( item );\n\t\t},\n\t\t[ onToggleInsertionPoint, setHoveredItem ]\n\t);\n\n\tconst onHoverPattern = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( !! item );\n\t\t},\n\t\t[ onToggleInsertionPoint ]\n\t);\n\n\tconst onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t},\n\t\t[ setSelectedPatternCategory ]\n\t);\n\n\tconst blocksTab = useMemo(\n\t\t() => (\n\t\t\t<>\n\t\t\t\t<div className=\"block-editor-inserter__block-list\">\n\t\t\t\t\t<BlockTypesTab\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ showInserterHelpPanel && (\n\t\t\t\t\t<div className=\"block-editor-inserter__tips\">\n\t\t\t\t\t\t<VisuallyHidden as=\"h2\">\n\t\t\t\t\t\t\t{ __( 'A tip for using the block editor' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<Tips />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</>\n\t\t),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsert,\n\t\t\tonHover,\n\t\t\tshowMostUsedBlocks,\n\t\t\tshowInserterHelpPanel,\n\t\t]\n\t);\n\n\tconst patternsTab = useMemo(\n\t\t() => (\n\t\t\t<BlockPatternsTabs\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\tonSelectCategory={ onClickPatternCategory }\n\t\t\t\tselectedCategory={ selectedPatternCategory }\n\t\t\t/>\n\t\t),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsertPattern,\n\t\t\tonClickPatternCategory,\n\t\t\tselectedPatternCategory,\n\t\t]\n\t);\n\n\tconst mediaTab = useMemo(\n\t\t() => (\n\t\t\t<MediaTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tselectedCategory={ selectedMediaCategory }\n\t\t\t\tonSelectCategory={ setSelectedMediaCategory }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t/>\n\t\t),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsert,\n\t\t\tselectedMediaCategory,\n\t\t\tsetSelectedMediaCategory,\n\t\t]\n\t);\n\n\tconst getCurrentTab = useCallback(\n\t\t( tab ) => {\n\t\t\tif ( tab.name === 'blocks' ) {\n\t\t\t\treturn blocksTab;\n\t\t\t} else if ( tab.name === 'patterns' ) {\n\t\t\t\treturn patternsTab;\n\t\t\t} else if ( tab.name === 'media' ) {\n\t\t\t\treturn mediaTab;\n\t\t\t}\n\t\t},\n\t\t[ blocksTab, patternsTab, mediaTab ]\n\t);\n\n\tconst searchRef = useRef();\n\tuseImperativeHandle( ref, () => ( {\n\t\tfocusSearch: () => {\n\t\t\tsearchRef.current.focus();\n\t\t},\n\t} ) );\n\n\tconst showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\tselectedPatternCategory;\n\tconst showAsTabs =\n\t\t! delayedFilterValue &&\n\t\t( showPatterns \|\| hasReusableBlocks \|\| showMedia );\n\tconst showMediaPanel =\n\t\tselectedTab === 'media' &&\n\t\t! delayedFilterValue &&\n\t\tselectedMediaCategory;\n\n\tconst handleSetSelectedTab = ( value ) => {\n\t\t// If no longer on patterns tab remove the category setting.\n\t\tif ( value !== 'patterns' ) {\n\t\t\tsetSelectedPatternCategory( null );\n\t\t}\n\t\tsetSelectedTab( value );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__menu\">\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'block-editor-inserter__main-area', {\n\t\t\t\t\t'show-as-tabs': showAsTabs,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tif ( hoveredItem ) setHoveredItem( null );\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tlabel={ __( 'Search for blocks and patterns' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t\tref={ searchRef }\n\t\t\t\t/>\n\t\t\t\t{ !! delayedFilterValue && (\n\t\t\t\t\t<div className=\"block-editor-inserter__no-tab-container\">\n\t\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\t\tfilterValue={ delayedFilterValue }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\t\tonHoverPattern={ onHoverPattern }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\t\t\t__experimentalInsertionIndex\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tshowBlockDirectory\n\t\t\t\t\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ showAsTabs && (\n\t\t\t\t\t<InserterTabs\n\t\t\t\t\t\tshowPatterns={ showPatterns }\n\t\t\t\t\t\tshowReusableBlocks={ hasReusableBlocks }\n\t\t\t\t\t\tshowMedia={ showMedia }\n\t\t\t\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ getCurrentTab }\n\t\t\t\t\t</InserterTabs>\n\t\t\t\t) }\n\t\t\t\t{ ! delayedFilterValue && ! showAsTabs && (\n\t\t\t\t\t<div className=\"block-editor-inserter__no-tab-container\">\n\t\t\t\t\t\t{ blocksTab }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ showMediaPanel && (\n\t\t\t\t<MediaCategoryDialog\n\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\tcategory={ selectedMediaCategory }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ showInserterHelpPanel && hoveredItem && (\n\t\t\t\t<InserterPreviewPanel item={ hoveredItem } />\n\t\t\t) }\n\t\t\t{ showPatternPanel && (\n\t\t\t\t<BlockPatternsCategoryDialog\n\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InserterMenu );\n"],"mappings":"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"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_i18n","_data","_tips","_previewPanel","_blockTypesTab","_blockPatternsTab","_interopRequireWildcard","_mediaTab","_searchResults","_useDebouncedInput","_useInsertionPoint","_tabs","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","InserterMenu","rootClientId","clientId","isAppender","__experimentalInsertionIndex","onSelect","showInserterHelpPanel","showMostUsedBlocks","__experimentalFilterValue","shouldFocusBlock","prioritizePatterns","ref","filterValue","setFilterValue","delayedFilterValue","useDebouncedInput","hoveredItem","setHoveredItem","useState","selectedPatternCategory","setSelectedPatternCategory","patternFilter","setPatternFilter","selectedMediaCategory","setSelectedMediaCategory","selectedTab","setSelectedTab","destinationRootClientId","onInsertBlocks","onToggleInsertionPoint","useInsertionPoint","insertionIndex","showPatterns","inserterItems","useSelect","select","__experimentalGetAllowedPatterns","getInserterItems","blockEditorStore","length","hasReusableBlocks","useMemo","some","category","mediaCategories","useMediaCategories","showMedia","onInsert","useCallback","blocks","meta","shouldForceFocusBlock","onInsertPattern","patternName","onHover","item","onHoverPattern","onClickPatternCategory","patternCategory","filter","blocksTab","_react","createElement","Fragment","className","VisuallyHidden","as","__","patternsTab","onSelectCategory","selectedCategory","mediaTab","MediaTab","getCurrentTab","tab","name","searchRef","useRef","useImperativeHandle","focusSearch","current","focus","showPatternPanel","showAsTabs","showMediaPanel","handleSetSelectedTab","value","classnames","SearchControl","__nextHasNoMarginBottom","onChange","label","placeholder","showBlockDirectory","showReusableBlocks","MediaCategoryDialog","BlockPatternsCategoryDialog","showTitlesAsTooltip","_default","forwardRef","exports"],"sources":["@wordpress/block-editor/src/components/inserter/menu.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\tforwardRef,\n\tuseState,\n\tuseCallback,\n\tuseMemo,\n\tuseImperativeHandle,\n\tuseRef,\n} from '@wordpress/element';\nimport { VisuallyHidden, SearchControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport Tips from './tips';\nimport InserterPreviewPanel from './preview-panel';\nimport BlockTypesTab from './block-types-tab';\nimport BlockPatternsTabs, {\n\tBlockPatternsCategoryDialog,\n} from './block-patterns-tab';\nimport { MediaTab, MediaCategoryDialog, useMediaCategories } from './media-tab';\nimport InserterSearchResults from './search-results';\nimport useDebouncedInput from './hooks/use-debounced-input';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport InserterTabs from './tabs';\nimport { store as blockEditorStore } from '../../store';\n\nfunction InserterMenu(\n\t{\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\t__experimentalInsertionIndex,\n\t\tonSelect,\n\t\tshowInserterHelpPanel,\n\t\tshowMostUsedBlocks,\n\t\t__experimentalFilterValue = '',\n\t\tshouldFocusBlock = true,\n\t\tprioritizePatterns,\n\t},\n\tref\n) {\n\tconst [ filterValue, setFilterValue, delayedFilterValue ] =\n\t\tuseDebouncedInput( __experimentalFilterValue );\n\tconst [ hoveredItem, setHoveredItem ] = useState( null );\n\tconst [ selectedPatternCategory, setSelectedPatternCategory ] =\n\t\tuseState( null );\n\tconst [ patternFilter, setPatternFilter ] = useState( 'all' );\n\tconst [ selectedMediaCategory, setSelectedMediaCategory ] =\n\t\tuseState( null );\n\tconst [ selectedTab, setSelectedTab ] = useState( null );\n\n\tconst [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =\n\t\tuseInsertionPoint( {\n\t\t\trootClientId,\n\t\t\tclientId,\n\t\t\tisAppender,\n\t\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\t\tshouldFocusBlock,\n\t\t} );\n\tconst { showPatterns, inserterItems } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { __experimentalGetAllowedPatterns, getInserterItems } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tshowPatterns: !! __experimentalGetAllowedPatterns(\n\t\t\t\t\tdestinationRootClientId\n\t\t\t\t).length,\n\t\t\t\tinserterItems: getInserterItems( destinationRootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ destinationRootClientId ]\n\t);\n\tconst hasReusableBlocks = useMemo( () => {\n\t\treturn inserterItems.some(\n\t\t\t( { category } ) => category === 'reusable'\n\t\t);\n\t}, [ inserterItems ] );\n\n\tconst mediaCategories = useMediaCategories( destinationRootClientId );\n\tconst showMedia = !! mediaCategories.length;\n\n\tconst onInsert = useCallback(\n\t\t( blocks, meta, shouldForceFocusBlock ) => {\n\t\t\tonInsertBlocks( blocks, meta, shouldForceFocusBlock );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onInsertPattern = useCallback(\n\t\t( blocks, patternName ) => {\n\t\t\tonInsertBlocks( blocks, { patternName } );\n\t\t\tonSelect();\n\t\t},\n\t\t[ onInsertBlocks, onSelect ]\n\t);\n\n\tconst onHover = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( !! item );\n\t\t\tsetHoveredItem( item );\n\t\t},\n\t\t[ onToggleInsertionPoint, setHoveredItem ]\n\t);\n\n\tconst onHoverPattern = useCallback(\n\t\t( item ) => {\n\t\t\tonToggleInsertionPoint( !! item );\n\t\t},\n\t\t[ onToggleInsertionPoint ]\n\t);\n\n\tconst onClickPatternCategory = useCallback(\n\t\t( patternCategory, filter ) => {\n\t\t\tsetSelectedPatternCategory( patternCategory );\n\t\t\tsetPatternFilter( filter );\n\t\t},\n\t\t[ setSelectedPatternCategory ]\n\t);\n\n\tconst blocksTab = useMemo(\n\t\t() => (\n\t\t\t<>\n\t\t\t\t<div className=\"block-editor-inserter__block-list\">\n\t\t\t\t\t<BlockTypesTab\n\t\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ showInserterHelpPanel && (\n\t\t\t\t\t<div className=\"block-editor-inserter__tips\">\n\t\t\t\t\t\t<VisuallyHidden as=\"h2\">\n\t\t\t\t\t\t\t{ __( 'A tip for using the block editor' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<Tips />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</>\n\t\t),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsert,\n\t\t\tonHover,\n\t\t\tshowMostUsedBlocks,\n\t\t\tshowInserterHelpPanel,\n\t\t]\n\t);\n\n\tconst patternsTab = useMemo(\n\t\t() => (\n\t\t\t<BlockPatternsTabs\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\tonSelectCategory={ onClickPatternCategory }\n\t\t\t\tselectedCategory={ selectedPatternCategory }\n\t\t\t/>\n\t\t),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsertPattern,\n\t\t\tonClickPatternCategory,\n\t\t\tselectedPatternCategory,\n\t\t]\n\t);\n\n\tconst mediaTab = useMemo(\n\t\t() => (\n\t\t\t<MediaTab\n\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\tselectedCategory={ selectedMediaCategory }\n\t\t\t\tonSelectCategory={ setSelectedMediaCategory }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t/>\n\t\t),\n\t\t[\n\t\t\tdestinationRootClientId,\n\t\t\tonInsert,\n\t\t\tselectedMediaCategory,\n\t\t\tsetSelectedMediaCategory,\n\t\t]\n\t);\n\n\tconst getCurrentTab = useCallback(\n\t\t( tab ) => {\n\t\t\tif ( tab.name === 'blocks' ) {\n\t\t\t\treturn blocksTab;\n\t\t\t} else if ( tab.name === 'patterns' ) {\n\t\t\t\treturn patternsTab;\n\t\t\t} else if ( tab.name === 'media' ) {\n\t\t\t\treturn mediaTab;\n\t\t\t}\n\t\t},\n\t\t[ blocksTab, patternsTab, mediaTab ]\n\t);\n\n\tconst searchRef = useRef();\n\tuseImperativeHandle( ref, () => ( {\n\t\tfocusSearch: () => {\n\t\t\tsearchRef.current.focus();\n\t\t},\n\t} ) );\n\n\tconst showPatternPanel =\n\t\tselectedTab === 'patterns' &&\n\t\t! delayedFilterValue &&\n\t\tselectedPatternCategory;\n\tconst showAsTabs =\n\t\t! delayedFilterValue &&\n\t\t( showPatterns \|\| hasReusableBlocks \|\| showMedia );\n\tconst showMediaPanel =\n\t\tselectedTab === 'media' &&\n\t\t! delayedFilterValue &&\n\t\tselectedMediaCategory;\n\n\tconst handleSetSelectedTab = ( value ) => {\n\t\t// If no longer on patterns tab remove the category setting.\n\t\tif ( value !== 'patterns' ) {\n\t\t\tsetSelectedPatternCategory( null );\n\t\t}\n\t\tsetSelectedTab( value );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__menu\">\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'block-editor-inserter__main-area', {\n\t\t\t\t\t'show-as-tabs': showAsTabs,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tif ( hoveredItem ) setHoveredItem( null );\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tlabel={ __( 'Search for blocks and patterns' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t\tref={ searchRef }\n\t\t\t\t/>\n\t\t\t\t{ !! delayedFilterValue && (\n\t\t\t\t\t<div className=\"block-editor-inserter__no-tab-container\">\n\t\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\t\tfilterValue={ delayedFilterValue }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\t\tonHoverPattern={ onHoverPattern }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\t\t\t__experimentalInsertionIndex\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tshowBlockDirectory\n\t\t\t\t\t\t\tshouldFocusBlock={ shouldFocusBlock }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ showAsTabs && (\n\t\t\t\t\t<InserterTabs\n\t\t\t\t\t\tshowPatterns={ showPatterns }\n\t\t\t\t\t\tshowReusableBlocks={ hasReusableBlocks }\n\t\t\t\t\t\tshowMedia={ showMedia }\n\t\t\t\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\t\t\t\tonSelect={ handleSetSelectedTab }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ getCurrentTab }\n\t\t\t\t\t</InserterTabs>\n\t\t\t\t) }\n\t\t\t\t{ ! delayedFilterValue && ! showAsTabs && (\n\t\t\t\t\t<div className=\"block-editor-inserter__no-tab-container\">\n\t\t\t\t\t\t{ blocksTab }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ showMediaPanel && (\n\t\t\t\t<MediaCategoryDialog\n\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\tonInsert={ onInsert }\n\t\t\t\t\tcategory={ selectedMediaCategory }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ showInserterHelpPanel && hoveredItem && (\n\t\t\t\t<InserterPreviewPanel item={ hoveredItem } />\n\t\t\t) }\n\t\t\t{ showPatternPanel && (\n\t\t\t\t<BlockPatternsCategoryDialog\n\t\t\t\t\trootClientId={ destinationRootClientId }\n\t\t\t\t\tonInsert={ onInsertPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tcategory={ selectedPatternCategory }\n\t\t\t\t\tpatternFilter={ patternFilter }\n\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InserterMenu );\n"],"mappings":"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"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
@@ -142,15 +143,15 @@ function InserterMenu({
   const onKeyboardHide = (0, _element.useCallback)(() => setShowTabs(true), [setShowTabs]);
   const showSearchForm = items.length > MIN_ITEMS_FOR_SEARCH;
   const isFullScreen = !isIOS && showSearchForm;
-  return (0, _element.createElement)(_components.BottomSheet, {
+  return (0, _react.createElement)(_components.BottomSheet, {
     isVisible: true,
     onClose: onClose,
     onKeyboardShow: onKeyboardShow,
     onKeyboardHide: onKeyboardHide,
-    header: (0, _element.createElement)(_element.Fragment, null, showSearchForm && (0, _element.createElement)(_components.SearchControl, {
+    header: (0, _react.createElement)(_react.Fragment, null, showSearchForm && (0, _react.createElement)(_components.SearchControl, {
       onChange: onChangeSearch,
       value: filterValue
-    }), showTabs && !filterValue && (0, _element.createElement)(_tabs.default.Control, {
+    }), showTabs && !filterValue && (0, _react.createElement)(_tabs.default.Control, {
       onChangeTab: setTabIndex,
       showReusableBlocks: showReusableBlocks
     })),
@@ -159,18 +160,18 @@ function InserterMenu({
     contentStyle: _style.default['inserter-menu__list'],
     isFullScreen: isFullScreen,
     allowDragIndicator: true
-  }, (0, _element.createElement)(_components.BottomSheetConsumer, null, ({
+  }, (0, _react.createElement)(_components.BottomSheetConsumer, null, ({
     listProps
-  }) => (0, _element.createElement)(_reactNative.TouchableHighlight, {
+  }) => (0, _react.createElement)(_reactNative.TouchableHighlight, {
     accessible: false,
     style: _style.default['inserter-menu__list-wrapper']
-  }, !showTabs || filterValue ? (0, _element.createElement)(_searchResults.default, {
+  }, !showTabs || filterValue ? (0, _react.createElement)(_searchResults.default, {
     rootClientId: rootClientId,
     filterValue: filterValue,
     onSelect: onSelectItem,
     listProps: listProps,
     isFullScreen: isFullScreen
-  }) : (0, _element.createElement)(_tabs.default, {
+  }) : (0, _react.createElement)(_tabs.default, {
     rootClientId: rootClientId,
     listProps: listProps,
     tabIndex: tabIndex,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_reactNative","_data","_blocks","_components","_searchResults","_interopRequireDefault","_store","_tabs","_style","_utils","MIN_ITEMS_FOR_SEARCH","InserterMenu","onSelect","onDismiss","rootClientId","clientId","isAppender","shouldReplaceBlock","insertionIndex","filterValue","setFilterValue","useState","showTabs","setShowTabs","tabIndex","setTabIndex","isIOS","Platform","OS","showInsertionPoint","hideInsertionPoint","clearSelectedBlock","insertBlock","removeBlock","resetBlocks","insertDefaultBlock","useDispatch","blockEditorStore","items","destinationRootClientId","showReusableBlocks","useSelect","select","getInserterItems","getBlockRootClientId","getBlockSelectionEnd","targetRootClientId","end","undefined","allItems","reusableBlockItems","filterInserterItems","onlyReusable","length","getBlockOrder","getBlockCount","useEffect","count","blockToReplace","onClose","useCallback","onInsert","item","name","initialAttributes","innerBlocks","newBlock","createBlock","source","onSelectItem","AccessibilityInfo","isScreenReaderEnabled","then","enabled","timeout","setTimeout","onChangeSearch","value","onKeyboardShow","onKeyboardHide","showSearchForm","isFullScreen","createElement","BottomSheet","isVisible","header","Fragment","SearchControl","onChange","default","Control","onChangeTab","hasNavigation","setMinHeightToMaxHeight","contentStyle","styles","allowDragIndicator","BottomSheetConsumer","listProps","TouchableHighlight","accessible","style","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/menu.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { AccessibilityInfo, TouchableHighlight, Platform } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tBottomSheet,\n\tBottomSheetConsumer,\n\tSearchControl,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport InserterSearchResults from './search-results';\nimport { store as blockEditorStore } from '../../store';\nimport InserterTabs from './tabs';\nimport styles from './style.scss';\nimport { filterInserterItems } from './utils';\n\nconst MIN_ITEMS_FOR_SEARCH = 2;\nfunction InserterMenu( {\n\tonSelect,\n\tonDismiss,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\tshouldReplaceBlock,\n\tinsertionIndex,\n} ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ showTabs, setShowTabs ] = useState( true );\n\tconst [ tabIndex, setTabIndex ] = useState( 0 );\n\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst {\n\t\tshowInsertionPoint,\n\t\thideInsertionPoint,\n\t\tclearSelectedBlock,\n\t\tinsertBlock,\n\t\tremoveBlock,\n\t\tresetBlocks,\n\t\tinsertDefaultBlock,\n\t} = useDispatch( blockEditorStore );\n\n\tconst { items, destinationRootClientId, showReusableBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetInserterItems,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockSelectionEnd,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tlet targetRootClientId = rootClientId;\n\t\t\tif ( ! targetRootClientId && ! clientId && ! isAppender ) {\n\t\t\t\tconst end = getBlockSelectionEnd();\n\t\t\t\tif ( end ) {\n\t\t\t\t\ttargetRootClientId =\n\t\t\t\t\t\tgetBlockRootClientId( end ) \|\| undefined;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst allItems = getInserterItems( targetRootClientId );\n\t\t\tconst reusableBlockItems = filterInserterItems( allItems, {\n\t\t\t\tonlyReusable: true,\n\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\titems: allItems,\n\t\t\t\tdestinationRootClientId: targetRootClientId,\n\t\t\t\tshowReusableBlocks: !! reusableBlockItems.length,\n\t\t\t};\n\t\t}\n\t);\n\n\tconst { getBlockOrder, getBlockCount } = useSelect( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Show/Hide insertion point on Mount/Dismount\n\t\tif ( shouldReplaceBlock ) {\n\t\t\tconst count = getBlockCount();\n\t\t\t// Check if there is a rootClientId because that means it is a nested replaceable block\n\t\t\t// and we don't want to clear/reset all blocks.\n\t\t\tif ( count === 1 && ! rootClientId ) {\n\t\t\t\t// Removing the last block is not possilble with `removeBlock` action.\n\t\t\t\t// It always inserts a default block if the last of the blocks have been removed.\n\t\t\t\tclearSelectedBlock();\n\t\t\t\tresetBlocks( [] );\n\t\t\t} else {\n\t\t\t\tconst blockToReplace = getBlockOrder( destinationRootClientId )[\n\t\t\t\t\tinsertionIndex\n\t\t\t\t];\n\t\t\t\tremoveBlock( blockToReplace, false );\n\t\t\t}\n\t\t}\n\t\tshowInsertionPoint( destinationRootClientId, insertionIndex );\n\n\t\treturn hideInsertionPoint;\n\t}, [] );\n\n\tconst onClose = useCallback( () => {\n\t\t// If should replace but didn't insert any block\n\t\t// re-insert default block.\n\t\tif ( shouldReplaceBlock ) {\n\t\t\tinsertDefaultBlock( {}, destinationRootClientId, insertionIndex );\n\t\t}\n\t\tonDismiss();\n\t}, [ shouldReplaceBlock, destinationRootClientId, insertionIndex ] );\n\n\tconst onInsert = useCallback(\n\t\t( item ) => {\n\t\t\tconst { name, initialAttributes, innerBlocks } = item;\n\n\t\t\tconst newBlock = createBlock(\n\t\t\t\tname,\n\t\t\t\tinitialAttributes,\n\t\t\t\tinnerBlocks\n\t\t\t);\n\n\t\t\tinsertBlock(\n\t\t\t\tnewBlock,\n\t\t\t\tinsertionIndex,\n\t\t\t\tdestinationRootClientId,\n\t\t\t\ttrue,\n\t\t\t\t{ source: 'inserter_menu' }\n\t\t\t);\n\t\t},\n\t\t[ insertBlock, destinationRootClientId, insertionIndex ]\n\t);\n\n\tconst onSelectItem = useCallback(\n\t\t( item ) => {\n\t\t\t// Avoid a focus loop, see https://github.com/WordPress/gutenberg/issues/30562\n\t\t\tif ( Platform.OS === 'ios' ) {\n\t\t\t\tAccessibilityInfo.isScreenReaderEnabled().then( ( enabled ) => {\n\t\t\t\t\t// In testing, the bug focus loop needed a longer timeout when VoiceOver was enabled.\n\t\t\t\t\tconst timeout = enabled ? 200 : 100;\n\t\t\t\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\tonInsert( item );\n\t\t\t\t\t}, timeout );\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tonInsert( item );\n\t\t\t}\n\t\t\tonSelect( item );\n\t\t},\n\t\t[ onInsert, onSelect ]\n\t);\n\n\tconst onChangeSearch = useCallback(\n\t\t( value ) => {\n\t\t\tsetFilterValue( value );\n\t\t},\n\t\t[ setFilterValue ]\n\t);\n\n\tconst onKeyboardShow = useCallback(\n\t\t() => setShowTabs( false ),\n\t\t[ setShowTabs ]\n\t);\n\n\tconst onKeyboardHide = useCallback(\n\t\t() => setShowTabs( true ),\n\t\t[ setShowTabs ]\n\t);\n\n\tconst showSearchForm = items.length > MIN_ITEMS_FOR_SEARCH;\n\tconst isFullScreen = ! isIOS && showSearchForm;\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ true }\n\t\t\tonClose={ onClose }\n\t\t\tonKeyboardShow={ onKeyboardShow }\n\t\t\tonKeyboardHide={ onKeyboardHide }\n\t\t\theader={\n\t\t\t\t<>\n\t\t\t\t\t{ showSearchForm && (\n\t\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t\tonChange={ onChangeSearch }\n\t\t\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showTabs && ! filterValue && (\n\t\t\t\t\t\t<InserterTabs.Control\n\t\t\t\t\t\t\tonChangeTab={ setTabIndex }\n\t\t\t\t\t\t\tshowReusableBlocks={ showReusableBlocks }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t\thasNavigation\n\t\t\tsetMinHeightToMaxHeight={ true }\n\t\t\tcontentStyle={ styles[ 'inserter-menu__list' ] }\n\t\t\tisFullScreen={ isFullScreen }\n\t\t\tallowDragIndicator={ true }\n\t\t>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( { listProps } ) => (\n\t\t\t\t\t<TouchableHighlight\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tstyle={ styles[ 'inserter-menu__list-wrapper' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! showTabs \|\| filterValue ? (\n\t\t\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\t\t\t\tonSelect={ onSelectItem }\n\t\t\t\t\t\t\t\tlistProps={ listProps }\n\t\t\t\t\t\t\t\tisFullScreen={ isFullScreen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<InserterTabs\n\t\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t\tlistProps={ listProps }\n\t\t\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\t\t\tonSelect={ onSelectItem }\n\t\t\t\t\t\t\t\tshowReusableBlocks={ showReusableBlocks }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</TouchableHighlight>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default InserterMenu;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_reactNative","require","_element","_data","_blocks","_components","_searchResults","_interopRequireDefault","_store","_tabs","_style","_utils","MIN_ITEMS_FOR_SEARCH","InserterMenu","onSelect","onDismiss","rootClientId","clientId","isAppender","shouldReplaceBlock","insertionIndex","filterValue","setFilterValue","useState","showTabs","setShowTabs","tabIndex","setTabIndex","isIOS","Platform","OS","showInsertionPoint","hideInsertionPoint","clearSelectedBlock","insertBlock","removeBlock","resetBlocks","insertDefaultBlock","useDispatch","blockEditorStore","items","destinationRootClientId","showReusableBlocks","useSelect","select","getInserterItems","getBlockRootClientId","getBlockSelectionEnd","targetRootClientId","end","undefined","allItems","reusableBlockItems","filterInserterItems","onlyReusable","length","getBlockOrder","getBlockCount","useEffect","count","blockToReplace","onClose","useCallback","onInsert","item","name","initialAttributes","innerBlocks","newBlock","createBlock","source","onSelectItem","AccessibilityInfo","isScreenReaderEnabled","then","enabled","timeout","setTimeout","onChangeSearch","value","onKeyboardShow","onKeyboardHide","showSearchForm","isFullScreen","_react","createElement","BottomSheet","isVisible","header","Fragment","SearchControl","onChange","default","Control","onChangeTab","hasNavigation","setMinHeightToMaxHeight","contentStyle","styles","allowDragIndicator","BottomSheetConsumer","listProps","TouchableHighlight","accessible","style","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/menu.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { AccessibilityInfo, TouchableHighlight, Platform } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tBottomSheet,\n\tBottomSheetConsumer,\n\tSearchControl,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport InserterSearchResults from './search-results';\nimport { store as blockEditorStore } from '../../store';\nimport InserterTabs from './tabs';\nimport styles from './style.scss';\nimport { filterInserterItems } from './utils';\n\nconst MIN_ITEMS_FOR_SEARCH = 2;\nfunction InserterMenu( {\n\tonSelect,\n\tonDismiss,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\tshouldReplaceBlock,\n\tinsertionIndex,\n} ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ showTabs, setShowTabs ] = useState( true );\n\tconst [ tabIndex, setTabIndex ] = useState( 0 );\n\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst {\n\t\tshowInsertionPoint,\n\t\thideInsertionPoint,\n\t\tclearSelectedBlock,\n\t\tinsertBlock,\n\t\tremoveBlock,\n\t\tresetBlocks,\n\t\tinsertDefaultBlock,\n\t} = useDispatch( blockEditorStore );\n\n\tconst { items, destinationRootClientId, showReusableBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetInserterItems,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockSelectionEnd,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tlet targetRootClientId = rootClientId;\n\t\t\tif ( ! targetRootClientId && ! clientId && ! isAppender ) {\n\t\t\t\tconst end = getBlockSelectionEnd();\n\t\t\t\tif ( end ) {\n\t\t\t\t\ttargetRootClientId =\n\t\t\t\t\t\tgetBlockRootClientId( end ) \|\| undefined;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst allItems = getInserterItems( targetRootClientId );\n\t\t\tconst reusableBlockItems = filterInserterItems( allItems, {\n\t\t\t\tonlyReusable: true,\n\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\titems: allItems,\n\t\t\t\tdestinationRootClientId: targetRootClientId,\n\t\t\t\tshowReusableBlocks: !! reusableBlockItems.length,\n\t\t\t};\n\t\t}\n\t);\n\n\tconst { getBlockOrder, getBlockCount } = useSelect( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Show/Hide insertion point on Mount/Dismount\n\t\tif ( shouldReplaceBlock ) {\n\t\t\tconst count = getBlockCount();\n\t\t\t// Check if there is a rootClientId because that means it is a nested replaceable block\n\t\t\t// and we don't want to clear/reset all blocks.\n\t\t\tif ( count === 1 && ! rootClientId ) {\n\t\t\t\t// Removing the last block is not possilble with `removeBlock` action.\n\t\t\t\t// It always inserts a default block if the last of the blocks have been removed.\n\t\t\t\tclearSelectedBlock();\n\t\t\t\tresetBlocks( [] );\n\t\t\t} else {\n\t\t\t\tconst blockToReplace = getBlockOrder( destinationRootClientId )[\n\t\t\t\t\tinsertionIndex\n\t\t\t\t];\n\t\t\t\tremoveBlock( blockToReplace, false );\n\t\t\t}\n\t\t}\n\t\tshowInsertionPoint( destinationRootClientId, insertionIndex );\n\n\t\treturn hideInsertionPoint;\n\t}, [] );\n\n\tconst onClose = useCallback( () => {\n\t\t// If should replace but didn't insert any block\n\t\t// re-insert default block.\n\t\tif ( shouldReplaceBlock ) {\n\t\t\tinsertDefaultBlock( {}, destinationRootClientId, insertionIndex );\n\t\t}\n\t\tonDismiss();\n\t}, [ shouldReplaceBlock, destinationRootClientId, insertionIndex ] );\n\n\tconst onInsert = useCallback(\n\t\t( item ) => {\n\t\t\tconst { name, initialAttributes, innerBlocks } = item;\n\n\t\t\tconst newBlock = createBlock(\n\t\t\t\tname,\n\t\t\t\tinitialAttributes,\n\t\t\t\tinnerBlocks\n\t\t\t);\n\n\t\t\tinsertBlock(\n\t\t\t\tnewBlock,\n\t\t\t\tinsertionIndex,\n\t\t\t\tdestinationRootClientId,\n\t\t\t\ttrue,\n\t\t\t\t{ source: 'inserter_menu' }\n\t\t\t);\n\t\t},\n\t\t[ insertBlock, destinationRootClientId, insertionIndex ]\n\t);\n\n\tconst onSelectItem = useCallback(\n\t\t( item ) => {\n\t\t\t// Avoid a focus loop, see https://github.com/WordPress/gutenberg/issues/30562\n\t\t\tif ( Platform.OS === 'ios' ) {\n\t\t\t\tAccessibilityInfo.isScreenReaderEnabled().then( ( enabled ) => {\n\t\t\t\t\t// In testing, the bug focus loop needed a longer timeout when VoiceOver was enabled.\n\t\t\t\t\tconst timeout = enabled ? 200 : 100;\n\t\t\t\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\tonInsert( item );\n\t\t\t\t\t}, timeout );\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tonInsert( item );\n\t\t\t}\n\t\t\tonSelect( item );\n\t\t},\n\t\t[ onInsert, onSelect ]\n\t);\n\n\tconst onChangeSearch = useCallback(\n\t\t( value ) => {\n\t\t\tsetFilterValue( value );\n\t\t},\n\t\t[ setFilterValue ]\n\t);\n\n\tconst onKeyboardShow = useCallback(\n\t\t() => setShowTabs( false ),\n\t\t[ setShowTabs ]\n\t);\n\n\tconst onKeyboardHide = useCallback(\n\t\t() => setShowTabs( true ),\n\t\t[ setShowTabs ]\n\t);\n\n\tconst showSearchForm = items.length > MIN_ITEMS_FOR_SEARCH;\n\tconst isFullScreen = ! isIOS && showSearchForm;\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ true }\n\t\t\tonClose={ onClose }\n\t\t\tonKeyboardShow={ onKeyboardShow }\n\t\t\tonKeyboardHide={ onKeyboardHide }\n\t\t\theader={\n\t\t\t\t<>\n\t\t\t\t\t{ showSearchForm && (\n\t\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t\tonChange={ onChangeSearch }\n\t\t\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showTabs && ! filterValue && (\n\t\t\t\t\t\t<InserterTabs.Control\n\t\t\t\t\t\t\tonChangeTab={ setTabIndex }\n\t\t\t\t\t\t\tshowReusableBlocks={ showReusableBlocks }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t\thasNavigation\n\t\t\tsetMinHeightToMaxHeight={ true }\n\t\t\tcontentStyle={ styles[ 'inserter-menu__list' ] }\n\t\t\tisFullScreen={ isFullScreen }\n\t\t\tallowDragIndicator={ true }\n\t\t>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( { listProps } ) => (\n\t\t\t\t\t<TouchableHighlight\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tstyle={ styles[ 'inserter-menu__list-wrapper' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! showTabs \|\| filterValue ? (\n\t\t\t\t\t\t\t<InserterSearchResults\n\t\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\t\t\t\tonSelect={ onSelectItem }\n\t\t\t\t\t\t\t\tlistProps={ listProps }\n\t\t\t\t\t\t\t\tisFullScreen={ isFullScreen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<InserterTabs\n\t\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t\tlistProps={ listProps }\n\t\t\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\t\t\tonSelect={ onSelectItem }\n\t\t\t\t\t\t\t\tshowReusableBlocks={ showReusableBlocks }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</TouchableHighlight>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default InserterMenu;\n"],"mappings":"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"}