@wordpress/block-editor 8.0.0 → 8.0.4

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

@@ -60,20 +60,21 @@ const INITIAL_INSERTER_RESULTS = 9;
 
 const EMPTY_ARRAY = [];
 
-function InserterSearchResults({
-  filterValue,
-  onSelect,
-  onHover,
-  rootClientId,
-  clientId,
-  isAppender,
-  __experimentalInsertionIndex,
-  maxBlockPatterns,
-  maxBlockTypes,
-  showBlockDirectory = false,
-  isDraggable = true,
-  shouldFocusBlock = true
-}) {
+function InserterSearchResults(_ref) {
+  let {
+    filterValue,
+    onSelect,
+    onHover,
+    rootClientId,
+    clientId,
+    isAppender,
+    __experimentalInsertionIndex,
+    maxBlockPatterns,
+    maxBlockTypes,
+    showBlockDirectory = false,
+    isDraggable = true,
+    shouldFocusBlock = true
+  } = _ref;
   const debouncedSpeak = (0, _compose.useDebounce)(_a11y.speak, 500);
   const [destinationRootClientId, onInsertBlocks] = (0, _useInsertionPoint.default)({
     onSelect,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/search-results.js"],"names":["INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","debouncedSpeak","speak","destinationRootClientId","onInsertBlocks","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","patterns","onSelectBlockPattern","filteredBlockTypes","results","undefined","slice","filteredBlockPatterns","count","length","resultsFoundMessage","currentShownBlockTypes","step","currentShownPatterns","hasItems","fills"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { orderBy, isEmpty } from 'lodash';\n\n/**\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';\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';\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\trootClientId,\n\tclientId,\n\tisAppender,\n\t__experimentalInsertionIndex,\n\tmaxBlockPatterns,\n\tmaxBlockTypes,\n\tshowBlockDirectory = false,\n\tisDraggable = true,\n\tshouldFocusBlock = true,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\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} );\n\tconst [\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tonSelectBlockType,\n\t] = useBlockTypesState( destinationRootClientId, onInsertBlocks );\n\tconst [ patterns, , onSelectBlockPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tconst results = searchBlockItems(\n\t\t\torderBy( blockTypes, [ 'frecency' ], [ 'desc' ] ),\n\t\t\tblockTypeCategories,\n\t\t\tblockTypeCollections,\n\t\t\tfilterValue\n\t\t);\n\n\t\treturn maxBlockTypes !== undefined\n\t\t\t? results.slice( 0, maxBlockTypes )\n\t\t\t: results;\n\t}, [\n\t\tfilterValue,\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tmaxBlockTypes,\n\t] );\n\n\tconst filteredBlockPatterns = useMemo( () => {\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\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}, [ filterValue, debouncedSpeak ] );\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\t! isEmpty( filteredBlockTypes ) || ! isEmpty( filteredBlockPatterns );\n\n\treturn (\n\t\t<InserterListbox>\n\t\t\t{ ! showBlockDirectory && ! hasItems && <InserterNoResults /> }\n\n\t\t\t{ !! filteredBlockTypes.length && (\n\t\t\t\t<InserterPanel\n\t\t\t\t\ttitle={\n\t\t\t\t\t\t<VisuallyHidden>{ __( 'Blocks' ) }</VisuallyHidden>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<BlockTypesList\n\t\t\t\t\t\titems={ currentShownBlockTypes }\n\t\t\t\t\t\tonSelect={ onSelectBlockType }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tlabel={ __( 'Blocks' ) }\n\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t/>\n\t\t\t\t</InserterPanel>\n\t\t\t) }\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{ !! filteredBlockPatterns.length && (\n\t\t\t\t<InserterPanel\n\t\t\t\t\ttitle={\n\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t{ __( 'Block Patterns' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-patterns\">\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\t\t\tonClickPattern={ onSelectBlockPattern }\n\t\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</InserterPanel>\n\t\t\t) }\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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/search-results.js"],"names":["INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","debouncedSpeak","speak","destinationRootClientId","onInsertBlocks","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","patterns","onSelectBlockPattern","filteredBlockTypes","results","undefined","slice","filteredBlockPatterns","count","length","resultsFoundMessage","currentShownBlockTypes","step","currentShownPatterns","hasItems","fills"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { orderBy, isEmpty } from 'lodash';\n\n/**\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';\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';\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\trootClientId,\n\tclientId,\n\tisAppender,\n\t__experimentalInsertionIndex,\n\tmaxBlockPatterns,\n\tmaxBlockTypes,\n\tshowBlockDirectory = false,\n\tisDraggable = true,\n\tshouldFocusBlock = true,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\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} );\n\tconst [\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tonSelectBlockType,\n\t] = useBlockTypesState( destinationRootClientId, onInsertBlocks );\n\tconst [ patterns, , onSelectBlockPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tconst results = searchBlockItems(\n\t\t\torderBy( blockTypes, [ 'frecency' ], [ 'desc' ] ),\n\t\t\tblockTypeCategories,\n\t\t\tblockTypeCollections,\n\t\t\tfilterValue\n\t\t);\n\n\t\treturn maxBlockTypes !== undefined\n\t\t\t? results.slice( 0, maxBlockTypes )\n\t\t\t: results;\n\t}, [\n\t\tfilterValue,\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tmaxBlockTypes,\n\t] );\n\n\tconst filteredBlockPatterns = useMemo( () => {\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\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}, [ filterValue, debouncedSpeak ] );\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\t! isEmpty( filteredBlockTypes ) || ! isEmpty( filteredBlockPatterns );\n\n\treturn (\n\t\t<InserterListbox>\n\t\t\t{ ! showBlockDirectory && ! hasItems && <InserterNoResults /> }\n\n\t\t\t{ !! filteredBlockTypes.length && (\n\t\t\t\t<InserterPanel\n\t\t\t\t\ttitle={\n\t\t\t\t\t\t<VisuallyHidden>{ __( 'Blocks' ) }</VisuallyHidden>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<BlockTypesList\n\t\t\t\t\t\titems={ currentShownBlockTypes }\n\t\t\t\t\t\tonSelect={ onSelectBlockType }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tlabel={ __( 'Blocks' ) }\n\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t/>\n\t\t\t\t</InserterPanel>\n\t\t\t) }\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{ !! filteredBlockPatterns.length && (\n\t\t\t\t<InserterPanel\n\t\t\t\t\ttitle={\n\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t{ __( 'Block Patterns' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-patterns\">\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\t\t\tonClickPattern={ onSelectBlockPattern }\n\t\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</InserterPanel>\n\t\t\t) }\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"]}

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

@@ -30,13 +30,14 @@ var _utils = require("./utils");
 /**
  * Internal dependencies
  */
-function InserterSearchResults({
-  filterValue,
-  onSelect,
-  listProps,
-  rootClientId,
-  isFullScreen
-}) {
+function InserterSearchResults(_ref) {
+  let {
+    filterValue,
+    onSelect,
+    listProps,
+    rootClientId,
+    isFullScreen
+  } = _ref;
   const {
     blockTypes
   } = (0, _data.useSelect)(select => {
@@ -58,9 +59,9 @@ function InserterSearchResults({
     return (0, _element.createElement)(_noResults.default, null);
   }
 
-  const handleSelect = (...args) => {
-    trackBlockTypeSelected(...args);
-    onSelect(...args);
+  const handleSelect = function () {
+    trackBlockTypeSelected(...arguments);
+    onSelect(...arguments);
   };
 
   return (0, _element.createElement)(_blockTypesList.default, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/search-results.native.js"],"names":["InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","blockTypes","select","allItems","blockEditorStore","getInserterItems","availableItems","allowReusable","filteredItems","items","trackBlockTypeSelected","length","handleSelect","args"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;AAQA,SAASA,qBAAT,CAAgC;AAC/BC,EAAAA,WAD+B;AAE/BC,EAAAA,QAF+B;AAG/BC,EAAAA,SAH+B;AAI/BC,EAAAA,YAJ+B;AAK/BC,EAAAA;AAL+B,CAAhC,EAMI;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAiB,qBACpBC,MAAF,IAAc;AACb,UAAMC,QAAQ,GAAGD,MAAM,CAAEE,YAAF,CAAN,CAA2BC,gBAA3B,CAChBN,YADgB,CAAjB;AAIA,UAAMO,cAAc,GAAG,gCAAqBH,QAArB,EAA+B;AACrDI,MAAAA,aAAa,EAAE;AADsC,KAA/B,CAAvB;AAGA,UAAMC,aAAa,GAAG,8BAAaF,cAAb,EAA6BV,WAA7B,CAAtB;AAEA,WAAO;AAAEK,MAAAA,UAAU,EAAEO;AAAd,KAAP;AACA,GAZqB,EAatB,CAAET,YAAF,EAAgBH,WAAhB,CAbsB,CAAvB;AAgBA,QAAM;AAAEa,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoC,sCACzCT,UADyC,CAA1C;;AAIA,MAAK,CAAEQ,KAAF,IAAW,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEE,MAAP,MAAkB,CAAlC,EAAsC;AACrC,WAAO,4BAAC,kBAAD,OAAP;AACA;;AAED,QAAMC,YAAY,GAAG,CAAE,GAAGC,IAAL,KAAe;AACnCH,IAAAA,sBAAsB,CAAE,GAAGG,IAAL,CAAtB;AACAhB,IAAAA,QAAQ,CAAE,GAAGgB,IAAL,CAAR;AACA,GAHD;;AAKA,SACC,4BAAC,uBAAD;AACC,IAAA,IAAI,EAAC,QADN;AAEC,IAAA,kBAAkB,EAAGb,YAAY,GAAG,EAAH,GAAQ,CAF1C;AAGQS,IAAAA,KAHR;AAGeZ,IAAAA,QAAQ,EAAEe,YAHzB;AAGuCd,IAAAA;AAHvC,IADD;AAOA;;eAEcH,qB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\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 { filterInserterItems } from './utils';\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tlistProps,\n\trootClientId,\n\tisFullScreen,\n} ) {\n\tconst { blockTypes } = useSelect(\n\t\t( select ) => {\n\t\t\tconst allItems = select( blockEditorStore ).getInserterItems(\n\t\t\t\trootClientId\n\t\t\t);\n\n\t\t\tconst availableItems = filterInserterItems( allItems, {\n\t\t\t\tallowReusable: true,\n\t\t\t} );\n\t\t\tconst filteredItems = searchItems( availableItems, filterValue );\n\n\t\t\treturn { blockTypes: filteredItems };\n\t\t},\n\t\t[ rootClientId, filterValue ]\n\t);\n\n\tconst { items, trackBlockTypeSelected } = useBlockTypeImpressions(\n\t\tblockTypes\n\t);\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\t{ ...{ items, onSelect: handleSelect, listProps } }\n\t\t/>\n\t);\n}\n\nexport default InserterSearchResults;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/search-results.native.js"],"names":["InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","blockTypes","select","allItems","blockEditorStore","getInserterItems","availableItems","allowReusable","filteredItems","items","trackBlockTypeSelected","length","handleSelect"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;AAQA,SAASA,qBAAT,OAMI;AAAA,MAN4B;AAC/BC,IAAAA,WAD+B;AAE/BC,IAAAA,QAF+B;AAG/BC,IAAAA,SAH+B;AAI/BC,IAAAA,YAJ+B;AAK/BC,IAAAA;AAL+B,GAM5B;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAiB,qBACpBC,MAAF,IAAc;AACb,UAAMC,QAAQ,GAAGD,MAAM,CAAEE,YAAF,CAAN,CAA2BC,gBAA3B,CAChBN,YADgB,CAAjB;AAIA,UAAMO,cAAc,GAAG,gCAAqBH,QAArB,EAA+B;AACrDI,MAAAA,aAAa,EAAE;AADsC,KAA/B,CAAvB;AAGA,UAAMC,aAAa,GAAG,8BAAaF,cAAb,EAA6BV,WAA7B,CAAtB;AAEA,WAAO;AAAEK,MAAAA,UAAU,EAAEO;AAAd,KAAP;AACA,GAZqB,EAatB,CAAET,YAAF,EAAgBH,WAAhB,CAbsB,CAAvB;AAgBA,QAAM;AAAEa,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoC,sCACzCT,UADyC,CAA1C;;AAIA,MAAK,CAAEQ,KAAF,IAAW,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEE,MAAP,MAAkB,CAAlC,EAAsC;AACrC,WAAO,4BAAC,kBAAD,OAAP;AACA;;AAED,QAAMC,YAAY,GAAG,YAAe;AACnCF,IAAAA,sBAAsB,CAAE,YAAF,CAAtB;AACAb,IAAAA,QAAQ,CAAE,YAAF,CAAR;AACA,GAHD;;AAKA,SACC,4BAAC,uBAAD;AACC,IAAA,IAAI,EAAC,QADN;AAEC,IAAA,kBAAkB,EAAGG,YAAY,GAAG,EAAH,GAAQ,CAF1C;AAGQS,IAAAA,KAHR;AAGeZ,IAAAA,QAAQ,EAAEe,YAHzB;AAGuCd,IAAAA;AAHvC,IADD;AAOA;;eAEcH,qB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\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 { filterInserterItems } from './utils';\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tlistProps,\n\trootClientId,\n\tisFullScreen,\n} ) {\n\tconst { blockTypes } = useSelect(\n\t\t( select ) => {\n\t\t\tconst allItems = select( blockEditorStore ).getInserterItems(\n\t\t\t\trootClientId\n\t\t\t);\n\n\t\t\tconst availableItems = filterInserterItems( allItems, {\n\t\t\t\tallowReusable: true,\n\t\t\t} );\n\t\t\tconst filteredItems = searchItems( availableItems, filterValue );\n\n\t\t\treturn { blockTypes: filteredItems };\n\t\t},\n\t\t[ rootClientId, filterValue ]\n\t);\n\n\tconst { items, trackBlockTypeSelected } = useBlockTypeImpressions(\n\t\tblockTypes\n\t);\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\t{ ...{ items, onSelect: handleSelect, listProps } }\n\t\t/>\n\t);\n}\n\nexport default InserterSearchResults;\n"]}

package/build/components/inserter/tabs.js

@@ -33,12 +33,13 @@ const reusableBlocksTab = {
   title: (0, _i18n.__)('Reusable')
 };
 
-function InserterTabs({
-  children,
-  showPatterns = false,
-  showReusableBlocks = false,
-  onSelect
-}) {
+function InserterTabs(_ref) {
+  let {
+    children,
+    showPatterns = false,
+    showReusableBlocks = false,
+    onSelect
+  } = _ref;
   const tabs = (0, _element.useMemo)(() => {
     const tempTabs = [blocksTab];
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"names":["blocksTab","name","title","patternsTab","reusableBlocksTab","InserterTabs","children","showPatterns","showReusableBlocks","onSelect","tabs","tempTabs","push"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKA,MAAMA,SAAS,GAAG;AACjBC,EAAAA,IAAI,EAAE,QADW;;AAEjB;AACAC,EAAAA,KAAK,EAAE,cAAI,QAAJ;AAHU,CAAlB;AAKA,MAAMC,WAAW,GAAG;AACnBF,EAAAA,IAAI,EAAE,UADa;;AAEnB;AACAC,EAAAA,KAAK,EAAE,cAAI,UAAJ;AAHY,CAApB;AAKA,MAAME,iBAAiB,GAAG;AACzBH,EAAAA,IAAI,EAAE,UADmB;;AAEzB;AACAC,EAAAA,KAAK,EAAE,cAAI,UAAJ;AAHkB,CAA1B;;AAMA,SAASG,YAAT,CAAuB;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,YAAY,GAAG,KAFO;AAGtBC,EAAAA,kBAAkB,GAAG,KAHC;AAItBC,EAAAA;AAJsB,CAAvB,EAKI;AACH,QAAMC,IAAI,GAAG,sBAAS,MAAM;AAC3B,UAAMC,QAAQ,GAAG,CAAEX,SAAF,CAAjB;;AAEA,QAAKO,YAAL,EAAoB;AACnBI,MAAAA,QAAQ,CAACC,IAAT,CAAeT,WAAf;AACA;;AAED,QAAKK,kBAAL,EAA0B;AACzBG,MAAAA,QAAQ,CAACC,IAAT,CAAeR,iBAAf;AACA;;AAED,WAAOO,QAAP;AACA,GAZY,EAYV,CACFX,SADE,EAEFO,YAFE,EAGFJ,WAHE,EAIFK,kBAJE,EAKFJ,iBALE,CAZU,CAAb;AAoBA,SACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,IAAI,EAAGM,IAFR;AAGC,IAAA,QAAQ,EAAGD;AAHZ,KAKGH,QALH,CADD;AASA;;eAEcD,Y","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: Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\nconst reusableBlocksTab = {\n\tname: 'reusable',\n\t/* translators: Reusable blocks tab title in the block inserter. */\n\ttitle: __( 'Reusable' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowReusableBlocks = false,\n\tonSelect,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [ blocksTab ];\n\n\t\tif ( showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\n\t\tif ( showReusableBlocks ) {\n\t\t\ttempTabs.push( reusableBlocksTab );\n\t\t}\n\n\t\treturn tempTabs;\n\t}, [\n\t\tblocksTab,\n\t\tshowPatterns,\n\t\tpatternsTab,\n\t\tshowReusableBlocks,\n\t\treusableBlocksTab,\n\t] );\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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"names":["blocksTab","name","title","patternsTab","reusableBlocksTab","InserterTabs","children","showPatterns","showReusableBlocks","onSelect","tabs","tempTabs","push"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKA,MAAMA,SAAS,GAAG;AACjBC,EAAAA,IAAI,EAAE,QADW;;AAEjB;AACAC,EAAAA,KAAK,EAAE,cAAI,QAAJ;AAHU,CAAlB;AAKA,MAAMC,WAAW,GAAG;AACnBF,EAAAA,IAAI,EAAE,UADa;;AAEnB;AACAC,EAAAA,KAAK,EAAE,cAAI,UAAJ;AAHY,CAApB;AAKA,MAAME,iBAAiB,GAAG;AACzBH,EAAAA,IAAI,EAAE,UADmB;;AAEzB;AACAC,EAAAA,KAAK,EAAE,cAAI,UAAJ;AAHkB,CAA1B;;AAMA,SAASG,YAAT,OAKI;AAAA,MALmB;AACtBC,IAAAA,QADsB;AAEtBC,IAAAA,YAAY,GAAG,KAFO;AAGtBC,IAAAA,kBAAkB,GAAG,KAHC;AAItBC,IAAAA;AAJsB,GAKnB;AACH,QAAMC,IAAI,GAAG,sBAAS,MAAM;AAC3B,UAAMC,QAAQ,GAAG,CAAEX,SAAF,CAAjB;;AAEA,QAAKO,YAAL,EAAoB;AACnBI,MAAAA,QAAQ,CAACC,IAAT,CAAeT,WAAf;AACA;;AAED,QAAKK,kBAAL,EAA0B;AACzBG,MAAAA,QAAQ,CAACC,IAAT,CAAeR,iBAAf;AACA;;AAED,WAAOO,QAAP;AACA,GAZY,EAYV,CACFX,SADE,EAEFO,YAFE,EAGFJ,WAHE,EAIFK,kBAJE,EAKFJ,iBALE,CAZU,CAAb;AAoBA,SACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,IAAI,EAAGM,IAFR;AAGC,IAAA,QAAQ,EAAGD;AAHZ,KAKGH,QALH,CADD;AASA;;eAEcD,Y","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: Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\nconst reusableBlocksTab = {\n\tname: 'reusable',\n\t/* translators: Reusable blocks tab title in the block inserter. */\n\ttitle: __( 'Reusable' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowReusableBlocks = false,\n\tonSelect,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [ blocksTab ];\n\n\t\tif ( showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\n\t\tif ( showReusableBlocks ) {\n\t\t\ttempTabs.push( reusableBlocksTab );\n\t\t}\n\n\t\treturn tempTabs;\n\t}, [\n\t\tblocksTab,\n\t\tshowPatterns,\n\t\tpatternsTab,\n\t\tshowReusableBlocks,\n\t\treusableBlocksTab,\n\t] );\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"]}

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

@@ -34,13 +34,14 @@ var _style = _interopRequireDefault(require("./style.scss"));
  */
 const TAB_ANIMATION_DURATION = 250;
 
-function InserterTabs({
-  listProps,
-  onSelect,
-  rootClientId,
-  showReusableBlocks,
-  tabIndex
-}) {
+function InserterTabs(_ref) {
+  let {
+    listProps,
+    onSelect,
+    rootClientId,
+    showReusableBlocks,
+    tabIndex
+  } = _ref;
   const tabAnimation = (0, _element.useRef)(new _reactNative.Animated.Value(0)).current;
   const lastScrollEvents = (0, _element.useRef)([]).current;
   const [wrapperWidth, setWrapperWidth] = (0, _element.useState)(0);
@@ -50,9 +51,10 @@ function InserterTabs({
     listProps.onScroll(event);
   }
 
-  const onWrapperLayout = (0, _element.useCallback)(({
-    nativeEvent
-  }) => {
+  const onWrapperLayout = (0, _element.useCallback)(_ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
     setWrapperWidth(nativeEvent.layout.width);
   }, [setWrapperWidth]);
   (0, _element.useEffect)(() => {
@@ -75,9 +77,12 @@ function InserterTabs({
     tabs,
     tabKeys
   } = (0, _element.useMemo)(() => {
-    const filteredTabs = InserterTabs.TABS.filter(({
-      name
-    }) => showReusableBlocks || name !== 'reusable');
+    const filteredTabs = InserterTabs.TABS.filter(_ref3 => {
+      let {
+        name
+      } = _ref3;
+      return showReusableBlocks || name !== 'reusable';
+    });
     return {
       tabs: filteredTabs,
       tabKeys: [...filteredTabs.keys()]
@@ -98,35 +103,48 @@ function InserterTabs({
     onLayout: onWrapperLayout
   }, (0, _element.createElement)(_reactNative.Animated.View, {
     style: containerStyle
-  }, tabs.map(({
-    component: TabComponent
-  }, index) => (0, _element.createElement)(_reactNative.View, {
-    key: `tab-${index}`
-  }, (0, _element.createElement)(TabComponent, {
-    rootClientId: rootClientId,
-    onSelect: onSelect,
-    listProps: { ...listProps,
-      onScroll
-    }
-  })))));
+  }, tabs.map((_ref4, index) => {
+    let {
+      component: TabComponent
+    } = _ref4;
+    return (0, _element.createElement)(_reactNative.View, {
+      key: `tab-${index}`
+    }, (0, _element.createElement)(TabComponent, {
+      rootClientId: rootClientId,
+      onSelect: onSelect,
+      listProps: { ...listProps,
+        onScroll
+      }
+    }));
+  })));
 }
 
-function TabsControl({
-  onChangeTab,
-  showReusableBlocks
-}) {
+function TabsControl(_ref5) {
+  let {
+    onChangeTab,
+    showReusableBlocks
+  } = _ref5;
   const segments = (0, _element.useMemo)(() => {
-    const filteredTabs = InserterTabs.TABS.filter(({
-      name
-    }) => showReusableBlocks || name !== 'reusable');
-    return filteredTabs.map(({
-      title
-    }) => title);
+    const filteredTabs = InserterTabs.TABS.filter(_ref6 => {
+      let {
+        name
+      } = _ref6;
+      return showReusableBlocks || name !== 'reusable';
+    });
+    return filteredTabs.map(_ref7 => {
+      let {
+        title
+      } = _ref7;
+      return title;
+    });
   }, [showReusableBlocks]);
   const segmentHandler = (0, _element.useCallback)(selectedTab => {
-    const tabTitles = InserterTabs.TABS.map(({
-      title
-    }) => title);
+    const tabTitles = InserterTabs.TABS.map(_ref8 => {
+      let {
+        title
+      } = _ref8;
+      return title;
+    });
     onChangeTab(tabTitles.indexOf(selectedTab));
   }, [onChangeTab]);
   return segments.length > 1 ? (0, _element.createElement)(_components.SegmentedControl, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"names":["TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","Animated","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","onScroll","event","nativeEvent","onWrapperLayout","layout","width","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","filteredTabs","TABS","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","styles","transform","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control","BlockTypesTab","ReusableBlocksTab"],"mappings":"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","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.TABS.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 segments = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.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 = InserterTabs.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.TABS = [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{ name: 'reusable', title: __( 'Reusable' ), component: ReusableBlocksTab },\n];\n\nexport default InserterTabs;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"names":["TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","Animated","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","onScroll","event","nativeEvent","onWrapperLayout","layout","width","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","filteredTabs","TABS","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","styles","transform","index","component","TabComponent","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control","BlockTypesTab","ReusableBlocksTab"],"mappings":"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","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.TABS.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 segments = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.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 = InserterTabs.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.TABS = [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{ name: 'reusable', title: __( 'Reusable' ), component: ReusableBlocksTab },\n];\n\nexport default InserterTabs;\n"]}

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

@@ -8,10 +8,11 @@ exports.filterInserterItems = filterInserterItems;
 const REUSABLE_BLOCKS_CATEGORY = 'reusable';
 const ALLOWED_EMBED_VARIATIONS = ['core/embed', 'core/embed/youtube', 'core/embed/twitter', 'core/embed/wordpress', 'core/embed/instagram', 'core/embed/vimeo'];
 
-function blockAllowed(block, {
-  onlyReusable,
-  allowReusable
-}) {
+function blockAllowed(block, _ref) {
+  let {
+    onlyReusable,
+    allowReusable
+  } = _ref;
   const {
     id,
     category
@@ -32,10 +33,11 @@ function blockAllowed(block, {
   return category !== 'embed' || ALLOWED_EMBED_VARIATIONS.includes(id);
 }
 
-function filterInserterItems(items, {
-  onlyReusable = false,
-  allowReusable = false
-} = {}) {
+function filterInserterItems(items) {
+  let {
+    onlyReusable = false,
+    allowReusable = false
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return items.filter(block => blockAllowed(block, {
     onlyReusable,
     allowReusable

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/utils.native.js"],"names":["REUSABLE_BLOCKS_CATEGORY","ALLOWED_EMBED_VARIATIONS","blockAllowed","block","onlyReusable","allowReusable","id","category","isReusable","includes","filterInserterItems","items","filter"],"mappings":";;;;;;;AAAA,MAAMA,wBAAwB,GAAG,UAAjC;AACA,MAAMC,wBAAwB,GAAG,CAChC,YADgC,EAEhC,oBAFgC,EAGhC,oBAHgC,EAIhC,sBAJgC,EAKhC,sBALgC,EAMhC,kBANgC,CAAjC;;AASO,SAASC,YAAT,CAAuBC,KAAvB,EAA8B;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA;AAAhB,CAA9B,EAAgE;AACtE,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,MAAmBJ,KAAzB;AACA,QAAMK,UAAU,GAAGD,QAAQ,KAAKP,wBAAhC;;AAEA,MAAKI,YAAL,EAAoB;AACnB,WAAOI,UAAP;AACA;;AAED,MAAKA,UAAL,EAAkB;AACjB,WAAOH,aAAP;AACA,GAVqE,CAWtE;AACA;AACA;;;AACA,SAAOE,QAAQ,KAAK,OAAb,IAAwBN,wBAAwB,CAACQ,QAAzB,CAAmCH,EAAnC,CAA/B;AACA;;AAEM,SAASI,mBAAT,CACNC,KADM,EAEN;AAAEP,EAAAA,YAAY,GAAG,KAAjB;AAAwBC,EAAAA,aAAa,GAAG;AAAxC,IAAkD,EAF5C,EAGL;AACD,SAAOM,KAAK,CAACC,MAAN,CAAgBT,KAAF,IACpBD,YAAY,CAAEC,KAAF,EAAS;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAAT,CADN,CAAP;AAGA","sourcesContent":["const REUSABLE_BLOCKS_CATEGORY = 'reusable';\nconst ALLOWED_EMBED_VARIATIONS = [\n\t'core/embed',\n\t'core/embed/youtube',\n\t'core/embed/twitter',\n\t'core/embed/wordpress',\n\t'core/embed/instagram',\n\t'core/embed/vimeo',\n];\n\nexport function blockAllowed( block, { onlyReusable, allowReusable } ) {\n\tconst { id, category } = block;\n\tconst isReusable = category === REUSABLE_BLOCKS_CATEGORY;\n\n\tif ( onlyReusable ) {\n\t\treturn isReusable;\n\t}\n\n\tif ( isReusable ) {\n\t\treturn allowReusable;\n\t}\n\t// We don't want to show all possible embed variations\n\t// as different blocks in the inserter. We'll only show a\n\t// few popular ones.\n\treturn category !== 'embed' || ALLOWED_EMBED_VARIATIONS.includes( id );\n}\n\nexport function filterInserterItems(\n\titems,\n\t{ onlyReusable = false, allowReusable = false } = {}\n) {\n\treturn items.filter( ( block ) =>\n\t\tblockAllowed( block, { onlyReusable, allowReusable } )\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/utils.native.js"],"names":["REUSABLE_BLOCKS_CATEGORY","ALLOWED_EMBED_VARIATIONS","blockAllowed","block","onlyReusable","allowReusable","id","category","isReusable","includes","filterInserterItems","items","filter"],"mappings":";;;;;;;AAAA,MAAMA,wBAAwB,GAAG,UAAjC;AACA,MAAMC,wBAAwB,GAAG,CAChC,YADgC,EAEhC,oBAFgC,EAGhC,oBAHgC,EAIhC,sBAJgC,EAKhC,sBALgC,EAMhC,kBANgC,CAAjC;;AASO,SAASC,YAAT,CAAuBC,KAAvB,QAAgE;AAAA,MAAlC;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAAkC;AACtE,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,MAAmBJ,KAAzB;AACA,QAAMK,UAAU,GAAGD,QAAQ,KAAKP,wBAAhC;;AAEA,MAAKI,YAAL,EAAoB;AACnB,WAAOI,UAAP;AACA;;AAED,MAAKA,UAAL,EAAkB;AACjB,WAAOH,aAAP;AACA,GAVqE,CAWtE;AACA;AACA;;;AACA,SAAOE,QAAQ,KAAK,OAAb,IAAwBN,wBAAwB,CAACQ,QAAzB,CAAmCH,EAAnC,CAA/B;AACA;;AAEM,SAASI,mBAAT,CACNC,KADM,EAGL;AAAA,MADD;AAAEP,IAAAA,YAAY,GAAG,KAAjB;AAAwBC,IAAAA,aAAa,GAAG;AAAxC,GACC,uEADiD,EACjD;AACD,SAAOM,KAAK,CAACC,MAAN,CAAgBT,KAAF,IACpBD,YAAY,CAAEC,KAAF,EAAS;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAAT,CADN,CAAP;AAGA","sourcesContent":["const REUSABLE_BLOCKS_CATEGORY = 'reusable';\nconst ALLOWED_EMBED_VARIATIONS = [\n\t'core/embed',\n\t'core/embed/youtube',\n\t'core/embed/twitter',\n\t'core/embed/wordpress',\n\t'core/embed/instagram',\n\t'core/embed/vimeo',\n];\n\nexport function blockAllowed( block, { onlyReusable, allowReusable } ) {\n\tconst { id, category } = block;\n\tconst isReusable = category === REUSABLE_BLOCKS_CATEGORY;\n\n\tif ( onlyReusable ) {\n\t\treturn isReusable;\n\t}\n\n\tif ( isReusable ) {\n\t\treturn allowReusable;\n\t}\n\t// We don't want to show all possible embed variations\n\t// as different blocks in the inserter. We'll only show a\n\t// few popular ones.\n\treturn category !== 'embed' || ALLOWED_EMBED_VARIATIONS.includes( id );\n}\n\nexport function filterInserterItems(\n\titems,\n\t{ onlyReusable = false, allowReusable = false } = {}\n) {\n\treturn items.filter( ( block ) =>\n\t\tblockAllowed( block, { onlyReusable, allowReusable } )\n\t);\n}\n"]}

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

@@ -20,12 +20,13 @@ var _draggableChip = _interopRequireDefault(require("../block-draggable/draggabl
 /**
  * Internal dependencies
  */
-const InserterDraggableBlocks = ({
-  isEnabled,
-  blocks,
-  icon,
-  children
-}) => {
+const InserterDraggableBlocks = _ref => {
+  let {
+    isEnabled,
+    blocks,
+    icon,
+    children
+  } = _ref;
   const transferData = {
     type: 'inserter',
     blocks
@@ -37,10 +38,11 @@ const InserterDraggableBlocks = ({
       count: blocks.length,
       icon: icon
     })
-  }, ({
-    onDraggableStart,
-    onDraggableEnd
-  }) => {
+  }, _ref2 => {
+    let {
+      onDraggableStart,
+      onDraggableEnd
+    } = _ref2;
     return children({
       draggable: isEnabled,
       onDragStart: isEnabled ? onDraggableStart : undefined,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"names":["InserterDraggableBlocks","isEnabled","blocks","icon","children","transferData","type","length","onDraggableStart","onDraggableEnd","draggable","onDragStart","undefined","onDragEnd"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,uBAAuB,GAAG,CAAE;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,MAAb;AAAqBC,EAAAA,IAArB;AAA2BC,EAAAA;AAA3B,CAAF,KAA6C;AAC5E,QAAMC,YAAY,GAAG;AACpBC,IAAAA,IAAI,EAAE,UADc;AAEpBJ,IAAAA;AAFoB,GAArB;AAKA,SACC,4BAAC,qBAAD;AACC,IAAA,8BAA8B,EAAC,WADhC;AAEC,IAAA,YAAY,EAAGG,YAFhB;AAGC,IAAA,2BAA2B,EAC1B,4BAAC,sBAAD;AAAoB,MAAA,KAAK,EAAGH,MAAM,CAACK,MAAnC;AAA4C,MAAA,IAAI,EAAGJ;AAAnD;AAJF,KAOG,CAAE;AAAEK,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,GAAF,KAA4C;AAC7C,WAAOL,QAAQ,CAAE;AAChBM,MAAAA,SAAS,EAAET,SADK;AAEhBU,MAAAA,WAAW,EAAEV,SAAS,GAAGO,gBAAH,GAAsBI,SAF5B;AAGhBC,MAAAA,SAAS,EAAEZ,SAAS,GAAGQ,cAAH,GAAoBG;AAHxB,KAAF,CAAf;AAKA,GAbF,CADD;AAiBA,CAvBD;;eAyBeZ,uB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( { isEnabled, blocks, icon, children } ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip count={ blocks.length } icon={ icon } />\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"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"names":["InserterDraggableBlocks","isEnabled","blocks","icon","children","transferData","type","length","onDraggableStart","onDraggableEnd","draggable","onDragStart","undefined","onDragEnd"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,uBAAuB,GAAG,QAA6C;AAAA,MAA3C;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,MAAb;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,GAA2C;AAC5E,QAAMC,YAAY,GAAG;AACpBC,IAAAA,IAAI,EAAE,UADc;AAEpBJ,IAAAA;AAFoB,GAArB;AAKA,SACC,4BAAC,qBAAD;AACC,IAAA,8BAA8B,EAAC,WADhC;AAEC,IAAA,YAAY,EAAGG,YAFhB;AAGC,IAAA,2BAA2B,EAC1B,4BAAC,sBAAD;AAAoB,MAAA,KAAK,EAAGH,MAAM,CAACK,MAAnC;AAA4C,MAAA,IAAI,EAAGJ;AAAnD;AAJF,KAOG,SAA4C;AAAA,QAA1C;AAAEK,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,KAA0C;AAC7C,WAAOL,QAAQ,CAAE;AAChBM,MAAAA,SAAS,EAAET,SADK;AAEhBU,MAAAA,WAAW,EAAEV,SAAS,GAAGO,gBAAH,GAAsBI,SAF5B;AAGhBC,MAAAA,SAAS,EAAEZ,SAAS,GAAGQ,cAAH,GAAoBG;AAHxB,KAAF,CAAf;AAKA,GAbF,CADD;AAiBA,CAvBD;;eAyBeZ,uB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( { isEnabled, blocks, icon, children } ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip count={ blocks.length } icon={ icon } />\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"]}

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

@@ -42,22 +42,25 @@ var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-dragg
  *
  * @return {boolean} True if MacOS; false otherwise.
  */
-function isAppleOS(_window = window) {
+function isAppleOS() {
+  let _window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+
   const {
     platform
   } = _window.navigator;
   return platform.indexOf('Mac') !== -1 || ['iPad', 'iPhone'].includes(platform);
 }
 
-function InserterListItem({
-  className,
-  isFirst,
-  item,
-  onSelect,
-  onHover,
-  isDraggable,
-  ...props
-}) {
+function InserterListItem(_ref) {
+  let {
+    className,
+    isFirst,
+    item,
+    onSelect,
+    onHover,
+    isDraggable,
+    ...props
+  } = _ref;
   const isDragging = (0, _element.useRef)(false);
   const itemIconStyle = item.icon ? {
     backgroundColor: item.icon.background,
@@ -70,73 +73,76 @@ function InserterListItem({
     isEnabled: isDraggable && !item.disabled,
     blocks: blocks,
     icon: item.icon
-  }, ({
-    draggable,
-    onDragStart,
-    onDragEnd
-  }) => (0, _element.createElement)("div", {
-    className: "block-editor-block-types-list__list-item",
-    draggable: draggable,
-    onDragStart: event => {
-      isDragging.current = true;
-
-      if (onDragStart) {
-        onHover(null);
-        onDragStart(event);
+  }, _ref2 => {
+    let {
+      draggable,
+      onDragStart,
+      onDragEnd
+    } = _ref2;
+    return (0, _element.createElement)("div", {
+      className: "block-editor-block-types-list__list-item",
+      draggable: draggable,
+      onDragStart: event => {
+        isDragging.current = true;
+
+        if (onDragStart) {
+          onHover(null);
+          onDragStart(event);
+        }
+      },
+      onDragEnd: event => {
+        isDragging.current = false;
+
+        if (onDragEnd) {
+          onDragEnd(event);
+        }
       }
-    },
-    onDragEnd: event => {
-      isDragging.current = false;
-
-      if (onDragEnd) {
-        onDragEnd(event);
-      }
-    }
-  }, (0, _element.createElement)(_inserterListbox.InserterListboxItem, (0, _extends2.default)({
-    isFirst: isFirst,
-    className: (0, _classnames.default)('block-editor-block-types-list__item', className),
-    disabled: item.isDisabled,
-    onClick: event => {
-      event.preventDefault();
-      onSelect(item, isAppleOS() ? event.metaKey : event.ctrlKey);
-      onHover(null);
-    },
-    onKeyDown: event => {
-      const {
-        keyCode
-      } = event;
-
-      if (keyCode === _keycodes.ENTER) {
+    }, (0, _element.createElement)(_inserterListbox.InserterListboxItem, (0, _extends2.default)({
+      isFirst: isFirst,
+      className: (0, _classnames.default)('block-editor-block-types-list__item', className),
+      disabled: item.isDisabled,
+      onClick: event => {
         event.preventDefault();
         onSelect(item, isAppleOS() ? event.metaKey : event.ctrlKey);
         onHover(null);
-      }
-    },
-    onFocus: () => {
-      if (isDragging.current) {
-        return;
-      }
-
-      onHover(item);
-    },
-    onMouseEnter: () => {
-      if (isDragging.current) {
-        return;
-      }
-
-      onHover(item);
-    },
-    onMouseLeave: () => onHover(null),
-    onBlur: () => onHover(null)
-  }, props), (0, _element.createElement)("span", {
-    className: "block-editor-block-types-list__item-icon",
-    style: itemIconStyle
-  }, (0, _element.createElement)(_blockIcon.default, {
-    icon: item.icon,
-    showColors: true
-  })), (0, _element.createElement)("span", {
-    className: "block-editor-block-types-list__item-title"
-  }, item.title))));
+      },
+      onKeyDown: event => {
+        const {
+          keyCode
+        } = event;
+
+        if (keyCode === _keycodes.ENTER) {
+          event.preventDefault();
+          onSelect(item, isAppleOS() ? event.metaKey : event.ctrlKey);
+          onHover(null);
+        }
+      },
+      onFocus: () => {
+        if (isDragging.current) {
+          return;
+        }
+
+        onHover(item);
+      },
+      onMouseEnter: () => {
+        if (isDragging.current) {
+          return;
+        }
+
+        onHover(item);
+      },
+      onMouseLeave: () => onHover(null),
+      onBlur: () => onHover(null)
+    }, props), (0, _element.createElement)("span", {
+      className: "block-editor-block-types-list__item-icon",
+      style: itemIconStyle
+    }, (0, _element.createElement)(_blockIcon.default, {
+      icon: item.icon,
+      showColors: true
+    })), (0, _element.createElement)("span", {
+      className: "block-editor-block-types-list__item-title"
+    }, item.title)));
+  });
 }
 
 var _default = (0, _element.memo)(InserterListItem);