@wordpress/block-editor 7.0.4 → 8.0.3

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

@@ -37,20 +37,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 = useDebounce(speak, 500);
   const [destinationRootClientId, onInsertBlocks] = useInsertionPoint({
     onSelect,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/search-results.js"],"names":["orderBy","isEmpty","useMemo","useEffect","__","_n","sprintf","VisuallyHidden","useDebounce","useAsyncList","speak","BlockTypesList","BlockPatternsList","__unstableInserterMenuExtension","InserterPanel","InserterNoResults","useInsertionPoint","usePatternsState","useBlockTypesState","searchBlockItems","searchItems","InserterListbox","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","debouncedSpeak","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":["orderBy","isEmpty","useMemo","useEffect","__","_n","sprintf","VisuallyHidden","useDebounce","useAsyncList","speak","BlockTypesList","BlockPatternsList","__unstableInserterMenuExtension","InserterPanel","InserterNoResults","useInsertionPoint","usePatternsState","useBlockTypesState","searchBlockItems","searchItems","InserterListbox","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","debouncedSpeak","destinationRootClientId","onInsertBlocks","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","patterns","onSelectBlockPattern","filteredBlockTypes","results","undefined","slice","filteredBlockPatterns","count","length","resultsFoundMessage","currentShownBlockTypes","step","currentShownPatterns","hasItems","fills"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,EAAkBC,OAAlB,QAAiC,QAAjC;AAEA;AACA;AACA;;AACA,SAASC,OAAT,EAAkBC,SAAlB,QAAmC,oBAAnC;AACA,SAASC,EAAT,EAAaC,EAAb,EAAiBC,OAAjB,QAAgC,iBAAhC;AACA,SAASC,cAAT,QAA+B,uBAA/B;AACA,SAASC,WAAT,EAAsBC,YAAtB,QAA0C,oBAA1C;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,+BAAP,MAA4C,4BAA5C;AACA,OAAOC,aAAP,MAA0B,SAA1B;AACA,OAAOC,iBAAP,MAA8B,cAA9B;AACA,OAAOC,iBAAP,MAA8B,6BAA9B;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,kBAAP,MAA+B,+BAA/B;AACA,SAASC,gBAAT,EAA2BC,WAA3B,QAA8C,gBAA9C;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEA,MAAMC,wBAAwB,GAAG,CAAjC;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,WAAW,GAAG,EAApB;;AAEA,SAASC,qBAAT,OAaI;AAAA,MAb4B;AAC/BC,IAAAA,WAD+B;AAE/BC,IAAAA,QAF+B;AAG/BC,IAAAA,OAH+B;AAI/BC,IAAAA,YAJ+B;AAK/BC,IAAAA,QAL+B;AAM/BC,IAAAA,UAN+B;AAO/BC,IAAAA,4BAP+B;AAQ/BC,IAAAA,gBAR+B;AAS/BC,IAAAA,aAT+B;AAU/BC,IAAAA,kBAAkB,GAAG,KAVU;AAW/BC,IAAAA,WAAW,GAAG,IAXiB;AAY/BC,IAAAA,gBAAgB,GAAG;AAZY,GAa5B;AACH,QAAMC,cAAc,GAAG7B,WAAW,CAAEE,KAAF,EAAS,GAAT,CAAlC;AAEA,QAAM,CAAE4B,uBAAF,EAA2BC,cAA3B,IAA8CvB,iBAAiB,CAAE;AACtEU,IAAAA,QADsE;AAEtEE,IAAAA,YAFsE;AAGtEC,IAAAA,QAHsE;AAItEC,IAAAA,UAJsE;AAKtEU,IAAAA,cAAc,EAAET,4BALsD;AAMtEK,IAAAA;AANsE,GAAF,CAArE;AAQA,QAAM,CACLK,UADK,EAELC,mBAFK,EAGLC,oBAHK,EAILC,iBAJK,IAKF1B,kBAAkB,CAAEoB,uBAAF,EAA2BC,cAA3B,CALtB;AAMA,QAAM,CAAEM,QAAF,GAAcC,oBAAd,IAAuC7B,gBAAgB,CAC5DsB,cAD4D,EAE5DD,uBAF4D,CAA7D;AAKA,QAAMS,kBAAkB,GAAG7C,OAAO,CAAE,MAAM;AACzC,UAAM8C,OAAO,GAAG7B,gBAAgB,CAC/BnB,OAAO,CAAEyC,UAAF,EAAc,CAAE,UAAF,CAAd,EAA8B,CAAE,MAAF,CAA9B,CADwB,EAE/BC,mBAF+B,EAG/BC,oBAH+B,EAI/BlB,WAJ+B,CAAhC;AAOA,WAAOQ,aAAa,KAAKgB,SAAlB,GACJD,OAAO,CAACE,KAAR,CAAe,CAAf,EAAkBjB,aAAlB,CADI,GAEJe,OAFH;AAGA,GAXiC,EAW/B,CACFvB,WADE,EAEFgB,UAFE,EAGFC,mBAHE,EAIFC,oBAJE,EAKFV,aALE,CAX+B,CAAlC;AAmBA,QAAMkB,qBAAqB,GAAGjD,OAAO,CAAE,MAAM;AAC5C,UAAM8C,OAAO,GAAG5B,WAAW,CAAEyB,QAAF,EAAYpB,WAAZ,CAA3B;AACA,WAAOO,gBAAgB,KAAKiB,SAArB,GACJD,OAAO,CAACE,KAAR,CAAe,CAAf,EAAkBlB,gBAAlB,CADI,GAEJgB,OAFH;AAGA,GALoC,EAKlC,CAAEvB,WAAF,EAAeoB,QAAf,EAAyBb,gBAAzB,CALkC,CAArC,CAzCG,CAgDH;;AACA7B,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAK,CAAEsB,WAAP,EAAqB;AACpB;AACA;;AACD,UAAM2B,KAAK,GAAGL,kBAAkB,CAACM,MAAnB,GAA4BF,qBAAqB,CAACE,MAAhE;AACA,UAAMC,mBAAmB,GAAGhD,OAAO;AAClC;AACAD,IAAAA,EAAE,CAAE,kBAAF,EAAsB,mBAAtB,EAA2C+C,KAA3C,CAFgC,EAGlCA,KAHkC,CAAnC;AAKAf,IAAAA,cAAc,CAAEiB,mBAAF,CAAd;AACA,GAXQ,EAWN,CAAE7B,WAAF,EAAeY,cAAf,CAXM,CAAT;AAaA,QAAMkB,sBAAsB,GAAG9C,YAAY,CAAEsC,kBAAF,EAAsB;AAChES,IAAAA,IAAI,EAAElC;AAD0D,GAAtB,CAA3C;AAGA,QAAMmC,oBAAoB,GAAGhD,YAAY,CACxC8C,sBAAsB,CAACF,MAAvB,KAAkCN,kBAAkB,CAACM,MAArD,GACGF,qBADH,GAEG5B,WAHqC,CAAzC;AAMA,QAAMmC,QAAQ,GACb,CAAEzD,OAAO,CAAE8C,kBAAF,CAAT,IAAmC,CAAE9C,OAAO,CAAEkD,qBAAF,CAD7C;AAGA,SACC,cAAC,eAAD,QACG,CAAEjB,kBAAF,IAAwB,CAAEwB,QAA1B,IAAsC,cAAC,iBAAD,OADzC,EAGG,CAAC,CAAEX,kBAAkB,CAACM,MAAtB,IACD,cAAC,aAAD;AACC,IAAA,KAAK,EACJ,cAAC,cAAD,QAAkBjD,EAAE,CAAE,QAAF,CAApB;AAFF,KAKC,cAAC,cAAD;AACC,IAAA,KAAK,EAAGmD,sBADT;AAEC,IAAA,QAAQ,EAAGX,iBAFZ;AAGC,IAAA,OAAO,EAAGjB,OAHX;AAIC,IAAA,KAAK,EAAGvB,EAAE,CAAE,QAAF,CAJX;AAKC,IAAA,WAAW,EAAG+B;AALf,IALD,CAJF,EAmBG,CAAC,CAAEY,kBAAkB,CAACM,MAAtB,IACD,CAAC,CAAEF,qBAAqB,CAACE,MADxB,IAEA;AAAK,IAAA,SAAS,EAAC;AAAf,IArBH,EAwBG,CAAC,CAAEF,qBAAqB,CAACE,MAAzB,IACD,cAAC,aAAD;AACC,IAAA,KAAK,EACJ,cAAC,cAAD,QACGjD,EAAE,CAAE,gBAAF,CADL;AAFF,KAOC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,iBAAD;AACC,IAAA,aAAa,EAAGqD,oBADjB;AAEC,IAAA,aAAa,EAAGN,qBAFjB;AAGC,IAAA,cAAc,EAAGL,oBAHlB;AAIC,IAAA,WAAW,EAAGX;AAJf,IADD,CAPD,CAzBF,EA2CGD,kBAAkB,IACnB,cAAC,+BAAD,CAAiC,IAAjC;AACC,IAAA,SAAS,EAAG;AACXR,MAAAA,QAAQ,EAAEkB,iBADC;AAEXjB,MAAAA,OAFW;AAGXF,MAAAA,WAHW;AAIXiC,MAAAA,QAJW;AAKX9B,MAAAA,YAAY,EAAEU;AALH;AADb,KASKqB,KAAF,IAAa;AACd,QAAKA,KAAK,CAACN,MAAX,EAAoB;AACnB,aAAOM,KAAP;AACA;;AACD,QAAK,CAAED,QAAP,EAAkB;AACjB,aAAO,cAAC,iBAAD,OAAP;AACA;;AACD,WAAO,IAAP;AACA,GAjBF,CA5CF,CADD;AAmEA;;AAED,eAAelC,qBAAf","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-module/components/inserter/search-results.native.js

@@ -15,13 +15,14 @@ import { store as blockEditorStore } from '../../store';
 import useBlockTypeImpressions from './hooks/use-block-type-impressions';
 import { filterInserterItems } from './utils';
 
-function InserterSearchResults({
-  filterValue,
-  onSelect,
-  listProps,
-  rootClientId,
-  isFullScreen
-}) {
+function InserterSearchResults(_ref) {
+  let {
+    filterValue,
+    onSelect,
+    listProps,
+    rootClientId,
+    isFullScreen
+  } = _ref;
   const {
     blockTypes
   } = useSelect(select => {
@@ -43,9 +44,9 @@ function InserterSearchResults({
     return createElement(InserterNoResults, null);
   }
 
-  const handleSelect = (...args) => {
-    trackBlockTypeSelected(...args);
-    onSelect(...args);
+  const handleSelect = function () {
+    trackBlockTypeSelected(...arguments);
+    onSelect(...arguments);
   };
 
   return createElement(BlockTypesList, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/search-results.native.js"],"names":["useSelect","searchItems","BlockTypesList","InserterNoResults","store","blockEditorStore","useBlockTypeImpressions","filterInserterItems","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","blockTypes","select","allItems","getInserterItems","availableItems","allowReusable","filteredItems","items","trackBlockTypeSelected","length","handleSelect","args"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,iBAAP,MAA8B,cAA9B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AACA,OAAOC,uBAAP,MAAoC,oCAApC;AACA,SAASC,mBAAT,QAAoC,SAApC;;AAEA,SAASC,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,MAAiBd,SAAS,CAC7Be,MAAF,IAAc;AACb,UAAMC,QAAQ,GAAGD,MAAM,CAAEV,gBAAF,CAAN,CAA2BY,gBAA3B,CAChBL,YADgB,CAAjB;AAIA,UAAMM,cAAc,GAAGX,mBAAmB,CAAES,QAAF,EAAY;AACrDG,MAAAA,aAAa,EAAE;AADsC,KAAZ,CAA1C;AAGA,UAAMC,aAAa,GAAGnB,WAAW,CAAEiB,cAAF,EAAkBT,WAAlB,CAAjC;AAEA,WAAO;AAAEK,MAAAA,UAAU,EAAEM;AAAd,KAAP;AACA,GAZ8B,EAa/B,CAAER,YAAF,EAAgBH,WAAhB,CAb+B,CAAhC;AAgBA,QAAM;AAAEY,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoChB,uBAAuB,CAChEQ,UADgE,CAAjE;;AAIA,MAAK,CAAEO,KAAF,IAAW,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEE,MAAP,MAAkB,CAAlC,EAAsC;AACrC,WAAO,cAAC,iBAAD,OAAP;AACA;;AAED,QAAMC,YAAY,GAAG,CAAE,GAAGC,IAAL,KAAe;AACnCH,IAAAA,sBAAsB,CAAE,GAAGG,IAAL,CAAtB;AACAf,IAAAA,QAAQ,CAAE,GAAGe,IAAL,CAAR;AACA,GAHD;;AAKA,SACC,cAAC,cAAD;AACC,IAAA,IAAI,EAAC,QADN;AAEC,IAAA,kBAAkB,EAAGZ,YAAY,GAAG,EAAH,GAAQ,CAF1C;AAGQQ,IAAAA,KAHR;AAGeX,IAAAA,QAAQ,EAAEc,YAHzB;AAGuCb,IAAAA;AAHvC,IADD;AAOA;;AAED,eAAeH,qBAAf","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":["useSelect","searchItems","BlockTypesList","InserterNoResults","store","blockEditorStore","useBlockTypeImpressions","filterInserterItems","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","blockTypes","select","allItems","getInserterItems","availableItems","allowReusable","filteredItems","items","trackBlockTypeSelected","length","handleSelect"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,gBAA5B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,iBAAP,MAA8B,cAA9B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AACA,OAAOC,uBAAP,MAAoC,oCAApC;AACA,SAASC,mBAAT,QAAoC,SAApC;;AAEA,SAASC,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,MAAiBd,SAAS,CAC7Be,MAAF,IAAc;AACb,UAAMC,QAAQ,GAAGD,MAAM,CAAEV,gBAAF,CAAN,CAA2BY,gBAA3B,CAChBL,YADgB,CAAjB;AAIA,UAAMM,cAAc,GAAGX,mBAAmB,CAAES,QAAF,EAAY;AACrDG,MAAAA,aAAa,EAAE;AADsC,KAAZ,CAA1C;AAGA,UAAMC,aAAa,GAAGnB,WAAW,CAAEiB,cAAF,EAAkBT,WAAlB,CAAjC;AAEA,WAAO;AAAEK,MAAAA,UAAU,EAAEM;AAAd,KAAP;AACA,GAZ8B,EAa/B,CAAER,YAAF,EAAgBH,WAAhB,CAb+B,CAAhC;AAgBA,QAAM;AAAEY,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAoChB,uBAAuB,CAChEQ,UADgE,CAAjE;;AAIA,MAAK,CAAEO,KAAF,IAAW,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEE,MAAP,MAAkB,CAAlC,EAAsC;AACrC,WAAO,cAAC,iBAAD,OAAP;AACA;;AAED,QAAMC,YAAY,GAAG,YAAe;AACnCF,IAAAA,sBAAsB,CAAE,YAAF,CAAtB;AACAZ,IAAAA,QAAQ,CAAE,YAAF,CAAR;AACA,GAHD;;AAKA,SACC,cAAC,cAAD;AACC,IAAA,IAAI,EAAC,QADN;AAEC,IAAA,kBAAkB,EAAGG,YAAY,GAAG,EAAH,GAAQ,CAF1C;AAGQQ,IAAAA,KAHR;AAGeX,IAAAA,QAAQ,EAAEc,YAHzB;AAGuCb,IAAAA;AAHvC,IADD;AAOA;;AAED,eAAeH,qBAAf","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-module/components/inserter/tabs.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"names":["useMemo","TabPanel","__","blocksTab","name","title","patternsTab","reusableBlocksTab","InserterTabs","children","showPatterns","showReusableBlocks","onSelect","tabs","tempTabs","push"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,SAAS,GAAG;AACjBC,EAAAA,IAAI,EAAE,QADW;;AAEjB;AACAC,EAAAA,KAAK,EAAEH,EAAE,CAAE,QAAF;AAHQ,CAAlB;AAKA,MAAMI,WAAW,GAAG;AACnBF,EAAAA,IAAI,EAAE,UADa;;AAEnB;AACAC,EAAAA,KAAK,EAAEH,EAAE,CAAE,UAAF;AAHU,CAApB;AAKA,MAAMK,iBAAiB,GAAG;AACzBH,EAAAA,IAAI,EAAE,UADmB;;AAEzB;AACAC,EAAAA,KAAK,EAAEH,EAAE,CAAE,UAAF;AAHgB,CAA1B;;AAMA,SAASM,YAAT,CAAuB;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,YAAY,GAAG,KAFO;AAGtBC,EAAAA,kBAAkB,GAAG,KAHC;AAItBC,EAAAA;AAJsB,CAAvB,EAKI;AACH,QAAMC,IAAI,GAAGb,OAAO,CAAE,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,GAZmB,EAYjB,CACFX,SADE,EAEFO,YAFE,EAGFJ,WAHE,EAIFK,kBAJE,EAKFJ,iBALE,CAZiB,CAApB;AAoBA,SACC,cAAC,QAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,IAAI,EAAGM,IAFR;AAGC,IAAA,QAAQ,EAAGD;AAHZ,KAKGH,QALH,CADD;AASA;;AAED,eAAeD,YAAf","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":["useMemo","TabPanel","__","blocksTab","name","title","patternsTab","reusableBlocksTab","InserterTabs","children","showPatterns","showReusableBlocks","onSelect","tabs","tempTabs","push"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,SAAS,GAAG;AACjBC,EAAAA,IAAI,EAAE,QADW;;AAEjB;AACAC,EAAAA,KAAK,EAAEH,EAAE,CAAE,QAAF;AAHQ,CAAlB;AAKA,MAAMI,WAAW,GAAG;AACnBF,EAAAA,IAAI,EAAE,UADa;;AAEnB;AACAC,EAAAA,KAAK,EAAEH,EAAE,CAAE,UAAF;AAHU,CAApB;AAKA,MAAMK,iBAAiB,GAAG;AACzBH,EAAAA,IAAI,EAAE,UADmB;;AAEzB;AACAC,EAAAA,KAAK,EAAEH,EAAE,CAAE,UAAF;AAHgB,CAA1B;;AAMA,SAASM,YAAT,OAKI;AAAA,MALmB;AACtBC,IAAAA,QADsB;AAEtBC,IAAAA,YAAY,GAAG,KAFO;AAGtBC,IAAAA,kBAAkB,GAAG,KAHC;AAItBC,IAAAA;AAJsB,GAKnB;AACH,QAAMC,IAAI,GAAGb,OAAO,CAAE,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,GAZmB,EAYjB,CACFX,SADE,EAEFO,YAFE,EAGFJ,WAHE,EAIFK,kBAJE,EAKFJ,iBALE,CAZiB,CAApB;AAoBA,SACC,cAAC,QAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,IAAI,EAAGM,IAFR;AAGC,IAAA,QAAQ,EAAGD;AAHZ,KAKGH,QALH,CADD;AASA;;AAED,eAAeD,YAAf","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-module/components/inserter/tabs.native.js

@@ -20,13 +20,14 @@ import ReusableBlocksTab from './reusable-blocks-tab';
 import styles from './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 = useRef(new Animated.Value(0)).current;
   const lastScrollEvents = useRef([]).current;
   const [wrapperWidth, setWrapperWidth] = useState(0);
@@ -36,9 +37,10 @@ function InserterTabs({
     listProps.onScroll(event);
   }
 
-  const onWrapperLayout = useCallback(({
-    nativeEvent
-  }) => {
+  const onWrapperLayout = useCallback(_ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
     setWrapperWidth(nativeEvent.layout.width);
   }, [setWrapperWidth]);
   useEffect(() => {
@@ -60,9 +62,12 @@ function InserterTabs({
     tabs,
     tabKeys
   } = 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()]
@@ -83,35 +88,48 @@ function InserterTabs({
     onLayout: onWrapperLayout
   }, createElement(Animated.View, {
     style: containerStyle
-  }, tabs.map(({
-    component: TabComponent
-  }, index) => createElement(View, {
-    key: `tab-${index}`
-  }, createElement(TabComponent, {
-    rootClientId: rootClientId,
-    onSelect: onSelect,
-    listProps: { ...listProps,
-      onScroll
-    }
-  })))));
+  }, tabs.map((_ref4, index) => {
+    let {
+      component: TabComponent
+    } = _ref4;
+    return createElement(View, {
+      key: `tab-${index}`
+    }, createElement(TabComponent, {
+      rootClientId: rootClientId,
+      onSelect: onSelect,
+      listProps: { ...listProps,
+        onScroll
+      }
+    }));
+  })));
 }
 
-function TabsControl({
-  onChangeTab,
-  showReusableBlocks
-}) {
+function TabsControl(_ref5) {
+  let {
+    onChangeTab,
+    showReusableBlocks
+  } = _ref5;
   const segments = 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 = 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 ? createElement(SegmentedControl, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"names":["Animated","View","useCallback","useEffect","useMemo","useRef","useState","__","SegmentedControl","BlockTypesTab","ReusableBlocksTab","styles","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","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","transform","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control"],"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":["Animated","View","useCallback","useEffect","useMemo","useRef","useState","__","SegmentedControl","BlockTypesTab","ReusableBlocksTab","styles","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","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","transform","index","component","TabComponent","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control"],"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-module/components/inserter/utils.native.js

@@ -1,9 +1,10 @@
 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'];
-export function blockAllowed(block, {
-  onlyReusable,
-  allowReusable
-}) {
+export function blockAllowed(block, _ref) {
+  let {
+    onlyReusable,
+    allowReusable
+  } = _ref;
   const {
     id,
     category
@@ -23,10 +24,11 @@ export function blockAllowed(block, {
 
   return category !== 'embed' || ALLOWED_EMBED_VARIATIONS.includes(id);
 }
-export function filterInserterItems(items, {
-  onlyReusable = false,
-  allowReusable = false
-} = {}) {
+export 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-module/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;AASA,OAAO,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;AAED,OAAO,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;AASA,OAAO,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;AAED,OAAO,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-module/components/inserter-draggable-blocks/index.js

@@ -10,12 +10,13 @@ import { Draggable } from '@wordpress/components';
 
 import BlockDraggableChip from '../block-draggable/draggable-chip';
 
-const InserterDraggableBlocks = ({
-  isEnabled,
-  blocks,
-  icon,
-  children
-}) => {
+const InserterDraggableBlocks = _ref => {
+  let {
+    isEnabled,
+    blocks,
+    icon,
+    children
+  } = _ref;
   const transferData = {
     type: 'inserter',
     blocks
@@ -27,10 +28,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-module/components/inserter-draggable-blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"names":["Draggable","BlockDraggableChip","InserterDraggableBlocks","isEnabled","blocks","icon","children","transferData","type","length","onDraggableStart","onDraggableEnd","draggable","onDragStart","undefined","onDragEnd"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,uBAA1B;AACA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,mCAA/B;;AAEA,MAAMC,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,cAAC,SAAD;AACC,IAAA,8BAA8B,EAAC,WADhC;AAEC,IAAA,YAAY,EAAGG,YAFhB;AAGC,IAAA,2BAA2B,EAC1B,cAAC,kBAAD;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;;AAyBA,eAAeZ,uBAAf","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":["Draggable","BlockDraggableChip","InserterDraggableBlocks","isEnabled","blocks","icon","children","transferData","type","length","onDraggableStart","onDraggableEnd","draggable","onDragStart","undefined","onDragEnd"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,uBAA1B;AACA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,mCAA/B;;AAEA,MAAMC,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,cAAC,SAAD;AACC,IAAA,8BAA8B,EAAC,WADhC;AAEC,IAAA,YAAY,EAAGG,YAFhB;AAGC,IAAA,2BAA2B,EAC1B,cAAC,kBAAD;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;;AAyBA,eAAeZ,uBAAf","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-module/components/inserter-list-item/index.js

@@ -27,22 +27,25 @@ import InserterDraggableBlocks from '../inserter-draggable-blocks';
  * @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 = useRef(false);
   const itemIconStyle = item.icon ? {
     backgroundColor: item.icon.background,
@@ -55,73 +58,76 @@ function InserterListItem({
     isEnabled: isDraggable && !item.disabled,
     blocks: blocks,
     icon: item.icon
-  }, ({
-    draggable,
-    onDragStart,
-    onDragEnd
-  }) => createElement("div", {
-    className: "block-editor-block-types-list__list-item",
-    draggable: draggable,
-    onDragStart: event => {
-      isDragging.current = true;
+  }, _ref2 => {
+    let {
+      draggable,
+      onDragStart,
+      onDragEnd
+    } = _ref2;
+    return 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 (onDragStart) {
+          onHover(null);
+          onDragStart(event);
+        }
+      },
+      onDragEnd: event => {
+        isDragging.current = false;
 
-      if (onDragEnd) {
-        onDragEnd(event);
+        if (onDragEnd) {
+          onDragEnd(event);
+        }
       }
-    }
-  }, createElement(InserterListboxItem, _extends({
-    isFirst: isFirst,
-    className: classnames('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 === ENTER) {
+    }, createElement(InserterListboxItem, _extends({
+      isFirst: isFirst,
+      className: classnames('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;
-      }
+      },
+      onKeyDown: event => {
+        const {
+          keyCode
+        } = event;
 
-      onHover(item);
-    },
-    onMouseEnter: () => {
-      if (isDragging.current) {
-        return;
-      }
+        if (keyCode === 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), createElement("span", {
-    className: "block-editor-block-types-list__item-icon",
-    style: itemIconStyle
-  }, createElement(BlockIcon, {
-    icon: item.icon,
-    showColors: true
-  })), createElement("span", {
-    className: "block-editor-block-types-list__item-title"
-  }, item.title))));
+        onHover(item);
+      },
+      onMouseLeave: () => onHover(null),
+      onBlur: () => onHover(null)
+    }, props), createElement("span", {
+      className: "block-editor-block-types-list__item-icon",
+      style: itemIconStyle
+    }, createElement(BlockIcon, {
+      icon: item.icon,
+      showColors: true
+    })), createElement("span", {
+      className: "block-editor-block-types-list__item-title"
+    }, item.title)));
+  });
 }
 
 export default memo(InserterListItem);