@wordpress/block-editor 12.15.0 → 12.16.1-next.79a6196f.0

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

@@ -2,9 +2,16 @@ import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { useMemo } from '@wordpress/element';
-import { TabPanel } from '@wordpress/components';
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+const {
+  Tabs
+} = unlock(componentsPrivateApis);
 const blocksTab = {
   name: 'blocks',
   /* translators: Blocks tab title in the block inserter. */
@@ -21,31 +28,24 @@ const mediaTab = {
   title: __('Media')
 };
 function InserterTabs({
-  children,
   showPatterns = false,
   showMedia = false,
   onSelect,
-  prioritizePatterns
+  tabsContents
 }) {
-  const tabs = useMemo(() => {
-    const tempTabs = [];
-    if (prioritizePatterns && showPatterns) {
-      tempTabs.push(patternsTab);
-    }
-    tempTabs.push(blocksTab);
-    if (!prioritizePatterns && showPatterns) {
-      tempTabs.push(patternsTab);
-    }
-    if (showMedia) {
-      tempTabs.push(mediaTab);
-    }
-    return tempTabs;
-  }, [prioritizePatterns, showPatterns, showMedia]);
-  return createElement(TabPanel, {
-    className: "block-editor-inserter__tabs",
-    tabs: tabs,
+  const tabs = [blocksTab, showPatterns && patternsTab, showMedia && mediaTab].filter(Boolean);
+  return createElement("div", {
+    className: "block-editor-inserter__tabs"
+  }, createElement(Tabs, {
     onSelect: onSelect
-  }, children);
+  }, createElement(Tabs.TabList, null, tabs.map(tab => createElement(Tabs.Tab, {
+    key: tab.name,
+    tabId: tab.name
+  }, tab.title))), tabs.map(tab => createElement(Tabs.TabPanel, {
+    key: tab.name,
+    tabId: tab.name,
+    focusable: false
+  }, tabsContents[tab.name]))));
 }
 export default InserterTabs;
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","TabPanel","__","blocksTab","name","title","patternsTab","mediaTab","InserterTabs","children","showPatterns","showMedia","onSelect","prioritizePatterns","tabs","tempTabs","push","createElement","className"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { TabPanel } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\tprioritizePatterns,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [];\n\t\tif ( prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\ttempTabs.push( blocksTab );\n\t\tif ( ! prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\tif ( showMedia ) {\n\t\t\ttempTabs.push( mediaTab );\n\t\t}\n\t\treturn tempTabs;\n\t}, [ prioritizePatterns, showPatterns, showMedia ] );\n\n\treturn (\n\t\t<TabPanel\n\t\t\tclassName=\"block-editor-inserter__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tonSelect={ onSelect }\n\t\t>\n\t\t\t{ children }\n\t\t</TabPanel>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,MAAMC,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAEH,EAAE,CAAE,QAAS;AACrB,CAAC;AACD,MAAMI,WAAW,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAEH,EAAE,CAAE,UAAW;AACvB,CAAC;AAED,MAAMK,QAAQ,GAAG;EAChBH,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAEH,EAAE,CAAE,OAAQ;AACpB,CAAC;AAED,SAASM,YAAYA,CAAE;EACtBC,QAAQ;EACRC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAGd,OAAO,CAAE,MAAM;IAC3B,MAAMe,QAAQ,GAAG,EAAE;IACnB,IAAKF,kBAAkB,IAAIH,YAAY,EAAG;MACzCK,QAAQ,CAACC,IAAI,CAAEV,WAAY,CAAC;IAC7B;IACAS,QAAQ,CAACC,IAAI,CAAEb,SAAU,CAAC;IAC1B,IAAK,CAAEU,kBAAkB,IAAIH,YAAY,EAAG;MAC3CK,QAAQ,CAACC,IAAI,CAAEV,WAAY,CAAC;IAC7B;IACA,IAAKK,SAAS,EAAG;MAChBI,QAAQ,CAACC,IAAI,CAAET,QAAS,CAAC;IAC1B;IACA,OAAOQ,QAAQ;EAChB,CAAC,EAAE,CAAEF,kBAAkB,EAAEH,YAAY,EAAEC,SAAS,CAAG,CAAC;EAEpD,OACCM,aAAA,CAAChB,QAAQ;IACRiB,SAAS,EAAC,6BAA6B;IACvCJ,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA;EAAU,GAEnBH,QACO,CAAC;AAEb;AAEA,eAAeD,YAAY"}
+{"version":3,"names":["privateApis","componentsPrivateApis","__","unlock","Tabs","blocksTab","name","title","patternsTab","mediaTab","InserterTabs","showPatterns","showMedia","onSelect","tabsContents","tabs","filter","Boolean","createElement","className","TabList","map","tab","Tab","key","tabId","TabPanel","focusable"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\ttabsContents,\n} ) {\n\tconst tabs = [\n\t\tblocksTab,\n\t\tshowPatterns && patternsTab,\n\t\tshowMedia && mediaTab,\n\t].filter( Boolean );\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__tabs\">\n\t\t\t<Tabs onSelect={ onSelect }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab key={ tab.name } tabId={ tab.name }>\n\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tabsContents[ tab.name ] }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;AAC5E,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAK,CAAC,GAAGD,MAAM,CAAEF,qBAAsB,CAAC;AAEhD,MAAMI,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAEL,EAAE,CAAE,QAAS;AACrB,CAAC;AACD,MAAMM,WAAW,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAEL,EAAE,CAAE,UAAW;AACvB,CAAC;AAED,MAAMO,QAAQ,GAAG;EAChBH,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAEL,EAAE,CAAE,OAAQ;AACpB,CAAC;AAED,SAASQ,YAAYA,CAAE;EACtBC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,CACZV,SAAS,EACTM,YAAY,IAAIH,WAAW,EAC3BI,SAAS,IAAIH,QAAQ,CACrB,CAACO,MAAM,CAAEC,OAAQ,CAAC;EAEnB,OACCC,aAAA;IAAKC,SAAS,EAAC;EAA6B,GAC3CD,aAAA,CAACd,IAAI;IAACS,QAAQ,EAAGA;EAAU,GAC1BK,aAAA,CAACd,IAAI,CAACgB,OAAO,QACVL,IAAI,CAACM,GAAG,CAAIC,GAAG,IAChBJ,aAAA,CAACd,IAAI,CAACmB,GAAG;IAACC,GAAG,EAAGF,GAAG,CAAChB,IAAM;IAACmB,KAAK,EAAGH,GAAG,CAAChB;EAAM,GAC1CgB,GAAG,CAACf,KACG,CACT,CACW,CAAC,EACbQ,IAAI,CAACM,GAAG,CAAIC,GAAG,IAChBJ,aAAA,CAACd,IAAI,CAACsB,QAAQ;IACbF,GAAG,EAAGF,GAAG,CAAChB,IAAM;IAChBmB,KAAK,EAAGH,GAAG,CAAChB,IAAM;IAClBqB,SAAS,EAAG;EAAO,GAEjBb,YAAY,CAAEQ,GAAG,CAAChB,IAAI,CACV,CACd,CACG,CACF,CAAC;AAER;AAEA,eAAeI,YAAY"}

package/build-module/components/inserter-button/index.native.js

@@ -0,0 +1,89 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import { View, TouchableHighlight, Text } from 'react-native';
+
+/**
+ * WordPress dependencies
+ */
+import { Component } from '@wordpress/element';
+import { Icon } from '@wordpress/components';
+import { withPreferredColorScheme } from '@wordpress/compose';
+import { __, sprintf } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { BlockIcon } from '../block-icon';
+import styles from './style.scss';
+import sparkles from './sparkles';
+class MenuItem extends Component {
+  constructor() {
+    super(...arguments);
+    this.onPress = this.onPress.bind(this);
+  }
+  onPress() {
+    const {
+      onSelect,
+      item
+    } = this.props;
+    onSelect(item);
+  }
+  render() {
+    const {
+      getStylesFromColorScheme,
+      item,
+      itemWidth,
+      maxWidth
+    } = this.props;
+    const modalIconWrapperStyle = getStylesFromColorScheme(styles.modalIconWrapper, styles.modalIconWrapperDark);
+    const modalIconStyle = styles.modalIcon;
+    const modalItemLabelStyle = getStylesFromColorScheme(styles.modalItemLabel, styles.modalItemLabelDark);
+    const clipboardBlockStyles = getStylesFromColorScheme(styles.clipboardBlock, styles.clipboardBlockDark);
+    const isClipboardBlock = item.id === 'clipboard';
+    const blockTitle = isClipboardBlock ? __('Copied block') : item.title;
+    const blockIsNew = item.isNew === true;
+    const accessibilityLabelFormat = blockIsNew ?
+    // translators: Newly available block name. %s: The localized block name
+    __('%s block, newly available') :
+    // translators: Block name. %s: The localized block name
+    __('%s block');
+    const accessibilityLabel = sprintf(accessibilityLabelFormat, item.title);
+    return createElement(TouchableHighlight, {
+      style: [styles.touchableArea, item.isDisabled ? styles.disabled : null],
+      underlayColor: "transparent",
+      activeOpacity: 0.5,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      onPress: this.onPress,
+      disabled: item.isDisabled
+    }, createElement(View, {
+      style: [styles.modalItem, {
+        width: maxWidth
+      }]
+    }, createElement(View, {
+      style: [modalIconWrapperStyle, itemWidth && {
+        width: itemWidth
+      }, isClipboardBlock && clipboardBlockStyles]
+    }, blockIsNew && createElement(Icon, {
+      icon: sparkles,
+      style: styles.newIndicator
+    }), createElement(View, {
+      style: modalIconStyle
+    }, createElement(BlockIcon, {
+      icon: item.icon,
+      size: modalIconStyle.width
+    }))), createElement(Text, {
+      numberOfLines: 3,
+      style: modalItemLabelStyle
+    }, blockTitle)));
+  }
+}
+const InserterButton = withPreferredColorScheme(MenuItem);
+InserterButton.Styles = {
+  modalItem: styles.modalItem,
+  modalIconWrapper: styles.modalIconWrapper
+};
+export default InserterButton;
+//# sourceMappingURL=index.native.js.map

package/build-module/components/inserter-button/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","TouchableHighlight","Text","Component","Icon","withPreferredColorScheme","__","sprintf","BlockIcon","styles","sparkles","MenuItem","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","createElement","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","modalItem","width","icon","newIndicator","size","numberOfLines","InserterButton","Styles"],"sources":["@wordpress/block-editor/src/components/inserter-button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { BlockIcon } from '../block-icon';\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: Block name. %s: The localized block name\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"],"mappings":"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"}

package/build-module/components/inserter-button/sparkles.js

@@ -0,0 +1,15 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/components';
+const sparkles = createElement(SVG, {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, createElement(Path, {
+  d: "M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z",
+  fill: "#F0C930"
+}));
+export default sparkles;
+//# sourceMappingURL=sparkles.js.map

package/build-module/components/inserter-button/sparkles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SVG","Path","sparkles","createElement","viewBox","fill","xmlns","d"],"sources":["@wordpress/block-editor/src/components/inserter-button/sparkles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAEjD,MAAMC,QAAQ,GACbC,aAAA,CAACH,GAAG;EAACI,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,GACtEH,aAAA,CAACF,IAAI;EACJM,CAAC,EAAC,k8BAAk8B;EACp8BF,IAAI,EAAC;AAAS,CACd,CACG,CACL;AAED,eAAeH,QAAQ"}

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

@@ -3,18 +3,19 @@ import { createElement } from "react";
  * WordPress dependencies
  */
 import { Draggable } from '@wordpress/components';
-import { serialize, store as blocksStore } from '@wordpress/blocks';
+import { createBlock, serialize, store as blocksStore } from '@wordpress/blocks';
 import { useSelect } from '@wordpress/data';
 /**
  * Internal dependencies
  */
 import BlockDraggableChip from '../block-draggable/draggable-chip';
+import { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';
 const InserterDraggableBlocks = ({
   isEnabled,
   blocks,
   icon,
   children,
-  isPattern
+  pattern
 }) => {
   const transferData = {
     type: 'inserter',
@@ -30,12 +31,15 @@ const InserterDraggableBlocks = ({
     __experimentalTransferDataType: "wp-blocks",
     transferData: transferData,
     onDragStart: event => {
-      event.dataTransfer.setData('text/html', serialize(blocks));
+      const parsedBlocks = pattern?.type === INSERTER_PATTERN_TYPES.user && pattern?.syncStatus !== 'unsynced' ? [createBlock('core/block', {
+        ref: pattern.id
+      })] : blocks;
+      event.dataTransfer.setData('text/html', serialize(parsedBlocks));
     },
     __experimentalDragComponent: createElement(BlockDraggableChip, {
       count: blocks.length,
-      icon: icon || !isPattern && blockTypeIcon,
-      isPattern: isPattern
+      icon: icon || !pattern && blockTypeIcon,
+      isPattern: !!pattern
     })
   }, ({
     onDraggableStart,

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

@@ -1 +1 @@
-{"version":3,"names":["Draggable","serialize","store","blocksStore","useSelect","BlockDraggableChip","InserterDraggableBlocks","isEnabled","blocks","icon","children","isPattern","transferData","type","blockTypeIcon","select","getBlockType","length","name","createElement","__experimentalTransferDataType","onDragStart","event","dataTransfer","setData","__experimentalDragComponent","count","onDraggableStart","onDraggableEnd","draggable","undefined","onDragEnd"],"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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,uBAAuB;AACjD,SAASC,SAAS,EAAEC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACnE,SAASC,SAAS,QAAQ,iBAAiB;AAC3C;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,mCAAmC;AAElE,MAAMC,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,GAAGV,SAAS,CAC5BW,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEZ,WAAY,CAAC;IAC9C,OACCK,MAAM,CAACS,MAAM,KAAK,CAAC,IAAID,YAAY,CAAER,MAAM,CAAE,CAAC,CAAE,CAACU,IAAK,CAAC,EAAET,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,OACCW,aAAA,CAACnB,SAAS;IACToB,8BAA8B,EAAC,WAAW;IAC1CR,YAAY,EAAGA,YAAc;IAC7BS,WAAW,EAAKC,KAAK,IAAM;MAC1BA,KAAK,CAACC,YAAY,CAACC,OAAO,CAAE,WAAW,EAAEvB,SAAS,CAAEO,MAAO,CAAE,CAAC;IAC/D,CAAG;IACHiB,2BAA2B,EAC1BN,aAAA,CAACd,kBAAkB;MAClBqB,KAAK,EAAGlB,MAAM,CAACS,MAAQ;MACvBR,IAAI,EAAGA,IAAI,IAAM,CAAEE,SAAS,IAAIG,aAAiB;MACjDH,SAAS,EAAGA;IAAW,CACvB;EACD,GAEC,CAAE;IAAEgB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOlB,QAAQ,CAAE;MAChBmB,SAAS,EAAEtB,SAAS;MACpBc,WAAW,EAAEd,SAAS,GAAGoB,gBAAgB,GAAGG,SAAS;MACrDC,SAAS,EAAExB,SAAS,GAAGqB,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAED,eAAexB,uBAAuB"}
+{"version":3,"names":["Draggable","createBlock","serialize","store","blocksStore","useSelect","BlockDraggableChip","INSERTER_PATTERN_TYPES","InserterDraggableBlocks","isEnabled","blocks","icon","children","pattern","transferData","type","blockTypeIcon","select","getBlockType","length","name","createElement","__experimentalTransferDataType","onDragStart","event","parsedBlocks","user","syncStatus","ref","id","dataTransfer","setData","__experimentalDragComponent","count","isPattern","onDraggableStart","onDraggableEnd","draggable","undefined","onDragEnd"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Draggable } from '@wordpress/components';\nimport {\n\tcreateBlock,\n\tserialize,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tpattern,\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\tconst parsedBlocks =\n\t\t\t\t\tpattern?.type === INSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\tpattern?.syncStatus !== 'unsynced'\n\t\t\t\t\t\t? [ createBlock( 'core/block', { ref: pattern.id } ) ]\n\t\t\t\t\t\t: blocks;\n\t\t\t\tevent.dataTransfer.setData(\n\t\t\t\t\t'text/html',\n\t\t\t\t\tserialize( parsedBlocks )\n\t\t\t\t);\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 || ( ! pattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ !! pattern }\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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,uBAAuB;AACjD,SACCC,WAAW,EACXC,SAAS,EACTC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,SAAS,QAAQ,iBAAiB;AAC3C;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,mCAAmC;AAClE,SAASC,sBAAsB,QAAQ,sCAAsC;AAE7E,MAAMC,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,GAAGX,SAAS,CAC5BY,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEb,WAAY,CAAC;IAC9C,OACCM,MAAM,CAACS,MAAM,KAAK,CAAC,IAAID,YAAY,CAAER,MAAM,CAAE,CAAC,CAAE,CAACU,IAAK,CAAC,EAAET,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,OACCW,aAAA,CAACrB,SAAS;IACTsB,8BAA8B,EAAC,WAAW;IAC1CR,YAAY,EAAGA,YAAc;IAC7BS,WAAW,EAAKC,KAAK,IAAM;MAC1B,MAAMC,YAAY,GACjBZ,OAAO,EAAEE,IAAI,KAAKR,sBAAsB,CAACmB,IAAI,IAC7Cb,OAAO,EAAEc,UAAU,KAAK,UAAU,GAC/B,CAAE1B,WAAW,CAAE,YAAY,EAAE;QAAE2B,GAAG,EAAEf,OAAO,CAACgB;MAAG,CAAE,CAAC,CAAE,GACpDnB,MAAM;MACVc,KAAK,CAACM,YAAY,CAACC,OAAO,CACzB,WAAW,EACX7B,SAAS,CAAEuB,YAAa,CACzB,CAAC;IACF,CAAG;IACHO,2BAA2B,EAC1BX,aAAA,CAACf,kBAAkB;MAClB2B,KAAK,EAAGvB,MAAM,CAACS,MAAQ;MACvBR,IAAI,EAAGA,IAAI,IAAM,CAAEE,OAAO,IAAIG,aAAiB;MAC/CkB,SAAS,EAAG,CAAC,CAAErB;IAAS,CACxB;EACD,GAEC,CAAE;IAAEsB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOxB,QAAQ,CAAE;MAChByB,SAAS,EAAE5B,SAAS;MACpBc,WAAW,EAAEd,SAAS,GAAG0B,gBAAgB,GAAGG,SAAS;MACrDC,SAAS,EAAE9B,SAAS,GAAG2B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAED,eAAe9B,uBAAuB"}

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

@@ -32,12 +32,10 @@ function InserterListItem({
     backgroundColor: item.icon.background,
     color: item.icon.foreground
   } : {};
-  const blocks = useMemo(() => {
-    return [createBlock(item.name, item.initialAttributes, createBlocksFromInnerBlocksTemplate(item.innerBlocks))];
-  }, [item.name, item.initialAttributes, item.initialAttributes]);
+  const blocks = useMemo(() => [createBlock(item.name, item.initialAttributes, createBlocksFromInnerBlocksTemplate(item.innerBlocks))], [item.name, item.initialAttributes, item.innerBlocks]);
   const isSynced = isReusableBlock(item) && item.syncStatus !== 'unsynced' || isTemplatePart(item);
   return createElement(InserterDraggableBlocks, {
-    isEnabled: isDraggable && !item.disabled,
+    isEnabled: isDraggable && !item.isDisabled,
     blocks: blocks,
     icon: item.icon
   }, ({

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

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

@@ -11,6 +11,7 @@ import { useCallback } from '@wordpress/element';
  */
 import { store as blockEditorStore } from '../../store';
 import { cleanEmptyObject } from '../../hooks/utils';
+import { TOOLSPANEL_DROPDOWNMENU_PROPS } from '../global-styles/utils';
 export default function BlockSupportToolsPanel({
   children,
   group,
@@ -62,7 +63,8 @@ export default function BlockSupportToolsPanel({
     shouldRenderPlaceholderItems: true // Required to maintain fills ordering.
     ,
     __experimentalFirstVisibleItemClass: "first",
-    __experimentalLastVisibleItemClass: "last"
+    __experimentalLastVisibleItemClass: "last",
+    dropdownMenuProps: TOOLSPANEL_DROPDOWNMENU_PROPS
   }, children);
 }
 //# sourceMappingURL=block-support-tools-panel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalToolsPanel","ToolsPanel","useDispatch","useSelect","useCallback","store","blockEditorStore","cleanEmptyObject","BlockSupportToolsPanel","children","group","label","updateBlockAttributes","getBlockAttributes","getMultiSelectedBlockClientIds","getSelectedBlockClientId","hasMultiSelection","panelId","resetAll","resetFilters","newAttributes","clientIds","forEach","clientId","style","newBlockAttributes","resetFilter","createElement","className","key","hasInnerWrapper","shouldRenderPlaceholderItems","__experimentalFirstVisibleItemClass","__experimentalLastVisibleItemClass"],"sources":["@wordpress/block-editor/src/components/inspector-controls/block-support-tools-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalToolsPanel as ToolsPanel } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\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 { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockAttributes,\n\t\tgetMultiSelectedBlockClientIds,\n\t\tgetSelectedBlockClientId,\n\t\thasMultiSelection,\n\t} = useSelect( blockEditorStore );\n\n\tconst panelId = getSelectedBlockClientId();\n\tconst resetAll = useCallback(\n\t\t( resetFilters = [] ) => {\n\t\t\tconst newAttributes = {};\n\n\t\t\tconst clientIds = hasMultiSelection()\n\t\t\t\t? getMultiSelectedBlockClientIds()\n\t\t\t\t: [ panelId ];\n\n\t\t\tclientIds.forEach( ( clientId ) => {\n\t\t\t\tconst { style } = getBlockAttributes( clientId );\n\t\t\t\tlet newBlockAttributes = { style };\n\n\t\t\t\tresetFilters.forEach( ( resetFilter ) => {\n\t\t\t\t\tnewBlockAttributes = {\n\t\t\t\t\t\t...newBlockAttributes,\n\t\t\t\t\t\t...resetFilter( newBlockAttributes ),\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\t// Enforce a cleaned style object.\n\t\t\t\tnewBlockAttributes = {\n\t\t\t\t\t...newBlockAttributes,\n\t\t\t\t\tstyle: cleanEmptyObject( newBlockAttributes.style ),\n\t\t\t\t};\n\n\t\t\t\tnewAttributes[ clientId ] = newBlockAttributes;\n\t\t\t} );\n\n\t\t\tupdateBlockAttributes( clientIds, newAttributes, true );\n\t\t},\n\t\t[\n\t\t\tgetBlockAttributes,\n\t\t\tgetMultiSelectedBlockClientIds,\n\t\t\thasMultiSelection,\n\t\t\tpanelId,\n\t\t\tupdateBlockAttributes,\n\t\t]\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={ panelId }\n\t\t\tpanelId={ panelId }\n\t\t\thasInnerWrapper={ true }\n\t\t\tshouldRenderPlaceholderItems={ true } // Required to maintain fills ordering.\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\t__experimentalLastVisibleItemClass=\"last\"\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,wBAAwB,IAAIC,UAAU,QAAQ,uBAAuB;AAC9E,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,gBAAgB,QAAQ,mBAAmB;AAEpD,eAAe,SAASC,sBAAsBA,CAAE;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAM,CAAC,EAAG;EAC5E,MAAM;IAAEC;EAAsB,CAAC,GAAGV,WAAW,CAAEI,gBAAiB,CAAC;EACjE,MAAM;IACLO,kBAAkB;IAClBC,8BAA8B;IAC9BC,wBAAwB;IACxBC;EACD,CAAC,GAAGb,SAAS,CAAEG,gBAAiB,CAAC;EAEjC,MAAMW,OAAO,GAAGF,wBAAwB,CAAC,CAAC;EAC1C,MAAMG,QAAQ,GAAGd,WAAW,CAC3B,CAAEe,YAAY,GAAG,EAAE,KAAM;IACxB,MAAMC,aAAa,GAAG,CAAC,CAAC;IAExB,MAAMC,SAAS,GAAGL,iBAAiB,CAAC,CAAC,GAClCF,8BAA8B,CAAC,CAAC,GAChC,CAAEG,OAAO,CAAE;IAEdI,SAAS,CAACC,OAAO,CAAIC,QAAQ,IAAM;MAClC,MAAM;QAAEC;MAAM,CAAC,GAAGX,kBAAkB,CAAEU,QAAS,CAAC;MAChD,IAAIE,kBAAkB,GAAG;QAAED;MAAM,CAAC;MAElCL,YAAY,CAACG,OAAO,CAAII,WAAW,IAAM;QACxCD,kBAAkB,GAAG;UACpB,GAAGA,kBAAkB;UACrB,GAAGC,WAAW,CAAED,kBAAmB;QACpC,CAAC;MACF,CAAE,CAAC;;MAEH;MACAA,kBAAkB,GAAG;QACpB,GAAGA,kBAAkB;QACrBD,KAAK,EAAEjB,gBAAgB,CAAEkB,kBAAkB,CAACD,KAAM;MACnD,CAAC;MAEDJ,aAAa,CAAEG,QAAQ,CAAE,GAAGE,kBAAkB;IAC/C,CAAE,CAAC;IAEHb,qBAAqB,CAAES,SAAS,EAAED,aAAa,EAAE,IAAK,CAAC;EACxD,CAAC,EACD,CACCP,kBAAkB,EAClBC,8BAA8B,EAC9BE,iBAAiB,EACjBC,OAAO,EACPL,qBAAqB,CAEvB,CAAC;EAED,OACCe,aAAA,CAAC1B,UAAU;IACV2B,SAAS,EAAI,GAAGlB,KAAO,sBAAuB;IAC9CC,KAAK,EAAGA,KAAO;IACfO,QAAQ,EAAGA,QAAU;IACrBW,GAAG,EAAGZ,OAAS;IACfA,OAAO,EAAGA,OAAS;IACnBa,eAAe,EAAG,IAAM;IACxBC,4BAA4B,EAAG,IAAM,CAAC;IAAA;IACtCC,mCAAmC,EAAC,OAAO;IAC3CC,kCAAkC,EAAC;EAAM,GAEvCxB,QACS,CAAC;AAEf"}
+{"version":3,"names":["__experimentalToolsPanel","ToolsPanel","useDispatch","useSelect","useCallback","store","blockEditorStore","cleanEmptyObject","TOOLSPANEL_DROPDOWNMENU_PROPS","BlockSupportToolsPanel","children","group","label","updateBlockAttributes","getBlockAttributes","getMultiSelectedBlockClientIds","getSelectedBlockClientId","hasMultiSelection","panelId","resetAll","resetFilters","newAttributes","clientIds","forEach","clientId","style","newBlockAttributes","resetFilter","createElement","className","key","hasInnerWrapper","shouldRenderPlaceholderItems","__experimentalFirstVisibleItemClass","__experimentalLastVisibleItemClass","dropdownMenuProps"],"sources":["@wordpress/block-editor/src/components/inspector-controls/block-support-tools-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalToolsPanel as ToolsPanel } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { cleanEmptyObject } from '../../hooks/utils';\nimport { TOOLSPANEL_DROPDOWNMENU_PROPS } from '../global-styles/utils';\n\nexport default function BlockSupportToolsPanel( { children, group, label } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockAttributes,\n\t\tgetMultiSelectedBlockClientIds,\n\t\tgetSelectedBlockClientId,\n\t\thasMultiSelection,\n\t} = useSelect( blockEditorStore );\n\n\tconst panelId = getSelectedBlockClientId();\n\tconst resetAll = useCallback(\n\t\t( resetFilters = [] ) => {\n\t\t\tconst newAttributes = {};\n\n\t\t\tconst clientIds = hasMultiSelection()\n\t\t\t\t? getMultiSelectedBlockClientIds()\n\t\t\t\t: [ panelId ];\n\n\t\t\tclientIds.forEach( ( clientId ) => {\n\t\t\t\tconst { style } = getBlockAttributes( clientId );\n\t\t\t\tlet newBlockAttributes = { style };\n\n\t\t\t\tresetFilters.forEach( ( resetFilter ) => {\n\t\t\t\t\tnewBlockAttributes = {\n\t\t\t\t\t\t...newBlockAttributes,\n\t\t\t\t\t\t...resetFilter( newBlockAttributes ),\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\t\t// Enforce a cleaned style object.\n\t\t\t\tnewBlockAttributes = {\n\t\t\t\t\t...newBlockAttributes,\n\t\t\t\t\tstyle: cleanEmptyObject( newBlockAttributes.style ),\n\t\t\t\t};\n\n\t\t\t\tnewAttributes[ clientId ] = newBlockAttributes;\n\t\t\t} );\n\n\t\t\tupdateBlockAttributes( clientIds, newAttributes, true );\n\t\t},\n\t\t[\n\t\t\tgetBlockAttributes,\n\t\t\tgetMultiSelectedBlockClientIds,\n\t\t\thasMultiSelection,\n\t\t\tpanelId,\n\t\t\tupdateBlockAttributes,\n\t\t]\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={ panelId }\n\t\t\tpanelId={ panelId }\n\t\t\thasInnerWrapper={ true }\n\t\t\tshouldRenderPlaceholderItems={ true } // Required to maintain fills ordering.\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\t__experimentalLastVisibleItemClass=\"last\"\n\t\t\tdropdownMenuProps={ TOOLSPANEL_DROPDOWNMENU_PROPS }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,wBAAwB,IAAIC,UAAU,QAAQ,uBAAuB;AAC9E,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,6BAA6B,QAAQ,wBAAwB;AAEtE,eAAe,SAASC,sBAAsBA,CAAE;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAM,CAAC,EAAG;EAC5E,MAAM;IAAEC;EAAsB,CAAC,GAAGX,WAAW,CAAEI,gBAAiB,CAAC;EACjE,MAAM;IACLQ,kBAAkB;IAClBC,8BAA8B;IAC9BC,wBAAwB;IACxBC;EACD,CAAC,GAAGd,SAAS,CAAEG,gBAAiB,CAAC;EAEjC,MAAMY,OAAO,GAAGF,wBAAwB,CAAC,CAAC;EAC1C,MAAMG,QAAQ,GAAGf,WAAW,CAC3B,CAAEgB,YAAY,GAAG,EAAE,KAAM;IACxB,MAAMC,aAAa,GAAG,CAAC,CAAC;IAExB,MAAMC,SAAS,GAAGL,iBAAiB,CAAC,CAAC,GAClCF,8BAA8B,CAAC,CAAC,GAChC,CAAEG,OAAO,CAAE;IAEdI,SAAS,CAACC,OAAO,CAAIC,QAAQ,IAAM;MAClC,MAAM;QAAEC;MAAM,CAAC,GAAGX,kBAAkB,CAAEU,QAAS,CAAC;MAChD,IAAIE,kBAAkB,GAAG;QAAED;MAAM,CAAC;MAElCL,YAAY,CAACG,OAAO,CAAII,WAAW,IAAM;QACxCD,kBAAkB,GAAG;UACpB,GAAGA,kBAAkB;UACrB,GAAGC,WAAW,CAAED,kBAAmB;QACpC,CAAC;MACF,CAAE,CAAC;;MAEH;MACAA,kBAAkB,GAAG;QACpB,GAAGA,kBAAkB;QACrBD,KAAK,EAAElB,gBAAgB,CAAEmB,kBAAkB,CAACD,KAAM;MACnD,CAAC;MAEDJ,aAAa,CAAEG,QAAQ,CAAE,GAAGE,kBAAkB;IAC/C,CAAE,CAAC;IAEHb,qBAAqB,CAAES,SAAS,EAAED,aAAa,EAAE,IAAK,CAAC;EACxD,CAAC,EACD,CACCP,kBAAkB,EAClBC,8BAA8B,EAC9BE,iBAAiB,EACjBC,OAAO,EACPL,qBAAqB,CAEvB,CAAC;EAED,OACCe,aAAA,CAAC3B,UAAU;IACV4B,SAAS,EAAI,GAAGlB,KAAO,sBAAuB;IAC9CC,KAAK,EAAGA,KAAO;IACfO,QAAQ,EAAGA,QAAU;IACrBW,GAAG,EAAGZ,OAAS;IACfA,OAAO,EAAGA,OAAS;IACnBa,eAAe,EAAG,IAAM;IACxBC,4BAA4B,EAAG,IAAM,CAAC;IAAA;IACtCC,mCAAmC,EAAC,OAAO;IAC3CC,kCAAkC,EAAC,MAAM;IACzCC,iBAAiB,EAAG3B;EAA+B,GAEjDE,QACS,CAAC;AAEf"}

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

@@ -10,7 +10,7 @@ import { useEffect, useContext } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import useDisplayBlockControls from '../use-display-block-controls';
+import { useBlockEditContext, mayDisplayControlsKey } from '../block-edit/context';
 import groups from './groups';
 export default function InspectorControlsFill({
   children,
@@ -26,13 +26,13 @@ export default function InspectorControlsFill({
     });
     group = __experimentalGroup;
   }
-  const isDisplayed = useDisplayBlockControls();
+  const context = useBlockEditContext();
   const Fill = groups[group]?.Fill;
   if (!Fill) {
     typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warning(`Unknown InspectorControls group "${group}" provided.`) : void 0;
     return null;
   }
-  if (!isDisplayed) {
+  if (!context[mayDisplayControlsKey]) {
     return null;
   }
   return createElement(StyleProvider, {

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalStyleProvider","StyleProvider","__experimentalToolsPanelContext","ToolsPanelContext","warning","deprecated","useEffect","useContext","useDisplayBlockControls","groups","InspectorControlsFill","children","group","__experimentalGroup","resetAllFilter","since","version","alternative","isDisplayed","Fill","SCRIPT_DEBUG","createElement","document","fillProps","ToolsPanelInspectorControl","RegisterResetAll","registerResetAllFilter","deregisterResetAllFilter","forwardedContext","innerMarkup","reduce","inner","Provider","props"],"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolsPanelContext as ToolsPanelContext,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useDisplayBlockControls from '../use-display-block-controls';\nimport groups from './groups';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\tgroup = 'default',\n\t__experimentalGroup,\n\tresetAllFilter,\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsFill`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControls 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\treturn (\n\t\t\t\t\t\t<ToolsPanelInspectorControl\n\t\t\t\t\t\t\tfillProps={ fillProps }\n\t\t\t\t\t\t\tchildren={ children }\n\t\t\t\t\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n\nfunction RegisterResetAll( { resetAllFilter, children } ) {\n\tconst { registerResetAllFilter, deregisterResetAllFilter } =\n\t\tuseContext( ToolsPanelContext );\n\tuseEffect( () => {\n\t\tif (\n\t\t\tresetAllFilter &&\n\t\t\tregisterResetAllFilter &&\n\t\t\tderegisterResetAllFilter\n\t\t) {\n\t\t\tregisterResetAllFilter( resetAllFilter );\n\t\t\treturn () => {\n\t\t\t\tderegisterResetAllFilter( resetAllFilter );\n\t\t\t};\n\t\t}\n\t}, [ resetAllFilter, registerResetAllFilter, deregisterResetAllFilter ] );\n\treturn children;\n}\n\nfunction ToolsPanelInspectorControl( { children, resetAllFilter, fillProps } ) {\n\t// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,\n\t// that should wrap the fill markup.\n\tconst { forwardedContext = [] } = fillProps;\n\n\t// Children passed to InspectorControlsFill will not have\n\t// access to any React Context whose Provider is part of\n\t// the InspectorControlsSlot tree. So we re-create the\n\t// Provider in this subtree.\n\tconst innerMarkup = (\n\t\t<RegisterResetAll resetAllFilter={ resetAllFilter }>\n\t\t\t{ children }\n\t\t</RegisterResetAll>\n\t);\n\treturn forwardedContext.reduce(\n\t\t( inner, [ Provider, props ] ) => (\n\t\t\t<Provider { ...props }>{ inner }</Provider>\n\t\t),\n\t\tinnerMarkup\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,2BAA2B,IAAIC,aAAa,EAC5CC,+BAA+B,IAAIC,iBAAiB,QAC9C,uBAAuB;AAC9B,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,+BAA+B;AACnE,OAAOC,MAAM,MAAM,UAAU;AAE7B,eAAe,SAASC,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,KAAK,GAAG,SAAS;EACjBC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,IAAKD,mBAAmB,EAAG;IAC1BR,UAAU,CACT,2DAA2D,EAC3D;MACCU,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACd,CACD,CAAC;IACDL,KAAK,GAAGC,mBAAmB;EAC5B;EAEA,MAAMK,WAAW,GAAGV,uBAAuB,CAAC,CAAC;EAC7C,MAAMW,IAAI,GAAGV,MAAM,CAAEG,KAAK,CAAE,EAAEO,IAAI;EAClC,IAAK,CAAEA,IAAI,EAAG;IACb,OAAAC,YAAA,oBAAAA,YAAA,YAAAhB,OAAO,CAAG,oCAAoCQ,KAAO,aAAa,CAAC;IACnE,OAAO,IAAI;EACZ;EACA,IAAK,CAAEM,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,OACCG,aAAA,CAACpB,aAAa;IAACqB,QAAQ,EAAGA;EAAU,GACnCD,aAAA,CAACF,IAAI,QACAI,SAAS,IAAM;IAClB,OACCF,aAAA,CAACG,0BAA0B;MAC1BD,SAAS,EAAGA,SAAW;MACvBZ,QAAQ,EAAGA,QAAU;MACrBG,cAAc,EAAGA;IAAgB,CACjC,CAAC;EAEJ,CACK,CACQ,CAAC;AAElB;AAEA,SAASW,gBAAgBA,CAAE;EAAEX,cAAc;EAAEH;AAAS,CAAC,EAAG;EACzD,MAAM;IAAEe,sBAAsB;IAAEC;EAAyB,CAAC,GACzDpB,UAAU,CAAEJ,iBAAkB,CAAC;EAChCG,SAAS,CAAE,MAAM;IAChB,IACCQ,cAAc,IACdY,sBAAsB,IACtBC,wBAAwB,EACvB;MACDD,sBAAsB,CAAEZ,cAAe,CAAC;MACxC,OAAO,MAAM;QACZa,wBAAwB,CAAEb,cAAe,CAAC;MAC3C,CAAC;IACF;EACD,CAAC,EAAE,CAAEA,cAAc,EAAEY,sBAAsB,EAAEC,wBAAwB,CAAG,CAAC;EACzE,OAAOhB,QAAQ;AAChB;AAEA,SAASa,0BAA0BA,CAAE;EAAEb,QAAQ;EAAEG,cAAc;EAAES;AAAU,CAAC,EAAG;EAC9E;EACA;EACA,MAAM;IAAEK,gBAAgB,GAAG;EAAG,CAAC,GAAGL,SAAS;;EAE3C;EACA;EACA;EACA;EACA,MAAMM,WAAW,GAChBR,aAAA,CAACI,gBAAgB;IAACX,cAAc,EAAGA;EAAgB,GAChDH,QACe,CAClB;EACD,OAAOiB,gBAAgB,CAACE,MAAM,CAC7B,CAAEC,KAAK,EAAE,CAAEC,QAAQ,EAAEC,KAAK,CAAE,KAC3BZ,aAAA,CAACW,QAAQ;IAAA,GAAMC;EAAK,GAAKF,KAAiB,CAC1C,EACDF,WACD,CAAC;AACF"}
+{"version":3,"names":["__experimentalStyleProvider","StyleProvider","__experimentalToolsPanelContext","ToolsPanelContext","warning","deprecated","useEffect","useContext","useBlockEditContext","mayDisplayControlsKey","groups","InspectorControlsFill","children","group","__experimentalGroup","resetAllFilter","since","version","alternative","context","Fill","SCRIPT_DEBUG","createElement","document","fillProps","ToolsPanelInspectorControl","RegisterResetAll","registerResetAllFilter","deregisterResetAllFilter","forwardedContext","innerMarkup","reduce","inner","Provider","props"],"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolsPanelContext as ToolsPanelContext,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n} from '../block-edit/context';\nimport groups from './groups';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\tgroup = 'default',\n\t__experimentalGroup,\n\tresetAllFilter,\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsFill`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\n\tconst context = useBlockEditContext();\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! context[ mayDisplayControlsKey ] ) {\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\treturn (\n\t\t\t\t\t\t<ToolsPanelInspectorControl\n\t\t\t\t\t\t\tfillProps={ fillProps }\n\t\t\t\t\t\t\tchildren={ children }\n\t\t\t\t\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n\nfunction RegisterResetAll( { resetAllFilter, children } ) {\n\tconst { registerResetAllFilter, deregisterResetAllFilter } =\n\t\tuseContext( ToolsPanelContext );\n\tuseEffect( () => {\n\t\tif (\n\t\t\tresetAllFilter &&\n\t\t\tregisterResetAllFilter &&\n\t\t\tderegisterResetAllFilter\n\t\t) {\n\t\t\tregisterResetAllFilter( resetAllFilter );\n\t\t\treturn () => {\n\t\t\t\tderegisterResetAllFilter( resetAllFilter );\n\t\t\t};\n\t\t}\n\t}, [ resetAllFilter, registerResetAllFilter, deregisterResetAllFilter ] );\n\treturn children;\n}\n\nfunction ToolsPanelInspectorControl( { children, resetAllFilter, fillProps } ) {\n\t// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,\n\t// that should wrap the fill markup.\n\tconst { forwardedContext = [] } = fillProps;\n\n\t// Children passed to InspectorControlsFill will not have\n\t// access to any React Context whose Provider is part of\n\t// the InspectorControlsSlot tree. So we re-create the\n\t// Provider in this subtree.\n\tconst innerMarkup = (\n\t\t<RegisterResetAll resetAllFilter={ resetAllFilter }>\n\t\t\t{ children }\n\t\t</RegisterResetAll>\n\t);\n\treturn forwardedContext.reduce(\n\t\t( inner, [ Provider, props ] ) => (\n\t\t\t<Provider { ...props }>{ inner }</Provider>\n\t\t),\n\t\tinnerMarkup\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,2BAA2B,IAAIC,aAAa,EAC5CC,+BAA+B,IAAIC,iBAAiB,QAC9C,uBAAuB;AAC9B,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SACCC,mBAAmB,EACnBC,qBAAqB,QACf,uBAAuB;AAC9B,OAAOC,MAAM,MAAM,UAAU;AAE7B,eAAe,SAASC,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,KAAK,GAAG,SAAS;EACjBC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,IAAKD,mBAAmB,EAAG;IAC1BT,UAAU,CACT,2DAA2D,EAC3D;MACCW,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACd,CACD,CAAC;IACDL,KAAK,GAAGC,mBAAmB;EAC5B;EAEA,MAAMK,OAAO,GAAGX,mBAAmB,CAAC,CAAC;EACrC,MAAMY,IAAI,GAAGV,MAAM,CAAEG,KAAK,CAAE,EAAEO,IAAI;EAClC,IAAK,CAAEA,IAAI,EAAG;IACb,OAAAC,YAAA,oBAAAA,YAAA,YAAAjB,OAAO,CAAG,oCAAoCS,KAAO,aAAa,CAAC;IACnE,OAAO,IAAI;EACZ;EACA,IAAK,CAAEM,OAAO,CAAEV,qBAAqB,CAAE,EAAG;IACzC,OAAO,IAAI;EACZ;EAEA,OACCa,aAAA,CAACrB,aAAa;IAACsB,QAAQ,EAAGA;EAAU,GACnCD,aAAA,CAACF,IAAI,QACAI,SAAS,IAAM;IAClB,OACCF,aAAA,CAACG,0BAA0B;MAC1BD,SAAS,EAAGA,SAAW;MACvBZ,QAAQ,EAAGA,QAAU;MACrBG,cAAc,EAAGA;IAAgB,CACjC,CAAC;EAEJ,CACK,CACQ,CAAC;AAElB;AAEA,SAASW,gBAAgBA,CAAE;EAAEX,cAAc;EAAEH;AAAS,CAAC,EAAG;EACzD,MAAM;IAAEe,sBAAsB;IAAEC;EAAyB,CAAC,GACzDrB,UAAU,CAAEJ,iBAAkB,CAAC;EAChCG,SAAS,CAAE,MAAM;IAChB,IACCS,cAAc,IACdY,sBAAsB,IACtBC,wBAAwB,EACvB;MACDD,sBAAsB,CAAEZ,cAAe,CAAC;MACxC,OAAO,MAAM;QACZa,wBAAwB,CAAEb,cAAe,CAAC;MAC3C,CAAC;IACF;EACD,CAAC,EAAE,CAAEA,cAAc,EAAEY,sBAAsB,EAAEC,wBAAwB,CAAG,CAAC;EACzE,OAAOhB,QAAQ;AAChB;AAEA,SAASa,0BAA0BA,CAAE;EAAEb,QAAQ;EAAEG,cAAc;EAAES;AAAU,CAAC,EAAG;EAC9E;EACA;EACA,MAAM;IAAEK,gBAAgB,GAAG;EAAG,CAAC,GAAGL,SAAS;;EAE3C;EACA;EACA;EACA;EACA,MAAMM,WAAW,GAChBR,aAAA,CAACI,gBAAgB;IAACX,cAAc,EAAGA;EAAgB,GAChDH,QACe,CAClB;EACD,OAAOiB,gBAAgB,CAACE,MAAM,CAC7B,CAAEC,KAAK,EAAE,CAAEC,QAAQ,EAAEC,KAAK,CAAE,KAC3BZ,aAAA,CAACW,QAAQ;IAAA,GAAMC;EAAK,GAAKF,KAAiB,CAC1C,EACDF,WACD,CAAC;AACF"}

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

@@ -16,7 +16,7 @@ import deprecated from '@wordpress/deprecated';
  * Internal dependencies
  */
 import groups from './groups';
-import useDisplayBlockControls from '../use-display-block-controls';
+import { useBlockEditContext, mayDisplayControlsKey } from '../block-edit/context';
 import { BlockSettingsButton } from '../block-settings';
 export default function InspectorControlsFill({
   children,
@@ -32,13 +32,13 @@ export default function InspectorControlsFill({
     });
     group = __experimentalGroup;
   }
-  const isDisplayed = useDisplayBlockControls();
+  const context = useBlockEditContext();
   const Fill = groups[group]?.Fill;
   if (!Fill) {
     typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warning(`Unknown InspectorControls group "${group}" provided.`) : void 0;
     return null;
   }
-  if (!isDisplayed) {
+  if (!context[mayDisplayControlsKey]) {
     return null;
   }
   return createElement(Fragment, null, createElement(Fill, {

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

@@ -1 +1 @@
-{"version":3,"names":["View","Children","BottomSheetConsumer","warning","deprecated","groups","useDisplayBlockControls","BlockSettingsButton","InspectorControlsFill","children","group","__experimentalGroup","props","since","version","alternative","isDisplayed","Fill","SCRIPT_DEBUG","createElement","Fragment","count"],"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.native.js"],"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';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport useDisplayBlockControls from '../use-display-block-controls';\nimport { BlockSettingsButton } from '../block-settings';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\tgroup = 'default',\n\t__experimentalGroup,\n\t...props\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsFill`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst isDisplayed = useDisplayBlockControls();\n\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! isDisplayed ) {\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"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,uBAAuB,MAAM,+BAA+B;AACnE,SAASC,mBAAmB,QAAQ,mBAAmB;AAEvD,eAAe,SAASC,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,KAAK,GAAG,SAAS;EACjBC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,IAAKD,mBAAmB,EAAG;IAC1BP,UAAU,CACT,2DAA2D,EAC3D;MACCS,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACd,CACD,CAAC;IACDL,KAAK,GAAGC,mBAAmB;EAC5B;EACA,MAAMK,WAAW,GAAGV,uBAAuB,CAAC,CAAC;EAE7C,MAAMW,IAAI,GAAGZ,MAAM,CAAEK,KAAK,CAAE,EAAEO,IAAI;EAClC,IAAK,CAAEA,IAAI,EAAG;IACb,OAAAC,YAAA,oBAAAA,YAAA,YAAAf,OAAO,CAAG,oCAAoCO,KAAO,aAAa,CAAC;IACnE,OAAO,IAAI;EACZ;EACA,IAAK,CAAEM,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,OACCG,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACF,IAAI;IAAA,GAAML;EAAK,GAEdO,aAAA,CAACjB,mBAAmB,QACjB,MAAMiB,aAAA,CAACnB,IAAI,QAAGS,QAAgB,CACZ,CAEjB,CAAC,EACLR,QAAQ,CAACoB,KAAK,CAAEZ,QAAS,CAAC,GAAG,CAAC,IAAIU,aAAA,CAACZ,mBAAmB,MAAE,CACzD,CAAC;AAEL"}
+{"version":3,"names":["View","Children","BottomSheetConsumer","warning","deprecated","groups","useBlockEditContext","mayDisplayControlsKey","BlockSettingsButton","InspectorControlsFill","children","group","__experimentalGroup","props","since","version","alternative","context","Fill","SCRIPT_DEBUG","createElement","Fragment","count"],"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.native.js"],"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';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport {\n\tuseBlockEditContext,\n\tmayDisplayControlsKey,\n} from '../block-edit/context';\nimport { BlockSettingsButton } from '../block-settings';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\tgroup = 'default',\n\t__experimentalGroup,\n\t...props\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsFill`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst context = useBlockEditContext();\n\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! context[ mayDisplayControlsKey ] ) {\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"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,UAAU;AAC7B,SACCC,mBAAmB,EACnBC,qBAAqB,QACf,uBAAuB;AAC9B,SAASC,mBAAmB,QAAQ,mBAAmB;AAEvD,eAAe,SAASC,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,KAAK,GAAG,SAAS;EACjBC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,IAAKD,mBAAmB,EAAG;IAC1BR,UAAU,CACT,2DAA2D,EAC3D;MACCU,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACd,CACD,CAAC;IACDL,KAAK,GAAGC,mBAAmB;EAC5B;EACA,MAAMK,OAAO,GAAGX,mBAAmB,CAAC,CAAC;EAErC,MAAMY,IAAI,GAAGb,MAAM,CAAEM,KAAK,CAAE,EAAEO,IAAI;EAClC,IAAK,CAAEA,IAAI,EAAG;IACb,OAAAC,YAAA,oBAAAA,YAAA,YAAAhB,OAAO,CAAG,oCAAoCQ,KAAO,aAAa,CAAC;IACnE,OAAO,IAAI;EACZ;EACA,IAAK,CAAEM,OAAO,CAAEV,qBAAqB,CAAE,EAAG;IACzC,OAAO,IAAI;EACZ;EAEA,OACCa,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACF,IAAI;IAAA,GAAML;EAAK,GAEdO,aAAA,CAAClB,mBAAmB,QACjB,MAAMkB,aAAA,CAACpB,IAAI,QAAGU,QAAgB,CACZ,CAEjB,CAAC,EACLT,QAAQ,CAACqB,KAAK,CAAEZ,QAAS,CAAC,GAAG,CAAC,IAAIU,aAAA,CAACZ,mBAAmB,MAAE,CACzD,CAAC;AAEL"}

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

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { TabPanel } from '@wordpress/components';
+import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -12,6 +12,10 @@ import SettingsTab from './settings-tab';
 import StylesTab from './styles-tab';
 import InspectorControls from '../inspector-controls';
 import useIsListViewTabDisabled from './use-is-list-view-tab-disabled';
+import { unlock } from '../../lock-unlock';
+const {
+  Tabs
+} = unlock(componentsPrivateApis);
 export default function InspectorControlsTabs({
   blockName,
   clientId,
@@ -24,29 +28,36 @@ export default function InspectorControlsTabs({
   // which at the time is the first tab. This check allows blocks known to
   // include the list view tab to set it as the tab selected by default.
   const initialTabName = !useIsListViewTabDisabled(blockName) ? TAB_LIST_VIEW.name : undefined;
-  return createElement(TabPanel, {
-    className: "block-editor-block-inspector__tabs",
-    tabs: tabs,
-    initialTabName: initialTabName,
+  return createElement("div", {
+    className: "block-editor-block-inspector__tabs"
+  }, createElement(Tabs, {
+    initialTabId: initialTabName,
     key: clientId
-  }, tab => {
-    if (tab.name === TAB_SETTINGS.name) {
-      return createElement(SettingsTab, {
-        showAdvancedControls: !!blockName
-      });
-    }
-    if (tab.name === TAB_STYLES.name) {
-      return createElement(StylesTab, {
-        blockName: blockName,
-        clientId: clientId,
-        hasBlockStyles: hasBlockStyles
-      });
-    }
-    if (tab.name === TAB_LIST_VIEW.name) {
-      return createElement(InspectorControls.Slot, {
-        group: "list"
-      });
-    }
-  });
+  }, createElement(Tabs.TabList, null, tabs.map(tab => createElement(Tabs.Tab, {
+    key: tab.name,
+    tabId: tab.name,
+    render: createElement(Button, {
+      icon: tab.icon,
+      label: tab.title,
+      className: tab.className
+    })
+  }))), createElement(Tabs.TabPanel, {
+    tabId: TAB_SETTINGS.name,
+    focusable: false
+  }, createElement(SettingsTab, {
+    showAdvancedControls: !!blockName
+  })), createElement(Tabs.TabPanel, {
+    tabId: TAB_STYLES.name,
+    focusable: false
+  }, createElement(StylesTab, {
+    blockName: blockName,
+    clientId: clientId,
+    hasBlockStyles: hasBlockStyles
+  })), createElement(Tabs.TabPanel, {
+    tabId: TAB_LIST_VIEW.name,
+    focusable: false
+  }, createElement(InspectorControls.Slot, {
+    group: "list"
+  }))));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TabPanel","TAB_SETTINGS","TAB_STYLES","TAB_LIST_VIEW","SettingsTab","StylesTab","InspectorControls","useIsListViewTabDisabled","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","initialTabName","name","undefined","createElement","className","key","tab","showAdvancedControls","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { TabPanel } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\treturn (\n\t\t<TabPanel\n\t\t\tclassName=\"block-editor-block-inspector__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tinitialTabName={ initialTabName }\n\t\t\tkey={ clientId }\n\t\t>\n\t\t\t{ ( tab ) => {\n\t\t\t\tif ( tab.name === TAB_SETTINGS.name ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( tab.name === TAB_STYLES.name ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<StylesTab\n\t\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( tab.name === TAB_LIST_VIEW.name ) {\n\t\t\t\t\treturn <InspectorControls.Slot group=\"list\" />;\n\t\t\t\t}\n\t\t\t} }\n\t\t</TabPanel>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;;AAEhD;AACA;AACA;AACA,SAASC,YAAY,EAAEC,UAAU,EAAEC,aAAa,QAAQ,SAAS;AACjE,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,wBAAwB,MAAM,iCAAiC;AAEtE,eAAe,SAASC,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH;EACA;EACA;EACA;EACA;EACA,MAAMC,cAAc,GAAG,CAAEN,wBAAwB,CAAEE,SAAU,CAAC,GAC3DN,aAAa,CAACW,IAAI,GAClBC,SAAS;EACZ,OACCC,aAAA,CAAChB,QAAQ;IACRiB,SAAS,EAAC,oCAAoC;IAC9CL,IAAI,EAAGA,IAAM;IACbC,cAAc,EAAGA,cAAgB;IACjCK,GAAG,EAAGR;EAAU,GAEZS,GAAG,IAAM;IACZ,IAAKA,GAAG,CAACL,IAAI,KAAKb,YAAY,CAACa,IAAI,EAAG;MACrC,OACCE,aAAA,CAACZ,WAAW;QAACgB,oBAAoB,EAAG,CAAC,CAAEX;MAAW,CAAE,CAAC;IAEvD;IAEA,IAAKU,GAAG,CAACL,IAAI,KAAKZ,UAAU,CAACY,IAAI,EAAG;MACnC,OACCE,aAAA,CAACX,SAAS;QACTI,SAAS,EAAGA,SAAW;QACvBC,QAAQ,EAAGA,QAAU;QACrBC,cAAc,EAAGA;MAAgB,CACjC,CAAC;IAEJ;IAEA,IAAKQ,GAAG,CAACL,IAAI,KAAKX,aAAa,CAACW,IAAI,EAAG;MACtC,OAAOE,aAAA,CAACV,iBAAiB,CAACe,IAAI;QAACC,KAAK,EAAC;MAAM,CAAE,CAAC;IAC/C;EACD,CACS,CAAC;AAEb"}
+{"version":3,"names":["Button","privateApis","componentsPrivateApis","TAB_SETTINGS","TAB_STYLES","TAB_LIST_VIEW","SettingsTab","StylesTab","InspectorControls","useIsListViewTabDisabled","unlock","Tabs","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","initialTabName","name","undefined","createElement","className","initialTabId","key","TabList","map","tab","Tab","tabId","render","icon","label","title","TabPanel","focusable","showAdvancedControls","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs initialTabId={ initialTabName } key={ clientId }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ tab.icon }\n\t\t\t\t\t\t\t\t\tlabel={ tab.title }\n\t\t\t\t\t\t\t\t\tclassName={ tab.className }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,YAAY,EAAEC,UAAU,EAAEC,aAAa,QAAQ,SAAS;AACjE,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,wBAAwB,MAAM,iCAAiC;AACtE,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAK,CAAC,GAAGD,MAAM,CAAER,qBAAsB,CAAC;AAEhD,eAAe,SAASU,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH;EACA;EACA;EACA;EACA;EACA,MAAMC,cAAc,GAAG,CAAER,wBAAwB,CAAEI,SAAU,CAAC,GAC3DR,aAAa,CAACa,IAAI,GAClBC,SAAS;EAEZ,OACCC,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAClDD,aAAA,CAACT,IAAI;IAACW,YAAY,EAAGL,cAAgB;IAACM,GAAG,EAAGT;EAAU,GACrDM,aAAA,CAACT,IAAI,CAACa,OAAO,QACVR,IAAI,CAACS,GAAG,CAAIC,GAAG,IAChBN,aAAA,CAACT,IAAI,CAACgB,GAAG;IACRJ,GAAG,EAAGG,GAAG,CAACR,IAAM;IAChBU,KAAK,EAAGF,GAAG,CAACR,IAAM;IAClBW,MAAM,EACLT,aAAA,CAACpB,MAAM;MACN8B,IAAI,EAAGJ,GAAG,CAACI,IAAM;MACjBC,KAAK,EAAGL,GAAG,CAACM,KAAO;MACnBX,SAAS,EAAGK,GAAG,CAACL;IAAW,CAC3B;EACD,CACD,CACA,CACW,CAAC,EACfD,aAAA,CAACT,IAAI,CAACsB,QAAQ;IAACL,KAAK,EAAGzB,YAAY,CAACe,IAAM;IAACgB,SAAS,EAAG;EAAO,GAC7Dd,aAAA,CAACd,WAAW;IAAC6B,oBAAoB,EAAG,CAAC,CAAEtB;EAAW,CAAE,CACtC,CAAC,EAChBO,aAAA,CAACT,IAAI,CAACsB,QAAQ;IAACL,KAAK,EAAGxB,UAAU,CAACc,IAAM;IAACgB,SAAS,EAAG;EAAO,GAC3Dd,aAAA,CAACb,SAAS;IACTM,SAAS,EAAGA,SAAW;IACvBC,QAAQ,EAAGA,QAAU;IACrBC,cAAc,EAAGA;EAAgB,CACjC,CACa,CAAC,EAChBK,aAAA,CAACT,IAAI,CAACsB,QAAQ;IAACL,KAAK,EAAGvB,aAAa,CAACa,IAAM;IAACgB,SAAS,EAAG;EAAO,GAC9Dd,aAAA,CAACZ,iBAAiB,CAAC4B,IAAI;IAACC,KAAK,EAAC;EAAM,CAAE,CACxB,CACV,CACF,CAAC;AAER"}