@wordpress/block-editor 7.0.1 → 8.0.0

package/build/components/inserter/reusable-blocks-tab.native.js

@@ -15,6 +15,8 @@ var _blockTypesList = _interopRequireDefault(require("../block-types-list"));
 
 var _store = require("../../store");
 
+var _utils = require("./utils");
+
 /**
  * WordPress dependencies
  */
@@ -22,8 +24,6 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-const REUSABLE_BLOCKS_CATEGORY = 'reusable';
-
 function ReusableBlocksTab({
   onSelect,
   rootClientId,
@@ -36,11 +36,10 @@ function ReusableBlocksTab({
       getInserterItems
     } = select(_store.store);
     const allItems = getInserterItems(rootClientId);
-    const reusableBlockItems = allItems.filter(({
-      category
-    }) => category === REUSABLE_BLOCKS_CATEGORY);
     return {
-      items: reusableBlockItems
+      items: (0, _utils.filterInserterItems)(allItems, {
+        onlyReusable: true
+      })
     };
   }, [rootClientId]);
   return (0, _element.createElement)(_blockTypesList.default, {

package/build/components/inserter/reusable-blocks-tab.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/reusable-blocks-tab.native.js"],"names":["REUSABLE_BLOCKS_CATEGORY","ReusableBlocksTab","onSelect","rootClientId","listProps","items","select","getInserterItems","blockEditorStore","allItems","reusableBlockItems","filter","category"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIA,MAAMA,wBAAwB,GAAG,UAAjC;;AAEA,SAASC,iBAAT,CAA4B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,YAAZ;AAA0BC,EAAAA;AAA1B,CAA5B,EAAoE;AACnE,QAAM;AAAEC,IAAAA;AAAF,MAAY,qBACfC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAuBD,MAAM,CAAEE,YAAF,CAAnC;AACA,UAAMC,QAAQ,GAAGF,gBAAgB,CAAEJ,YAAF,CAAjC;AACA,UAAMO,kBAAkB,GAAGD,QAAQ,CAACE,MAAT,CAC1B,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAoBA,QAAQ,KAAKZ,wBADP,CAA3B;AAIA,WAAO;AAAEK,MAAAA,KAAK,EAAEK;AAAT,KAAP;AACA,GATgB,EAUjB,CAAEP,YAAF,CAViB,CAAlB;AAaA,SACC,4BAAC,uBAAD;AACC,IAAA,IAAI,EAAC,gBADN;AAEC,IAAA,KAAK,EAAGE,KAFT;AAGC,IAAA,QAAQ,EAAGH,QAHZ;AAIC,IAAA,SAAS,EAAGE;AAJb,IADD;AAQA;;eAEcH,iB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport { store as blockEditorStore } from '../../store';\n\nconst REUSABLE_BLOCKS_CATEGORY = 'reusable';\n\nfunction ReusableBlocksTab( { onSelect, rootClientId, listProps } ) {\n\tconst { items } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getInserterItems } = select( blockEditorStore );\n\t\t\tconst allItems = getInserterItems( rootClientId );\n\t\t\tconst reusableBlockItems = allItems.filter(\n\t\t\t\t( { category } ) => category === REUSABLE_BLOCKS_CATEGORY\n\t\t\t);\n\n\t\t\treturn { items: reusableBlockItems };\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<BlockTypesList\n\t\t\tname=\"ReusableBlocks\"\n\t\t\titems={ items }\n\t\t\tonSelect={ onSelect }\n\t\t\tlistProps={ listProps }\n\t\t/>\n\t);\n}\n\nexport default ReusableBlocksTab;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/reusable-blocks-tab.native.js"],"names":["ReusableBlocksTab","onSelect","rootClientId","listProps","items","select","getInserterItems","blockEditorStore","allItems","onlyReusable"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,YAAZ;AAA0BC,EAAAA;AAA1B,CAA5B,EAAoE;AACnE,QAAM;AAAEC,IAAAA;AAAF,MAAY,qBACfC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAuBD,MAAM,CAAEE,YAAF,CAAnC;AACA,UAAMC,QAAQ,GAAGF,gBAAgB,CAAEJ,YAAF,CAAjC;AAEA,WAAO;AACNE,MAAAA,KAAK,EAAE,gCAAqBI,QAArB,EAA+B;AAAEC,QAAAA,YAAY,EAAE;AAAhB,OAA/B;AADD,KAAP;AAGA,GARgB,EASjB,CAAEP,YAAF,CATiB,CAAlB;AAYA,SACC,4BAAC,uBAAD;AACC,IAAA,IAAI,EAAC,gBADN;AAEC,IAAA,KAAK,EAAGE,KAFT;AAGC,IAAA,QAAQ,EAAGH,QAHZ;AAIC,IAAA,SAAS,EAAGE;AAJb,IADD;AAQA;;eAEcH,iB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport { store as blockEditorStore } from '../../store';\nimport { filterInserterItems } from './utils';\n\nfunction ReusableBlocksTab( { onSelect, rootClientId, listProps } ) {\n\tconst { items } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getInserterItems } = select( blockEditorStore );\n\t\t\tconst allItems = getInserterItems( rootClientId );\n\n\t\t\treturn {\n\t\t\t\titems: filterInserterItems( allItems, { onlyReusable: true } ),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<BlockTypesList\n\t\t\tname=\"ReusableBlocks\"\n\t\t\titems={ items }\n\t\t\tonSelect={ onSelect }\n\t\t\tlistProps={ listProps }\n\t\t/>\n\t);\n}\n\nexport default ReusableBlocksTab;\n"]}

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

@@ -21,6 +21,8 @@ var _store = require("../../store");
 
 var _useBlockTypeImpressions = _interopRequireDefault(require("./hooks/use-block-type-impressions"));
 
+var _utils = require("./utils");
+
 /**
  * WordPress dependencies
  */
@@ -32,13 +34,17 @@ function InserterSearchResults({
   filterValue,
   onSelect,
   listProps,
-  rootClientId
+  rootClientId,
+  isFullScreen
 }) {
   const {
     blockTypes
   } = (0, _data.useSelect)(select => {
     const allItems = select(_store.store).getInserterItems(rootClientId);
-    const filteredItems = (0, _searchItems.searchItems)(allItems, filterValue);
+    const availableItems = (0, _utils.filterInserterItems)(allItems, {
+      allowReusable: true
+    });
+    const filteredItems = (0, _searchItems.searchItems)(availableItems, filterValue);
     return {
       blockTypes: filteredItems
     };
@@ -59,6 +65,7 @@ function InserterSearchResults({
 
   return (0, _element.createElement)(_blockTypesList.default, {
     name: "Blocks",
+    initialNumToRender: isFullScreen ? 10 : 3,
     items,
     onSelect: handleSelect,
     listProps

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

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

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

@@ -101,10 +101,7 @@ function InserterTabs({
   }, tabs.map(({
     component: TabComponent
   }, index) => (0, _element.createElement)(_reactNative.View, {
-    key: `tab-${index}`,
-    style: [_style.default['inserter-tabs__item'], {
-      left: index * wrapperWidth
-    }]
+    key: `tab-${index}`
   }, (0, _element.createElement)(TabComponent, {
     rootClientId: rootClientId,
     onSelect: onSelect,

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

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

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockAllowed = blockAllowed;
+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
+}) {
+  const {
+    id,
+    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
+  // 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
+} = {}) {
+  return items.filter(block => blockAllowed(block, {
+    onlyReusable,
+    allowReusable
+  }));
+}
+//# sourceMappingURL=utils.native.js.map

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

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

package/build/components/inspector-controls/block-support-slot-container.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockSupportSlotContainer;
+
+var _element = require("@wordpress/element");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _components = require("@wordpress/components");
+
+/**
+ * WordPress dependencies
+ */
+function BlockSupportSlotContainer({
+  Slot,
+  ...props
+}) {
+  const toolsPanelContext = (0, _element.useContext)(_components.__experimentalToolsPanelContext);
+  return (0, _element.createElement)(Slot, (0, _extends2.default)({}, props, {
+    fillProps: toolsPanelContext
+  }));
+}
+//# sourceMappingURL=block-support-slot-container.js.map

package/build/components/inspector-controls/block-support-slot-container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/block-support-slot-container.js"],"names":["BlockSupportSlotContainer","Slot","props","toolsPanelContext","ToolsPanelContext"],"mappings":";;;;;;;;;AAIA;;;;AADA;;AAHA;AACA;AACA;AAIe,SAASA,yBAAT,CAAoC;AAAEC,EAAAA,IAAF;AAAQ,KAAGC;AAAX,CAApC,EAAyD;AACvE,QAAMC,iBAAiB,GAAG,yBAAYC,2CAAZ,CAA1B;AACA,SAAO,4BAAC,IAAD,6BAAWF,KAAX;AAAmB,IAAA,SAAS,EAAGC;AAA/B,KAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalToolsPanelContext as ToolsPanelContext } from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\nexport default function BlockSupportSlotContainer( { Slot, ...props } ) {\n\tconst toolsPanelContext = useContext( ToolsPanelContext );\n\treturn <Slot { ...props } fillProps={ toolsPanelContext } />;\n}\n"]}

package/build/components/inspector-controls/block-support-tools-panel.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockSupportToolsPanel;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _data = require("@wordpress/data");
+
+var _store = require("../../store");
+
+var _utils = require("../../hooks/utils");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function BlockSupportToolsPanel({
+  children,
+  group,
+  label
+}) {
+  const {
+    clientId,
+    attributes
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockAttributes,
+      getSelectedBlockClientId
+    } = select(_store.store);
+    const selectedBlockClientId = getSelectedBlockClientId();
+    return {
+      clientId: selectedBlockClientId,
+      attributes: getBlockAttributes(selectedBlockClientId)
+    };
+  }, []);
+  const {
+    updateBlockAttributes
+  } = (0, _data.useDispatch)(_store.store);
+
+  const resetAll = (resetFilters = []) => {
+    const {
+      style
+    } = attributes;
+    let newAttributes = {
+      style
+    };
+    resetFilters.forEach(resetFilter => {
+      newAttributes = { ...newAttributes,
+        ...resetFilter(newAttributes)
+      };
+    }); // Enforce a cleaned style object.
+
+    newAttributes = { ...newAttributes,
+      style: (0, _utils.cleanEmptyObject)(newAttributes.style)
+    };
+    updateBlockAttributes(clientId, newAttributes);
+  };
+
+  return (0, _element.createElement)(_components.__experimentalToolsPanel, {
+    className: `${group}-block-support-panel`,
+    label: label,
+    resetAll: resetAll,
+    key: clientId,
+    panelId: clientId,
+    hasInnerWrapper: true,
+    shouldRenderPlaceholderItems: true // Required to maintain fills ordering.
+
+  }, children);
+}
+//# sourceMappingURL=block-support-tools-panel.js.map

package/build/components/inspector-controls/block-support-tools-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/block-support-tools-panel.js"],"names":["BlockSupportToolsPanel","children","group","label","clientId","attributes","select","getBlockAttributes","getSelectedBlockClientId","blockEditorStore","selectedBlockClientId","updateBlockAttributes","resetAll","resetFilters","style","newAttributes","forEach","resetFilter"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIe,SAASA,sBAAT,CAAiC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,KAAZ;AAAmBC,EAAAA;AAAnB,CAAjC,EAA8D;AAC5E,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA2B,qBAAaC,MAAF,IAAc;AACzD,UAAM;AAAEC,MAAAA,kBAAF;AAAsBC,MAAAA;AAAtB,QAAmDF,MAAM,CAC9DG,YAD8D,CAA/D;AAGA,UAAMC,qBAAqB,GAAGF,wBAAwB,EAAtD;AAEA,WAAO;AACNJ,MAAAA,QAAQ,EAAEM,qBADJ;AAENL,MAAAA,UAAU,EAAEE,kBAAkB,CAAEG,qBAAF;AAFxB,KAAP;AAIA,GAVgC,EAU9B,EAV8B,CAAjC;AAWA,QAAM;AAAEC,IAAAA;AAAF,MAA4B,uBAAaF,YAAb,CAAlC;;AAEA,QAAMG,QAAQ,GAAG,CAAEC,YAAY,GAAG,EAAjB,KAAyB;AACzC,UAAM;AAAEC,MAAAA;AAAF,QAAYT,UAAlB;AACA,QAAIU,aAAa,GAAG;AAAED,MAAAA;AAAF,KAApB;AAEAD,IAAAA,YAAY,CAACG,OAAb,CAAwBC,WAAF,IAAmB;AACxCF,MAAAA,aAAa,GAAG,EACf,GAAGA,aADY;AAEf,WAAGE,WAAW,CAAEF,aAAF;AAFC,OAAhB;AAIA,KALD,EAJyC,CAWzC;;AACAA,IAAAA,aAAa,GAAG,EACf,GAAGA,aADY;AAEfD,MAAAA,KAAK,EAAE,6BAAkBC,aAAa,CAACD,KAAhC;AAFQ,KAAhB;AAKAH,IAAAA,qBAAqB,CAAEP,QAAF,EAAYW,aAAZ,CAArB;AACA,GAlBD;;AAoBA,SACC,4BAAC,oCAAD;AACC,IAAA,SAAS,EAAI,GAAGb,KAAO,sBADxB;AAEC,IAAA,KAAK,EAAGC,KAFT;AAGC,IAAA,QAAQ,EAAGS,QAHZ;AAIC,IAAA,GAAG,EAAGR,QAJP;AAKC,IAAA,OAAO,EAAGA,QALX;AAMC,IAAA,eAAe,EAAG,IANnB;AAOC,IAAA,4BAA4B,EAAG,IAPhC,CAOuC;;AAPvC,KASGH,QATH,CADD;AAaA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalToolsPanel as ToolsPanel } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { cleanEmptyObject } from '../../hooks/utils';\n\nexport default function BlockSupportToolsPanel( { children, group, label } ) {\n\tconst { clientId, attributes } = useSelect( ( select ) => {\n\t\tconst { getBlockAttributes, getSelectedBlockClientId } = select(\n\t\t\tblockEditorStore\n\t\t);\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tclientId: selectedBlockClientId,\n\t\t\tattributes: getBlockAttributes( selectedBlockClientId ),\n\t\t};\n\t}, [] );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst resetAll = ( resetFilters = [] ) => {\n\t\tconst { style } = attributes;\n\t\tlet newAttributes = { style };\n\n\t\tresetFilters.forEach( ( resetFilter ) => {\n\t\t\tnewAttributes = {\n\t\t\t\t...newAttributes,\n\t\t\t\t...resetFilter( newAttributes ),\n\t\t\t};\n\t\t} );\n\n\t\t// Enforce a cleaned style object.\n\t\tnewAttributes = {\n\t\t\t...newAttributes,\n\t\t\tstyle: cleanEmptyObject( newAttributes.style ),\n\t\t};\n\n\t\tupdateBlockAttributes( clientId, newAttributes );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tclassName={ `${ group }-block-support-panel` }\n\t\t\tlabel={ label }\n\t\t\tresetAll={ resetAll }\n\t\t\tkey={ clientId }\n\t\t\tpanelId={ clientId }\n\t\t\thasInnerWrapper={ true }\n\t\t\tshouldRenderPlaceholderItems={ true } // Required to maintain fills ordering.\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n"]}

package/build/components/inspector-controls/fill.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = InspectorControlsFill;
+
+var _element = require("@wordpress/element");
+
+var _lodash = require("lodash");
+
+var _components = require("@wordpress/components");
+
+var _warning = _interopRequireDefault(require("@wordpress/warning"));
+
+var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-block-controls"));
+
+var _groups = _interopRequireDefault(require("./groups"));
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function InspectorControlsFill({
+  __experimentalGroup: group = 'default',
+  children
+}) {
+  var _groups$group;
+
+  const isDisplayed = (0, _useDisplayBlockControls.default)();
+  const Fill = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill;
+
+  if (!Fill) {
+    typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" ? (0, _warning.default)(`Unknown InspectorControl group "${group}" provided.`) : void 0;
+    return null;
+  }
+
+  if (!isDisplayed) {
+    return null;
+  }
+
+  return (0, _element.createElement)(_components.__experimentalStyleProvider, {
+    document: document
+  }, (0, _element.createElement)(Fill, null, fillProps => {
+    // Children passed to InspectorControlsFill will not have
+    // access to any React Context whose Provider is part of
+    // the InspectorControlsSlot tree. So we re-create the
+    // Provider in this subtree.
+    const value = !(0, _lodash.isEmpty)(fillProps) ? fillProps : null;
+    return (0, _element.createElement)(_components.__experimentalToolsPanelContext.Provider, {
+      value: value
+    }, children);
+  }));
+}
+//# sourceMappingURL=fill.js.map

package/build/components/inspector-controls/fill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.js"],"names":["InspectorControlsFill","__experimentalGroup","group","children","isDisplayed","Fill","groups","document","fillProps","value"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAIA;;AAKA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAIe,SAASA,qBAAT,CAAgC;AAC9CC,EAAAA,mBAAmB,EAAEC,KAAK,GAAG,SADiB;AAE9CC,EAAAA;AAF8C,CAAhC,EAGX;AAAA;;AACH,QAAMC,WAAW,GAAG,uCAApB;AACA,QAAMC,IAAI,oBAAGC,gBAAQJ,KAAR,CAAH,kDAAG,cAAiBG,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCH,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AACD,MAAK,CAAEE,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGG;AAA1B,KACC,4BAAC,IAAD,QACKC,SAAF,IAAiB;AAClB;AACA;AACA;AACA;AACA,UAAMC,KAAK,GAAG,CAAE,qBAASD,SAAT,CAAF,GAAyBA,SAAzB,GAAqC,IAAnD;AACA,WACC,4BAAC,2CAAD,CAAmB,QAAnB;AAA4B,MAAA,KAAK,EAAGC;AAApC,OACGN,QADH,CADD;AAKA,GAZF,CADD,CADD;AAkBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolsPanelContext as ToolsPanelContext,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport useDisplayBlockControls from '../use-display-block-controls';\nimport groups from './groups';\n\nexport default function InspectorControlsFill( {\n\t__experimentalGroup: group = 'default',\n\tchildren,\n} ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// Children passed to InspectorControlsFill will not have\n\t\t\t\t\t// access to any React Context whose Provider is part of\n\t\t\t\t\t// the InspectorControlsSlot tree. So we re-create the\n\t\t\t\t\t// Provider in this subtree.\n\t\t\t\t\tconst value = ! isEmpty( fillProps ) ? fillProps : null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolsPanelContext.Provider value={ value }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</ToolsPanelContext.Provider>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"]}

package/build/components/inspector-controls/{index.native.js → fill.native.js}

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = InspectorControlsFill;
 
 var _element = require("@wordpress/element");
 
@@ -11,6 +13,10 @@ var _reactNative = require("react-native");
 
 var _components = require("@wordpress/components");
 
+var _warning = _interopRequireDefault(require("@wordpress/warning"));
+
+var _groups = _interopRequireDefault(require("./groups"));
+
 var _context = require("../block-edit/context");
 
 var _blockSettings = require("../block-settings");
@@ -26,32 +32,27 @@ var _blockSettings = require("../block-settings");
 /**
  * Internal dependencies
  */
-const {
-  Fill,
-  Slot
-} = (0, _components.createSlotFill)('InspectorControls');
-
-const FillWithSettingsButton = ({
+function InspectorControlsFill({
   children,
+  __experimentalGroup: group = 'default',
   ...props
-}) => {
+}) {
+  var _groups$group;
+
   const {
     isSelected
   } = (0, _context.useBlockEditContext)();
+  const Fill = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill;
+
+  if (!Fill) {
+    typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production" ? (0, _warning.default)(`Unknown InspectorControl group "${group}" provided.`) : void 0;
+    return null;
+  }
 
   if (!isSelected) {
     return null;
   }
 
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(Fill, props, (0, _element.createElement)(_components.BottomSheetConsumer, null, () => (0, _element.createElement)(_reactNative.View, null, children))), _element.Children.count(children) > 0 && (0, _element.createElement)(_blockSettings.BlockSettingsButton, null));
-};
-
-const InspectorControls = FillWithSettingsButton;
-InspectorControls.Slot = Slot;
-/**
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inspector-controls/README.md
- */
-
-var _default = InspectorControls;
-exports.default = _default;
-//# sourceMappingURL=index.native.js.map
+}
+//# sourceMappingURL=fill.native.js.map

package/build/components/inspector-controls/fill.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.native.js"],"names":["InspectorControlsFill","children","__experimentalGroup","group","props","isSelected","Fill","groups","Children","count"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AACA;;AAKA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAKe,SAASA,qBAAT,CAAgC;AAC9CC,EAAAA,QAD8C;AAE9CC,EAAAA,mBAAmB,EAAEC,KAAK,GAAG,SAFiB;AAG9C,KAAGC;AAH2C,CAAhC,EAIX;AAAA;;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAiB,mCAAvB;AACA,QAAMC,IAAI,oBAAGC,gBAAQJ,KAAR,CAAH,kDAAG,cAAiBG,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCH,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AACD,MAAK,CAAEE,UAAP,EAAoB;AACnB,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,IAAD,EAAWD,KAAX,EAEE,4BAAC,+BAAD,QACG,MAAM,4BAAC,iBAAD,QAAQH,QAAR,CADT,CAFF,CADD,EAQGO,kBAASC,KAAT,CAAgBR,QAAhB,IAA6B,CAA7B,IAAkC,4BAAC,kCAAD,OARrC,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { BottomSheetConsumer } from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport { useBlockEditContext } from '../block-edit/context';\nimport { BlockSettingsButton } from '../block-settings';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\t__experimentalGroup: group = 'default',\n\t...props\n} ) {\n\tconst { isSelected } = useBlockEditContext();\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! isSelected ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Fill { ...props }>\n\t\t\t\t{\n\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t{ () => <View>{ children }</View> }\n\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t}\n\t\t\t</Fill>\n\t\t\t{ Children.count( children ) > 0 && <BlockSettingsButton /> }\n\t\t</>\n\t);\n}\n"]}

package/build/components/inspector-controls/groups.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _components = require("@wordpress/components");
+
+/**
+ * WordPress dependencies
+ */
+const InspectorControlsDefault = (0, _components.createSlotFill)('InspectorControls');
+const InspectorControlsAdvanced = (0, _components.createSlotFill)('InspectorAdvancedControls');
+const InspectorControlsDimensions = (0, _components.createSlotFill)('InspectorControlsDimensions');
+const InspectorControlsTypography = (0, _components.createSlotFill)('InspectorControlsTypography');
+const groups = {
+  default: InspectorControlsDefault,
+  advanced: InspectorControlsAdvanced,
+  dimensions: InspectorControlsDimensions,
+  typography: InspectorControlsTypography
+};
+var _default = groups;
+exports.default = _default;
+//# sourceMappingURL=groups.js.map

package/build/components/inspector-controls/groups.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/groups.js"],"names":["InspectorControlsDefault","InspectorControlsAdvanced","InspectorControlsDimensions","InspectorControlsTypography","groups","default","advanced","dimensions","typography"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,gCAAgB,mBAAhB,CAAjC;AACA,MAAMC,yBAAyB,GAAG,gCAAgB,2BAAhB,CAAlC;AACA,MAAMC,2BAA2B,GAAG,gCACnC,6BADmC,CAApC;AAGA,MAAMC,2BAA2B,GAAG,gCACnC,6BADmC,CAApC;AAIA,MAAMC,MAAM,GAAG;AACdC,EAAAA,OAAO,EAAEL,wBADK;AAEdM,EAAAA,QAAQ,EAAEL,yBAFI;AAGdM,EAAAA,UAAU,EAAEL,2BAHE;AAIdM,EAAAA,UAAU,EAAEL;AAJE,CAAf;eAOeC,M","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tdimensions: InspectorControlsDimensions,\n\ttypography: InspectorControlsTypography,\n};\n\nexport default groups;\n"]}

package/build/components/inspector-controls/index.js

@@ -5,35 +5,37 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.InspectorAdvancedControls = void 0;
 
 var _element = require("@wordpress/element");
 
-var _components = require("@wordpress/components");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-block-controls"));
+var _fill = _interopRequireDefault(require("./fill"));
 
-/**
- * WordPress dependencies
- */
+var _slot = _interopRequireDefault(require("./slot"));
 
 /**
  * Internal dependencies
  */
-const {
-  Fill,
-  Slot
-} = (0, _components.createSlotFill)('InspectorControls');
-
-function InspectorControls({
-  children
-}) {
-  return (0, _useDisplayBlockControls.default)() ? (0, _element.createElement)(_components.__experimentalStyleProvider, {
-    document: document
-  }, (0, _element.createElement)(Fill, null, children)) : null;
-}
-
-InspectorControls.Slot = Slot;
+const InspectorControls = _fill.default;
+InspectorControls.Slot = _slot.default; // This is just here for backward compatibility.
+
+const InspectorAdvancedControls = props => {
+  return (0, _element.createElement)(_fill.default, (0, _extends2.default)({}, props, {
+    __experimentalGroup: "advanced"
+  }));
+};
+
+exports.InspectorAdvancedControls = InspectorAdvancedControls;
+
+InspectorAdvancedControls.Slot = props => {
+  return (0, _element.createElement)(_slot.default, (0, _extends2.default)({}, props, {
+    __experimentalGroup: "advanced"
+  }));
+};
+
+InspectorAdvancedControls.slotName = 'InspectorAdvancedControls';
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inspector-controls/README.md
  */

package/build/components/inspector-controls/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/index.js"],"names":["Fill","Slot","InspectorControls","children","document"],"mappings":";;;;;;;;;;;AAGA;;AAQA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGA,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiB,gCAAgB,mBAAhB,CAAvB;;AAEA,SAASC,iBAAT,CAA4B;AAAEC,EAAAA;AAAF,CAA5B,EAA2C;AAC1C,SAAO,0CACN,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGC;AAA1B,KACC,4BAAC,IAAD,QAAQD,QAAR,CADD,CADM,GAIH,IAJJ;AAKA;;AAEDD,iBAAiB,CAACD,IAAlB,GAAyBA,IAAzB;AAEA;AACA;AACA;;eACeC,iB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\tcreateSlotFill,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useDisplayBlockControls from '../use-display-block-controls';\n\nconst { Fill, Slot } = createSlotFill( 'InspectorControls' );\n\nfunction InspectorControls( { children } ) {\n\treturn useDisplayBlockControls() ? (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>{ children }</Fill>\n\t\t</StyleProvider>\n\t) : null;\n}\n\nInspectorControls.Slot = Slot;\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inspector-controls/README.md\n */\nexport default InspectorControls;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/index.js"],"names":["InspectorControls","InspectorControlsFill","Slot","InspectorControlsSlot","InspectorAdvancedControls","props","slotName"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,MAAMA,iBAAiB,GAAGC,aAA1B;AAEAD,iBAAiB,CAACE,IAAlB,GAAyBC,aAAzB,C,CAEA;;AACO,MAAMC,yBAAyB,GAAKC,KAAF,IAAa;AACrD,SACC,4BAAC,aAAD,6BAA4BA,KAA5B;AAAoC,IAAA,mBAAmB,EAAC;AAAxD,KADD;AAGA,CAJM;;;;AAKPD,yBAAyB,CAACF,IAA1B,GAAmCG,KAAF,IAAa;AAC7C,SACC,4BAAC,aAAD,6BAA4BA,KAA5B;AAAoC,IAAA,mBAAmB,EAAC;AAAxD,KADD;AAGA,CAJD;;AAKAD,yBAAyB,CAACE,QAA1B,GAAqC,2BAArC;AAEA;AACA;AACA;;eACeN,iB","sourcesContent":["/**\n * Internal dependencies\n */\nimport InspectorControlsFill from './fill';\nimport InspectorControlsSlot from './slot';\n\nconst InspectorControls = InspectorControlsFill;\n\nInspectorControls.Slot = InspectorControlsSlot;\n\n// This is just here for backward compatibility.\nexport const InspectorAdvancedControls = ( props ) => {\n\treturn (\n\t\t<InspectorControlsFill { ...props } __experimentalGroup=\"advanced\" />\n\t);\n};\nInspectorAdvancedControls.Slot = ( props ) => {\n\treturn (\n\t\t<InspectorControlsSlot { ...props } __experimentalGroup=\"advanced\" />\n\t);\n};\nInspectorAdvancedControls.slotName = 'InspectorAdvancedControls';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inspector-controls/README.md\n */\nexport default InspectorControls;\n"]}