@wordpress/block-editor 12.26.0 → 13.0.1

package/build-module/components/inserter/reusable-block-rename-hint.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,8 @@ import { useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { close } from '@wordpress/icons';
 import { store as preferencesStore } from '@wordpress/preferences';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const PREFERENCE_NAME = 'isResuableBlocksrRenameHintVisible';
 /*
  * This hook was added in 6.3 to help users with the transition from Reusable blocks to Patterns.
@@ -39,23 +40,25 @@ export default function ReusableBlocksRenameHint() {
   if (!isReusableBlocksRenameHint) {
     return null;
   }
-  return createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
-    className: "reusable-blocks-menu-items__rename-hint"
-  }, createElement("div", {
-    className: "reusable-blocks-menu-items__rename-hint-content"
-  }, __('Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.')), createElement(Button, {
-    className: "reusable-blocks-menu-items__rename-hint-dismiss",
-    icon: close,
-    iconSize: "16",
-    label: __('Dismiss hint'),
-    onClick: () => {
-      // Retain focus when dismissing the element.
-      const previousElement = focus.tabbable.findPrevious(ref.current);
-      previousElement?.focus();
-      setPreference('core', PREFERENCE_NAME, false);
-    },
-    showTooltip: false
-  }));
+    className: "reusable-blocks-menu-items__rename-hint",
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "reusable-blocks-menu-items__rename-hint-content",
+      children: __('Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.')
+    }), /*#__PURE__*/_jsx(Button, {
+      className: "reusable-blocks-menu-items__rename-hint-dismiss",
+      icon: close,
+      iconSize: "16",
+      label: __('Dismiss hint'),
+      onClick: () => {
+        // Retain focus when dismissing the element.
+        const previousElement = focus.tabbable.findPrevious(ref.current);
+        previousElement?.focus();
+        setPreference('core', PREFERENCE_NAME, false);
+      },
+      showTooltip: false
+    })]
+  });
 }
 //# sourceMappingURL=reusable-block-rename-hint.js.map

package/build-module/components/inserter/reusable-block-rename-hint.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","useDispatch","useSelect","focus","useRef","__","close","store","preferencesStore","PREFERENCE_NAME","useReusableBlocksRenameHint","select","_select$get","get","ReusableBlocksRenameHint","isReusableBlocksRenameHint","_select$get2","ref","set","setPreference","createElement","className","icon","iconSize","label","onClick","previousElement","tabbable","findPrevious","current","showTooltip"],"sources":["@wordpress/block-editor/src/components/inserter/reusable-block-rename-hint.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nconst PREFERENCE_NAME = 'isResuableBlocksrRenameHintVisible';\n/*\n * This hook was added in 6.3 to help users with the transition from Reusable blocks to Patterns.\n * It is only exported for use in the reusable-blocks package as well as block-editor.\n * It will be removed in 6.4. and should not be used in any new code.\n */\nexport function useReusableBlocksRenameHint() {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n}\n\n/*\n * This component was added in 6.3 to help users with the transition from Reusable blocks to Patterns.\n * It is only exported for use in the reusable-blocks package as well as block-editor.\n * It will be removed in 6.4. and should not be used in any new code.\n */\nexport default function ReusableBlocksRenameHint() {\n\tconst isReusableBlocksRenameHint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n\n\tconst ref = useRef();\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tif ( ! isReusableBlocksRenameHint ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"reusable-blocks-menu-items__rename-hint\">\n\t\t\t<div className=\"reusable-blocks-menu-items__rename-hint-content\">\n\t\t\t\t{ __(\n\t\t\t\t\t'Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.'\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"reusable-blocks-menu-items__rename-hint-dismiss\"\n\t\t\t\ticon={ close }\n\t\t\t\ticonSize=\"16\"\n\t\t\t\tlabel={ __( 'Dismiss hint' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\t// Retain focus when dismissing the element.\n\t\t\t\t\tconst previousElement = focus.tabbable.findPrevious(\n\t\t\t\t\t\tref.current\n\t\t\t\t\t);\n\t\t\t\t\tpreviousElement?.focus();\n\t\t\t\t\tsetPreference( 'core', PREFERENCE_NAME, false );\n\t\t\t\t} }\n\t\t\t\tshowTooltip={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAElE,MAAMC,eAAe,GAAG,oCAAoC;AAC5D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,2BAA2BA,CAAA,EAAG;EAC7C,OAAOR,SAAS,CACbS,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEH,gBAAiB,CAAC,CAACK,GAAG,CAAE,MAAM,EAAEJ,eAAgB,CAAC,cAAAG,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASE,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,0BAA0B,GAAGb,SAAS,CACzCS,MAAM;IAAA,IAAAK,YAAA;IAAA,QAAAA,YAAA,GACPL,MAAM,CAAEH,gBAAiB,CAAC,CAACK,GAAG,CAAE,MAAM,EAAEJ,eAAgB,CAAC,cAAAO,YAAA,cAAAA,YAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMC,GAAG,GAAGb,MAAM,CAAC,CAAC;EAEpB,MAAM;IAAEc,GAAG,EAAEC;EAAc,CAAC,GAAGlB,WAAW,CAAEO,gBAAiB,CAAC;EAC9D,IAAK,CAAEO,0BAA0B,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,OACCK,aAAA;IAAKH,GAAG,EAAGA,GAAK;IAACI,SAAS,EAAC;EAAyC,GACnED,aAAA;IAAKC,SAAS,EAAC;EAAiD,GAC7DhB,EAAE,CACH,oHACD,CACI,CAAC,EACNe,aAAA,CAACpB,MAAM;IACNqB,SAAS,EAAC,iDAAiD;IAC3DC,IAAI,EAAGhB,KAAO;IACdiB,QAAQ,EAAC,IAAI;IACbC,KAAK,EAAGnB,EAAE,CAAE,cAAe,CAAG;IAC9BoB,OAAO,EAAGA,CAAA,KAAM;MACf;MACA,MAAMC,eAAe,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,YAAY,CAClDX,GAAG,CAACY,OACL,CAAC;MACDH,eAAe,EAAEvB,KAAK,CAAC,CAAC;MACxBgB,aAAa,CAAE,MAAM,EAAEV,eAAe,EAAE,KAAM,CAAC;IAChD,CAAG;IACHqB,WAAW,EAAG;EAAO,CACrB,CACG,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["Button","useDispatch","useSelect","focus","useRef","__","close","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","PREFERENCE_NAME","useReusableBlocksRenameHint","select","_select$get","get","ReusableBlocksRenameHint","isReusableBlocksRenameHint","_select$get2","ref","set","setPreference","className","children","icon","iconSize","label","onClick","previousElement","tabbable","findPrevious","current","showTooltip"],"sources":["@wordpress/block-editor/src/components/inserter/reusable-block-rename-hint.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nconst PREFERENCE_NAME = 'isResuableBlocksrRenameHintVisible';\n/*\n * This hook was added in 6.3 to help users with the transition from Reusable blocks to Patterns.\n * It is only exported for use in the reusable-blocks package as well as block-editor.\n * It will be removed in 6.4. and should not be used in any new code.\n */\nexport function useReusableBlocksRenameHint() {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n}\n\n/*\n * This component was added in 6.3 to help users with the transition from Reusable blocks to Patterns.\n * It is only exported for use in the reusable-blocks package as well as block-editor.\n * It will be removed in 6.4. and should not be used in any new code.\n */\nexport default function ReusableBlocksRenameHint() {\n\tconst isReusableBlocksRenameHint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n\n\tconst ref = useRef();\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tif ( ! isReusableBlocksRenameHint ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"reusable-blocks-menu-items__rename-hint\">\n\t\t\t<div className=\"reusable-blocks-menu-items__rename-hint-content\">\n\t\t\t\t{ __(\n\t\t\t\t\t'Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.'\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"reusable-blocks-menu-items__rename-hint-dismiss\"\n\t\t\t\ticon={ close }\n\t\t\t\ticonSize=\"16\"\n\t\t\t\tlabel={ __( 'Dismiss hint' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\t// Retain focus when dismissing the element.\n\t\t\t\t\tconst previousElement = focus.tabbable.findPrevious(\n\t\t\t\t\t\tref.current\n\t\t\t\t\t);\n\t\t\t\t\tpreviousElement?.focus();\n\t\t\t\t\tsetPreference( 'core', PREFERENCE_NAME, false );\n\t\t\t\t} }\n\t\t\t\tshowTooltip={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnE,MAAMC,eAAe,GAAG,oCAAoC;AAC5D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,2BAA2BA,CAAA,EAAG;EAC7C,OAAOZ,SAAS,CACba,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEP,gBAAiB,CAAC,CAACS,GAAG,CAAE,MAAM,EAAEJ,eAAgB,CAAC,cAAAG,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASE,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,0BAA0B,GAAGjB,SAAS,CACzCa,MAAM;IAAA,IAAAK,YAAA;IAAA,QAAAA,YAAA,GACPL,MAAM,CAAEP,gBAAiB,CAAC,CAACS,GAAG,CAAE,MAAM,EAAEJ,eAAgB,CAAC,cAAAO,YAAA,cAAAA,YAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMC,GAAG,GAAGjB,MAAM,CAAC,CAAC;EAEpB,MAAM;IAAEkB,GAAG,EAAEC;EAAc,CAAC,GAAGtB,WAAW,CAAEO,gBAAiB,CAAC;EAC9D,IAAK,CAAEW,0BAA0B,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACCP,KAAA;IAAKS,GAAG,EAAGA,GAAK;IAACG,SAAS,EAAC,yCAAyC;IAAAC,QAAA,gBACnEf,IAAA;MAAKc,SAAS,EAAC,iDAAiD;MAAAC,QAAA,EAC7DpB,EAAE,CACH,oHACD;IAAC,CACG,CAAC,eACNK,IAAA,CAACV,MAAM;MACNwB,SAAS,EAAC,iDAAiD;MAC3DE,IAAI,EAAGpB,KAAO;MACdqB,QAAQ,EAAC,IAAI;MACbC,KAAK,EAAGvB,EAAE,CAAE,cAAe,CAAG;MAC9BwB,OAAO,EAAGA,CAAA,KAAM;QACf;QACA,MAAMC,eAAe,GAAG3B,KAAK,CAAC4B,QAAQ,CAACC,YAAY,CAClDX,GAAG,CAACY,OACL,CAAC;QACDH,eAAe,EAAE3B,KAAK,CAAC,CAAC;QACxBoB,aAAa,CAAE,MAAM,EAAEV,eAAe,EAAE,KAAM,CAAC;MAChD,CAAG;MACHqB,WAAW,EAAG;IAAO,CACrB,CAAC;EAAA,CACE,CAAC;AAER","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -12,6 +11,7 @@ import { useMemo } from '@wordpress/element';
 import BlockTypesList from '../block-types-list';
 import { store as blockEditorStore } from '../../store';
 import { createInserterSection, filterInserterItems } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 function ReusableBlocksTab({
   onSelect,
   rootClientId,
@@ -37,7 +37,7 @@ function ReusableBlocksTab({
     key: 'reuseable',
     items
   })];
-  return createElement(BlockTypesList, {
+  return /*#__PURE__*/_jsx(BlockTypesList, {
     name: "SyncedPatterns",
     sections: sections,
     onSelect: onSelect,

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","__","useMemo","BlockTypesList","store","blockEditorStore","createInserterSection","filterInserterItems","ReusableBlocksTab","onSelect","rootClientId","listProps","inserterItems","select","getInserterItems","allItems","items","onlyReusable","sections","key","createElement","name","label"],"sources":["@wordpress/block-editor/src/components/inserter/reusable-blocks-tab.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport { store as blockEditorStore } from '../../store';\nimport { createInserterSection, filterInserterItems } from './utils';\n\nfunction ReusableBlocksTab( { onSelect, rootClientId, listProps } ) {\n\tconst { inserterItems } = 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\tinserterItems: allItems,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst items = useMemo( () => {\n\t\treturn filterInserterItems( inserterItems, { onlyReusable: true } );\n\t}, [ inserterItems ] );\n\n\tconst sections = [ createInserterSection( { key: 'reuseable', items } ) ];\n\n\treturn (\n\t\t<BlockTypesList\n\t\t\tname=\"SyncedPatterns\"\n\t\t\tsections={ sections }\n\t\t\tonSelect={ onSelect }\n\t\t\tlistProps={ listProps }\n\t\t\tlabel={ __( 'Synced patterns' ) }\n\t\t/>\n\t);\n}\n\nexport default ReusableBlocksTab;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAOC,cAAc,MAAM,qBAAqB;AAChD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,SAAS;AAEpE,SAASC,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC,YAAY;EAAEC;AAAU,CAAC,EAAG;EACnE,MAAM;IAAEC;EAAc,CAAC,GAAGZ,SAAS,CAChCa,MAAM,IAAM;IACb,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAER,gBAAiB,CAAC;IACvD,MAAMU,QAAQ,GAAGD,gBAAgB,CAAEJ,YAAa,CAAC;IAEjD,OAAO;MACNE,aAAa,EAAEG;IAChB,CAAC;EACF,CAAC,EACD,CAAEL,YAAY,CACf,CAAC;EAED,MAAMM,KAAK,GAAGd,OAAO,CAAE,MAAM;IAC5B,OAAOK,mBAAmB,CAAEK,aAAa,EAAE;MAAEK,YAAY,EAAE;IAAK,CAAE,CAAC;EACpE,CAAC,EAAE,CAAEL,aAAa,CAAG,CAAC;EAEtB,MAAMM,QAAQ,GAAG,CAAEZ,qBAAqB,CAAE;IAAEa,GAAG,EAAE,WAAW;IAAEH;EAAM,CAAE,CAAC,CAAE;EAEzE,OACCI,aAAA,CAACjB,cAAc;IACdkB,IAAI,EAAC,gBAAgB;IACrBH,QAAQ,EAAGA,QAAU;IACrBT,QAAQ,EAAGA,QAAU;IACrBE,SAAS,EAAGA,SAAW;IACvBW,KAAK,EAAGrB,EAAE,CAAE,iBAAkB;EAAG,CACjC,CAAC;AAEJ;AAEA,eAAeO,iBAAiB","ignoreList":[]}
+{"version":3,"names":["useSelect","__","useMemo","BlockTypesList","store","blockEditorStore","createInserterSection","filterInserterItems","jsx","_jsx","ReusableBlocksTab","onSelect","rootClientId","listProps","inserterItems","select","getInserterItems","allItems","items","onlyReusable","sections","key","name","label"],"sources":["@wordpress/block-editor/src/components/inserter/reusable-blocks-tab.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport { store as blockEditorStore } from '../../store';\nimport { createInserterSection, filterInserterItems } from './utils';\n\nfunction ReusableBlocksTab( { onSelect, rootClientId, listProps } ) {\n\tconst { inserterItems } = 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\tinserterItems: allItems,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst items = useMemo( () => {\n\t\treturn filterInserterItems( inserterItems, { onlyReusable: true } );\n\t}, [ inserterItems ] );\n\n\tconst sections = [ createInserterSection( { key: 'reuseable', items } ) ];\n\n\treturn (\n\t\t<BlockTypesList\n\t\t\tname=\"SyncedPatterns\"\n\t\t\tsections={ sections }\n\t\t\tonSelect={ onSelect }\n\t\t\tlistProps={ listProps }\n\t\t\tlabel={ __( 'Synced patterns' ) }\n\t\t/>\n\t);\n}\n\nexport default ReusableBlocksTab;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAOC,cAAc,MAAM,qBAAqB;AAChD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErE,SAASC,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC,YAAY;EAAEC;AAAU,CAAC,EAAG;EACnE,MAAM;IAAEC;EAAc,CAAC,GAAGd,SAAS,CAChCe,MAAM,IAAM;IACb,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEV,gBAAiB,CAAC;IACvD,MAAMY,QAAQ,GAAGD,gBAAgB,CAAEJ,YAAa,CAAC;IAEjD,OAAO;MACNE,aAAa,EAAEG;IAChB,CAAC;EACF,CAAC,EACD,CAAEL,YAAY,CACf,CAAC;EAED,MAAMM,KAAK,GAAGhB,OAAO,CAAE,MAAM;IAC5B,OAAOK,mBAAmB,CAAEO,aAAa,EAAE;MAAEK,YAAY,EAAE;IAAK,CAAE,CAAC;EACpE,CAAC,EAAE,CAAEL,aAAa,CAAG,CAAC;EAEtB,MAAMM,QAAQ,GAAG,CAAEd,qBAAqB,CAAE;IAAEe,GAAG,EAAE,WAAW;IAAEH;EAAM,CAAE,CAAC,CAAE;EAEzE,oBACCT,IAAA,CAACN,cAAc;IACdmB,IAAI,EAAC,gBAAgB;IACrBF,QAAQ,EAAGA,QAAU;IACrBT,QAAQ,EAAGA,QAAU;IACrBE,SAAS,EAAGA,SAAW;IACvBU,KAAK,EAAGtB,EAAE,CAAE,iBAAkB;EAAG,CACjC,CAAC;AAEJ;AAEA,eAAeS,iBAAiB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -25,6 +24,8 @@ import InserterListbox from '../inserter-listbox';
 import { orderBy } from '../../utils/sorting';
 import { orderInserterBlockItems } from '../../utils/order-inserter-block-items';
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const INITIAL_INSERTER_RESULTS = 9;
 /**
  * Shared reference to an empty array for cases where it is important to avoid
@@ -48,7 +49,8 @@ function InserterSearchResults({
   isDraggable = true,
   shouldFocusBlock = true,
   prioritizePatterns,
-  selectBlockOnInsert
+  selectBlockOnInsert,
+  isQuick
 }) {
   const debouncedSpeak = useDebounce(speak, 500);
   const {
@@ -68,7 +70,7 @@ function InserterSearchResults({
     shouldFocusBlock,
     selectBlockOnInsert
   });
-  const [blockTypes, blockTypeCategories, blockTypeCollections, onSelectBlockType] = useBlockTypesState(destinationRootClientId, onInsertBlocks);
+  const [blockTypes, blockTypeCategories, blockTypeCollections, onSelectBlockType] = useBlockTypesState(destinationRootClientId, onInsertBlocks, isQuick);
   const [patterns,, onClickPattern] = usePatternsState(onInsertBlocks, destinationRootClientId);
   const filteredBlockPatterns = useMemo(() => {
     if (maxBlockPatterns === 0) {
@@ -109,45 +111,55 @@ function InserterSearchResults({
   });
   const currentShownPatterns = useAsyncList(currentShownBlockTypes.length === filteredBlockTypes.length ? filteredBlockPatterns : EMPTY_ARRAY);
   const hasItems = filteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;
-  const blocksUI = !!filteredBlockTypes.length && createElement(InserterPanel, {
-    title: createElement(VisuallyHidden, null, __('Blocks'))
-  }, createElement(BlockTypesList, {
-    items: currentShownBlockTypes,
-    onSelect: onSelectBlockType,
-    onHover: onHover,
-    label: __('Blocks'),
-    isDraggable: isDraggable
-  }));
-  const patternsUI = !!filteredBlockPatterns.length && createElement(InserterPanel, {
-    title: createElement(VisuallyHidden, null, __('Block patterns'))
-  }, createElement("div", {
-    className: "block-editor-inserter__quick-inserter-patterns"
-  }, createElement(BlockPatternsList, {
-    shownPatterns: currentShownPatterns,
-    blockPatterns: filteredBlockPatterns,
-    onClickPattern: onClickPattern,
-    onHover: onHoverPattern,
-    isDraggable: isDraggable
-  })));
-  return createElement(InserterListbox, null, !showBlockDirectory && !hasItems && createElement(InserterNoResults, null), prioritizePatterns ? patternsUI : blocksUI, !!filteredBlockTypes.length && !!filteredBlockPatterns.length && createElement("div", {
-    className: "block-editor-inserter__quick-inserter-separator"
-  }), prioritizePatterns ? blocksUI : patternsUI, showBlockDirectory && createElement(__unstableInserterMenuExtension.Slot, {
-    fillProps: {
+  const blocksUI = !!filteredBlockTypes.length && /*#__PURE__*/_jsx(InserterPanel, {
+    title: /*#__PURE__*/_jsx(VisuallyHidden, {
+      children: __('Blocks')
+    }),
+    children: /*#__PURE__*/_jsx(BlockTypesList, {
+      items: currentShownBlockTypes,
       onSelect: onSelectBlockType,
-      onHover,
-      filterValue,
-      hasItems,
-      rootClientId: destinationRootClientId
-    }
-  }, fills => {
-    if (fills.length) {
-      return fills;
-    }
-    if (!hasItems) {
-      return createElement(InserterNoResults, null);
-    }
-    return null;
-  }));
+      onHover: onHover,
+      label: __('Blocks'),
+      isDraggable: isDraggable
+    })
+  });
+  const patternsUI = !!filteredBlockPatterns.length && /*#__PURE__*/_jsx(InserterPanel, {
+    title: /*#__PURE__*/_jsx(VisuallyHidden, {
+      children: __('Block patterns')
+    }),
+    children: /*#__PURE__*/_jsx("div", {
+      className: "block-editor-inserter__quick-inserter-patterns",
+      children: /*#__PURE__*/_jsx(BlockPatternsList, {
+        shownPatterns: currentShownPatterns,
+        blockPatterns: filteredBlockPatterns,
+        onClickPattern: onClickPattern,
+        onHover: onHoverPattern,
+        isDraggable: isDraggable
+      })
+    })
+  });
+  return /*#__PURE__*/_jsxs(InserterListbox, {
+    children: [!showBlockDirectory && !hasItems && /*#__PURE__*/_jsx(InserterNoResults, {}), prioritizePatterns ? patternsUI : blocksUI, !!filteredBlockTypes.length && !!filteredBlockPatterns.length && /*#__PURE__*/_jsx("div", {
+      className: "block-editor-inserter__quick-inserter-separator"
+    }), prioritizePatterns ? blocksUI : patternsUI, showBlockDirectory && /*#__PURE__*/_jsx(__unstableInserterMenuExtension.Slot, {
+      fillProps: {
+        onSelect: onSelectBlockType,
+        onHover,
+        filterValue,
+        hasItems,
+        rootClientId: destinationRootClientId
+      },
+      children: fills => {
+        if (fills.length) {
+          return fills;
+        }
+        if (!hasItems) {
+          return /*#__PURE__*/_jsx(InserterNoResults, {});
+        }
+        return null;
+      }
+    })]
+  });
 }
 export default InserterSearchResults;
 //# sourceMappingURL=search-results.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useEffect","__","_n","sprintf","VisuallyHidden","useDebounce","useAsyncList","speak","useSelect","BlockTypesList","BlockPatternsList","__unstableInserterMenuExtension","InserterPanel","InserterNoResults","useInsertionPoint","usePatternsState","useBlockTypesState","searchBlockItems","searchItems","InserterListbox","orderBy","orderInserterBlockItems","store","blockEditorStore","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","onHoverPattern","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","prioritizePatterns","selectBlockOnInsert","debouncedSpeak","prioritizedBlocks","select","blockListSettings","getBlockListSettings","prioritizedInserterBlocks","destinationRootClientId","onInsertBlocks","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","patterns","onClickPattern","filteredBlockPatterns","results","undefined","slice","maxBlockTypesToShow","length","filteredBlockTypes","nonPatternBlockTypes","filter","blockType","name","orderedItems","count","resultsFoundMessage","currentShownBlockTypes","step","currentShownPatterns","hasItems","blocksUI","createElement","title","items","label","patternsUI","className","shownPatterns","blockPatterns","Slot","fillProps","fills"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useEffect } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { useDebounce, useAsyncList } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport BlockPatternsList from '../block-patterns-list';\nimport __unstableInserterMenuExtension from '../inserter-menu-extension';\nimport InserterPanel from './panel';\nimport InserterNoResults from './no-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { searchBlockItems, searchItems } from './search-items';\nimport InserterListbox from '../inserter-listbox';\nimport { orderBy } from '../../utils/sorting';\nimport { orderInserterBlockItems } from '../../utils/order-inserter-block-items';\nimport { store as blockEditorStore } from '../../store';\n\nconst INITIAL_INSERTER_RESULTS = 9;\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation and rerendering the component.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tonHover,\n\tonHoverPattern,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\t__experimentalInsertionIndex,\n\tmaxBlockPatterns,\n\tmaxBlockTypes,\n\tshowBlockDirectory = false,\n\tisDraggable = true,\n\tshouldFocusBlock = true,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\n\tconst { prioritizedBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst blockListSettings =\n\t\t\t\tselect( blockEditorStore ).getBlockListSettings( rootClientId );\n\n\t\t\treturn {\n\t\t\t\tprioritizedBlocks:\n\t\t\t\t\tblockListSettings?.prioritizedInserterBlocks || EMPTY_ARRAY,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\tshouldFocusBlock,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tonSelectBlockType,\n\t] = useBlockTypesState( destinationRootClientId, onInsertBlocks );\n\tconst [ patterns, , onClickPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\tif ( maxBlockPatterns === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst results = searchItems( patterns, filterValue );\n\t\treturn maxBlockPatterns !== undefined\n\t\t\t? results.slice( 0, maxBlockPatterns )\n\t\t\t: results;\n\t}, [ filterValue, patterns, maxBlockPatterns ] );\n\n\tlet maxBlockTypesToShow = maxBlockTypes;\n\tif ( prioritizePatterns && filteredBlockPatterns.length > 2 ) {\n\t\tmaxBlockTypesToShow = 0;\n\t}\n\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( maxBlockTypesToShow === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst nonPatternBlockTypes = blockTypes.filter(\n\t\t\t( blockType ) => blockType.name !== 'core/block'\n\t\t);\n\t\tlet orderedItems = orderBy( nonPatternBlockTypes, 'frecency', 'desc' );\n\n\t\tif ( ! filterValue && prioritizedBlocks.length ) {\n\t\t\torderedItems = orderInserterBlockItems(\n\t\t\t\torderedItems,\n\t\t\t\tprioritizedBlocks\n\t\t\t);\n\t\t}\n\n\t\tconst results = searchBlockItems(\n\t\t\torderedItems,\n\t\t\tblockTypeCategories,\n\t\t\tblockTypeCollections,\n\t\t\tfilterValue\n\t\t);\n\n\t\treturn maxBlockTypesToShow !== undefined\n\t\t\t? results.slice( 0, maxBlockTypesToShow )\n\t\t\t: results;\n\t}, [\n\t\tfilterValue,\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tmaxBlockTypesToShow,\n\t\tprioritizedBlocks,\n\t] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length + filteredBlockPatterns.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [\n\t\tfilterValue,\n\t\tdebouncedSpeak,\n\t\tfilteredBlockTypes,\n\t\tfilteredBlockPatterns,\n\t] );\n\n\tconst currentShownBlockTypes = useAsyncList( filteredBlockTypes, {\n\t\tstep: INITIAL_INSERTER_RESULTS,\n\t} );\n\tconst currentShownPatterns = useAsyncList(\n\t\tcurrentShownBlockTypes.length === filteredBlockTypes.length\n\t\t\t? filteredBlockPatterns\n\t\t\t: EMPTY_ARRAY\n\t);\n\n\tconst hasItems =\n\t\tfilteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;\n\n\tconst blocksUI = !! filteredBlockTypes.length && (\n\t\t<InserterPanel\n\t\t\ttitle={ <VisuallyHidden>{ __( 'Blocks' ) }</VisuallyHidden> }\n\t\t>\n\t\t\t<BlockTypesList\n\t\t\t\titems={ currentShownBlockTypes }\n\t\t\t\tonSelect={ onSelectBlockType }\n\t\t\t\tonHover={ onHover }\n\t\t\t\tlabel={ __( 'Blocks' ) }\n\t\t\t\tisDraggable={ isDraggable }\n\t\t\t/>\n\t\t</InserterPanel>\n\t);\n\n\tconst patternsUI = !! filteredBlockPatterns.length && (\n\t\t<InserterPanel\n\t\t\ttitle={\n\t\t\t\t<VisuallyHidden>{ __( 'Block patterns' ) }</VisuallyHidden>\n\t\t\t}\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-patterns\">\n\t\t\t\t<BlockPatternsList\n\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InserterPanel>\n\t);\n\n\treturn (\n\t\t<InserterListbox>\n\t\t\t{ ! showBlockDirectory && ! hasItems && <InserterNoResults /> }\n\n\t\t\t{ prioritizePatterns ? patternsUI : blocksUI }\n\n\t\t\t{ !! filteredBlockTypes.length &&\n\t\t\t\t!! filteredBlockPatterns.length && (\n\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t) }\n\n\t\t\t{ prioritizePatterns ? blocksUI : patternsUI }\n\n\t\t\t{ showBlockDirectory && (\n\t\t\t\t<__unstableInserterMenuExtension.Slot\n\t\t\t\t\tfillProps={ {\n\t\t\t\t\t\tonSelect: onSelectBlockType,\n\t\t\t\t\t\tonHover,\n\t\t\t\t\t\tfilterValue,\n\t\t\t\t\t\thasItems,\n\t\t\t\t\t\trootClientId: destinationRootClientId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( fills ) => {\n\t\t\t\t\t\tif ( fills.length ) {\n\t\t\t\t\t\t\treturn fills;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( ! hasItems ) {\n\t\t\t\t\t\t\treturn <InserterNoResults />;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t} }\n\t\t\t\t</__unstableInserterMenuExtension.Slot>\n\t\t\t) }\n\t\t</InserterListbox>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,SAAS,QAAQ,oBAAoB;AACvD,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,WAAW,EAAEC,YAAY,QAAQ,oBAAoB;AAC9D,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,cAAc,MAAM,qBAAqB;AAChD,OAAOC,iBAAiB,MAAM,wBAAwB;AACtD,OAAOC,+BAA+B,MAAM,4BAA4B;AACxE,OAAOC,aAAa,MAAM,SAAS;AACnC,OAAOC,iBAAiB,MAAM,cAAc;AAC5C,OAAOC,iBAAiB,MAAM,6BAA6B;AAC3D,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,kBAAkB,MAAM,+BAA+B;AAC9D,SAASC,gBAAgB,EAAEC,WAAW,QAAQ,gBAAgB;AAC9D,OAAOC,eAAe,MAAM,qBAAqB;AACjD,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,uBAAuB,QAAQ,wCAAwC;AAChF,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,MAAMC,wBAAwB,GAAG,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,4BAA4B;EAC5BC,gBAAgB;EAChBC,aAAa;EACbC,kBAAkB,GAAG,KAAK;EAC1BC,WAAW,GAAG,IAAI;EAClBC,gBAAgB,GAAG,IAAI;EACvBC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGrC,WAAW,CAAEE,KAAK,EAAE,GAAI,CAAC;EAEhD,MAAM;IAAEoC;EAAkB,CAAC,GAAGnC,SAAS,CACpCoC,MAAM,IAAM;IACb,MAAMC,iBAAiB,GACtBD,MAAM,CAAErB,gBAAiB,CAAC,CAACuB,oBAAoB,CAAEf,YAAa,CAAC;IAEhE,OAAO;MACNY,iBAAiB,EAChBE,iBAAiB,EAAEE,yBAAyB,IAAItB;IAClD,CAAC;EACF,CAAC,EACD,CAAEM,YAAY,CACf,CAAC;EAED,MAAM,CAAEiB,uBAAuB,EAAEC,cAAc,CAAE,GAAGnC,iBAAiB,CAAE;IACtEc,QAAQ;IACRG,YAAY;IACZC,QAAQ;IACRC,UAAU;IACViB,cAAc,EAAEhB,4BAA4B;IAC5CK,gBAAgB;IAChBE;EACD,CAAE,CAAC;EACH,MAAM,CACLU,UAAU,EACVC,mBAAmB,EACnBC,oBAAoB,EACpBC,iBAAiB,CACjB,GAAGtC,kBAAkB,CAAEgC,uBAAuB,EAAEC,cAAe,CAAC;EACjE,MAAM,CAAEM,QAAQ,GAAIC,cAAc,CAAE,GAAGzC,gBAAgB,CACtDkC,cAAc,EACdD,uBACD,CAAC;EAED,MAAMS,qBAAqB,GAAG1D,OAAO,CAAE,MAAM;IAC5C,IAAKoC,gBAAgB,KAAK,CAAC,EAAG;MAC7B,OAAO,EAAE;IACV;IACA,MAAMuB,OAAO,GAAGxC,WAAW,CAAEqC,QAAQ,EAAE5B,WAAY,CAAC;IACpD,OAAOQ,gBAAgB,KAAKwB,SAAS,GAClCD,OAAO,CAACE,KAAK,CAAE,CAAC,EAAEzB,gBAAiB,CAAC,GACpCuB,OAAO;EACX,CAAC,EAAE,CAAE/B,WAAW,EAAE4B,QAAQ,EAAEpB,gBAAgB,CAAG,CAAC;EAEhD,IAAI0B,mBAAmB,GAAGzB,aAAa;EACvC,IAAKI,kBAAkB,IAAIiB,qBAAqB,CAACK,MAAM,GAAG,CAAC,EAAG;IAC7DD,mBAAmB,GAAG,CAAC;EACxB;EAEA,MAAME,kBAAkB,GAAGhE,OAAO,CAAE,MAAM;IACzC,IAAK8D,mBAAmB,KAAK,CAAC,EAAG;MAChC,OAAO,EAAE;IACV;IACA,MAAMG,oBAAoB,GAAGb,UAAU,CAACc,MAAM,CAC3CC,SAAS,IAAMA,SAAS,CAACC,IAAI,KAAK,YACrC,CAAC;IACD,IAAIC,YAAY,GAAGhD,OAAO,CAAE4C,oBAAoB,EAAE,UAAU,EAAE,MAAO,CAAC;IAEtE,IAAK,CAAErC,WAAW,IAAIgB,iBAAiB,CAACmB,MAAM,EAAG;MAChDM,YAAY,GAAG/C,uBAAuB,CACrC+C,YAAY,EACZzB,iBACD,CAAC;IACF;IAEA,MAAMe,OAAO,GAAGzC,gBAAgB,CAC/BmD,YAAY,EACZhB,mBAAmB,EACnBC,oBAAoB,EACpB1B,WACD,CAAC;IAED,OAAOkC,mBAAmB,KAAKF,SAAS,GACrCD,OAAO,CAACE,KAAK,CAAE,CAAC,EAAEC,mBAAoB,CAAC,GACvCH,OAAO;EACX,CAAC,EAAE,CACF/B,WAAW,EACXwB,UAAU,EACVC,mBAAmB,EACnBC,oBAAoB,EACpBQ,mBAAmB,EACnBlB,iBAAiB,CAChB,CAAC;;EAEH;EACA3C,SAAS,CAAE,MAAM;IAChB,IAAK,CAAE2B,WAAW,EAAG;MACpB;IACD;IACA,MAAM0C,KAAK,GAAGN,kBAAkB,CAACD,MAAM,GAAGL,qBAAqB,CAACK,MAAM;IACtE,MAAMQ,mBAAmB,GAAGnE,OAAO,EAClC;IACAD,EAAE,CAAE,kBAAkB,EAAE,mBAAmB,EAAEmE,KAAM,CAAC,EACpDA,KACD,CAAC;IACD3B,cAAc,CAAE4B,mBAAoB,CAAC;EACtC,CAAC,EAAE,CACF3C,WAAW,EACXe,cAAc,EACdqB,kBAAkB,EAClBN,qBAAqB,CACpB,CAAC;EAEH,MAAMc,sBAAsB,GAAGjE,YAAY,CAAEyD,kBAAkB,EAAE;IAChES,IAAI,EAAEhD;EACP,CAAE,CAAC;EACH,MAAMiD,oBAAoB,GAAGnE,YAAY,CACxCiE,sBAAsB,CAACT,MAAM,KAAKC,kBAAkB,CAACD,MAAM,GACxDL,qBAAqB,GACrBhC,WACJ,CAAC;EAED,MAAMiD,QAAQ,GACbX,kBAAkB,CAACD,MAAM,GAAG,CAAC,IAAIL,qBAAqB,CAACK,MAAM,GAAG,CAAC;EAElE,MAAMa,QAAQ,GAAG,CAAC,CAAEZ,kBAAkB,CAACD,MAAM,IAC5Cc,aAAA,CAAChE,aAAa;IACbiE,KAAK,EAAGD,aAAA,CAACxE,cAAc,QAAGH,EAAE,CAAE,QAAS,CAAmB;EAAG,GAE7D2E,aAAA,CAACnE,cAAc;IACdqE,KAAK,EAAGP,sBAAwB;IAChC3C,QAAQ,EAAG0B,iBAAmB;IAC9BzB,OAAO,EAAGA,OAAS;IACnBkD,KAAK,EAAG9E,EAAE,CAAE,QAAS,CAAG;IACxBqC,WAAW,EAAGA;EAAa,CAC3B,CACa,CACf;EAED,MAAM0C,UAAU,GAAG,CAAC,CAAEvB,qBAAqB,CAACK,MAAM,IACjDc,aAAA,CAAChE,aAAa;IACbiE,KAAK,EACJD,aAAA,CAACxE,cAAc,QAAGH,EAAE,CAAE,gBAAiB,CAAmB;EAC1D,GAED2E,aAAA;IAAKK,SAAS,EAAC;EAAgD,GAC9DL,aAAA,CAAClE,iBAAiB;IACjBwE,aAAa,EAAGT,oBAAsB;IACtCU,aAAa,EAAG1B,qBAAuB;IACvCD,cAAc,EAAGA,cAAgB;IACjC3B,OAAO,EAAGC,cAAgB;IAC1BQ,WAAW,EAAGA;EAAa,CAC3B,CACG,CACS,CACf;EAED,OACCsC,aAAA,CAACzD,eAAe,QACb,CAAEkB,kBAAkB,IAAI,CAAEqC,QAAQ,IAAIE,aAAA,CAAC/D,iBAAiB,MAAE,CAAC,EAE3D2B,kBAAkB,GAAGwC,UAAU,GAAGL,QAAQ,EAE1C,CAAC,CAAEZ,kBAAkB,CAACD,MAAM,IAC7B,CAAC,CAAEL,qBAAqB,CAACK,MAAM,IAC9Bc,aAAA;IAAKK,SAAS,EAAC;EAAiD,CAAE,CAClE,EAEAzC,kBAAkB,GAAGmC,QAAQ,GAAGK,UAAU,EAE1C3C,kBAAkB,IACnBuC,aAAA,CAACjE,+BAA+B,CAACyE,IAAI;IACpCC,SAAS,EAAG;MACXzD,QAAQ,EAAE0B,iBAAiB;MAC3BzB,OAAO;MACPF,WAAW;MACX+C,QAAQ;MACR3C,YAAY,EAAEiB;IACf;EAAG,GAECsC,KAAK,IAAM;IACd,IAAKA,KAAK,CAACxB,MAAM,EAAG;MACnB,OAAOwB,KAAK;IACb;IACA,IAAK,CAAEZ,QAAQ,EAAG;MACjB,OAAOE,aAAA,CAAC/D,iBAAiB,MAAE,CAAC;IAC7B;IACA,OAAO,IAAI;EACZ,CACqC,CAEvB,CAAC;AAEpB;AAEA,eAAea,qBAAqB","ignoreList":[]}
+{"version":3,"names":["useMemo","useEffect","__","_n","sprintf","VisuallyHidden","useDebounce","useAsyncList","speak","useSelect","BlockTypesList","BlockPatternsList","__unstableInserterMenuExtension","InserterPanel","InserterNoResults","useInsertionPoint","usePatternsState","useBlockTypesState","searchBlockItems","searchItems","InserterListbox","orderBy","orderInserterBlockItems","store","blockEditorStore","jsx","_jsx","jsxs","_jsxs","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","onHoverPattern","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","prioritizePatterns","selectBlockOnInsert","isQuick","debouncedSpeak","prioritizedBlocks","select","blockListSettings","getBlockListSettings","prioritizedInserterBlocks","destinationRootClientId","onInsertBlocks","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","patterns","onClickPattern","filteredBlockPatterns","results","undefined","slice","maxBlockTypesToShow","length","filteredBlockTypes","nonPatternBlockTypes","filter","blockType","name","orderedItems","count","resultsFoundMessage","currentShownBlockTypes","step","currentShownPatterns","hasItems","blocksUI","title","children","items","label","patternsUI","className","shownPatterns","blockPatterns","Slot","fillProps","fills"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useEffect } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { useDebounce, useAsyncList } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport BlockPatternsList from '../block-patterns-list';\nimport __unstableInserterMenuExtension from '../inserter-menu-extension';\nimport InserterPanel from './panel';\nimport InserterNoResults from './no-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { searchBlockItems, searchItems } from './search-items';\nimport InserterListbox from '../inserter-listbox';\nimport { orderBy } from '../../utils/sorting';\nimport { orderInserterBlockItems } from '../../utils/order-inserter-block-items';\nimport { store as blockEditorStore } from '../../store';\n\nconst INITIAL_INSERTER_RESULTS = 9;\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation and rerendering the component.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tonHover,\n\tonHoverPattern,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\t__experimentalInsertionIndex,\n\tmaxBlockPatterns,\n\tmaxBlockTypes,\n\tshowBlockDirectory = false,\n\tisDraggable = true,\n\tshouldFocusBlock = true,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n\tisQuick,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\n\tconst { prioritizedBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst blockListSettings =\n\t\t\t\tselect( blockEditorStore ).getBlockListSettings( rootClientId );\n\n\t\t\treturn {\n\t\t\t\tprioritizedBlocks:\n\t\t\t\t\tblockListSettings?.prioritizedInserterBlocks || EMPTY_ARRAY,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tinsertionIndex: __experimentalInsertionIndex,\n\t\tshouldFocusBlock,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tonSelectBlockType,\n\t] = useBlockTypesState( destinationRootClientId, onInsertBlocks, isQuick );\n\tconst [ patterns, , onClickPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\tif ( maxBlockPatterns === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst results = searchItems( patterns, filterValue );\n\t\treturn maxBlockPatterns !== undefined\n\t\t\t? results.slice( 0, maxBlockPatterns )\n\t\t\t: results;\n\t}, [ filterValue, patterns, maxBlockPatterns ] );\n\n\tlet maxBlockTypesToShow = maxBlockTypes;\n\tif ( prioritizePatterns && filteredBlockPatterns.length > 2 ) {\n\t\tmaxBlockTypesToShow = 0;\n\t}\n\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( maxBlockTypesToShow === 0 ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst nonPatternBlockTypes = blockTypes.filter(\n\t\t\t( blockType ) => blockType.name !== 'core/block'\n\t\t);\n\t\tlet orderedItems = orderBy( nonPatternBlockTypes, 'frecency', 'desc' );\n\n\t\tif ( ! filterValue && prioritizedBlocks.length ) {\n\t\t\torderedItems = orderInserterBlockItems(\n\t\t\t\torderedItems,\n\t\t\t\tprioritizedBlocks\n\t\t\t);\n\t\t}\n\n\t\tconst results = searchBlockItems(\n\t\t\torderedItems,\n\t\t\tblockTypeCategories,\n\t\t\tblockTypeCollections,\n\t\t\tfilterValue\n\t\t);\n\n\t\treturn maxBlockTypesToShow !== undefined\n\t\t\t? results.slice( 0, maxBlockTypesToShow )\n\t\t\t: results;\n\t}, [\n\t\tfilterValue,\n\t\tblockTypes,\n\t\tblockTypeCategories,\n\t\tblockTypeCollections,\n\t\tmaxBlockTypesToShow,\n\t\tprioritizedBlocks,\n\t] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length + filteredBlockPatterns.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [\n\t\tfilterValue,\n\t\tdebouncedSpeak,\n\t\tfilteredBlockTypes,\n\t\tfilteredBlockPatterns,\n\t] );\n\n\tconst currentShownBlockTypes = useAsyncList( filteredBlockTypes, {\n\t\tstep: INITIAL_INSERTER_RESULTS,\n\t} );\n\tconst currentShownPatterns = useAsyncList(\n\t\tcurrentShownBlockTypes.length === filteredBlockTypes.length\n\t\t\t? filteredBlockPatterns\n\t\t\t: EMPTY_ARRAY\n\t);\n\n\tconst hasItems =\n\t\tfilteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;\n\n\tconst blocksUI = !! filteredBlockTypes.length && (\n\t\t<InserterPanel\n\t\t\ttitle={ <VisuallyHidden>{ __( 'Blocks' ) }</VisuallyHidden> }\n\t\t>\n\t\t\t<BlockTypesList\n\t\t\t\titems={ currentShownBlockTypes }\n\t\t\t\tonSelect={ onSelectBlockType }\n\t\t\t\tonHover={ onHover }\n\t\t\t\tlabel={ __( 'Blocks' ) }\n\t\t\t\tisDraggable={ isDraggable }\n\t\t\t/>\n\t\t</InserterPanel>\n\t);\n\n\tconst patternsUI = !! filteredBlockPatterns.length && (\n\t\t<InserterPanel\n\t\t\ttitle={\n\t\t\t\t<VisuallyHidden>{ __( 'Block patterns' ) }</VisuallyHidden>\n\t\t\t}\n\t\t>\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-patterns\">\n\t\t\t\t<BlockPatternsList\n\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\tonHover={ onHoverPattern }\n\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InserterPanel>\n\t);\n\n\treturn (\n\t\t<InserterListbox>\n\t\t\t{ ! showBlockDirectory && ! hasItems && <InserterNoResults /> }\n\n\t\t\t{ prioritizePatterns ? patternsUI : blocksUI }\n\n\t\t\t{ !! filteredBlockTypes.length &&\n\t\t\t\t!! filteredBlockPatterns.length && (\n\t\t\t\t\t<div className=\"block-editor-inserter__quick-inserter-separator\" />\n\t\t\t\t) }\n\n\t\t\t{ prioritizePatterns ? blocksUI : patternsUI }\n\n\t\t\t{ showBlockDirectory && (\n\t\t\t\t<__unstableInserterMenuExtension.Slot\n\t\t\t\t\tfillProps={ {\n\t\t\t\t\t\tonSelect: onSelectBlockType,\n\t\t\t\t\t\tonHover,\n\t\t\t\t\t\tfilterValue,\n\t\t\t\t\t\thasItems,\n\t\t\t\t\t\trootClientId: destinationRootClientId,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( fills ) => {\n\t\t\t\t\t\tif ( fills.length ) {\n\t\t\t\t\t\t\treturn fills;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( ! hasItems ) {\n\t\t\t\t\t\t\treturn <InserterNoResults />;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t} }\n\t\t\t\t</__unstableInserterMenuExtension.Slot>\n\t\t\t) }\n\t\t</InserterListbox>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -15,6 +14,7 @@ import InserterNoResults from './no-results';
 import { store as blockEditorStore } from '../../store';
 import useBlockTypeImpressions from './hooks/use-block-type-impressions';
 import { createInserterSection, filterInserterItems } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 function InserterSearchResults({
   filterValue,
   onSelect,
@@ -41,13 +41,13 @@ function InserterSearchResults({
     trackBlockTypeSelected
   } = useBlockTypeImpressions(blockTypes);
   if (!items || items?.length === 0) {
-    return createElement(InserterNoResults, null);
+    return /*#__PURE__*/_jsx(InserterNoResults, {});
   }
   const handleSelect = (...args) => {
     trackBlockTypeSelected(...args);
     onSelect(...args);
   };
-  return createElement(BlockTypesList, {
+  return /*#__PURE__*/_jsx(BlockTypesList, {
     name: "Blocks",
     initialNumToRender: isFullScreen ? 10 : 3,
     sections: [createInserterSection({

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","__","useMemo","searchItems","BlockTypesList","InserterNoResults","store","blockEditorStore","useBlockTypeImpressions","createInserterSection","filterInserterItems","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","inserterItems","select","items","getInserterItems","blockTypes","availableItems","allowReusable","trackBlockTypeSelected","length","createElement","handleSelect","args","name","initialNumToRender","sections","key","label"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\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 { createInserterSection, filterInserterItems } from './utils';\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tlistProps,\n\trootClientId,\n\tisFullScreen,\n} ) {\n\tconst { inserterItems } = useSelect(\n\t\t( select ) => {\n\t\t\tconst items =\n\t\t\t\tselect( blockEditorStore ).getInserterItems( rootClientId );\n\n\t\t\treturn { inserterItems: items };\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst blockTypes = useMemo( () => {\n\t\tconst availableItems = filterInserterItems( inserterItems, {\n\t\t\tallowReusable: true,\n\t\t} );\n\n\t\treturn searchItems( availableItems, filterValue );\n\t}, [ inserterItems, filterValue ] );\n\n\tconst { items, trackBlockTypeSelected } =\n\t\tuseBlockTypeImpressions( blockTypes );\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\tsections={ [ createInserterSection( { key: 'search', items } ) ] }\n\t\t\tonSelect={ handleSelect }\n\t\t\tlistProps={ listProps }\n\t\t\tlabel={ __( 'Blocks' ) }\n\t\t/>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,OAAOC,cAAc,MAAM,qBAAqB;AAChD,OAAOC,iBAAiB,MAAM,cAAc;AAC5C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,uBAAuB,MAAM,oCAAoC;AACxE,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,SAAS;AAEpE,SAASC,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAc,CAAC,GAAGjB,SAAS,CAChCkB,MAAM,IAAM;IACb,MAAMC,KAAK,GACVD,MAAM,CAAEX,gBAAiB,CAAC,CAACa,gBAAgB,CAAEL,YAAa,CAAC;IAE5D,OAAO;MAAEE,aAAa,EAAEE;IAAM,CAAC;EAChC,CAAC,EACD,CAAEJ,YAAY,CACf,CAAC;EAED,MAAMM,UAAU,GAAGnB,OAAO,CAAE,MAAM;IACjC,MAAMoB,cAAc,GAAGZ,mBAAmB,CAAEO,aAAa,EAAE;MAC1DM,aAAa,EAAE;IAChB,CAAE,CAAC;IAEH,OAAOpB,WAAW,CAAEmB,cAAc,EAAEV,WAAY,CAAC;EAClD,CAAC,EAAE,CAAEK,aAAa,EAAEL,WAAW,CAAG,CAAC;EAEnC,MAAM;IAAEO,KAAK;IAAEK;EAAuB,CAAC,GACtChB,uBAAuB,CAAEa,UAAW,CAAC;EAEtC,IAAK,CAAEF,KAAK,IAAIA,KAAK,EAAEM,MAAM,KAAK,CAAC,EAAG;IACrC,OAAOC,aAAA,CAACrB,iBAAiB,MAAE,CAAC;EAC7B;EAEA,MAAMsB,YAAY,GAAGA,CAAE,GAAGC,IAAI,KAAM;IACnCJ,sBAAsB,CAAE,GAAGI,IAAK,CAAC;IACjCf,QAAQ,CAAE,GAAGe,IAAK,CAAC;EACpB,CAAC;EAED,OACCF,aAAA,CAACtB,cAAc;IACdyB,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAGd,YAAY,GAAG,EAAE,GAAG,CAAG;IAC5Ce,QAAQ,EAAG,CAAEtB,qBAAqB,CAAE;MAAEuB,GAAG,EAAE,QAAQ;MAAEb;IAAM,CAAE,CAAC,CAAI;IAClEN,QAAQ,EAAGc,YAAc;IACzBb,SAAS,EAAGA,SAAW;IACvBmB,KAAK,EAAGhC,EAAE,CAAE,QAAS;EAAG,CACxB,CAAC;AAEJ;AAEA,eAAeU,qBAAqB","ignoreList":[]}
+{"version":3,"names":["useSelect","__","useMemo","searchItems","BlockTypesList","InserterNoResults","store","blockEditorStore","useBlockTypeImpressions","createInserterSection","filterInserterItems","jsx","_jsx","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","inserterItems","select","items","getInserterItems","blockTypes","availableItems","allowReusable","trackBlockTypeSelected","length","handleSelect","args","name","initialNumToRender","sections","key","label"],"sources":["@wordpress/block-editor/src/components/inserter/search-results.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\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 { createInserterSection, filterInserterItems } from './utils';\n\nfunction InserterSearchResults( {\n\tfilterValue,\n\tonSelect,\n\tlistProps,\n\trootClientId,\n\tisFullScreen,\n} ) {\n\tconst { inserterItems } = useSelect(\n\t\t( select ) => {\n\t\t\tconst items =\n\t\t\t\tselect( blockEditorStore ).getInserterItems( rootClientId );\n\n\t\t\treturn { inserterItems: items };\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst blockTypes = useMemo( () => {\n\t\tconst availableItems = filterInserterItems( inserterItems, {\n\t\t\tallowReusable: true,\n\t\t} );\n\n\t\treturn searchItems( availableItems, filterValue );\n\t}, [ inserterItems, filterValue ] );\n\n\tconst { items, trackBlockTypeSelected } =\n\t\tuseBlockTypeImpressions( blockTypes );\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\tsections={ [ createInserterSection( { key: 'search', items } ) ] }\n\t\t\tonSelect={ handleSelect }\n\t\t\tlistProps={ listProps }\n\t\t\tlabel={ __( 'Blocks' ) }\n\t\t/>\n\t);\n}\n\nexport default InserterSearchResults;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,OAAOC,cAAc,MAAM,qBAAqB;AAChD,OAAOC,iBAAiB,MAAM,cAAc;AAC5C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,uBAAuB,MAAM,oCAAoC;AACxE,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErE,SAASC,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAc,CAAC,GAAGnB,SAAS,CAChCoB,MAAM,IAAM;IACb,MAAMC,KAAK,GACVD,MAAM,CAAEb,gBAAiB,CAAC,CAACe,gBAAgB,CAAEL,YAAa,CAAC;IAE5D,OAAO;MAAEE,aAAa,EAAEE;IAAM,CAAC;EAChC,CAAC,EACD,CAAEJ,YAAY,CACf,CAAC;EAED,MAAMM,UAAU,GAAGrB,OAAO,CAAE,MAAM;IACjC,MAAMsB,cAAc,GAAGd,mBAAmB,CAAES,aAAa,EAAE;MAC1DM,aAAa,EAAE;IAChB,CAAE,CAAC;IAEH,OAAOtB,WAAW,CAAEqB,cAAc,EAAEV,WAAY,CAAC;EAClD,CAAC,EAAE,CAAEK,aAAa,EAAEL,WAAW,CAAG,CAAC;EAEnC,MAAM;IAAEO,KAAK;IAAEK;EAAuB,CAAC,GACtClB,uBAAuB,CAAEe,UAAW,CAAC;EAEtC,IAAK,CAAEF,KAAK,IAAIA,KAAK,EAAEM,MAAM,KAAK,CAAC,EAAG;IACrC,oBAAOf,IAAA,CAACP,iBAAiB,IAAE,CAAC;EAC7B;EAEA,MAAMuB,YAAY,GAAGA,CAAE,GAAGC,IAAI,KAAM;IACnCH,sBAAsB,CAAE,GAAGG,IAAK,CAAC;IACjCd,QAAQ,CAAE,GAAGc,IAAK,CAAC;EACpB,CAAC;EAED,oBACCjB,IAAA,CAACR,cAAc;IACd0B,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAGb,YAAY,GAAG,EAAE,GAAG,CAAG;IAC5Cc,QAAQ,EAAG,CAAEvB,qBAAqB,CAAE;MAAEwB,GAAG,EAAE,QAAQ;MAAEZ;IAAM,CAAE,CAAC,CAAI;IAClEN,QAAQ,EAAGa,YAAc;IACzBZ,SAAS,EAAGA,SAAW;IACvBkB,KAAK,EAAGjC,EAAE,CAAE,QAAS;EAAG,CACxB,CAAC;AAEJ;AAEA,eAAeY,qBAAqB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,6 +10,8 @@ import { closeSmall } from '@wordpress/icons';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   Tabs
 } = unlock(componentsPrivateApis);
@@ -36,32 +37,36 @@ function InserterTabs({
   selectedTab
 }, ref) {
   const tabs = [blocksTab, patternsTab, mediaTab];
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "block-editor-inserter__tabs",
-    ref: ref
-  }, createElement(Tabs, {
-    onSelect: onSelect,
-    selectedTabId: selectedTab
-  }, createElement("div", {
-    className: "block-editor-inserter-sidebar__header"
-  }, createElement(Button, {
-    className: "block-editor-inserter-sidebar__close-button",
-    icon: closeSmall,
-    label: __('Close block inserter'),
-    onClick: () => onClose(),
-    size: "small"
-  }), createElement(Tabs.TabList, {
-    className: "block-editor-inserter__tablist"
-  }, tabs.map(tab => createElement(Tabs.Tab, {
-    key: tab.name,
-    tabId: tab.name,
-    className: "block-editor-inserter__tab"
-  }, tab.title)))), tabs.map(tab => createElement(Tabs.TabPanel, {
-    key: tab.name,
-    tabId: tab.name,
-    focusable: false,
-    className: "block-editor-inserter__tabpanel"
-  }, children))));
+    ref: ref,
+    children: /*#__PURE__*/_jsxs(Tabs, {
+      onSelect: onSelect,
+      selectedTabId: selectedTab,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "block-editor-inserter__tablist-and-close-button",
+        children: [/*#__PURE__*/_jsx(Button, {
+          className: "block-editor-inserter__close-button",
+          icon: closeSmall,
+          label: __('Close block inserter'),
+          onClick: () => onClose(),
+          size: "small"
+        }), /*#__PURE__*/_jsx(Tabs.TabList, {
+          className: "block-editor-inserter__tablist",
+          children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
+            tabId: tab.name,
+            className: "block-editor-inserter__tab",
+            children: tab.title
+          }, tab.name))
+        })]
+      }), tabs.map(tab => /*#__PURE__*/_jsx(Tabs.TabPanel, {
+        tabId: tab.name,
+        focusable: false,
+        className: "block-editor-inserter__tabpanel",
+        children: children
+      }, tab.name))]
+    })
+  });
 }
 export default forwardRef(InserterTabs);
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Button","privateApis","componentsPrivateApis","__","forwardRef","closeSmall","unlock","Tabs","blocksTab","name","title","patternsTab","mediaTab","InserterTabs","onSelect","children","onClose","selectedTab","ref","tabs","createElement","className","selectedTabId","icon","label","onClick","size","TabList","map","tab","Tab","key","tabId","TabPanel","focusable"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\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( { onSelect, children, onClose, selectedTab }, ref ) {\n\tconst tabs = [ blocksTab, patternsTab, mediaTab ];\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__tabs\" ref={ ref }>\n\t\t\t<Tabs onSelect={ onSelect } selectedTabId={ selectedTab }>\n\t\t\t\t<div className=\"block-editor-inserter-sidebar__header\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inserter-sidebar__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList className=\"block-editor-inserter__tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\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\tclassName=\"block-editor-inserter__tabpanel\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\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 forwardRef( InserterTabs );\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAK,CAAC,GAAGD,MAAM,CAAEJ,qBAAsB,CAAC;AAEhD,MAAMM,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAEP,EAAE,CAAE,QAAS;AACrB,CAAC;AACD,MAAMQ,WAAW,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAEP,EAAE,CAAE,UAAW;AACvB,CAAC;AAED,MAAMS,QAAQ,GAAG;EAChBH,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAEP,EAAE,CAAE,OAAQ;AACpB,CAAC;AAED,SAASU,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAY,CAAC,EAAEC,GAAG,EAAG;EAC1E,MAAMC,IAAI,GAAG,CAAEX,SAAS,EAAEG,WAAW,EAAEC,QAAQ,CAAE;EAEjD,OACCQ,aAAA;IAAKC,SAAS,EAAC,6BAA6B;IAACH,GAAG,EAAGA;EAAK,GACvDE,aAAA,CAACb,IAAI;IAACO,QAAQ,EAAGA,QAAU;IAACQ,aAAa,EAAGL;EAAa,GACxDG,aAAA;IAAKC,SAAS,EAAC;EAAuC,GACrDD,aAAA,CAACpB,MAAM;IACNqB,SAAS,EAAC,6CAA6C;IACvDE,IAAI,EAAGlB,UAAY;IACnBmB,KAAK,EAAGrB,EAAE,CAAE,sBAAuB,CAAG;IACtCsB,OAAO,EAAGA,CAAA,KAAMT,OAAO,CAAC,CAAG;IAC3BU,IAAI,EAAC;EAAO,CACZ,CAAC,EAEFN,aAAA,CAACb,IAAI,CAACoB,OAAO;IAACN,SAAS,EAAC;EAAgC,GACrDF,IAAI,CAACS,GAAG,CAAIC,GAAG,IAChBT,aAAA,CAACb,IAAI,CAACuB,GAAG;IACRC,GAAG,EAAGF,GAAG,CAACpB,IAAM;IAChBuB,KAAK,EAAGH,GAAG,CAACpB,IAAM;IAClBY,SAAS,EAAC;EAA4B,GAEpCQ,GAAG,CAACnB,KACG,CACT,CACW,CACV,CAAC,EACJS,IAAI,CAACS,GAAG,CAAIC,GAAG,IAChBT,aAAA,CAACb,IAAI,CAAC0B,QAAQ;IACbF,GAAG,EAAGF,GAAG,CAACpB,IAAM;IAChBuB,KAAK,EAAGH,GAAG,CAACpB,IAAM;IAClByB,SAAS,EAAG,KAAO;IACnBb,SAAS,EAAC;EAAiC,GAEzCN,QACY,CACd,CACG,CACF,CAAC;AAER;AAEA,eAAeX,UAAU,CAAES,YAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["Button","privateApis","componentsPrivateApis","__","forwardRef","closeSmall","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","blocksTab","name","title","patternsTab","mediaTab","InserterTabs","onSelect","children","onClose","selectedTab","ref","tabs","className","selectedTabId","icon","label","onClick","size","TabList","map","tab","Tab","tabId","TabPanel","focusable"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\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( { onSelect, children, onClose, selectedTab }, ref ) {\n\tconst tabs = [ blocksTab, patternsTab, mediaTab ];\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__tabs\" ref={ ref }>\n\t\t\t<Tabs onSelect={ onSelect } selectedTabId={ selectedTab }>\n\t\t\t\t<div className=\"block-editor-inserter__tablist-and-close-button\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inserter__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList className=\"block-editor-inserter__tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\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\tclassName=\"block-editor-inserter__tabpanel\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\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 forwardRef( InserterTabs );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEJ,qBAAsB,CAAC;AAEhD,MAAMU,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAEX,EAAE,CAAE,QAAS;AACrB,CAAC;AACD,MAAMY,WAAW,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAEX,EAAE,CAAE,UAAW;AACvB,CAAC;AAED,MAAMa,QAAQ,GAAG;EAChBH,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAEX,EAAE,CAAE,OAAQ;AACpB,CAAC;AAED,SAASc,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAY,CAAC,EAAEC,GAAG,EAAG;EAC1E,MAAMC,IAAI,GAAG,CAAEX,SAAS,EAAEG,WAAW,EAAEC,QAAQ,CAAE;EAEjD,oBACCR,IAAA;IAAKgB,SAAS,EAAC,6BAA6B;IAACF,GAAG,EAAGA,GAAK;IAAAH,QAAA,eACvDT,KAAA,CAACC,IAAI;MAACO,QAAQ,EAAGA,QAAU;MAACO,aAAa,EAAGJ,WAAa;MAAAF,QAAA,gBACxDT,KAAA;QAAKc,SAAS,EAAC,iDAAiD;QAAAL,QAAA,gBAC/DX,IAAA,CAACR,MAAM;UACNwB,SAAS,EAAC,qCAAqC;UAC/CE,IAAI,EAAGrB,UAAY;UACnBsB,KAAK,EAAGxB,EAAE,CAAE,sBAAuB,CAAG;UACtCyB,OAAO,EAAGA,CAAA,KAAMR,OAAO,CAAC,CAAG;UAC3BS,IAAI,EAAC;QAAO,CACZ,CAAC,eAEFrB,IAAA,CAACG,IAAI,CAACmB,OAAO;UAACN,SAAS,EAAC,gCAAgC;UAAAL,QAAA,EACrDI,IAAI,CAACQ,GAAG,CAAIC,GAAG,iBAChBxB,IAAA,CAACG,IAAI,CAACsB,GAAG;YAERC,KAAK,EAAGF,GAAG,CAACnB,IAAM;YAClBW,SAAS,EAAC,4BAA4B;YAAAL,QAAA,EAEpCa,GAAG,CAAClB;UAAK,GAJLkB,GAAG,CAACnB,IAKD,CACT;QAAC,CACU,CAAC;MAAA,CACX,CAAC,EACJU,IAAI,CAACQ,GAAG,CAAIC,GAAG,iBAChBxB,IAAA,CAACG,IAAI,CAACwB,QAAQ;QAEbD,KAAK,EAAGF,GAAG,CAACnB,IAAM;QAClBuB,SAAS,EAAG,KAAO;QACnBZ,SAAS,EAAC,iCAAiC;QAAAL,QAAA,EAEzCA;MAAQ,GALJa,GAAG,CAACnB,IAMI,CACd,CAAC;IAAA,CACE;EAAC,CACH,CAAC;AAER;AAEA,eAAeT,UAAU,CAAEa,YAAa,CAAC","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,7 @@ import { SegmentedControl } from '@wordpress/components';
 import BlockTypesTab from './block-types-tab';
 import ReusableBlocksTab from './reusable-blocks-tab';
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 const TAB_ANIMATION_DURATION = 250;
 function InserterTabs({
   listProps,
@@ -74,23 +74,25 @@ function InserterTabs({
       translateX
     }]
   }];
-  return createElement(View, {
+  return /*#__PURE__*/_jsx(View, {
     style: styles['inserter-tabs__wrapper'],
-    onLayout: onWrapperLayout
-  }, createElement(Animated.View, {
-    style: containerStyle
-  }, tabs.map(({
-    component: TabComponent
-  }, index) => createElement(View, {
-    key: `tab-${index}`
-  }, createElement(TabComponent, {
-    rootClientId: rootClientId,
-    onSelect: onSelect,
-    listProps: {
-      ...listProps,
-      onScroll
-    }
-  })))));
+    onLayout: onWrapperLayout,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: containerStyle,
+      children: tabs.map(({
+        component: TabComponent
+      }, index) => /*#__PURE__*/_jsx(View, {
+        children: /*#__PURE__*/_jsx(TabComponent, {
+          rootClientId: rootClientId,
+          onSelect: onSelect,
+          listProps: {
+            ...listProps,
+            onScroll
+          }
+        })
+      }, `tab-${index}`))
+    })
+  });
 }
 function TabsControl({
   onChangeTab,
@@ -111,7 +113,7 @@ function TabsControl({
     }) => title);
     onChangeTab(tabTitles.indexOf(selectedTab));
   }, [onChangeTab]);
-  return segments.length > 1 ? createElement(SegmentedControl, {
+  return segments.length > 1 ? /*#__PURE__*/_jsx(SegmentedControl, {
     segments: segments,
     segmentHandler: segmentHandler
   }) : null;

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

@@ -1 +1 @@
-{"version":3,"names":["Animated","View","useCallback","useEffect","useMemo","useRef","useState","__","SegmentedControl","BlockTypesTab","ReusableBlocksTab","styles","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","onScroll","event","nativeEvent","onWrapperLayout","layout","width","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","filteredTabs","getTabs","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","transform","createElement","style","onLayout","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SegmentedControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesTab from './block-types-tab';\nimport ReusableBlocksTab from './reusable-blocks-tab';\nimport styles from './style.scss';\n\nconst TAB_ANIMATION_DURATION = 250;\n\nfunction InserterTabs( {\n\tlistProps,\n\tonSelect,\n\trootClientId,\n\tshowReusableBlocks,\n\ttabIndex,\n} ) {\n\tconst tabAnimation = useRef( new Animated.Value( 0 ) ).current;\n\tconst lastScrollEvents = useRef( [] ).current;\n\tconst [ wrapperWidth, setWrapperWidth ] = useState( 0 );\n\n\tfunction onScroll( event ) {\n\t\tlastScrollEvents[ tabIndex ] = event.nativeEvent;\n\t\tlistProps.onScroll( event );\n\t}\n\n\tconst onWrapperLayout = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tsetWrapperWidth( nativeEvent.layout.width );\n\t\t},\n\t\t[ setWrapperWidth ]\n\t);\n\n\tuseEffect( () => {\n\t\tAnimated.timing( tabAnimation, {\n\t\t\tduration: TAB_ANIMATION_DURATION,\n\t\t\ttoValue: tabIndex,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\n\t\t// Notify upstream with the last scroll event of the current tab.\n\t\tconst lastScrollEvent = lastScrollEvents[ tabIndex ];\n\t\tif ( lastScrollEvent ) {\n\t\t\tlistProps.onScroll( { nativeEvent: lastScrollEvent } );\n\t\t}\n\t}, [ tabIndex ] );\n\n\tconst { tabs, tabKeys } = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.getTabs().filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn {\n\t\t\ttabs: filteredTabs,\n\t\t\ttabKeys: [ ...filteredTabs.keys() ],\n\t\t};\n\t}, [ showReusableBlocks ] );\n\n\tconst translateX = useMemo(\n\t\t() =>\n\t\t\ttabKeys.length > 1\n\t\t\t\t? tabAnimation.interpolate( {\n\t\t\t\t\t\tinputRange: tabKeys,\n\t\t\t\t\t\toutputRange: tabKeys.map(\n\t\t\t\t\t\t\t( key ) => key * -wrapperWidth\n\t\t\t\t\t\t),\n\t\t\t\t  } )\n\t\t\t\t: tabAnimation,\n\t\t[ tabAnimation, tabKeys, wrapperWidth ]\n\t);\n\n\tconst containerStyle = [\n\t\tstyles[ 'inserter-tabs__container' ],\n\t\t{\n\t\t\twidth: wrapperWidth * tabKeys.length,\n\t\t\ttransform: [ { translateX } ],\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ styles[ 'inserter-tabs__wrapper' ] }\n\t\t\tonLayout={ onWrapperLayout }\n\t\t>\n\t\t\t<Animated.View style={ containerStyle }>\n\t\t\t\t{ tabs.map( ( { component: TabComponent }, index ) => (\n\t\t\t\t\t<View key={ `tab-${ index }` }>\n\t\t\t\t\t\t<TabComponent\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tlistProps={ { ...listProps, onScroll } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</Animated.View>\n\t\t</View>\n\t);\n}\n\nfunction TabsControl( { onChangeTab, showReusableBlocks } ) {\n\tconst tabs = InserterTabs.getTabs();\n\tconst segments = useMemo( () => {\n\t\tconst filteredTabs = tabs.filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn filteredTabs.map( ( { title } ) => title );\n\t}, [ showReusableBlocks ] );\n\n\tconst segmentHandler = useCallback(\n\t\t( selectedTab ) => {\n\t\t\tconst tabTitles = tabs.map( ( { title } ) => title );\n\t\t\tonChangeTab( tabTitles.indexOf( selectedTab ) );\n\t\t},\n\t\t[ onChangeTab ]\n\t);\n\n\treturn segments.length > 1 ? (\n\t\t<SegmentedControl\n\t\t\tsegments={ segments }\n\t\t\tsegmentHandler={ segmentHandler }\n\t\t/>\n\t) : null;\n}\n\nInserterTabs.Control = TabsControl;\n\nInserterTabs.getTabs = () => [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{\n\t\tname: 'reusable',\n\t\ttitle: __( 'Synced patterns' ),\n\t\tcomponent: ReusableBlocksTab,\n\t},\n];\n\nexport default InserterTabs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Animated","View","useCallback","useEffect","useMemo","useRef","useState","__","SegmentedControl","BlockTypesTab","ReusableBlocksTab","styles","jsx","_jsx","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","onScroll","event","nativeEvent","onWrapperLayout","layout","width","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","filteredTabs","getTabs","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","transform","style","onLayout","children","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","Control"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SegmentedControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesTab from './block-types-tab';\nimport ReusableBlocksTab from './reusable-blocks-tab';\nimport styles from './style.scss';\n\nconst TAB_ANIMATION_DURATION = 250;\n\nfunction InserterTabs( {\n\tlistProps,\n\tonSelect,\n\trootClientId,\n\tshowReusableBlocks,\n\ttabIndex,\n} ) {\n\tconst tabAnimation = useRef( new Animated.Value( 0 ) ).current;\n\tconst lastScrollEvents = useRef( [] ).current;\n\tconst [ wrapperWidth, setWrapperWidth ] = useState( 0 );\n\n\tfunction onScroll( event ) {\n\t\tlastScrollEvents[ tabIndex ] = event.nativeEvent;\n\t\tlistProps.onScroll( event );\n\t}\n\n\tconst onWrapperLayout = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tsetWrapperWidth( nativeEvent.layout.width );\n\t\t},\n\t\t[ setWrapperWidth ]\n\t);\n\n\tuseEffect( () => {\n\t\tAnimated.timing( tabAnimation, {\n\t\t\tduration: TAB_ANIMATION_DURATION,\n\t\t\ttoValue: tabIndex,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\n\t\t// Notify upstream with the last scroll event of the current tab.\n\t\tconst lastScrollEvent = lastScrollEvents[ tabIndex ];\n\t\tif ( lastScrollEvent ) {\n\t\t\tlistProps.onScroll( { nativeEvent: lastScrollEvent } );\n\t\t}\n\t}, [ tabIndex ] );\n\n\tconst { tabs, tabKeys } = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.getTabs().filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn {\n\t\t\ttabs: filteredTabs,\n\t\t\ttabKeys: [ ...filteredTabs.keys() ],\n\t\t};\n\t}, [ showReusableBlocks ] );\n\n\tconst translateX = useMemo(\n\t\t() =>\n\t\t\ttabKeys.length > 1\n\t\t\t\t? tabAnimation.interpolate( {\n\t\t\t\t\t\tinputRange: tabKeys,\n\t\t\t\t\t\toutputRange: tabKeys.map(\n\t\t\t\t\t\t\t( key ) => key * -wrapperWidth\n\t\t\t\t\t\t),\n\t\t\t\t  } )\n\t\t\t\t: tabAnimation,\n\t\t[ tabAnimation, tabKeys, wrapperWidth ]\n\t);\n\n\tconst containerStyle = [\n\t\tstyles[ 'inserter-tabs__container' ],\n\t\t{\n\t\t\twidth: wrapperWidth * tabKeys.length,\n\t\t\ttransform: [ { translateX } ],\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ styles[ 'inserter-tabs__wrapper' ] }\n\t\t\tonLayout={ onWrapperLayout }\n\t\t>\n\t\t\t<Animated.View style={ containerStyle }>\n\t\t\t\t{ tabs.map( ( { component: TabComponent }, index ) => (\n\t\t\t\t\t<View key={ `tab-${ index }` }>\n\t\t\t\t\t\t<TabComponent\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tlistProps={ { ...listProps, onScroll } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</Animated.View>\n\t\t</View>\n\t);\n}\n\nfunction TabsControl( { onChangeTab, showReusableBlocks } ) {\n\tconst tabs = InserterTabs.getTabs();\n\tconst segments = useMemo( () => {\n\t\tconst filteredTabs = tabs.filter(\n\t\t\t( { name } ) => showReusableBlocks || name !== 'reusable'\n\t\t);\n\t\treturn filteredTabs.map( ( { title } ) => title );\n\t}, [ showReusableBlocks ] );\n\n\tconst segmentHandler = useCallback(\n\t\t( selectedTab ) => {\n\t\t\tconst tabTitles = tabs.map( ( { title } ) => title );\n\t\t\tonChangeTab( tabTitles.indexOf( selectedTab ) );\n\t\t},\n\t\t[ onChangeTab ]\n\t);\n\n\treturn segments.length > 1 ? (\n\t\t<SegmentedControl\n\t\t\tsegments={ segments }\n\t\t\tsegmentHandler={ segmentHandler }\n\t\t/>\n\t) : null;\n}\n\nInserterTabs.Control = TabsControl;\n\nInserterTabs.getTabs = () => [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{\n\t\tname: 'reusable',\n\t\ttitle: __( 'Synced patterns' ),\n\t\tcomponent: ReusableBlocksTab,\n\t},\n];\n\nexport default InserterTabs;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,IAAI,QAAQ,cAAc;;AAE7C;AACA;AACA;AACA,SACCC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACF,oBAAoB;AAC3B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,gBAAgB,QAAQ,uBAAuB;;AAExD;AACA;AACA;AACA,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,sBAAsB,GAAG,GAAG;AAElC,SAASC,YAAYA,CAAE;EACtBC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,YAAY,GAAGhB,MAAM,CAAE,IAAIL,QAAQ,CAACsB,KAAK,CAAE,CAAE,CAAE,CAAC,CAACC,OAAO;EAC9D,MAAMC,gBAAgB,GAAGnB,MAAM,CAAE,EAAG,CAAC,CAACkB,OAAO;EAC7C,MAAM,CAAEE,YAAY,EAAEC,eAAe,CAAE,GAAGpB,QAAQ,CAAE,CAAE,CAAC;EAEvD,SAASqB,QAAQA,CAAEC,KAAK,EAAG;IAC1BJ,gBAAgB,CAAEJ,QAAQ,CAAE,GAAGQ,KAAK,CAACC,WAAW;IAChDb,SAAS,CAACW,QAAQ,CAAEC,KAAM,CAAC;EAC5B;EAEA,MAAME,eAAe,GAAG5B,WAAW,CAClC,CAAE;IAAE2B;EAAY,CAAC,KAAM;IACtBH,eAAe,CAAEG,WAAW,CAACE,MAAM,CAACC,KAAM,CAAC;EAC5C,CAAC,EACD,CAAEN,eAAe,CAClB,CAAC;EAEDvB,SAAS,CAAE,MAAM;IAChBH,QAAQ,CAACiC,MAAM,CAAEZ,YAAY,EAAE;MAC9Ba,QAAQ,EAAEpB,sBAAsB;MAChCqB,OAAO,EAAEf,QAAQ;MACjBgB,eAAe,EAAE;IAClB,CAAE,CAAC,CAACC,KAAK,CAAC,CAAC;;IAEX;IACA,MAAMC,eAAe,GAAGd,gBAAgB,CAAEJ,QAAQ,CAAE;IACpD,IAAKkB,eAAe,EAAG;MACtBtB,SAAS,CAACW,QAAQ,CAAE;QAAEE,WAAW,EAAES;MAAgB,CAAE,CAAC;IACvD;EACD,CAAC,EAAE,CAAElB,QAAQ,CAAG,CAAC;EAEjB,MAAM;IAAEmB,IAAI;IAAEC;EAAQ,CAAC,GAAGpC,OAAO,CAAE,MAAM;IACxC,MAAMqC,YAAY,GAAG1B,YAAY,CAAC2B,OAAO,CAAC,CAAC,CAACC,MAAM,CACjD,CAAE;MAAEC;IAAK,CAAC,KAAMzB,kBAAkB,IAAIyB,IAAI,KAAK,UAChD,CAAC;IACD,OAAO;MACNL,IAAI,EAAEE,YAAY;MAClBD,OAAO,EAAE,CAAE,GAAGC,YAAY,CAACI,IAAI,CAAC,CAAC;IAClC,CAAC;EACF,CAAC,EAAE,CAAE1B,kBAAkB,CAAG,CAAC;EAE3B,MAAM2B,UAAU,GAAG1C,OAAO,CACzB,MACCoC,OAAO,CAACO,MAAM,GAAG,CAAC,GACf1B,YAAY,CAAC2B,WAAW,CAAE;IAC1BC,UAAU,EAAET,OAAO;IACnBU,WAAW,EAAEV,OAAO,CAACW,GAAG,CACrBC,GAAG,IAAMA,GAAG,GAAG,CAAC3B,YACnB;EACA,CAAE,CAAC,GACHJ,YAAY,EAChB,CAAEA,YAAY,EAAEmB,OAAO,EAAEf,YAAY,CACtC,CAAC;EAED,MAAM4B,cAAc,GAAG,CACtB1C,MAAM,CAAE,0BAA0B,CAAE,EACpC;IACCqB,KAAK,EAAEP,YAAY,GAAGe,OAAO,CAACO,MAAM;IACpCO,SAAS,EAAE,CAAE;MAAER;IAAW,CAAC;EAC5B,CAAC,CACD;EAED,oBACCjC,IAAA,CAACZ,IAAI;IACJsD,KAAK,EAAG5C,MAAM,CAAE,wBAAwB,CAAI;IAC5C6C,QAAQ,EAAG1B,eAAiB;IAAA2B,QAAA,eAE5B5C,IAAA,CAACb,QAAQ,CAACC,IAAI;MAACsD,KAAK,EAAGF,cAAgB;MAAAI,QAAA,EACpClB,IAAI,CAACY,GAAG,CAAE,CAAE;QAAEO,SAAS,EAAEC;MAAa,CAAC,EAAEC,KAAK,kBAC/C/C,IAAA,CAACZ,IAAI;QAAAwD,QAAA,eACJ5C,IAAA,CAAC8C,YAAY;UACZzC,YAAY,EAAGA,YAAc;UAC7BD,QAAQ,EAAGA,QAAU;UACrBD,SAAS,EAAG;YAAE,GAAGA,SAAS;YAAEW;UAAS;QAAG,CACxC;MAAC,GALU,OAAOiC,KAAO,EAMrB,CACL;IAAC,CACW;EAAC,CACX,CAAC;AAET;AAEA,SAASC,WAAWA,CAAE;EAAEC,WAAW;EAAE3C;AAAmB,CAAC,EAAG;EAC3D,MAAMoB,IAAI,GAAGxB,YAAY,CAAC2B,OAAO,CAAC,CAAC;EACnC,MAAMqB,QAAQ,GAAG3D,OAAO,CAAE,MAAM;IAC/B,MAAMqC,YAAY,GAAGF,IAAI,CAACI,MAAM,CAC/B,CAAE;MAAEC;IAAK,CAAC,KAAMzB,kBAAkB,IAAIyB,IAAI,KAAK,UAChD,CAAC;IACD,OAAOH,YAAY,CAACU,GAAG,CAAE,CAAE;MAAEa;IAAM,CAAC,KAAMA,KAAM,CAAC;EAClD,CAAC,EAAE,CAAE7C,kBAAkB,CAAG,CAAC;EAE3B,MAAM8C,cAAc,GAAG/D,WAAW,CAC/BgE,WAAW,IAAM;IAClB,MAAMC,SAAS,GAAG5B,IAAI,CAACY,GAAG,CAAE,CAAE;MAAEa;IAAM,CAAC,KAAMA,KAAM,CAAC;IACpDF,WAAW,CAAEK,SAAS,CAACC,OAAO,CAAEF,WAAY,CAAE,CAAC;EAChD,CAAC,EACD,CAAEJ,WAAW,CACd,CAAC;EAED,OAAOC,QAAQ,CAAChB,MAAM,GAAG,CAAC,gBACzBlC,IAAA,CAACL,gBAAgB;IAChBuD,QAAQ,EAAGA,QAAU;IACrBE,cAAc,EAAGA;EAAgB,CACjC,CAAC,GACC,IAAI;AACT;AAEAlD,YAAY,CAACsD,OAAO,GAAGR,WAAW;AAElC9C,YAAY,CAAC2B,OAAO,GAAG,MAAM,CAC5B;EAAEE,IAAI,EAAE,QAAQ;EAAEoB,KAAK,EAAEzD,EAAE,CAAE,QAAS,CAAC;EAAEmD,SAAS,EAAEjD;AAAc,CAAC,EACnE;EACCmC,IAAI,EAAE,UAAU;EAChBoB,KAAK,EAAEzD,EAAE,CAAE,iBAAkB,CAAC;EAC9BmD,SAAS,EAAEhD;AACZ,CAAC,CACD;AAED,eAAeK,YAAY","ignoreList":[]}