@wordpress/block-editor 12.10.2 → 12.11.0

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_compose","_a11y","_data","_blockTypesList","_interopRequireDefault","_blockPatternsList","_inserterMenuExtension","_panel","_noResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_searchItems","_inserterListbox","_sorting","_orderInserterBlockItems","_store","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","onHoverPattern","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","prioritizePatterns","selectBlockOnInsert","debouncedSpeak","useDebounce","speak","prioritizedBlocks","useSelect","select","blockListSettings","blockEditorStore","getBlockListSettings","prioritizedInserterBlocks","destinationRootClientId","onInsertBlocks","useInsertionPoint","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","useBlockTypesState","patterns","onClickPattern","usePatternsState","filteredBlockPatterns","useMemo","results","searchItems","undefined","slice","maxBlockTypesToShow","length","filteredBlockTypes","nonPatternBlockTypes","filter","blockType","name","orderedItems","orderBy","orderInserterBlockItems","searchBlockItems","useEffect","count","resultsFoundMessage","sprintf","_n","currentShownBlockTypes","useAsyncList","step","currentShownPatterns","hasItems","blocksUI","createElement","default","title","VisuallyHidden","__","items","label","patternsUI","className","shownPatterns","blockPatterns","Slot","fillProps","fills","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useEffect } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { useDebounce, useAsyncList } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport BlockPatternsList from '../block-patterns-list';\nimport __unstableInserterMenuExtension from '../inserter-menu-extension';\nimport InserterPanel from './panel';\nimport InserterNoResults from './no-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { searchBlockItems, searchItems } from './search-items';\nimport InserterListbox from '../inserter-listbox';\nimport { orderBy } from '../../utils/sorting';\nimport { orderInserterBlockItems } from '../../utils/order-inserter-block-items';\nimport { store as blockEditorStore } from '../../store';\n\nconst INITIAL_INSERTER_RESULTS = 9;\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation and rerendering the component.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tonHover,\n\tonHoverPattern,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\t__experimentalInsertionIndex,\n\tmaxBlockPatterns,\n\tmaxBlockTypes,\n\tshowBlockDirectory = false,\n\tisDraggable = true,\n\tshouldFocusBlock = true,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\n\tconst { prioritizedBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst blockListSettings =\n\t\t\t\tselect( blockEditorStore ).getBlockListSettings( rootClientId );\n\n\t\t\treturn {\n\t\t\t\tprioritizedBlocks:\n\t\t\t\t\tblockListSettings?.prioritizedInserterBlocks || EMPTY_ARRAY,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\tshouldFocusBlock,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tonSelectBlockType,\n\t] = useBlockTypesState( destinationRootClientId, onInsertBlocks );\n\tconst [ patterns, , onClickPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\tif ( maxBlockPatterns === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst results = searchItems( patterns, filterValue );\n\t\treturn maxBlockPatterns !== undefined\n\t\t\t? results.slice( 0, maxBlockPatterns )\n\t\t\t: results;\n\t}, [ filterValue, patterns, maxBlockPatterns ] );\n\n\tlet maxBlockTypesToShow = maxBlockTypes;\n\tif ( prioritizePatterns && filteredBlockPatterns.length > 2 ) {\n\t\tmaxBlockTypesToShow = 0;\n\t}\n\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( maxBlockTypesToShow === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst nonPatternBlockTypes = blockTypes.filter(\n\t\t\t( blockType ) => blockType.name !== 'core/block'\n\t\t);\n\t\tlet orderedItems = orderBy( nonPatternBlockTypes, 'frecency', 'desc' );\n\n\t\tif ( ! filterValue && prioritizedBlocks.length ) {\n\t\t\torderedItems = orderInserterBlockItems(\n\t\t\t\torderedItems,\n\t\t\t\tprioritizedBlocks\n\t\t\t);\n\t\t}\n\n\t\tconst results = searchBlockItems(\n\t\t\torderedItems,\n\t\t\tblockTypeCategories,\n\t\t\tblockTypeCollections,\n\t\t\tfilterValue\n\t\t);\n\n\t\treturn maxBlockTypesToShow !== undefined\n\t\t\t? results.slice( 0, maxBlockTypesToShow )\n\t\t\t: results;\n\t}, [\n\t\tfilterValue,\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tmaxBlockTypesToShow,\n\t\tprioritizedBlocks,\n\t] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length + filteredBlockPatterns.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [\n\t\tfilterValue,\n\t\tdebouncedSpeak,\n\t\tfilteredBlockTypes,\n\t\tfilteredBlockPatterns,\n\t] );\n\n\tconst currentShownBlockTypes = useAsyncList( filteredBlockTypes, {\n\t\tstep: INITIAL_INSERTER_RESULTS,\n\t} );\n\tconst currentShownPatterns = useAsyncList(\n\t\tcurrentShownBlockTypes.length === filteredBlockTypes.length\n\t\t\t? filteredBlockPatterns\n\t\t\t: EMPTY_ARRAY\n\t);\n\n\tconst hasItems =\n\t\tfilteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;\n\n\tconst blocksUI = !! filteredBlockTypes.length && (\n\t\t<InserterPanel\n\t\t\ttitle={ <VisuallyHidden>{ __( 'Blocks' ) }</VisuallyHidden> }\n\t\t>\n\t\t\t<BlockTypesList\n\t\t\t\titems={ currentShownBlockTypes }\n\t\t\t\tonSelect={ onSelectBlockType }\n\t\t\t\tonHover={ onHover }\n\t\t\t\tlabel={ __( 'Blocks' ) }\n\t\t\t\tisDraggable={ isDraggable }\n\t\t\t/>\n\t\t</InserterPanel>\n\t);\n\n\tconst patternsUI = !! filteredBlockPatterns.length && (\n\t\t<InserterPanel\n\t\t\ttitle={\n\t\t\t\t<VisuallyHidden>{ __( 'Block patterns' ) }</VisuallyHidden>\n\t\t\t}\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-patterns\">\n\t\t\t\t<BlockPatternsList\n\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InserterPanel>\n\t);\n\n\treturn (\n\t\t<InserterListbox>\n\t\t\t{ ! showBlockDirectory && ! hasItems && <InserterNoResults /> }\n\n\t\t\t{ prioritizePatterns ? patternsUI : blocksUI }\n\n\t\t\t{ !! filteredBlockTypes.length &&\n\t\t\t\t!! filteredBlockPatterns.length && (\n\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t) }\n\n\t\t\t{ prioritizePatterns ? blocksUI : patternsUI }\n\n\t\t\t{ showBlockDirectory && (\n\t\t\t\t<__unstableInserterMenuExtension.Slot\n\t\t\t\t\tfillProps={ {\n\t\t\t\t\t\tonSelect: onSelectBlockType,\n\t\t\t\t\t\tonHover,\n\t\t\t\t\t\tfilterValue,\n\t\t\t\t\t\thasItems,\n\t\t\t\t\t\trootClientId: destinationRootClientId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( fills ) => {\n\t\t\t\t\t\tif ( fills.length ) {\n\t\t\t\t\t\t\treturn fills;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( ! hasItems ) {\n\t\t\t\t\t\t\treturn <InserterNoResults />;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t} }\n\t\t\t\t</__unstableInserterMenuExtension.Slot>\n\t\t\t) }\n\t\t</InserterListbox>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_i18n","_components","_compose","_a11y","_data","_blockTypesList","_interopRequireDefault","_blockPatternsList","_inserterMenuExtension","_panel","_noResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_searchItems","_inserterListbox","_sorting","_orderInserterBlockItems","_store","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","onHoverPattern","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","prioritizePatterns","selectBlockOnInsert","debouncedSpeak","useDebounce","speak","prioritizedBlocks","useSelect","select","blockListSettings","blockEditorStore","getBlockListSettings","prioritizedInserterBlocks","destinationRootClientId","onInsertBlocks","useInsertionPoint","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","useBlockTypesState","patterns","onClickPattern","usePatternsState","filteredBlockPatterns","useMemo","results","searchItems","undefined","slice","maxBlockTypesToShow","length","filteredBlockTypes","nonPatternBlockTypes","filter","blockType","name","orderedItems","orderBy","orderInserterBlockItems","searchBlockItems","useEffect","count","resultsFoundMessage","sprintf","_n","currentShownBlockTypes","useAsyncList","step","currentShownPatterns","hasItems","blocksUI","_react","createElement","default","title","VisuallyHidden","__","items","label","patternsUI","className","shownPatterns","blockPatterns","Slot","fillProps","fills","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useEffect } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { useDebounce, useAsyncList } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport BlockPatternsList from '../block-patterns-list';\nimport __unstableInserterMenuExtension from '../inserter-menu-extension';\nimport InserterPanel from './panel';\nimport InserterNoResults from './no-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { searchBlockItems, searchItems } from './search-items';\nimport InserterListbox from '../inserter-listbox';\nimport { orderBy } from '../../utils/sorting';\nimport { orderInserterBlockItems } from '../../utils/order-inserter-block-items';\nimport { store as blockEditorStore } from '../../store';\n\nconst INITIAL_INSERTER_RESULTS = 9;\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation and rerendering the component.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tonHover,\n\tonHoverPattern,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\t__experimentalInsertionIndex,\n\tmaxBlockPatterns,\n\tmaxBlockTypes,\n\tshowBlockDirectory = false,\n\tisDraggable = true,\n\tshouldFocusBlock = true,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\n\tconst { prioritizedBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst blockListSettings =\n\t\t\t\tselect( blockEditorStore ).getBlockListSettings( rootClientId );\n\n\t\t\treturn {\n\t\t\t\tprioritizedBlocks:\n\t\t\t\t\tblockListSettings?.prioritizedInserterBlocks || EMPTY_ARRAY,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\tshouldFocusBlock,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tonSelectBlockType,\n\t] = useBlockTypesState( destinationRootClientId, onInsertBlocks );\n\tconst [ patterns, , onClickPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\tif ( maxBlockPatterns === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst results = searchItems( patterns, filterValue );\n\t\treturn maxBlockPatterns !== undefined\n\t\t\t? results.slice( 0, maxBlockPatterns )\n\t\t\t: results;\n\t}, [ filterValue, patterns, maxBlockPatterns ] );\n\n\tlet maxBlockTypesToShow = maxBlockTypes;\n\tif ( prioritizePatterns && filteredBlockPatterns.length > 2 ) {\n\t\tmaxBlockTypesToShow = 0;\n\t}\n\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( maxBlockTypesToShow === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst nonPatternBlockTypes = blockTypes.filter(\n\t\t\t( blockType ) => blockType.name !== 'core/block'\n\t\t);\n\t\tlet orderedItems = orderBy( nonPatternBlockTypes, 'frecency', 'desc' );\n\n\t\tif ( ! filterValue && prioritizedBlocks.length ) {\n\t\t\torderedItems = orderInserterBlockItems(\n\t\t\t\torderedItems,\n\t\t\t\tprioritizedBlocks\n\t\t\t);\n\t\t}\n\n\t\tconst results = searchBlockItems(\n\t\t\torderedItems,\n\t\t\tblockTypeCategories,\n\t\t\tblockTypeCollections,\n\t\t\tfilterValue\n\t\t);\n\n\t\treturn maxBlockTypesToShow !== undefined\n\t\t\t? results.slice( 0, maxBlockTypesToShow )\n\t\t\t: results;\n\t}, [\n\t\tfilterValue,\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tmaxBlockTypesToShow,\n\t\tprioritizedBlocks,\n\t] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length + filteredBlockPatterns.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [\n\t\tfilterValue,\n\t\tdebouncedSpeak,\n\t\tfilteredBlockTypes,\n\t\tfilteredBlockPatterns,\n\t] );\n\n\tconst currentShownBlockTypes = useAsyncList( filteredBlockTypes, {\n\t\tstep: INITIAL_INSERTER_RESULTS,\n\t} );\n\tconst currentShownPatterns = useAsyncList(\n\t\tcurrentShownBlockTypes.length === filteredBlockTypes.length\n\t\t\t? filteredBlockPatterns\n\t\t\t: EMPTY_ARRAY\n\t);\n\n\tconst hasItems =\n\t\tfilteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;\n\n\tconst blocksUI = !! filteredBlockTypes.length && (\n\t\t<InserterPanel\n\t\t\ttitle={ <VisuallyHidden>{ __( 'Blocks' ) }</VisuallyHidden> }\n\t\t>\n\t\t\t<BlockTypesList\n\t\t\t\titems={ currentShownBlockTypes }\n\t\t\t\tonSelect={ onSelectBlockType }\n\t\t\t\tonHover={ onHover }\n\t\t\t\tlabel={ __( 'Blocks' ) }\n\t\t\t\tisDraggable={ isDraggable }\n\t\t\t/>\n\t\t</InserterPanel>\n\t);\n\n\tconst patternsUI = !! filteredBlockPatterns.length && (\n\t\t<InserterPanel\n\t\t\ttitle={\n\t\t\t\t<VisuallyHidden>{ __( 'Block patterns' ) }</VisuallyHidden>\n\t\t\t}\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-patterns\">\n\t\t\t\t<BlockPatternsList\n\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InserterPanel>\n\t);\n\n\treturn (\n\t\t<InserterListbox>\n\t\t\t{ ! showBlockDirectory && ! hasItems && <InserterNoResults /> }\n\n\t\t\t{ prioritizePatterns ? patternsUI : blocksUI }\n\n\t\t\t{ !! filteredBlockTypes.length &&\n\t\t\t\t!! filteredBlockPatterns.length && (\n\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t) }\n\n\t\t\t{ prioritizePatterns ? blocksUI : patternsUI }\n\n\t\t\t{ showBlockDirectory && (\n\t\t\t\t<__unstableInserterMenuExtension.Slot\n\t\t\t\t\tfillProps={ {\n\t\t\t\t\t\tonSelect: onSelectBlockType,\n\t\t\t\t\t\tonHover,\n\t\t\t\t\t\tfilterValue,\n\t\t\t\t\t\thasItems,\n\t\t\t\t\t\trootClientId: destinationRootClientId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( fills ) => {\n\t\t\t\t\t\tif ( fills.length ) {\n\t\t\t\t\t\t\treturn fills;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( ! hasItems ) {\n\t\t\t\t\t\t\treturn <InserterNoResults />;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t} }\n\t\t\t\t</__unstableInserterMenuExtension.Slot>\n\t\t\t) }\n\t\t</InserterListbox>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,eAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,sBAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,MAAA,GAAAH,sBAAA,CAAAP,OAAA;AACA,IAAAW,UAAA,GAAAJ,sBAAA,CAAAP,OAAA;AACA,IAAAY,kBAAA,GAAAL,sBAAA,CAAAP,OAAA;AACA,IAAAa,iBAAA,GAAAN,sBAAA,CAAAP,OAAA;AACA,IAAAc,mBAAA,GAAAP,sBAAA,CAAAP,OAAA;AACA,IAAAe,YAAA,GAAAf,OAAA;AACA,IAAAgB,gBAAA,GAAAT,sBAAA,CAAAP,OAAA;AACA,IAAAiB,QAAA,GAAAjB,OAAA;AACA,IAAAkB,wBAAA,GAAAlB,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAzBA;AACA;AACA;;AAQA;AACA;AACA;;AAeA,MAAMoB,wBAAwB,GAAG,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,4BAA4B;EAC5BC,gBAAgB;EAChBC,aAAa;EACbC,kBAAkB,GAAG,KAAK;EAC1BC,WAAW,GAAG,IAAI;EAClBC,gBAAgB,GAAG,IAAI;EACvBC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,oBAAW,EAAEC,WAAK,EAAE,GAAI,CAAC;EAEhD,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,eAAS,EACpCC,MAAM,IAAM;IACb,MAAMC,iBAAiB,GACtBD,MAAM,CAAEE,YAAiB,CAAC,CAACC,oBAAoB,CAAEnB,YAAa,CAAC;IAEhE,OAAO;MACNc,iBAAiB,EAChBG,iBAAiB,EAAEG,yBAAyB,IAAI1B;IAClD,CAAC;EACF,CAAC,EACD,CAAEM,YAAY,CACf,CAAC;EAED,MAAM,CAAEqB,uBAAuB,EAAEC,cAAc,CAAE,GAAG,IAAAC,0BAAiB,EAAE;IACtE1B,QAAQ;IACRG,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVsB,cAAc,EAAErB,4BAA4B;IAC5CK,gBAAgB;IAChBE;EACD,CAAE,CAAC;EACH,MAAM,CACLe,UAAU,EACVC,mBAAmB,EACnBC,oBAAoB,EACpBC,iBAAiB,CACjB,GAAG,IAAAC,2BAAkB,EAAER,uBAAuB,EAAEC,cAAe,CAAC;EACjE,MAAM,CAAEQ,QAAQ,GAAIC,cAAc,CAAE,GAAG,IAAAC,yBAAgB,EACtDV,cAAc,EACdD,uBACD,CAAC;EAED,MAAMY,qBAAqB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC5C,IAAK9B,gBAAgB,KAAK,CAAC,EAAG;MAC7B,OAAO,EAAE;IACV;IACA,MAAM+B,OAAO,GAAG,IAAAC,wBAAW,EAAEN,QAAQ,EAAElC,WAAY,CAAC;IACpD,OAAOQ,gBAAgB,KAAKiC,SAAS,GAClCF,OAAO,CAACG,KAAK,CAAE,CAAC,EAAElC,gBAAiB,CAAC,GACpC+B,OAAO;EACX,CAAC,EAAE,CAAEvC,WAAW,EAAEkC,QAAQ,EAAE1B,gBAAgB,CAAG,CAAC;EAEhD,IAAImC,mBAAmB,GAAGlC,aAAa;EACvC,IAAKI,kBAAkB,IAAIwB,qBAAqB,CAACO,MAAM,GAAG,CAAC,EAAG;IAC7DD,mBAAmB,GAAG,CAAC;EACxB;EAEA,MAAME,kBAAkB,GAAG,IAAAP,gBAAO,EAAE,MAAM;IACzC,IAAKK,mBAAmB,KAAK,CAAC,EAAG;MAChC,OAAO,EAAE;IACV;IACA,MAAMG,oBAAoB,GAAGjB,UAAU,CAACkB,MAAM,CAC3CC,SAAS,IAAMA,SAAS,CAACC,IAAI,KAAK,YACrC,CAAC;IACD,IAAIC,YAAY,GAAG,IAAAC,gBAAO,EAAEL,oBAAoB,EAAE,UAAU,EAAE,MAAO,CAAC;IAEtE,IAAK,CAAE9C,WAAW,IAAIkB,iBAAiB,CAAC0B,MAAM,EAAG;MAChDM,YAAY,GAAG,IAAAE,gDAAuB,EACrCF,YAAY,EACZhC,iBACD,CAAC;IACF;IAEA,MAAMqB,OAAO,GAAG,IAAAc,6BAAgB,EAC/BH,YAAY,EACZpB,mBAAmB,EACnBC,oBAAoB,EACpB/B,WACD,CAAC;IAED,OAAO2C,mBAAmB,KAAKF,SAAS,GACrCF,OAAO,CAACG,KAAK,CAAE,CAAC,EAAEC,mBAAoB,CAAC,GACvCJ,OAAO;EACX,CAAC,EAAE,CACFvC,WAAW,EACX6B,UAAU,EACVC,mBAAmB,EACnBC,oBAAoB,EACpBY,mBAAmB,EACnBzB,iBAAiB,CAChB,CAAC;;EAEH;EACA,IAAAoC,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEtD,WAAW,EAAG;MACpB;IACD;IACA,MAAMuD,KAAK,GAAGV,kBAAkB,CAACD,MAAM,GAAGP,qBAAqB,CAACO,MAAM;IACtE,MAAMY,mBAAmB,GAAG,IAAAC,aAAO,GAClC;IACA,IAAAC,QAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAEH,KAAM,CAAC,EACpDA,KACD,CAAC;IACDxC,cAAc,CAAEyC,mBAAoB,CAAC;EACtC,CAAC,EAAE,CACFxD,WAAW,EACXe,cAAc,EACd8B,kBAAkB,EAClBR,qBAAqB,CACpB,CAAC;EAEH,MAAMsB,sBAAsB,GAAG,IAAAC,qBAAY,EAAEf,kBAAkB,EAAE;IAChEgB,IAAI,EAAEhE;EACP,CAAE,CAAC;EACH,MAAMiE,oBAAoB,GAAG,IAAAF,qBAAY,EACxCD,sBAAsB,CAACf,MAAM,KAAKC,kBAAkB,CAACD,MAAM,GACxDP,qBAAqB,GACrBvC,WACJ,CAAC;EAED,MAAMiE,QAAQ,GACblB,kBAAkB,CAACD,MAAM,GAAG,CAAC,IAAIP,qBAAqB,CAACO,MAAM,GAAG,CAAC;EAElE,MAAMoB,QAAQ,GAAG,CAAC,CAAEnB,kBAAkB,CAACD,MAAM,IAC5C,IAAAqB,MAAA,CAAAC,aAAA,EAAC/E,MAAA,CAAAgF,OAAa;IACbC,KAAK,EAAG,IAAAH,MAAA,CAAAC,aAAA,EAACvF,WAAA,CAAA0F,cAAc,QAAG,IAAAC,QAAE,EAAE,QAAS,CAAmB;EAAG,GAE7D,IAAAL,MAAA,CAAAC,aAAA,EAACnF,eAAA,CAAAoF,OAAc;IACdI,KAAK,EAAGZ,sBAAwB;IAChC1D,QAAQ,EAAG+B,iBAAmB;IAC9B9B,OAAO,EAAGA,OAAS;IACnBsE,KAAK,EAAG,IAAAF,QAAE,EAAE,QAAS,CAAG;IACxB3D,WAAW,EAAGA;EAAa,CAC3B,CACa,CACf;EAED,MAAM8D,UAAU,GAAG,CAAC,CAAEpC,qBAAqB,CAACO,MAAM,IACjD,IAAAqB,MAAA,CAAAC,aAAA,EAAC/E,MAAA,CAAAgF,OAAa;IACbC,KAAK,EACJ,IAAAH,MAAA,CAAAC,aAAA,EAACvF,WAAA,CAAA0F,cAAc,QAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAmB;EAC1D,GAED,IAAAL,MAAA,CAAAC,aAAA;IAAKQ,SAAS,EAAC;EAAgD,GAC9D,IAAAT,MAAA,CAAAC,aAAA,EAACjF,kBAAA,CAAAkF,OAAiB;IACjBQ,aAAa,EAAGb,oBAAsB;IACtCc,aAAa,EAAGvC,qBAAuB;IACvCF,cAAc,EAAGA,cAAgB;IACjCjC,OAAO,EAAGC,cAAgB;IAC1BQ,WAAW,EAAGA;EAAa,CAC3B,CACG,CACS,CACf;EAED,OACC,IAAAsD,MAAA,CAAAC,aAAA,EAACzE,gBAAA,CAAA0E,OAAe,QACb,CAAEzD,kBAAkB,IAAI,CAAEqD,QAAQ,IAAI,IAAAE,MAAA,CAAAC,aAAA,EAAC9E,UAAA,CAAA+E,OAAiB,MAAE,CAAC,EAE3DtD,kBAAkB,GAAG4D,UAAU,GAAGT,QAAQ,EAE1C,CAAC,CAAEnB,kBAAkB,CAACD,MAAM,IAC7B,CAAC,CAAEP,qBAAqB,CAACO,MAAM,IAC9B,IAAAqB,MAAA,CAAAC,aAAA;IAAKQ,SAAS,EAAC;EAAiD,CAAE,CAClE,EAEA7D,kBAAkB,GAAGmD,QAAQ,GAAGS,UAAU,EAE1C/D,kBAAkB,IACnB,IAAAuD,MAAA,CAAAC,aAAA,EAAChF,sBAAA,CAAAiF,OAA+B,CAACU,IAAI;IACpCC,SAAS,EAAG;MACX7E,QAAQ,EAAE+B,iBAAiB;MAC3B9B,OAAO;MACPF,WAAW;MACX+D,QAAQ;MACR3D,YAAY,EAAEqB;IACf;EAAG,GAECsD,KAAK,IAAM;IACd,IAAKA,KAAK,CAACnC,MAAM,EAAG;MACnB,OAAOmC,KAAK;IACb;IACA,IAAK,CAAEhB,QAAQ,EAAG;MACjB,OAAO,IAAAE,MAAA,CAAAC,aAAA,EAAC9E,UAAA,CAAA+E,OAAiB,MAAE,CAAC;IAC7B;IACA,OAAO,IAAI;EACZ,CACqC,CAEvB,CAAC;AAEpB;AAAC,IAAAa,QAAA,GAEcjF,qBAAqB;AAAAkF,OAAA,CAAAd,OAAA,GAAAa,QAAA"}

package/build/components/inserter/search-results.native.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _searchItems = require("./search-items");
 var _blockTypesList = _interopRequireDefault(require("../block-types-list"));
 var _noResults = _interopRequireDefault(require("./no-results"));
@@ -48,13 +49,13 @@ function InserterSearchResults({
     trackBlockTypeSelected
   } = (0, _useBlockTypeImpressions.default)(blockTypes);
   if (!items || items?.length === 0) {
-    return (0, _element.createElement)(_noResults.default, null);
+    return (0, _react.createElement)(_noResults.default, null);
   }
   const handleSelect = (...args) => {
     trackBlockTypeSelected(...args);
     onSelect(...args);
   };
-  return (0, _element.createElement)(_blockTypesList.default, {
+  return (0, _react.createElement)(_blockTypesList.default, {
     name: "Blocks",
     initialNumToRender: isFullScreen ? 10 : 3,
     sections: [(0, _utils.createInserterSection)({

package/build/components/inserter/search-results.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_i18n","_searchItems","_blockTypesList","_interopRequireDefault","_noResults","_store","_useBlockTypeImpressions","_utils","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","inserterItems","useSelect","select","items","blockEditorStore","getInserterItems","blockTypes","useMemo","availableItems","filterInserterItems","allowReusable","searchItems","trackBlockTypeSelected","useBlockTypeImpressions","length","createElement","default","handleSelect","args","name","initialNumToRender","sections","createInserterSection","key","label","__","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { searchItems } from './search-items';\nimport BlockTypesList from '../block-types-list';\nimport InserterNoResults from './no-results';\nimport { store as blockEditorStore } from '../../store';\nimport useBlockTypeImpressions from './hooks/use-block-type-impressions';\nimport { createInserterSection, filterInserterItems } from './utils';\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tlistProps,\n\trootClientId,\n\tisFullScreen,\n} ) {\n\tconst { inserterItems } = useSelect(\n\t\t( select ) => {\n\t\t\tconst items =\n\t\t\t\tselect( blockEditorStore ).getInserterItems( rootClientId );\n\n\t\t\treturn { inserterItems: items };\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst blockTypes = useMemo( () => {\n\t\tconst availableItems = filterInserterItems( inserterItems, {\n\t\t\tallowReusable: true,\n\t\t} );\n\n\t\treturn searchItems( availableItems, filterValue );\n\t}, [ inserterItems, filterValue ] );\n\n\tconst { items, trackBlockTypeSelected } =\n\t\tuseBlockTypeImpressions( blockTypes );\n\n\tif ( ! items || items?.length === 0 ) {\n\t\treturn <InserterNoResults />;\n\t}\n\n\tconst handleSelect = ( ...args ) => {\n\t\ttrackBlockTypeSelected( ...args );\n\t\tonSelect( ...args );\n\t};\n\n\treturn (\n\t\t<BlockTypesList\n\t\t\tname=\"Blocks\"\n\t\t\tinitialNumToRender={ isFullScreen ? 10 : 3 }\n\t\t\tsections={ [ createInserterSection( { key: 'search', items } ) ] }\n\t\t\tonSelect={ handleSelect }\n\t\t\tlistProps={ listProps }\n\t\t\tlabel={ __( 'Blocks' ) }\n\t\t/>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":";;;;;;;AAKA,IAAAA,QAAA,GAAAC,OAAA;AAFA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAMA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,wBAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAfA;AACA;AACA;;AAKA;AACA;AACA;;AAQA,SAASU,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAM;IACb,MAAMC,KAAK,GACVD,MAAM,CAAEE,YAAiB,CAAC,CAACC,gBAAgB,CAAEP,YAAa,CAAC;IAE5D,OAAO;MAAEE,aAAa,EAAEG;IAAM,CAAC;EAChC,CAAC,EACD,CAAEL,YAAY,CACf,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACjC,MAAMC,cAAc,GAAG,IAAAC,0BAAmB,EAAET,aAAa,EAAE;MAC1DU,aAAa,EAAE;IAChB,CAAE,CAAC;IAEH,OAAO,IAAAC,wBAAW,EAAEH,cAAc,EAAEb,WAAY,CAAC;EAClD,CAAC,EAAE,CAAEK,aAAa,EAAEL,WAAW,CAAG,CAAC;EAEnC,MAAM;IAAEQ,KAAK;IAAES;EAAuB,CAAC,GACtC,IAAAC,gCAAuB,EAAEP,UAAW,CAAC;EAEtC,IAAK,CAAEH,KAAK,IAAIA,KAAK,EAAEW,MAAM,KAAK,CAAC,EAAG;IACrC,OAAO,IAAA/B,QAAA,CAAAgC,aAAA,EAACzB,UAAA,CAAA0B,OAAiB,MAAE,CAAC;EAC7B;EAEA,MAAMC,YAAY,GAAGA,CAAE,GAAGC,IAAI,KAAM;IACnCN,sBAAsB,CAAE,GAAGM,IAAK,CAAC;IACjCtB,QAAQ,CAAE,GAAGsB,IAAK,CAAC;EACpB,CAAC;EAED,OACC,IAAAnC,QAAA,CAAAgC,aAAA,EAAC3B,eAAA,CAAA4B,OAAc;IACdG,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAGrB,YAAY,GAAG,EAAE,GAAG,CAAG;IAC5CsB,QAAQ,EAAG,CAAE,IAAAC,4BAAqB,EAAE;MAAEC,GAAG,EAAE,QAAQ;MAAEpB;IAAM,CAAE,CAAC,CAAI;IAClEP,QAAQ,EAAGqB,YAAc;IACzBpB,SAAS,EAAGA,SAAW;IACvB2B,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,CACxB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEchC,qBAAqB;AAAAiC,OAAA,CAAAX,OAAA,GAAAU,QAAA"}
+{"version":3,"names":["_data","require","_i18n","_element","_searchItems","_blockTypesList","_interopRequireDefault","_noResults","_store","_useBlockTypeImpressions","_utils","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","inserterItems","useSelect","select","items","blockEditorStore","getInserterItems","blockTypes","useMemo","availableItems","filterInserterItems","allowReusable","searchItems","trackBlockTypeSelected","useBlockTypeImpressions","length","_react","createElement","default","handleSelect","args","name","initialNumToRender","sections","createInserterSection","key","label","__","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { searchItems } from './search-items';\nimport BlockTypesList from '../block-types-list';\nimport InserterNoResults from './no-results';\nimport { store as blockEditorStore } from '../../store';\nimport useBlockTypeImpressions from './hooks/use-block-type-impressions';\nimport { createInserterSection, filterInserterItems } from './utils';\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tlistProps,\n\trootClientId,\n\tisFullScreen,\n} ) {\n\tconst { inserterItems } = useSelect(\n\t\t( select ) => {\n\t\t\tconst items =\n\t\t\t\tselect( blockEditorStore ).getInserterItems( rootClientId );\n\n\t\t\treturn { inserterItems: items };\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst blockTypes = useMemo( () => {\n\t\tconst availableItems = filterInserterItems( inserterItems, {\n\t\t\tallowReusable: true,\n\t\t} );\n\n\t\treturn searchItems( availableItems, filterValue );\n\t}, [ inserterItems, filterValue ] );\n\n\tconst { items, trackBlockTypeSelected } =\n\t\tuseBlockTypeImpressions( blockTypes );\n\n\tif ( ! items || items?.length === 0 ) {\n\t\treturn <InserterNoResults />;\n\t}\n\n\tconst handleSelect = ( ...args ) => {\n\t\ttrackBlockTypeSelected( ...args );\n\t\tonSelect( ...args );\n\t};\n\n\treturn (\n\t\t<BlockTypesList\n\t\t\tname=\"Blocks\"\n\t\t\tinitialNumToRender={ isFullScreen ? 10 : 3 }\n\t\t\tsections={ [ createInserterSection( { key: 'search', items } ) ] }\n\t\t\tonSelect={ handleSelect }\n\t\t\tlistProps={ listProps }\n\t\t\tlabel={ __( 'Blocks' ) }\n\t\t/>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,wBAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAfA;AACA;AACA;;AAKA;AACA;AACA;;AAQA,SAASU,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAM;IACb,MAAMC,KAAK,GACVD,MAAM,CAAEE,YAAiB,CAAC,CAACC,gBAAgB,CAAEP,YAAa,CAAC;IAE5D,OAAO;MAAEE,aAAa,EAAEG;IAAM,CAAC;EAChC,CAAC,EACD,CAAEL,YAAY,CACf,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACjC,MAAMC,cAAc,GAAG,IAAAC,0BAAmB,EAAET,aAAa,EAAE;MAC1DU,aAAa,EAAE;IAChB,CAAE,CAAC;IAEH,OAAO,IAAAC,wBAAW,EAAEH,cAAc,EAAEb,WAAY,CAAC;EAClD,CAAC,EAAE,CAAEK,aAAa,EAAEL,WAAW,CAAG,CAAC;EAEnC,MAAM;IAAEQ,KAAK;IAAES;EAAuB,CAAC,GACtC,IAAAC,gCAAuB,EAAEP,UAAW,CAAC;EAEtC,IAAK,CAAEH,KAAK,IAAIA,KAAK,EAAEW,MAAM,KAAK,CAAC,EAAG;IACrC,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAAC1B,UAAA,CAAA2B,OAAiB,MAAE,CAAC;EAC7B;EAEA,MAAMC,YAAY,GAAGA,CAAE,GAAGC,IAAI,KAAM;IACnCP,sBAAsB,CAAE,GAAGO,IAAK,CAAC;IACjCvB,QAAQ,CAAE,GAAGuB,IAAK,CAAC;EACpB,CAAC;EAED,OACC,IAAAJ,MAAA,CAAAC,aAAA,EAAC5B,eAAA,CAAA6B,OAAc;IACdG,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAGtB,YAAY,GAAG,EAAE,GAAG,CAAG;IAC5CuB,QAAQ,EAAG,CAAE,IAAAC,4BAAqB,EAAE;MAAEC,GAAG,EAAE,QAAQ;MAAErB;IAAM,CAAE,CAAC,CAAI;IAClEP,QAAQ,EAAGsB,YAAc;IACzBrB,SAAS,EAAGA,SAAW;IACvB4B,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,CACxB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEcjC,qBAAqB;AAAAkC,OAAA,CAAAX,OAAA,GAAAU,QAAA"}

package/build/components/inserter/tabs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -47,7 +48,7 @@ function InserterTabs({
     }
     return tempTabs;
   }, [prioritizePatterns, showPatterns, showMedia]);
-  return (0, _element.createElement)(_components.TabPanel, {
+  return (0, _react.createElement)(_components.TabPanel, {
     className: "block-editor-inserter__tabs",
     tabs: tabs,
     onSelect: onSelect

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","children","showPatterns","showMedia","onSelect","prioritizePatterns","tabs","useMemo","tempTabs","push","createElement","TabPanel","className","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { TabPanel } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\tprioritizePatterns,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [];\n\t\tif ( prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\ttempTabs.push( blocksTab );\n\t\tif ( ! prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\tif ( showMedia ) {\n\t\t\ttempTabs.push( mediaTab );\n\t\t}\n\t\treturn tempTabs;\n\t}, [ prioritizePatterns, showPatterns, showMedia ] );\n\n\treturn (\n\t\t<TabPanel\n\t\t\tclassName=\"block-editor-inserter__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tonSelect={ onSelect }\n\t\t>\n\t\t\t{ children }\n\t\t</TabPanel>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS;AACrB,CAAC;AACD,MAAMC,WAAW,GAAG;EACnBH,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW;AACvB,CAAC;AAED,MAAME,QAAQ,GAAG;EAChBJ,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;AACpB,CAAC;AAED,SAASG,YAAYA,CAAE;EACtBC,QAAQ;EACRC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC3B,MAAMC,QAAQ,GAAG,EAAE;IACnB,IAAKH,kBAAkB,IAAIH,YAAY,EAAG;MACzCM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACAU,QAAQ,CAACC,IAAI,CAAEf,SAAU,CAAC;IAC1B,IAAK,CAAEW,kBAAkB,IAAIH,YAAY,EAAG;MAC3CM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACA,IAAKK,SAAS,EAAG;MAChBK,QAAQ,CAACC,IAAI,CAAEV,QAAS,CAAC;IAC1B;IACA,OAAOS,QAAQ;EAChB,CAAC,EAAE,CAAEH,kBAAkB,EAAEH,YAAY,EAAEC,SAAS,CAAG,CAAC;EAEpD,OACC,IAAAb,QAAA,CAAAoB,aAAA,EAAClB,WAAA,CAAAmB,QAAQ;IACRC,SAAS,EAAC,6BAA6B;IACvCN,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA;EAAU,GAEnBH,QACO,CAAC;AAEb;AAAC,IAAAY,QAAA,GAEcb,YAAY;AAAAc,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_element","require","_components","_i18n","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","children","showPatterns","showMedia","onSelect","prioritizePatterns","tabs","useMemo","tempTabs","push","_react","createElement","TabPanel","className","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { TabPanel } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\tprioritizePatterns,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [];\n\t\tif ( prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\ttempTabs.push( blocksTab );\n\t\tif ( ! prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\tif ( showMedia ) {\n\t\t\ttempTabs.push( mediaTab );\n\t\t}\n\t\treturn tempTabs;\n\t}, [ prioritizePatterns, showPatterns, showMedia ] );\n\n\treturn (\n\t\t<TabPanel\n\t\t\tclassName=\"block-editor-inserter__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tonSelect={ onSelect }\n\t\t>\n\t\t\t{ children }\n\t\t</TabPanel>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS;AACrB,CAAC;AACD,MAAMC,WAAW,GAAG;EACnBH,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW;AACvB,CAAC;AAED,MAAME,QAAQ,GAAG;EAChBJ,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;AACpB,CAAC;AAED,SAASG,YAAYA,CAAE;EACtBC,QAAQ;EACRC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC3B,MAAMC,QAAQ,GAAG,EAAE;IACnB,IAAKH,kBAAkB,IAAIH,YAAY,EAAG;MACzCM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACAU,QAAQ,CAACC,IAAI,CAAEf,SAAU,CAAC;IAC1B,IAAK,CAAEW,kBAAkB,IAAIH,YAAY,EAAG;MAC3CM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACA,IAAKK,SAAS,EAAG;MAChBK,QAAQ,CAACC,IAAI,CAAEV,QAAS,CAAC;IAC1B;IACA,OAAOS,QAAQ;EAChB,CAAC,EAAE,CAAEH,kBAAkB,EAAEH,YAAY,EAAEC,SAAS,CAAG,CAAC;EAEpD,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,QAAQ;IACRC,SAAS,EAAC,6BAA6B;IACvCP,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA;EAAU,GAEnBH,QACO,CAAC;AAEb;AAAC,IAAAa,QAAA,GAEcd,YAAY;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -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 _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockTypesTab = _interopRequireDefault(require("./block-types-tab"));
@@ -81,16 +82,16 @@ function InserterTabs({
       translateX
     }]
   }];
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _style.default['inserter-tabs__wrapper'],
     onLayout: onWrapperLayout
-  }, (0, _element.createElement)(_reactNative.Animated.View, {
+  }, (0, _react.createElement)(_reactNative.Animated.View, {
     style: containerStyle
   }, tabs.map(({
     component: TabComponent
-  }, index) => (0, _element.createElement)(_reactNative.View, {
+  }, index) => (0, _react.createElement)(_reactNative.View, {
     key: `tab-${index}`
-  }, (0, _element.createElement)(TabComponent, {
+  }, (0, _react.createElement)(TabComponent, {
     rootClientId: rootClientId,
     onSelect: onSelect,
     listProps: {
@@ -118,7 +119,7 @@ function TabsControl({
     }) => title);
     onChangeTab(tabTitles.indexOf(selectedTab));
   }, [onChangeTab]);
-  return segments.length > 1 ? (0, _element.createElement)(_components.SegmentedControl, {
+  return segments.length > 1 ? (0, _react.createElement)(_components.SegmentedControl, {
     segments: segments,
     segmentHandler: segmentHandler
   }) : null;

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_components","_blockTypesTab","_interopRequireDefault","_reusableBlocksTab","_style","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","useRef","Animated","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","useState","onScroll","event","nativeEvent","onWrapperLayout","useCallback","layout","width","useEffect","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","useMemo","filteredTabs","getTabs","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","styles","transform","createElement","View","style","onLayout","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","SegmentedControl","Control","__","BlockTypesTab","ReusableBlocksTab","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SegmentedControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesTab from './block-types-tab';\nimport ReusableBlocksTab from './reusable-blocks-tab';\nimport styles from './style.scss';\n\nconst TAB_ANIMATION_DURATION = 250;\n\nfunction InserterTabs( {\n\tlistProps,\n\tonSelect,\n\trootClientId,\n\tshowReusableBlocks,\n\ttabIndex,\n} ) {\n\tconst tabAnimation = useRef( new Animated.Value( 0 ) ).current;\n\tconst lastScrollEvents = useRef( [] ).current;\n\tconst [ wrapperWidth, setWrapperWidth ] = useState( 0 );\n\n\tfunction onScroll( event ) {\n\t\tlastScrollEvents[ tabIndex ] = event.nativeEvent;\n\t\tlistProps.onScroll( event );\n\t}\n\n\tconst onWrapperLayout = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tsetWrapperWidth( nativeEvent.layout.width );\n\t\t},\n\t\t[ setWrapperWidth ]\n\t);\n\n\tuseEffect( () => {\n\t\tAnimated.timing( tabAnimation, {\n\t\t\tduration: TAB_ANIMATION_DURATION,\n\t\t\ttoValue: tabIndex,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\n\t\t// Notify upstream with the last scroll event of the current tab.\n\t\tconst lastScrollEvent = lastScrollEvents[ tabIndex ];\n\t\tif ( lastScrollEvent ) {\n\t\t\tlistProps.onScroll( { nativeEvent: lastScrollEvent } );\n\t\t}\n\t}, [ tabIndex ] );\n\n\tconst { tabs, tabKeys } = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.getTabs().filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn {\n\t\t\ttabs: filteredTabs,\n\t\t\ttabKeys: [ ...filteredTabs.keys() ],\n\t\t};\n\t}, [ showReusableBlocks ] );\n\n\tconst translateX = useMemo(\n\t\t() =>\n\t\t\ttabKeys.length > 1\n\t\t\t\t? tabAnimation.interpolate( {\n\t\t\t\t\t\tinputRange: tabKeys,\n\t\t\t\t\t\toutputRange: tabKeys.map(\n\t\t\t\t\t\t\t( key ) => key * -wrapperWidth\n\t\t\t\t\t\t),\n\t\t\t\t  } )\n\t\t\t\t: tabAnimation,\n\t\t[ tabAnimation, tabKeys, wrapperWidth ]\n\t);\n\n\tconst containerStyle = [\n\t\tstyles[ 'inserter-tabs__container' ],\n\t\t{\n\t\t\twidth: wrapperWidth * tabKeys.length,\n\t\t\ttransform: [ { translateX } ],\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ styles[ 'inserter-tabs__wrapper' ] }\n\t\t\tonLayout={ onWrapperLayout }\n\t\t>\n\t\t\t<Animated.View style={ containerStyle }>\n\t\t\t\t{ tabs.map( ( { component: TabComponent }, index ) => (\n\t\t\t\t\t<View key={ `tab-${ index }` }>\n\t\t\t\t\t\t<TabComponent\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tlistProps={ { ...listProps, onScroll } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</Animated.View>\n\t\t</View>\n\t);\n}\n\nfunction TabsControl( { onChangeTab, showReusableBlocks } ) {\n\tconst tabs = InserterTabs.getTabs();\n\tconst segments = useMemo( () => {\n\t\tconst filteredTabs = tabs.filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn filteredTabs.map( ( { title } ) => title );\n\t}, [ showReusableBlocks ] );\n\n\tconst segmentHandler = useCallback(\n\t\t( selectedTab ) => {\n\t\t\tconst tabTitles = tabs.map( ( { title } ) => title );\n\t\t\tonChangeTab( tabTitles.indexOf( selectedTab ) );\n\t\t},\n\t\t[ onChangeTab ]\n\t);\n\n\treturn segments.length > 1 ? (\n\t\t<SegmentedControl\n\t\t\tsegments={ segments }\n\t\t\tsegmentHandler={ segmentHandler }\n\t\t/>\n\t) : null;\n}\n\nInserterTabs.Control = TabsControl;\n\nInserterTabs.getTabs = () => [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{\n\t\tname: 'reusable',\n\t\ttitle: __( 'Synced patterns' ),\n\t\tcomponent: ReusableBlocksTab,\n\t},\n];\n\nexport default InserterTabs;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_element","_i18n","_components","_blockTypesTab","_interopRequireDefault","_reusableBlocksTab","_style","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","useRef","Animated","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","useState","onScroll","event","nativeEvent","onWrapperLayout","useCallback","layout","width","useEffect","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","useMemo","filteredTabs","getTabs","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","styles","transform","_react","createElement","View","style","onLayout","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","SegmentedControl","Control","__","BlockTypesTab","ReusableBlocksTab","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SegmentedControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesTab from './block-types-tab';\nimport ReusableBlocksTab from './reusable-blocks-tab';\nimport styles from './style.scss';\n\nconst TAB_ANIMATION_DURATION = 250;\n\nfunction InserterTabs( {\n\tlistProps,\n\tonSelect,\n\trootClientId,\n\tshowReusableBlocks,\n\ttabIndex,\n} ) {\n\tconst tabAnimation = useRef( new Animated.Value( 0 ) ).current;\n\tconst lastScrollEvents = useRef( [] ).current;\n\tconst [ wrapperWidth, setWrapperWidth ] = useState( 0 );\n\n\tfunction onScroll( event ) {\n\t\tlastScrollEvents[ tabIndex ] = event.nativeEvent;\n\t\tlistProps.onScroll( event );\n\t}\n\n\tconst onWrapperLayout = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tsetWrapperWidth( nativeEvent.layout.width );\n\t\t},\n\t\t[ setWrapperWidth ]\n\t);\n\n\tuseEffect( () => {\n\t\tAnimated.timing( tabAnimation, {\n\t\t\tduration: TAB_ANIMATION_DURATION,\n\t\t\ttoValue: tabIndex,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\n\t\t// Notify upstream with the last scroll event of the current tab.\n\t\tconst lastScrollEvent = lastScrollEvents[ tabIndex ];\n\t\tif ( lastScrollEvent ) {\n\t\t\tlistProps.onScroll( { nativeEvent: lastScrollEvent } );\n\t\t}\n\t}, [ tabIndex ] );\n\n\tconst { tabs, tabKeys } = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.getTabs().filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn {\n\t\t\ttabs: filteredTabs,\n\t\t\ttabKeys: [ ...filteredTabs.keys() ],\n\t\t};\n\t}, [ showReusableBlocks ] );\n\n\tconst translateX = useMemo(\n\t\t() =>\n\t\t\ttabKeys.length > 1\n\t\t\t\t? tabAnimation.interpolate( {\n\t\t\t\t\t\tinputRange: tabKeys,\n\t\t\t\t\t\toutputRange: tabKeys.map(\n\t\t\t\t\t\t\t( key ) => key * -wrapperWidth\n\t\t\t\t\t\t),\n\t\t\t\t  } )\n\t\t\t\t: tabAnimation,\n\t\t[ tabAnimation, tabKeys, wrapperWidth ]\n\t);\n\n\tconst containerStyle = [\n\t\tstyles[ 'inserter-tabs__container' ],\n\t\t{\n\t\t\twidth: wrapperWidth * tabKeys.length,\n\t\t\ttransform: [ { translateX } ],\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ styles[ 'inserter-tabs__wrapper' ] }\n\t\t\tonLayout={ onWrapperLayout }\n\t\t>\n\t\t\t<Animated.View style={ containerStyle }>\n\t\t\t\t{ tabs.map( ( { component: TabComponent }, index ) => (\n\t\t\t\t\t<View key={ `tab-${ index }` }>\n\t\t\t\t\t\t<TabComponent\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tlistProps={ { ...listProps, onScroll } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</Animated.View>\n\t\t</View>\n\t);\n}\n\nfunction TabsControl( { onChangeTab, showReusableBlocks } ) {\n\tconst tabs = InserterTabs.getTabs();\n\tconst segments = useMemo( () => {\n\t\tconst filteredTabs = tabs.filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn filteredTabs.map( ( { title } ) => title );\n\t}, [ showReusableBlocks ] );\n\n\tconst segmentHandler = useCallback(\n\t\t( selectedTab ) => {\n\t\t\tconst tabTitles = tabs.map( ( { title } ) => title );\n\t\t\tonChangeTab( tabTitles.indexOf( selectedTab ) );\n\t\t},\n\t\t[ onChangeTab ]\n\t);\n\n\treturn segments.length > 1 ? (\n\t\t<SegmentedControl\n\t\t\tsegments={ segments }\n\t\t\tsegmentHandler={ segmentHandler }\n\t\t/>\n\t) : null;\n}\n\nInserterTabs.Control = TabsControl;\n\nInserterTabs.getTabs = () => [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{\n\t\tname: 'reusable',\n\t\ttitle: __( 'Synced patterns' ),\n\t\tcomponent: ReusableBlocksTab,\n\t},\n];\n\nexport default InserterTabs;\n"],"mappings":"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"}

package/build/components/inserter/tips.js

@@ -4,26 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
 
 const globalTips = [(0, _element.createInterpolateElement)((0, _i18n.__)('While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'), {
-  kbd: (0, _element.createElement)("kbd", null)
+  kbd: (0, _react.createElement)("kbd", null)
 }), (0, _element.createInterpolateElement)((0, _i18n.__)('Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'), {
-  kbd: (0, _element.createElement)("kbd", null)
+  kbd: (0, _react.createElement)("kbd", null)
 }), (0, _element.createInterpolateElement)((0, _i18n.__)('Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'), {
-  kbd: (0, _element.createElement)("kbd", null)
+  kbd: (0, _react.createElement)("kbd", null)
 }), (0, _i18n.__)('Drag files into the editor to automatically insert media blocks.'), (0, _i18n.__)("Change a block's type by pressing the block icon on the toolbar.")];
 function Tips() {
   const [randomIndex] = (0, _element.useState)(
   // Disable Reason: I'm not generating an HTML id.
   // eslint-disable-next-line no-restricted-syntax
   Math.floor(Math.random() * globalTips.length));
-  return (0, _element.createElement)(_components.Tip, null, globalTips[randomIndex]);
+  return (0, _react.createElement)(_components.Tip, null, globalTips[randomIndex]);
 }
 var _default = Tips;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","globalTips","createInterpolateElement","__","kbd","createElement","Tips","randomIndex","useState","Math","floor","random","length","Tip","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,UAAU,GAAG,CAClB,IAAAC,iCAAwB,EACvB,IAAAC,QAAE,EACD,yEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAP,QAAA,CAAAQ,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAH,iCAAwB,EACvB,IAAAC,QAAE,EACD,wEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAP,QAAA,CAAAQ,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAH,iCAAwB,EACvB,IAAAC,QAAE,EACD,6EACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAP,QAAA,CAAAQ,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAF,QAAE,EAAE,kEAAmE,CAAC,EACxE,IAAAA,QAAE,EAAE,kEAAmE,CAAC,CACxE;AAED,SAASG,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAG,IAAAC,iBAAQ;EAC/B;EACA;EACAC,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGV,UAAU,CAACW,MAAO,CAC/C,CAAC;EAED,OAAO,IAAAf,QAAA,CAAAQ,aAAA,EAACL,WAAA,CAAAa,GAAG,QAAGZ,UAAU,CAAEM,WAAW,CAAS,CAAC;AAChD;AAAC,IAAAO,QAAA,GAEcR,IAAI;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_i18n","require","_element","_components","globalTips","createInterpolateElement","__","kbd","_react","createElement","Tips","randomIndex","useState","Math","floor","random","length","Tip","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,UAAU,GAAG,CAClB,IAAAC,iCAAwB,EACvB,IAAAC,QAAE,EACD,yEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAC,MAAA,CAAAC,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAJ,iCAAwB,EACvB,IAAAC,QAAE,EACD,wEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAC,MAAA,CAAAC,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAJ,iCAAwB,EACvB,IAAAC,QAAE,EACD,6EACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAC,MAAA,CAAAC,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAH,QAAE,EAAE,kEAAmE,CAAC,EACxE,IAAAA,QAAE,EAAE,kEAAmE,CAAC,CACxE;AAED,SAASI,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAG,IAAAC,iBAAQ;EAC/B;EACA;EACAC,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGX,UAAU,CAACY,MAAO,CAC/C,CAAC;EAED,OAAO,IAAAR,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAc,GAAG,QAAGb,UAAU,CAAEO,WAAW,CAAS,CAAC;AAChD;AAAC,IAAAO,QAAA,GAEcR,IAAI;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
@@ -35,13 +35,13 @@ const InserterDraggableBlocks = ({
     } = select(_blocks.store);
     return blocks.length === 1 && getBlockType(blocks[0].name)?.icon;
   }, [blocks]);
-  return (0, _element.createElement)(_components.Draggable, {
+  return (0, _react.createElement)(_components.Draggable, {
     __experimentalTransferDataType: "wp-blocks",
     transferData: transferData,
     onDragStart: event => {
       event.dataTransfer.setData('text/html', (0, _blocks.serialize)(blocks));
     },
-    __experimentalDragComponent: (0, _element.createElement)(_draggableChip.default, {
+    __experimentalDragComponent: (0, _react.createElement)(_draggableChip.default, {
       count: blocks.length,
       icon: icon || !isPattern && blockTypeIcon,
       isPattern: isPattern

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","InserterDraggableBlocks","isEnabled","blocks","icon","children","isPattern","transferData","type","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","_element","createElement","Draggable","__experimentalTransferDataType","onDragStart","event","dataTransfer","setData","serialize","__experimentalDragComponent","default","count","onDraggableStart","onDraggableEnd","draggable","undefined","onDragEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport { serialize, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tisPattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tevent.dataTransfer.setData( 'text/html', serialize( blocks ) );\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! isPattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ isPattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,OACCV,MAAM,CAACW,MAAM,KAAK,CAAC,IAAIF,YAAY,CAAET,MAAM,CAAE,CAAC,CAAE,CAACY,IAAK,CAAC,EAAEX,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,OACC,IAAAa,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,SAAS;IACTC,8BAA8B,EAAC,WAAW;IAC1CZ,YAAY,EAAGA,YAAc;IAC7Ba,WAAW,EAAKC,KAAK,IAAM;MAC1BA,KAAK,CAACC,YAAY,CAACC,OAAO,CAAE,WAAW,EAAE,IAAAC,iBAAS,EAAErB,MAAO,CAAE,CAAC;IAC/D,CAAG;IACHsB,2BAA2B,EAC1B,IAAAT,QAAA,CAAAC,aAAA,EAAClB,cAAA,CAAA2B,OAAkB;MAClBC,KAAK,EAAGxB,MAAM,CAACW,MAAQ;MACvBV,IAAI,EAAGA,IAAI,IAAM,CAAEE,SAAS,IAAIG,aAAiB;MACjDH,SAAS,EAAGA;IAAW,CACvB;EACD,GAEC,CAAE;IAAEsB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOxB,QAAQ,CAAE;MAChByB,SAAS,EAAE5B,SAAS;MACpBkB,WAAW,EAAElB,SAAS,GAAG0B,gBAAgB,GAAGG,SAAS;MACrDC,SAAS,EAAE9B,SAAS,GAAG2B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAAC,IAAAE,QAAA,GAEahC,uBAAuB;AAAAiC,OAAA,CAAAR,OAAA,GAAAO,QAAA"}
+{"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","InserterDraggableBlocks","isEnabled","blocks","icon","children","isPattern","transferData","type","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","_react","createElement","Draggable","__experimentalTransferDataType","onDragStart","event","dataTransfer","setData","serialize","__experimentalDragComponent","default","count","onDraggableStart","onDraggableEnd","draggable","undefined","onDragEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport { serialize, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tisPattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tevent.dataTransfer.setData( 'text/html', serialize( blocks ) );\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! isPattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ isPattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,OACCV,MAAM,CAACW,MAAM,KAAK,CAAC,IAAIF,YAAY,CAAET,MAAM,CAAE,CAAC,CAAE,CAACY,IAAK,CAAC,EAAEX,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,OACC,IAAAa,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,SAAS;IACTC,8BAA8B,EAAC,WAAW;IAC1CZ,YAAY,EAAGA,YAAc;IAC7Ba,WAAW,EAAKC,KAAK,IAAM;MAC1BA,KAAK,CAACC,YAAY,CAACC,OAAO,CAAE,WAAW,EAAE,IAAAC,iBAAS,EAAErB,MAAO,CAAE,CAAC;IAC/D,CAAG;IACHsB,2BAA2B,EAC1B,IAAAT,MAAA,CAAAC,aAAA,EAAClB,cAAA,CAAA2B,OAAkB;MAClBC,KAAK,EAAGxB,MAAM,CAACW,MAAQ;MACvBV,IAAI,EAAGA,IAAI,IAAM,CAAEE,SAAS,IAAIG,aAAiB;MACjDH,SAAS,EAAGA;IAAW,CACvB;EACD,GAEC,CAAE;IAAEsB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOxB,QAAQ,CAAE;MAChByB,SAAS,EAAE5B,SAAS;MACpBkB,WAAW,EAAElB,SAAS,GAAG0B,gBAAgB,GAAGG,SAAS;MACrDC,SAAS,EAAE9B,SAAS,GAAG2B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAAC,IAAAE,QAAA,GAEahC,uBAAuB;AAAAiC,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/build/components/inserter-list-item/index.js

@@ -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 _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _keycodes = require("@wordpress/keycodes");
@@ -43,7 +44,7 @@ function InserterListItem({
     return [(0, _blocks.createBlock)(item.name, item.initialAttributes, (0, _blocks.createBlocksFromInnerBlocksTemplate)(item.innerBlocks))];
   }, [item.name, item.initialAttributes, item.initialAttributes]);
   const isSynced = (0, _blocks.isReusableBlock)(item) && item.syncStatus !== 'unsynced' || (0, _blocks.isTemplatePart)(item);
-  return (0, _element.createElement)(_inserterDraggableBlocks.default, {
+  return (0, _react.createElement)(_inserterDraggableBlocks.default, {
     isEnabled: isDraggable && !item.disabled,
     blocks: blocks,
     icon: item.icon
@@ -51,7 +52,7 @@ function InserterListItem({
     draggable,
     onDragStart,
     onDragEnd
-  }) => (0, _element.createElement)("div", {
+  }) => (0, _react.createElement)("div", {
     className: (0, _classnames.default)('block-editor-block-types-list__list-item', {
       'is-synced': isSynced
     }),
@@ -69,7 +70,7 @@ function InserterListItem({
         onDragEnd(event);
       }
     }
-  }, (0, _element.createElement)(_inserterListbox.InserterListboxItem, {
+  }, (0, _react.createElement)(_inserterListbox.InserterListboxItem, {
     isFirst: isFirst,
     className: (0, _classnames.default)('block-editor-block-types-list__item', className),
     disabled: item.isDisabled,
@@ -96,15 +97,15 @@ function InserterListItem({
     },
     onMouseLeave: () => onHover(null),
     ...props
-  }, (0, _element.createElement)("span", {
+  }, (0, _react.createElement)("span", {
     className: "block-editor-block-types-list__item-icon",
     style: itemIconStyle
-  }, (0, _element.createElement)(_blockIcon.default, {
+  }, (0, _react.createElement)(_blockIcon.default, {
     icon: item.icon,
     showColors: true
-  })), (0, _element.createElement)("span", {
+  })), (0, _react.createElement)("span", {
     className: "block-editor-block-types-list__item-title"
-  }, (0, _element.createElement)(_components.__experimentalTruncate, {
+  }, (0, _react.createElement)(_components.__experimentalTruncate, {
     numberOfLines: 3
   }, item.title)))));
 }

package/build/components/inserter-list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blocks","_components","_keycodes","_blockIcon","_inserterListbox","_inserterDraggableBlocks","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDragging","useRef","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","useMemo","createBlock","name","initialAttributes","createBlocksFromInnerBlocksTemplate","innerBlocks","isSynced","isReusableBlock","syncStatus","isTemplatePart","createElement","default","isEnabled","disabled","draggable","onDragStart","onDragEnd","classnames","event","current","InserterListboxItem","isDisabled","onClick","preventDefault","isAppleOS","metaKey","ctrlKey","onKeyDown","keyCode","ENTER","onMouseEnter","onMouseLeave","style","showColors","__experimentalTruncate","numberOfLines","title","_default","memo","exports"],"sources":["@wordpress/block-editor/src/components/inserter-list-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useRef, memo } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { ENTER, isAppleOS } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { InserterListboxItem } from '../inserter-listbox';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nfunction InserterListItem( {\n\tclassName,\n\tisFirst,\n\titem,\n\tonSelect,\n\tonHover,\n\tisDraggable,\n\t...props\n} ) {\n\tconst isDragging = useRef( false );\n\tconst itemIconStyle = item.icon\n\t\t? {\n\t\t\t\tbackgroundColor: item.icon.background,\n\t\t\t\tcolor: item.icon.foreground,\n\t\t  }\n\t\t: {};\n\tconst blocks = useMemo( () => {\n\t\treturn [\n\t\t\tcreateBlock(\n\t\t\t\titem.name,\n\t\t\t\titem.initialAttributes,\n\t\t\t\tcreateBlocksFromInnerBlocksTemplate( item.innerBlocks )\n\t\t\t),\n\t\t];\n\t}, [ item.name, item.initialAttributes, item.initialAttributes ] );\n\n\tconst isSynced =\n\t\t( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||\n\t\tisTemplatePart( item );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable && ! item.disabled }\n\t\t\tblocks={ blocks }\n\t\t\ticon={ item.icon }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'block-editor-block-types-list__list-item',\n\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-synced': isSynced,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = true;\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = false;\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<InserterListboxItem\n\t\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-block-types-list__item',\n\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\tif ( isDragging.current ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( item );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"block-editor-block-types-list__item-icon\"\n\t\t\t\t\t\t\tstyle={ itemIconStyle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockIcon icon={ item.icon } showColors />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"block-editor-block-types-list__item-title\">\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 3 }>\n\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</InserterListboxItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nexport default memo( InserterListItem );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_blocks","_components","_keycodes","_blockIcon","_inserterListbox","_inserterDraggableBlocks","InserterListItem","className","isFirst","item","onSelect","onHover","isDraggable","props","isDragging","useRef","itemIconStyle","icon","backgroundColor","background","color","foreground","blocks","useMemo","createBlock","name","initialAttributes","createBlocksFromInnerBlocksTemplate","innerBlocks","isSynced","isReusableBlock","syncStatus","isTemplatePart","_react","createElement","default","isEnabled","disabled","draggable","onDragStart","onDragEnd","classnames","event","current","InserterListboxItem","isDisabled","onClick","preventDefault","isAppleOS","metaKey","ctrlKey","onKeyDown","keyCode","ENTER","onMouseEnter","onMouseLeave","style","showColors","__experimentalTruncate","numberOfLines","title","_default","memo","exports"],"sources":["@wordpress/block-editor/src/components/inserter-list-item/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useRef, memo } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { __experimentalTruncate as Truncate } from '@wordpress/components';\nimport { ENTER, isAppleOS } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { InserterListboxItem } from '../inserter-listbox';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nfunction InserterListItem( {\n\tclassName,\n\tisFirst,\n\titem,\n\tonSelect,\n\tonHover,\n\tisDraggable,\n\t...props\n} ) {\n\tconst isDragging = useRef( false );\n\tconst itemIconStyle = item.icon\n\t\t? {\n\t\t\t\tbackgroundColor: item.icon.background,\n\t\t\t\tcolor: item.icon.foreground,\n\t\t  }\n\t\t: {};\n\tconst blocks = useMemo( () => {\n\t\treturn [\n\t\t\tcreateBlock(\n\t\t\t\titem.name,\n\t\t\t\titem.initialAttributes,\n\t\t\t\tcreateBlocksFromInnerBlocksTemplate( item.innerBlocks )\n\t\t\t),\n\t\t];\n\t}, [ item.name, item.initialAttributes, item.initialAttributes ] );\n\n\tconst isSynced =\n\t\t( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||\n\t\tisTemplatePart( item );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable && ! item.disabled }\n\t\t\tblocks={ blocks }\n\t\t\ticon={ item.icon }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'block-editor-block-types-list__list-item',\n\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-synced': isSynced,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = true;\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tisDragging.current = false;\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<InserterListboxItem\n\t\t\t\t\t\tisFirst={ isFirst }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-block-types-list__item',\n\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\tisAppleOS() ? event.metaKey : event.ctrlKey\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonHover( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\tif ( isDragging.current ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonHover( item );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"block-editor-block-types-list__item-icon\"\n\t\t\t\t\t\t\tstyle={ itemIconStyle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockIcon icon={ item.icon } showColors />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"block-editor-block-types-list__item-title\">\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 3 }>\n\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</InserterListboxItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nexport default memo( InserterListItem );\n"],"mappings":"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"}

package/build/components/inserter-listbox/group.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _a11y = require("@wordpress/a11y");
@@ -18,7 +19,7 @@ function InserterListboxGroup(props, ref) {
       (0, _a11y.speak)((0, _i18n.__)('Use left and right arrow keys to move through blocks'));
     }
   }, [shouldSpeak]);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ref: ref,
     role: "listbox",
     "aria-orientation": "horizontal",

package/build/components/inserter-listbox/group.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_a11y","InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","useState","useEffect","speak","__","createElement","role","onFocus","onBlur","event","focusingOutsideGroup","currentTarget","contains","relatedTarget","_default","forwardRef","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,SAASG,oBAAoBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC3C,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAEzD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKH,WAAW,EAAG;MAClB,IAAAI,WAAK,EACJ,IAAAC,QAAE,EAAE,sDAAuD,CAC5D,CAAC;IACF;EACD,CAAC,EAAE,CAAEL,WAAW,CAAG,CAAC;EAEpB,OACC,IAAAP,QAAA,CAAAa,aAAA;IACCP,GAAG,EAAGA,GAAK;IACXQ,IAAI,EAAC,SAAS;IACd,oBAAiB,YAAY;IAC7BC,OAAO,EAAGA,CAAA,KAAM;MACfP,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACHQ,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAa,CAACC,QAAQ,CAC1DH,KAAK,CAACI,aACP,CAAC;MACD,IAAKH,oBAAoB,EAAG;QAC3BV,cAAc,CAAE,KAAM,CAAC;MACxB;IACD,CAAG;IAAA,GACEH;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAiB,QAAA,GAEc,IAAAC,mBAAU,EAAEnB,oBAAqB,CAAC;AAAAoB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_element","require","_i18n","_a11y","InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","useState","useEffect","speak","__","_react","createElement","role","onFocus","onBlur","event","focusingOutsideGroup","currentTarget","contains","relatedTarget","_default","forwardRef","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,SAASG,oBAAoBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC3C,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAEzD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKH,WAAW,EAAG;MAClB,IAAAI,WAAK,EACJ,IAAAC,QAAE,EAAE,sDAAuD,CAC5D,CAAC;IACF;EACD,CAAC,EAAE,CAAEL,WAAW,CAAG,CAAC;EAEpB,OACC,IAAAM,MAAA,CAAAC,aAAA;IACCR,GAAG,EAAGA,GAAK;IACXS,IAAI,EAAC,SAAS;IACd,oBAAiB,YAAY;IAC7BC,OAAO,EAAGA,CAAA,KAAM;MACfR,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACHS,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAa,CAACC,QAAQ,CAC1DH,KAAK,CAACI,aACP,CAAC;MACD,IAAKH,oBAAoB,EAAG;QAC3BX,cAAc,CAAE,KAAM,CAAC;MACxB;IACD,CAAG;IAAA,GACEH;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAkB,QAAA,GAEc,IAAAC,mBAAU,EAAEpB,oBAAqB,CAAC;AAAAqB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/components/inserter-listbox/index.js

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "InserterListboxRow", {
   }
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _context = _interopRequireDefault(require("./context"));
 var _group = _interopRequireDefault(require("./group"));
@@ -44,7 +44,7 @@ function InserterListbox({
     shift: true,
     wrap: 'horizontal'
   });
-  return (0, _element.createElement)(_context.default.Provider, {
+  return (0, _react.createElement)(_context.default.Provider, {
     value: compositeState
   }, children);
 }

package/build/components/inserter-listbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_context","_interopRequireDefault","_group","_row","_item","InserterListbox","children","compositeState","useCompositeState","shift","wrap","_element","createElement","default","Provider","value","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableUseCompositeState as useCompositeState } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport InserterListboxContext from './context';\n\nexport { default as InserterListboxGroup } from './group';\nexport { default as InserterListboxRow } from './row';\nexport { default as InserterListboxItem } from './item';\n\nfunction InserterListbox( { children } ) {\n\tconst compositeState = useCompositeState( {\n\t\tshift: true,\n\t\twrap: 'horizontal',\n\t} );\n\treturn (\n\t\t<InserterListboxContext.Provider value={ compositeState }>\n\t\t\t{ children }\n\t\t</InserterListboxContext.Provider>\n\t);\n}\n\nexport default InserterListbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,IAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASM,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,MAAMC,cAAc,GAAG,IAAAC,uCAAiB,EAAE;IACzCC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE;EACP,CAAE,CAAC;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACZ,QAAA,CAAAa,OAAsB,CAACC,QAAQ;IAACC,KAAK,EAAGR;EAAgB,GACtDD,QAC8B,CAAC;AAEpC;AAAC,IAAAU,QAAA,GAEcX,eAAe;AAAAY,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}
+{"version":3,"names":["_components","require","_context","_interopRequireDefault","_group","_row","_item","InserterListbox","children","compositeState","useCompositeState","shift","wrap","_react","createElement","default","Provider","value","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableUseCompositeState as useCompositeState } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport InserterListboxContext from './context';\n\nexport { default as InserterListboxGroup } from './group';\nexport { default as InserterListboxRow } from './row';\nexport { default as InserterListboxItem } from './item';\n\nfunction InserterListbox( { children } ) {\n\tconst compositeState = useCompositeState( {\n\t\tshift: true,\n\t\twrap: 'horizontal',\n\t} );\n\treturn (\n\t\t<InserterListboxContext.Provider value={ compositeState }>\n\t\t\t{ children }\n\t\t</InserterListboxContext.Provider>\n\t);\n}\n\nexport default InserterListbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,IAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASM,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxC,MAAMC,cAAc,GAAG,IAAAC,uCAAiB,EAAE;IACzCC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE;EACP,CAAE,CAAC;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,QAAA,CAAAa,OAAsB,CAACC,QAAQ;IAACC,KAAK,EAAGR;EAAgB,GACtDD,QAC8B,CAAC;AAEpC;AAAC,IAAAU,QAAA,GAEcX,eAAe;AAAAY,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}

package/build/components/inserter-listbox/item.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _context = _interopRequireDefault(require("./context"));
 /**
  * WordPress dependencies
@@ -23,7 +24,7 @@ function InserterListboxItem({
   ...props
 }, ref) {
   const state = (0, _element.useContext)(_context.default);
-  return (0, _element.createElement)(_components.__unstableCompositeItem, {
+  return (0, _react.createElement)(_components.__unstableCompositeItem, {
     ref: ref,
     state: state,
     role: "option"
@@ -39,14 +40,14 @@ function InserterListboxItem({
       tabIndex: isFirst ? 0 : htmlProps.tabIndex
     };
     if (Component) {
-      return (0, _element.createElement)(Component, {
+      return (0, _react.createElement)(Component, {
         ...propsWithTabIndex
       }, children);
     }
     if (typeof children === 'function') {
       return children(propsWithTabIndex);
     }
-    return (0, _element.createElement)(_components.Button, {
+    return (0, _react.createElement)(_components.Button, {
       ...propsWithTabIndex
     }, children);
   });

package/build/components/inserter-listbox/item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_context","_interopRequireDefault","InserterListboxItem","isFirst","as","Component","children","props","ref","state","useContext","InserterListboxContext","createElement","__unstableCompositeItem","role","focusable","htmlProps","propsWithTabIndex","tabIndex","Button","_default","forwardRef","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterListboxContext from './context';\n\nfunction InserterListboxItem(\n\t{ isFirst, as: Component, children, ...props },\n\tref\n) {\n\tconst state = useContext( InserterListboxContext );\n\treturn (\n\t\t<CompositeItem\n\t\t\tref={ ref }\n\t\t\tstate={ state }\n\t\t\trole=\"option\"\n\t\t\t// Use the CompositeItem `focusable` prop over Button's\n\t\t\t// isFocusable. The latter was shown to cause an issue\n\t\t\t// with tab order in the inserter list.\n\t\t\tfocusable\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ ( htmlProps ) => {\n\t\t\t\tconst propsWithTabIndex = {\n\t\t\t\t\t...htmlProps,\n\t\t\t\t\ttabIndex: isFirst ? 0 : htmlProps.tabIndex,\n\t\t\t\t};\n\t\t\t\tif ( Component ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Component { ...propsWithTabIndex }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</Component>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif ( typeof children === 'function' ) {\n\t\t\t\t\treturn children( propsWithTabIndex );\n\t\t\t\t}\n\t\t\t\treturn <Button { ...propsWithTabIndex }>{ children }</Button>;\n\t\t\t} }\n\t\t</CompositeItem>\n\t);\n}\n\nexport default forwardRef( InserterListboxItem );\n"],"mappings":";;;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAJA,IAAAC,WAAA,GAAAD,OAAA;AASA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,SAASI,mBAAmBA,CAC3B;EAAEC,OAAO;EAAEC,EAAE,EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAC9CC,GAAG,EACF;EACD,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAEC,gBAAuB,CAAC;EAClD,OACC,IAAAd,QAAA,CAAAe,aAAA,EAACb,WAAA,CAAAc,uBAAa;IACbL,GAAG,EAAGA,GAAK;IACXC,KAAK,EAAGA,KAAO;IACfK,IAAI,EAAC;IACL;IACA;IACA;IAAA;IACAC,SAAS;IAAA,GACJR;EAAK,GAENS,SAAS,IAAM;IAClB,MAAMC,iBAAiB,GAAG;MACzB,GAAGD,SAAS;MACZE,QAAQ,EAAEf,OAAO,GAAG,CAAC,GAAGa,SAAS,CAACE;IACnC,CAAC;IACD,IAAKb,SAAS,EAAG;MAChB,OACC,IAAAR,QAAA,CAAAe,aAAA,EAACP,SAAS;QAAA,GAAMY;MAAiB,GAC9BX,QACQ,CAAC;IAEd;IACA,IAAK,OAAOA,QAAQ,KAAK,UAAU,EAAG;MACrC,OAAOA,QAAQ,CAAEW,iBAAkB,CAAC;IACrC;IACA,OAAO,IAAApB,QAAA,CAAAe,aAAA,EAACb,WAAA,CAAAoB,MAAM;MAAA,GAAMF;IAAiB,GAAKX,QAAkB,CAAC;EAC9D,CACc,CAAC;AAElB;AAAC,IAAAc,QAAA,GAEc,IAAAC,mBAAU,EAAEnB,mBAAoB,CAAC;AAAAoB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_components","require","_element","_context","_interopRequireDefault","InserterListboxItem","isFirst","as","Component","children","props","ref","state","useContext","InserterListboxContext","_react","createElement","__unstableCompositeItem","role","focusable","htmlProps","propsWithTabIndex","tabIndex","Button","_default","forwardRef","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InserterListboxContext from './context';\n\nfunction InserterListboxItem(\n\t{ isFirst, as: Component, children, ...props },\n\tref\n) {\n\tconst state = useContext( InserterListboxContext );\n\treturn (\n\t\t<CompositeItem\n\t\t\tref={ ref }\n\t\t\tstate={ state }\n\t\t\trole=\"option\"\n\t\t\t// Use the CompositeItem `focusable` prop over Button's\n\t\t\t// isFocusable. The latter was shown to cause an issue\n\t\t\t// with tab order in the inserter list.\n\t\t\tfocusable\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ ( htmlProps ) => {\n\t\t\t\tconst propsWithTabIndex = {\n\t\t\t\t\t...htmlProps,\n\t\t\t\t\ttabIndex: isFirst ? 0 : htmlProps.tabIndex,\n\t\t\t\t};\n\t\t\t\tif ( Component ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Component { ...propsWithTabIndex }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</Component>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif ( typeof children === 'function' ) {\n\t\t\t\t\treturn children( propsWithTabIndex );\n\t\t\t\t}\n\t\t\t\treturn <Button { ...propsWithTabIndex }>{ children }</Button>;\n\t\t\t} }\n\t\t</CompositeItem>\n\t);\n}\n\nexport default forwardRef( InserterListboxItem );\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,SAASI,mBAAmBA,CAC3B;EAAEC,OAAO;EAAEC,EAAE,EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAC9CC,GAAG,EACF;EACD,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAEC,gBAAuB,CAAC;EAClD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,uBAAa;IACbN,GAAG,EAAGA,GAAK;IACXC,KAAK,EAAGA,KAAO;IACfM,IAAI,EAAC;IACL;IACA;IACA;IAAA;IACAC,SAAS;IAAA,GACJT;EAAK,GAENU,SAAS,IAAM;IAClB,MAAMC,iBAAiB,GAAG;MACzB,GAAGD,SAAS;MACZE,QAAQ,EAAEhB,OAAO,GAAG,CAAC,GAAGc,SAAS,CAACE;IACnC,CAAC;IACD,IAAKd,SAAS,EAAG;MAChB,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACR,SAAS;QAAA,GAAMa;MAAiB,GAC9BZ,QACQ,CAAC;IAEd;IACA,IAAK,OAAOA,QAAQ,KAAK,UAAU,EAAG;MACrC,OAAOA,QAAQ,CAAEY,iBAAkB,CAAC;IACrC;IACA,OAAO,IAAAN,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAuB,MAAM;MAAA,GAAMF;IAAiB,GAAKZ,QAAkB,CAAC;EAC9D,CACc,CAAC;AAElB;AAAC,IAAAe,QAAA,GAEc,IAAAC,mBAAU,EAAEpB,mBAAoB,CAAC;AAAAqB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/components/inserter-listbox/row.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _context = _interopRequireDefault(require("./context"));
@@ -18,7 +19,7 @@ var _context = _interopRequireDefault(require("./context"));
 
 function InserterListboxRow(props, ref) {
   const state = (0, _element.useContext)(_context.default);
-  return (0, _element.createElement)(_components.__unstableCompositeGroup, {
+  return (0, _react.createElement)(_components.__unstableCompositeGroup, {
     state: state,
     role: "presentation",
     ref: ref,