@wordpress/block-editor 12.6.0 → 12.8.0

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _blockTypesTab = _interopRequireDefault(require("./block-types-tab"));
-
 var _reusableBlocksTab = _interopRequireDefault(require("./reusable-blocks-tab"));
-
 var _style = _interopRequireDefault(require("./style.scss"));
-
 /**
  * External dependencies
  */
@@ -32,8 +23,8 @@ var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * Internal dependencies
  */
-const TAB_ANIMATION_DURATION = 250;
 
+const TAB_ANIMATION_DURATION = 250;
 function InserterTabs({
   listProps,
   onSelect,
@@ -44,12 +35,10 @@ function InserterTabs({
   const tabAnimation = (0, _element.useRef)(new _reactNative.Animated.Value(0)).current;
   const lastScrollEvents = (0, _element.useRef)([]).current;
   const [wrapperWidth, setWrapperWidth] = (0, _element.useState)(0);
-
   function onScroll(event) {
     lastScrollEvents[tabIndex] = event.nativeEvent;
     listProps.onScroll(event);
   }
-
   const onWrapperLayout = (0, _element.useCallback)(({
     nativeEvent
   }) => {
@@ -60,11 +49,10 @@ function InserterTabs({
       duration: TAB_ANIMATION_DURATION,
       toValue: tabIndex,
       useNativeDriver: true
-    }).start(); // Notify upstream with the last scroll event of the current tab.
-
+    }).start();
 
+    // Notify upstream with the last scroll event of the current tab.
     const lastScrollEvent = lastScrollEvents[tabIndex];
-
     if (lastScrollEvent) {
       listProps.onScroll({
         nativeEvent: lastScrollEvent
@@ -105,12 +93,12 @@ function InserterTabs({
   }, (0, _element.createElement)(TabComponent, {
     rootClientId: rootClientId,
     onSelect: onSelect,
-    listProps: { ...listProps,
+    listProps: {
+      ...listProps,
       onScroll
     }
   })))));
 }
-
 function TabsControl({
   onChangeTab,
   showReusableBlocks
@@ -135,9 +123,7 @@ function TabsControl({
     segmentHandler: segmentHandler
   }) : null;
 }
-
 InserterTabs.Control = TabsControl;
-
 InserterTabs.getTabs = () => [{
   name: 'blocks',
   title: (0, _i18n.__)('Blocks'),
@@ -147,7 +133,6 @@ InserterTabs.getTabs = () => [{
   title: (0, _i18n.__)('Synced patterns'),
   component: _reusableBlocksTab.default
 }];
-
 var _default = InserterTabs;
 exports.default = _default;
 //# sourceMappingURL=tabs.native.js.map

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

package/build/components/inserter/tips.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"names":["globalTips","kbd","Tips","randomIndex","Math","floor","random","length"],"mappings":";;;;;;;AAIA;;AADA;;AAEA;;AALA;AACA;AACA;AAKA,MAAMA,UAAU,GAAG,CAClB,uCACC,cACC,yEADD,CADD,EAIC;AAAEC,EAAAA,GAAG,EAAE;AAAP,CAJD,CADkB,EAOlB,uCACC,cACC,wEADD,CADD,EAIC;AAAEA,EAAAA,GAAG,EAAE;AAAP,CAJD,CAPkB,EAalB,uCACC,cACC,6EADD,CADD,EAIC;AAAEA,EAAAA,GAAG,EAAE;AAAP,CAJD,CAbkB,EAmBlB,cAAI,kEAAJ,CAnBkB,EAoBlB,cAAI,kEAAJ,CApBkB,CAAnB;;AAuBA,SAASC,IAAT,GAAgB;AACf,QAAM,CAAEC,WAAF,IAAkB,wBACvB;AACA;AACAC,EAAAA,IAAI,CAACC,KAAL,CAAYD,IAAI,CAACE,MAAL,KAAgBN,UAAU,CAACO,MAAvC,CAHuB,CAAxB;AAMA,SAAO,4BAAC,eAAD,QAAOP,UAAU,CAAEG,WAAF,CAAjB,CAAP;AACA;;eAEcD,I","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"]}
+{"version":3,"names":["_element","require","_i18n","_components","globalTips","createInterpolateElement","__","kbd","createElement","Tips","randomIndex","useState","Math","floor","random","length","Tip","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() * globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,UAAU,GAAG,CAClB,IAAAC,iCAAwB,EACvB,IAAAC,QAAE,EACD,yEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAP,QAAA,CAAAQ,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAH,iCAAwB,EACvB,IAAAC,QAAE,EACD,wEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAP,QAAA,CAAAQ,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAH,iCAAwB,EACvB,IAAAC,QAAE,EACD,6EACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAP,QAAA,CAAAQ,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAF,QAAE,EAAE,kEAAmE,CAAC,EACxE,IAAAA,QAAE,EAAE,kEAAmE,CAAC,CACxE;AAED,SAASG,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAG,IAAAC,iBAAQ;EAC/B;EACA;EACAC,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGV,UAAU,CAACW,MAAO,CAC/C,CAAC;EAED,OAAO,IAAAf,QAAA,CAAAQ,aAAA,EAACL,WAAA,CAAAa,GAAG,QAAGZ,UAAU,CAAEM,WAAW,CAAS,CAAC;AAChD;AAAC,IAAAO,QAAA,GAEcR,IAAI;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -8,7 +8,6 @@ exports.createInserterSection = createInserterSection;
 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
@@ -18,21 +17,17 @@ function blockAllowed(block, {
     category
   } = block;
   const isReusable = category === REUSABLE_BLOCKS_CATEGORY;
-
   if (onlyReusable) {
     return isReusable;
   }
-
   if (isReusable) {
     return allowReusable;
-  } // We don't want to show all possible embed variations
+  }
+  // We don't want to show all possible embed variations
   // as different blocks in the inserter. We'll only show a
   // few popular ones.
-
-
   return category !== 'embed' || ALLOWED_EMBED_VARIATIONS.includes(id);
 }
-
 function filterInserterItems(items, {
   onlyReusable = false,
   allowReusable = false
@@ -42,7 +37,6 @@ function filterInserterItems(items, {
     allowReusable
   }));
 }
-
 function createInserterSection({
   key,
   metadata = {},
@@ -51,7 +45,6 @@ function createInserterSection({
   if (!key) {
     throw new Error('A unique key for the section must be provided.');
   }
-
   return {
     metadata,
     data: [{

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","createInserterSection","key","metadata","Error","data","list"],"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;;AAEM,SAASQ,qBAAT,CAAgC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA,QAAQ,GAAG,EAAlB;AAAsBJ,EAAAA;AAAtB,CAAhC,EAAgE;AACtE,MAAK,CAAEG,GAAP,EAAa;AACZ,UAAM,IAAIE,KAAJ,CAAW,gDAAX,CAAN;AACA;;AAED,SAAO;AACND,IAAAA,QADM;AAENE,IAAAA,IAAI,EAAE,CAAE;AAAEH,MAAAA,GAAF;AAAOI,MAAAA,IAAI,EAAEP;AAAb,KAAF;AAFA,GAAP;AAIA","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\nexport function createInserterSection( { key, metadata = {}, items } ) {\n\tif ( ! key ) {\n\t\tthrow new Error( 'A unique key for the section must be provided.' );\n\t}\n\n\treturn {\n\t\tmetadata,\n\t\tdata: [ { key, list: items } ],\n\t};\n}\n"]}
+{"version":3,"names":["REUSABLE_BLOCKS_CATEGORY","ALLOWED_EMBED_VARIATIONS","blockAllowed","block","onlyReusable","allowReusable","id","category","isReusable","includes","filterInserterItems","items","filter","createInserterSection","key","metadata","Error","data","list"],"sources":["@wordpress/block-editor/src/components/inserter/utils.native.js"],"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\nexport function createInserterSection( { key, metadata = {}, items } ) {\n\tif ( ! key ) {\n\t\tthrow new Error( 'A unique key for the section must be provided.' );\n\t}\n\n\treturn {\n\t\tmetadata,\n\t\tdata: [ { key, list: items } ],\n\t};\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,wBAAwB,GAAG,UAAU;AAC3C,MAAMC,wBAAwB,GAAG,CAChC,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,CAClB;AAEM,SAASC,YAAYA,CAAEC,KAAK,EAAE;EAAEC,YAAY;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAM;IAAEC,EAAE;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EAC9B,MAAMK,UAAU,GAAGD,QAAQ,KAAKP,wBAAwB;EAExD,IAAKI,YAAY,EAAG;IACnB,OAAOI,UAAU;EAClB;EAEA,IAAKA,UAAU,EAAG;IACjB,OAAOH,aAAa;EACrB;EACA;EACA;EACA;EACA,OAAOE,QAAQ,KAAK,OAAO,IAAIN,wBAAwB,CAACQ,QAAQ,CAAEH,EAAG,CAAC;AACvE;AAEO,SAASI,mBAAmBA,CAClCC,KAAK,EACL;EAAEP,YAAY,GAAG,KAAK;EAAEC,aAAa,GAAG;AAAM,CAAC,GAAG,CAAC,CAAC,EACnD;EACD,OAAOM,KAAK,CAACC,MAAM,CAAIT,KAAK,IAC3BD,YAAY,CAAEC,KAAK,EAAE;IAAEC,YAAY;IAAEC;EAAc,CAAE,CACtD,CAAC;AACF;AAEO,SAASQ,qBAAqBA,CAAE;EAAEC,GAAG;EAAEC,QAAQ,GAAG,CAAC,CAAC;EAAEJ;AAAM,CAAC,EAAG;EACtE,IAAK,CAAEG,GAAG,EAAG;IACZ,MAAM,IAAIE,KAAK,CAAE,gDAAiD,CAAC;EACpE;EAEA,OAAO;IACND,QAAQ;IACRE,IAAI,EAAE,CAAE;MAAEH,GAAG;MAAEI,IAAI,EAAEP;IAAM,CAAC;EAC7B,CAAC;AACF"}

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _blocks = require("@wordpress/blocks");
-
 var _data = require("@wordpress/data");
-
 var _draggableChip = _interopRequireDefault(require("../block-draggable/draggable-chip"));
-
 /**
  * WordPress dependencies
  */
@@ -24,6 +17,7 @@ var _draggableChip = _interopRequireDefault(require("../block-draggable/draggabl
 /**
  * Internal dependencies
  */
+
 const InserterDraggableBlocks = ({
   isEnabled,
   blocks,
@@ -63,7 +57,6 @@ const InserterDraggableBlocks = ({
     });
   });
 };
-
 var _default = InserterDraggableBlocks;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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","isPattern","transferData","type","blockTypeIcon","select","getBlockType","blocksStore","length","name","event","dataTransfer","setData","onDraggableStart","onDraggableEnd","draggable","onDragStart","undefined","onDragEnd"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAIA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGA,MAAMA,uBAAuB,GAAG,CAAE;AACjCC,EAAAA,SADiC;AAEjCC,EAAAA,MAFiC;AAGjCC,EAAAA,IAHiC;AAIjCC,EAAAA,QAJiC;AAKjCC,EAAAA;AALiC,CAAF,KAMzB;AACN,QAAMC,YAAY,GAAG;AACpBC,IAAAA,IAAI,EAAE,UADc;AAEpBL,IAAAA;AAFoB,GAArB;AAKA,QAAMM,aAAa,GAAG,qBACnBC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAmBD,MAAM,CAAEE,aAAF,CAA/B;AACA,WACCT,MAAM,CAACU,MAAP,KAAkB,CAAlB,IAAuBF,YAAY,CAAER,MAAM,CAAE,CAAF,CAAN,CAAYW,IAAd,CAAZ,EAAkCV,IAD1D;AAGA,GANoB,EAOrB,CAAED,MAAF,CAPqB,CAAtB;AAUA,SACC,4BAAC,qBAAD;AACC,IAAA,8BAA8B,EAAC,WADhC;AAEC,IAAA,YAAY,EAAGI,YAFhB;AAGC,IAAA,WAAW,EAAKQ,KAAF,IAAa;AAC1BA,MAAAA,KAAK,CAACC,YAAN,CAAmBC,OAAnB,CAA4B,WAA5B,EAAyC,uBAAWd,MAAX,CAAzC;AACA,KALF;AAMC,IAAA,2BAA2B,EAC1B,4BAAC,sBAAD;AACC,MAAA,KAAK,EAAGA,MAAM,CAACU,MADhB;AAEC,MAAA,IAAI,EAAGT,IAAI,IAAM,CAAEE,SAAF,IAAeG,aAFjC;AAGC,MAAA,SAAS,EAAGH;AAHb;AAPF,KAcG,CAAE;AAAEY,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,GAAF,KAA4C;AAC7C,WAAOd,QAAQ,CAAE;AAChBe,MAAAA,SAAS,EAAElB,SADK;AAEhBmB,MAAAA,WAAW,EAAEnB,SAAS,GAAGgB,gBAAH,GAAsBI,SAF5B;AAGhBC,MAAAA,SAAS,EAAErB,SAAS,GAAGiB,cAAH,GAAoBG;AAHxB,KAAF,CAAf;AAKA,GApBF,CADD;AAwBA,CA9CD;;eAgDerB,uB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport { serialize, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tisPattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tevent.dataTransfer.setData( 'text/html', serialize( blocks ) );\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! isPattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ isPattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"]}
+{"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","InserterDraggableBlocks","isEnabled","blocks","icon","children","isPattern","transferData","type","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","_element","createElement","Draggable","__experimentalTransferDataType","onDragStart","event","dataTransfer","setData","serialize","__experimentalDragComponent","default","count","onDraggableStart","onDraggableEnd","draggable","undefined","onDragEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport { serialize, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tisPattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tevent.dataTransfer.setData( 'text/html', serialize( blocks ) );\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon || ( ! isPattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ isPattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,OACCV,MAAM,CAACW,MAAM,KAAK,CAAC,IAAIF,YAAY,CAAET,MAAM,CAAE,CAAC,CAAE,CAACY,IAAK,CAAC,EAAEX,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,OACC,IAAAa,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,SAAS;IACTC,8BAA8B,EAAC,WAAW;IAC1CZ,YAAY,EAAGA,YAAc;IAC7Ba,WAAW,EAAKC,KAAK,IAAM;MAC1BA,KAAK,CAACC,YAAY,CAACC,OAAO,CAAE,WAAW,EAAE,IAAAC,iBAAS,EAAErB,MAAO,CAAE,CAAC;IAC/D,CAAG;IACHsB,2BAA2B,EAC1B,IAAAT,QAAA,CAAAC,aAAA,EAAClB,cAAA,CAAA2B,OAAkB;MAClBC,KAAK,EAAGxB,MAAM,CAACW,MAAQ;MACvBV,IAAI,EAAGA,IAAI,IAAM,CAAEE,SAAS,IAAIG,aAAiB;MACjDH,SAAS,EAAGA;IAAW,CACvB;EACD,GAEC,CAAE;IAAEsB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOxB,QAAQ,CAAE;MAChByB,SAAS,EAAE5B,SAAS;MACpBkB,WAAW,EAAElB,SAAS,GAAG0B,gBAAgB,GAAGG,SAAS;MACrDC,SAAS,EAAE9B,SAAS,GAAG2B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAAC,IAAAE,QAAA,GAEahC,uBAAuB;AAAAiC,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

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

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _blocks = require("@wordpress/blocks");
-
 var _components = require("@wordpress/components");
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
-
 var _inserterListbox = require("../inserter-listbox");
-
 var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-draggable-blocks"));
-
 /**
  * External dependencies
  */
@@ -34,6 +24,7 @@ var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-dragg
 /**
  * Internal dependencies
  */
+
 function InserterListItem({
   className,
   isFirst,
@@ -51,7 +42,7 @@ function InserterListItem({
   const blocks = (0, _element.useMemo)(() => {
     return [(0, _blocks.createBlock)(item.name, item.initialAttributes, (0, _blocks.createBlocksFromInnerBlocksTemplate)(item.innerBlocks))];
   }, [item.name, item.initialAttributes, item.initialAttributes]);
-  const isSynced = (0, _blocks.isReusableBlock)(item) || (0, _blocks.isTemplatePart)(item);
+  const isSynced = (0, _blocks.isReusableBlock)(item) && item.syncStatus !== 'unsynced' || (0, _blocks.isTemplatePart)(item);
   return (0, _element.createElement)(_inserterDraggableBlocks.default, {
     isEnabled: isDraggable && !item.disabled,
     blocks: blocks,
@@ -67,7 +58,6 @@ function InserterListItem({
     draggable: draggable,
     onDragStart: event => {
       isDragging.current = true;
-
       if (onDragStart) {
         onHover(null);
         onDragStart(event);
@@ -75,7 +65,6 @@ function InserterListItem({
     },
     onDragEnd: event => {
       isDragging.current = false;
-
       if (onDragEnd) {
         onDragEnd(event);
       }
@@ -93,7 +82,6 @@ function InserterListItem({
       const {
         keyCode
       } = event;
-
       if (keyCode === _keycodes.ENTER) {
         event.preventDefault();
         onSelect(item, (0, _keycodes.isAppleOS)() ? event.metaKey : event.ctrlKey);
@@ -104,7 +92,6 @@ function InserterListItem({
       if (isDragging.current) {
         return;
       }
-
       onHover(item);
     },
     onMouseLeave: () => onHover(null),
@@ -121,8 +108,6 @@ function InserterListItem({
     numberOfLines: 3
   }, item.title)))));
 }
-
 var _default = (0, _element.memo)(InserterListItem);
-
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 /**
  * WordPress dependencies
  */
+
 const InserterListboxContext = (0, _element.createContext)();
 var _default = InserterListboxContext;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter-listbox/context.js"],"names":["InserterListboxContext"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,sBAAsB,GAAG,6BAA/B;eAEeA,sB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst InserterListboxContext = createContext();\n\nexport default InserterListboxContext;\n"]}
+{"version":3,"names":["_element","require","InserterListboxContext","createContext","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst InserterListboxContext = createContext();\n\nexport default InserterListboxContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,sBAAsB,GAAG,IAAAC,sBAAa,EAAC,CAAC;AAAC,IAAAC,QAAA,GAEhCF,sBAAsB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _a11y = require("@wordpress/a11y");
-
 /**
  * WordPress dependencies
  */
+
 function InserterListboxGroup(props, ref) {
   const [shouldSpeak, setShouldSpeak] = (0, _element.useState)(false);
   (0, _element.useEffect)(() => {
@@ -30,7 +27,6 @@ function InserterListboxGroup(props, ref) {
     },
     onBlur: event => {
       const focusingOutsideGroup = !event.currentTarget.contains(event.relatedTarget);
-
       if (focusingOutsideGroup) {
         setShouldSpeak(false);
       }
@@ -38,8 +34,6 @@ function InserterListboxGroup(props, ref) {
     ...props
   });
 }
-
 var _default = (0, _element.forwardRef)(InserterListboxGroup);
-
 exports.default = _default;
 //# sourceMappingURL=group.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter-listbox/group.js"],"names":["InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","event","focusingOutsideGroup","currentTarget","contains","relatedTarget"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKA,SAASA,oBAAT,CAA+BC,KAA/B,EAAsCC,GAAtC,EAA4C;AAC3C,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,KAAV,CAAxC;AAEA,0BAAW,MAAM;AAChB,QAAKD,WAAL,EAAmB;AAClB,uBACC,cAAI,sDAAJ,CADD;AAGA;AACD,GAND,EAMG,CAAEA,WAAF,CANH;AAQA,SACC;AACC,IAAA,GAAG,EAAGD,GADP;AAEC,IAAA,IAAI,EAAC,SAFN;AAGC,wBAAiB,YAHlB;AAIC,IAAA,OAAO,EAAG,MAAM;AACfE,MAAAA,cAAc,CAAE,IAAF,CAAd;AACA,KANF;AAOC,IAAA,MAAM,EAAKC,KAAF,IAAa;AACrB,YAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAN,CAAoBC,QAApB,CAC9BH,KAAK,CAACI,aADwB,CAA/B;;AAGA,UAAKH,oBAAL,EAA4B;AAC3BF,QAAAA,cAAc,CAAE,KAAF,CAAd;AACA;AACD,KAdF;AAAA,OAeMH;AAfN,IADD;AAmBA;;eAEc,yBAAYD,oBAAZ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"]}
+{"version":3,"names":["_element","require","_i18n","_a11y","InserterListboxGroup","props","ref","shouldSpeak","setShouldSpeak","useState","useEffect","speak","__","createElement","role","onFocus","onBlur","event","focusingOutsideGroup","currentTarget","contains","relatedTarget","_default","forwardRef","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter-listbox/group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\n\nfunction InserterListboxGroup( props, ref ) {\n\tconst [ shouldSpeak, setShouldSpeak ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( shouldSpeak ) {\n\t\t\tspeak(\n\t\t\t\t__( 'Use left and right arrow keys to move through blocks' )\n\t\t\t);\n\t\t}\n\t}, [ shouldSpeak ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\trole=\"listbox\"\n\t\t\taria-orientation=\"horizontal\"\n\t\t\tonFocus={ () => {\n\t\t\t\tsetShouldSpeak( true );\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\tconst focusingOutsideGroup = ! event.currentTarget.contains(\n\t\t\t\t\tevent.relatedTarget\n\t\t\t\t);\n\t\t\t\tif ( focusingOutsideGroup ) {\n\t\t\t\t\tsetShouldSpeak( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InserterListboxGroup );\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,SAASG,oBAAoBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC3C,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAEzD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKH,WAAW,EAAG;MAClB,IAAAI,WAAK,EACJ,IAAAC,QAAE,EAAE,sDAAuD,CAC5D,CAAC;IACF;EACD,CAAC,EAAE,CAAEL,WAAW,CAAG,CAAC;EAEpB,OACC,IAAAP,QAAA,CAAAa,aAAA;IACCP,GAAG,EAAGA,GAAK;IACXQ,IAAI,EAAC,SAAS;IACd,oBAAiB,YAAY;IAC7BC,OAAO,EAAGA,CAAA,KAAM;MACfP,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACHQ,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAMC,oBAAoB,GAAG,CAAED,KAAK,CAACE,aAAa,CAACC,QAAQ,CAC1DH,KAAK,CAACI,aACP,CAAC;MACD,IAAKH,oBAAoB,EAAG;QAC3BV,cAAc,CAAE,KAAM,CAAC;MACxB;IACD,CAAG;IAAA,GACEH;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAiB,QAAA,GAEc,IAAAC,mBAAU,EAAEnB,oBAAqB,CAAC;AAAAoB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -24,19 +23,12 @@ Object.defineProperty(exports, "InserterListboxRow", {
   }
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _context = _interopRequireDefault(require("./context"));
-
 var _group = _interopRequireDefault(require("./group"));
-
 var _row = _interopRequireDefault(require("./row"));
-
 var _item = _interopRequireDefault(require("./item"));
-
 /**
  * WordPress dependencies
  */
@@ -44,6 +36,7 @@ var _item = _interopRequireDefault(require("./item"));
 /**
  * Internal dependencies
  */
+
 function InserterListbox({
   children
 }) {
@@ -55,7 +48,6 @@ function InserterListbox({
     value: compositeState
   }, children);
 }
-
 var _default = InserterListbox;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _context = _interopRequireDefault(require("./context"));
-
 /**
  * WordPress dependencies
  */
@@ -20,6 +15,7 @@ var _context = _interopRequireDefault(require("./context"));
 /**
  * Internal dependencies
  */
+
 function InserterListboxItem({
   isFirst,
   as: Component,
@@ -30,32 +26,31 @@ function InserterListboxItem({
   return (0, _element.createElement)(_components.__unstableCompositeItem, {
     ref: ref,
     state: state,
-    role: "option" // Use the CompositeItem `focusable` prop over Button's
+    role: "option"
+    // Use the CompositeItem `focusable` prop over Button's
     // isFocusable. The latter was shown to cause an issue
     // with tab order in the inserter list.
     ,
     focusable: true,
     ...props
   }, htmlProps => {
-    const propsWithTabIndex = { ...htmlProps,
+    const propsWithTabIndex = {
+      ...htmlProps,
       tabIndex: isFirst ? 0 : htmlProps.tabIndex
     };
-
     if (Component) {
-      return (0, _element.createElement)(Component, { ...propsWithTabIndex
+      return (0, _element.createElement)(Component, {
+        ...propsWithTabIndex
       }, children);
     }
-
     if (typeof children === 'function') {
       return children(propsWithTabIndex);
     }
-
-    return (0, _element.createElement)(_components.Button, { ...propsWithTabIndex
+    return (0, _element.createElement)(_components.Button, {
+      ...propsWithTabIndex
     }, children);
   });
 }
-
 var _default = (0, _element.forwardRef)(InserterListboxItem);
-
 exports.default = _default;
 //# sourceMappingURL=item.js.map