@wordpress/block-editor 12.25.0 → 13.0.0

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ReusableBlocksRenameHint;
 exports.useReusableBlocksRenameHint = useReusableBlocksRenameHint;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _dom = require("@wordpress/dom");
@@ -13,6 +12,7 @@ var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _preferences = require("@wordpress/preferences");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -47,23 +47,25 @@ function ReusableBlocksRenameHint() {
   if (!isReusableBlocksRenameHint) {
     return null;
   }
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
-    className: "reusable-blocks-menu-items__rename-hint"
-  }, (0, _react.createElement)("div", {
-    className: "reusable-blocks-menu-items__rename-hint-content"
-  }, (0, _i18n.__)('Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.')), (0, _react.createElement)(_components.Button, {
-    className: "reusable-blocks-menu-items__rename-hint-dismiss",
-    icon: _icons.close,
-    iconSize: "16",
-    label: (0, _i18n.__)('Dismiss hint'),
-    onClick: () => {
-      // Retain focus when dismissing the element.
-      const previousElement = _dom.focus.tabbable.findPrevious(ref.current);
-      previousElement?.focus();
-      setPreference('core', PREFERENCE_NAME, false);
-    },
-    showTooltip: false
-  }));
+    className: "reusable-blocks-menu-items__rename-hint",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "reusable-blocks-menu-items__rename-hint-content",
+      children: (0, _i18n.__)('Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      className: "reusable-blocks-menu-items__rename-hint-dismiss",
+      icon: _icons.close,
+      iconSize: "16",
+      label: (0, _i18n.__)('Dismiss hint'),
+      onClick: () => {
+        // Retain focus when dismissing the element.
+        const previousElement = _dom.focus.tabbable.findPrevious(ref.current);
+        previousElement?.focus();
+        setPreference('core', PREFERENCE_NAME, false);
+      },
+      showTooltip: false
+    })]
+  });
 }
 //# sourceMappingURL=reusable-block-rename-hint.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_dom","_element","_i18n","_icons","_preferences","PREFERENCE_NAME","useReusableBlocksRenameHint","useSelect","select","_select$get","preferencesStore","get","ReusableBlocksRenameHint","isReusableBlocksRenameHint","_select$get2","ref","useRef","set","setPreference","useDispatch","_react","createElement","className","__","Button","icon","close","iconSize","label","onClick","previousElement","focus","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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AATA;AACA;AACA;;AASA,MAAMO,eAAe,GAAG,oCAAoC;AAC5D;AACA;AACA;AACA;AACA;AACO,SAASC,2BAA2BA,CAAA,EAAG;EAC7C,OAAO,IAAAC,eAAS,EACbC,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEE,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAEN,eAAgB,CAAC,cAAAI,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACe,SAASG,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,0BAA0B,GAAG,IAAAN,eAAS,EACzCC,MAAM;IAAA,IAAAM,YAAA;IAAA,QAAAA,YAAA,GACPN,MAAM,CAAEE,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAEN,eAAgB,CAAC,cAAAS,YAAA,cAAAA,YAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EAEpB,MAAM;IAAEC,GAAG,EAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAET,kBAAiB,CAAC;EAC9D,IAAK,CAAEG,0BAA0B,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,OACC,IAAAO,MAAA,CAAAC,aAAA;IAAKN,GAAG,EAAGA,GAAK;IAACO,SAAS,EAAC;EAAyC,GACnE,IAAAF,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAiD,GAC7D,IAAAC,QAAE,EACH,oHACD,CACI,CAAC,EACN,IAAAH,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA2B,MAAM;IACNF,SAAS,EAAC,iDAAiD;IAC3DG,IAAI,EAAGC,YAAO;IACdC,QAAQ,EAAC,IAAI;IACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,cAAe,CAAG;IAC9BM,OAAO,EAAGA,CAAA,KAAM;MACf;MACA,MAAMC,eAAe,GAAGC,UAAK,CAACC,QAAQ,CAACC,YAAY,CAClDlB,GAAG,CAACmB,OACL,CAAC;MACDJ,eAAe,EAAEC,KAAK,CAAC,CAAC;MACxBb,aAAa,CAAE,MAAM,EAAEb,eAAe,EAAE,KAAM,CAAC;IAChD,CAAG;IACH8B,WAAW,EAAG;EAAO,CACrB,CACG,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_components","require","_data","_dom","_element","_i18n","_icons","_preferences","_jsxRuntime","PREFERENCE_NAME","useReusableBlocksRenameHint","useSelect","select","_select$get","preferencesStore","get","ReusableBlocksRenameHint","isReusableBlocksRenameHint","_select$get2","ref","useRef","set","setPreference","useDispatch","jsxs","className","children","jsx","__","Button","icon","close","iconSize","label","onClick","previousElement","focus","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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAmE,IAAAO,WAAA,GAAAP,OAAA;AATnE;AACA;AACA;;AASA,MAAMQ,eAAe,GAAG,oCAAoC;AAC5D;AACA;AACA;AACA;AACA;AACO,SAASC,2BAA2BA,CAAA,EAAG;EAC7C,OAAO,IAAAC,eAAS,EACbC,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEE,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAEN,eAAgB,CAAC,cAAAI,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACe,SAASG,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,0BAA0B,GAAG,IAAAN,eAAS,EACzCC,MAAM;IAAA,IAAAM,YAAA;IAAA,QAAAA,YAAA,GACPN,MAAM,CAAEE,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAEN,eAAgB,CAAC,cAAAS,YAAA,cAAAA,YAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EAEpB,MAAM;IAAEC,GAAG,EAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAET,kBAAiB,CAAC;EAC9D,IAAK,CAAEG,0BAA0B,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAT,WAAA,CAAAgB,IAAA;IAAKL,GAAG,EAAGA,GAAK;IAACM,SAAS,EAAC,yCAAyC;IAAAC,QAAA,gBACnE,IAAAlB,WAAA,CAAAmB,GAAA;MAAKF,SAAS,EAAC,iDAAiD;MAAAC,QAAA,EAC7D,IAAAE,QAAE,EACH,oHACD;IAAC,CACG,CAAC,eACN,IAAApB,WAAA,CAAAmB,GAAA,EAAC3B,WAAA,CAAA6B,MAAM;MACNJ,SAAS,EAAC,iDAAiD;MAC3DK,IAAI,EAAGC,YAAO;MACdC,QAAQ,EAAC,IAAI;MACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,cAAe,CAAG;MAC9BM,OAAO,EAAGA,CAAA,KAAM;QACf;QACA,MAAMC,eAAe,GAAGC,UAAK,CAACC,QAAQ,CAACC,YAAY,CAClDnB,GAAG,CAACoB,OACL,CAAC;QACDJ,eAAe,EAAEC,KAAK,CAAC,CAAC;QACxBd,aAAa,CAAE,MAAM,EAAEb,eAAe,EAAE,KAAM,CAAC;MAChD,CAAG;MACH+B,WAAW,EAAG;IAAO,CACrB,CAAC;EAAA,CACE,CAAC;AAER","ignoreList":[]}

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _blockTypesList = _interopRequireDefault(require("../block-types-list"));
 var _store = require("../../store");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -45,7 +45,7 @@ function ReusableBlocksTab({
     key: 'reuseable',
     items
   })];
-  return (0, _react.createElement)(_blockTypesList.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTypesList.default, {
     name: "SyncedPatterns",
     sections: sections,
     onSelect: onSelect,

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_element","_blockTypesList","_interopRequireDefault","_store","_utils","ReusableBlocksTab","onSelect","rootClientId","listProps","inserterItems","useSelect","select","getInserterItems","blockEditorStore","allItems","items","useMemo","filterInserterItems","onlyReusable","sections","createInserterSection","key","_react","createElement","default","name","label","__","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,SAASO,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC,YAAY;EAAEC;AAAU,CAAC,EAAG;EACnE,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IACvD,MAAMC,QAAQ,GAAGF,gBAAgB,CAAEL,YAAa,CAAC;IAEjD,OAAO;MACNE,aAAa,EAAEK;IAChB,CAAC;EACF,CAAC,EACD,CAAEP,YAAY,CACf,CAAC;EAED,MAAMQ,KAAK,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC5B,OAAO,IAAAC,0BAAmB,EAAER,aAAa,EAAE;MAAES,YAAY,EAAE;IAAK,CAAE,CAAC;EACpE,CAAC,EAAE,CAAET,aAAa,CAAG,CAAC;EAEtB,MAAMU,QAAQ,GAAG,CAAE,IAAAC,4BAAqB,EAAE;IAAEC,GAAG,EAAE,WAAW;IAAEN;EAAM,CAAE,CAAC,CAAE;EAEzE,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACtB,eAAA,CAAAuB,OAAc;IACdC,IAAI,EAAC,gBAAgB;IACrBN,QAAQ,EAAGA,QAAU;IACrBb,QAAQ,EAAGA,QAAU;IACrBE,SAAS,EAAGA,SAAW;IACvBkB,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB;EAAG,CACjC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEcnB,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_data","require","_i18n","_element","_blockTypesList","_interopRequireDefault","_store","_utils","_jsxRuntime","ReusableBlocksTab","onSelect","rootClientId","listProps","inserterItems","useSelect","select","getInserterItems","blockEditorStore","allItems","items","useMemo","filterInserterItems","onlyReusable","sections","createInserterSection","key","jsx","default","name","label","__","_default","exports"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAqE,IAAAO,WAAA,GAAAP,OAAA;AAZrE;AACA;AACA;;AAKA;AACA;AACA;;AAKA,SAASQ,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC,YAAY;EAAEC;AAAU,CAAC,EAAG;EACnE,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IACvD,MAAMC,QAAQ,GAAGF,gBAAgB,CAAEL,YAAa,CAAC;IAEjD,OAAO;MACNE,aAAa,EAAEK;IAChB,CAAC;EACF,CAAC,EACD,CAAEP,YAAY,CACf,CAAC;EAED,MAAMQ,KAAK,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC5B,OAAO,IAAAC,0BAAmB,EAAER,aAAa,EAAE;MAAES,YAAY,EAAE;IAAK,CAAE,CAAC;EACpE,CAAC,EAAE,CAAET,aAAa,CAAG,CAAC;EAEtB,MAAMU,QAAQ,GAAG,CAAE,IAAAC,4BAAqB,EAAE;IAAEC,GAAG,EAAE,WAAW;IAAEN;EAAM,CAAE,CAAC,CAAE;EAEzE,oBACC,IAAAX,WAAA,CAAAkB,GAAA,EAACtB,eAAA,CAAAuB,OAAc;IACdC,IAAI,EAAC,gBAAgB;IACrBL,QAAQ,EAAGA,QAAU;IACrBb,QAAQ,EAAGA,QAAU;IACrBE,SAAS,EAAGA,SAAW;IACvBiB,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB;EAAG,CACjC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEclB,iBAAiB","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -25,6 +24,7 @@ var _inserterListbox = _interopRequireDefault(require("../inserter-listbox"));
 var _sorting = require("../../utils/sorting");
 var _orderInserterBlockItems = require("../../utils/order-inserter-block-items");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -56,7 +56,8 @@ function InserterSearchResults({
   isDraggable = true,
   shouldFocusBlock = true,
   prioritizePatterns,
-  selectBlockOnInsert
+  selectBlockOnInsert,
+  isQuick
 }) {
   const debouncedSpeak = (0, _compose.useDebounce)(_a11y.speak, 500);
   const {
@@ -76,7 +77,7 @@ function InserterSearchResults({
     shouldFocusBlock,
     selectBlockOnInsert
   });
-  const [blockTypes, blockTypeCategories, blockTypeCollections, onSelectBlockType] = (0, _useBlockTypesState.default)(destinationRootClientId, onInsertBlocks);
+  const [blockTypes, blockTypeCategories, blockTypeCollections, onSelectBlockType] = (0, _useBlockTypesState.default)(destinationRootClientId, onInsertBlocks, isQuick);
   const [patterns,, onClickPattern] = (0, _usePatternsState.default)(onInsertBlocks, destinationRootClientId);
   const filteredBlockPatterns = (0, _element.useMemo)(() => {
     if (maxBlockPatterns === 0) {
@@ -117,45 +118,55 @@ function InserterSearchResults({
   });
   const currentShownPatterns = (0, _compose.useAsyncList)(currentShownBlockTypes.length === filteredBlockTypes.length ? filteredBlockPatterns : EMPTY_ARRAY);
   const hasItems = filteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;
-  const blocksUI = !!filteredBlockTypes.length && (0, _react.createElement)(_panel.default, {
-    title: (0, _react.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Blocks'))
-  }, (0, _react.createElement)(_blockTypesList.default, {
-    items: currentShownBlockTypes,
-    onSelect: onSelectBlockType,
-    onHover: onHover,
-    label: (0, _i18n.__)('Blocks'),
-    isDraggable: isDraggable
-  }));
-  const patternsUI = !!filteredBlockPatterns.length && (0, _react.createElement)(_panel.default, {
-    title: (0, _react.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Block patterns'))
-  }, (0, _react.createElement)("div", {
-    className: "block-editor-inserter__quick-inserter-patterns"
-  }, (0, _react.createElement)(_blockPatternsList.default, {
-    shownPatterns: currentShownPatterns,
-    blockPatterns: filteredBlockPatterns,
-    onClickPattern: onClickPattern,
-    onHover: onHoverPattern,
-    isDraggable: isDraggable
-  })));
-  return (0, _react.createElement)(_inserterListbox.default, null, !showBlockDirectory && !hasItems && (0, _react.createElement)(_noResults.default, null), prioritizePatterns ? patternsUI : blocksUI, !!filteredBlockTypes.length && !!filteredBlockPatterns.length && (0, _react.createElement)("div", {
-    className: "block-editor-inserter__quick-inserter-separator"
-  }), prioritizePatterns ? blocksUI : patternsUI, showBlockDirectory && (0, _react.createElement)(_inserterMenuExtension.default.Slot, {
-    fillProps: {
+  const blocksUI = !!filteredBlockTypes.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+      children: (0, _i18n.__)('Blocks')
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTypesList.default, {
+      items: currentShownBlockTypes,
       onSelect: onSelectBlockType,
-      onHover,
-      filterValue,
-      hasItems,
-      rootClientId: destinationRootClientId
-    }
-  }, fills => {
-    if (fills.length) {
-      return fills;
-    }
-    if (!hasItems) {
-      return (0, _react.createElement)(_noResults.default, null);
-    }
-    return null;
-  }));
+      onHover: onHover,
+      label: (0, _i18n.__)('Blocks'),
+      isDraggable: isDraggable
+    })
+  });
+  const patternsUI = !!filteredBlockPatterns.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+      children: (0, _i18n.__)('Block patterns')
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-inserter__quick-inserter-patterns",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPatternsList.default, {
+        shownPatterns: currentShownPatterns,
+        blockPatterns: filteredBlockPatterns,
+        onClickPattern: onClickPattern,
+        onHover: onHoverPattern,
+        isDraggable: isDraggable
+      })
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_inserterListbox.default, {
+    children: [!showBlockDirectory && !hasItems && /*#__PURE__*/(0, _jsxRuntime.jsx)(_noResults.default, {}), prioritizePatterns ? patternsUI : blocksUI, !!filteredBlockTypes.length && !!filteredBlockPatterns.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-inserter__quick-inserter-separator"
+    }), prioritizePatterns ? blocksUI : patternsUI, showBlockDirectory && /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserterMenuExtension.default.Slot, {
+      fillProps: {
+        onSelect: onSelectBlockType,
+        onHover,
+        filterValue,
+        hasItems,
+        rootClientId: destinationRootClientId
+      },
+      children: fills => {
+        if (fills.length) {
+          return fills;
+        }
+        if (!hasItems) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_noResults.default, {});
+        }
+        return null;
+      }
+    })]
+  });
 }
 var _default = exports.default = InserterSearchResults;
 //# sourceMappingURL=search-results.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_compose","_a11y","_data","_blockTypesList","_interopRequireDefault","_blockPatternsList","_inserterMenuExtension","_panel","_noResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_searchItems","_inserterListbox","_sorting","_orderInserterBlockItems","_store","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","onHoverPattern","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","prioritizePatterns","selectBlockOnInsert","debouncedSpeak","useDebounce","speak","prioritizedBlocks","useSelect","select","blockListSettings","blockEditorStore","getBlockListSettings","prioritizedInserterBlocks","destinationRootClientId","onInsertBlocks","useInsertionPoint","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","useBlockTypesState","patterns","onClickPattern","usePatternsState","filteredBlockPatterns","useMemo","results","searchItems","undefined","slice","maxBlockTypesToShow","length","filteredBlockTypes","nonPatternBlockTypes","filter","blockType","name","orderedItems","orderBy","orderInserterBlockItems","searchBlockItems","useEffect","count","resultsFoundMessage","sprintf","_n","currentShownBlockTypes","useAsyncList","step","currentShownPatterns","hasItems","blocksUI","_react","createElement","default","title","VisuallyHidden","__","items","label","patternsUI","className","shownPatterns","blockPatterns","Slot","fillProps","fills","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_components","_compose","_a11y","_data","_blockTypesList","_interopRequireDefault","_blockPatternsList","_inserterMenuExtension","_panel","_noResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_searchItems","_inserterListbox","_sorting","_orderInserterBlockItems","_store","_jsxRuntime","INITIAL_INSERTER_RESULTS","EMPTY_ARRAY","InserterSearchResults","filterValue","onSelect","onHover","onHoverPattern","rootClientId","clientId","isAppender","__experimentalInsertionIndex","maxBlockPatterns","maxBlockTypes","showBlockDirectory","isDraggable","shouldFocusBlock","prioritizePatterns","selectBlockOnInsert","isQuick","debouncedSpeak","useDebounce","speak","prioritizedBlocks","useSelect","select","blockListSettings","blockEditorStore","getBlockListSettings","prioritizedInserterBlocks","destinationRootClientId","onInsertBlocks","useInsertionPoint","insertionIndex","blockTypes","blockTypeCategories","blockTypeCollections","onSelectBlockType","useBlockTypesState","patterns","onClickPattern","usePatternsState","filteredBlockPatterns","useMemo","results","searchItems","undefined","slice","maxBlockTypesToShow","length","filteredBlockTypes","nonPatternBlockTypes","filter","blockType","name","orderedItems","orderBy","orderInserterBlockItems","searchBlockItems","useEffect","count","resultsFoundMessage","sprintf","_n","currentShownBlockTypes","useAsyncList","step","currentShownPatterns","hasItems","blocksUI","jsx","default","title","VisuallyHidden","children","__","items","label","patternsUI","className","shownPatterns","blockPatterns","jsxs","Slot","fillProps","fills","_default","exports"],"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/components/inserter/search-results.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
@@ -15,6 +14,7 @@ var _noResults = _interopRequireDefault(require("./no-results"));
 var _store = require("../../store");
 var _useBlockTypeImpressions = _interopRequireDefault(require("./hooks/use-block-type-impressions"));
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -49,13 +49,13 @@ function InserterSearchResults({
     trackBlockTypeSelected
   } = (0, _useBlockTypeImpressions.default)(blockTypes);
   if (!items || items?.length === 0) {
-    return (0, _react.createElement)(_noResults.default, null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_noResults.default, {});
   }
   const handleSelect = (...args) => {
     trackBlockTypeSelected(...args);
     onSelect(...args);
   };
-  return (0, _react.createElement)(_blockTypesList.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTypesList.default, {
     name: "Blocks",
     initialNumToRender: isFullScreen ? 10 : 3,
     sections: [(0, _utils.createInserterSection)({

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_element","_searchItems","_blockTypesList","_interopRequireDefault","_noResults","_store","_useBlockTypeImpressions","_utils","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","inserterItems","useSelect","select","items","blockEditorStore","getInserterItems","blockTypes","useMemo","availableItems","filterInserterItems","allowReusable","searchItems","trackBlockTypeSelected","useBlockTypeImpressions","length","_react","createElement","default","handleSelect","args","name","initialNumToRender","sections","createInserterSection","key","label","__","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,wBAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAfA;AACA;AACA;;AAKA;AACA;AACA;;AAQA,SAASU,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAM;IACb,MAAMC,KAAK,GACVD,MAAM,CAAEE,YAAiB,CAAC,CAACC,gBAAgB,CAAEP,YAAa,CAAC;IAE5D,OAAO;MAAEE,aAAa,EAAEG;IAAM,CAAC;EAChC,CAAC,EACD,CAAEL,YAAY,CACf,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACjC,MAAMC,cAAc,GAAG,IAAAC,0BAAmB,EAAET,aAAa,EAAE;MAC1DU,aAAa,EAAE;IAChB,CAAE,CAAC;IAEH,OAAO,IAAAC,wBAAW,EAAEH,cAAc,EAAEb,WAAY,CAAC;EAClD,CAAC,EAAE,CAAEK,aAAa,EAAEL,WAAW,CAAG,CAAC;EAEnC,MAAM;IAAEQ,KAAK;IAAES;EAAuB,CAAC,GACtC,IAAAC,gCAAuB,EAAEP,UAAW,CAAC;EAEtC,IAAK,CAAEH,KAAK,IAAIA,KAAK,EAAEW,MAAM,KAAK,CAAC,EAAG;IACrC,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAAC1B,UAAA,CAAA2B,OAAiB,MAAE,CAAC;EAC7B;EAEA,MAAMC,YAAY,GAAGA,CAAE,GAAGC,IAAI,KAAM;IACnCP,sBAAsB,CAAE,GAAGO,IAAK,CAAC;IACjCvB,QAAQ,CAAE,GAAGuB,IAAK,CAAC;EACpB,CAAC;EAED,OACC,IAAAJ,MAAA,CAAAC,aAAA,EAAC5B,eAAA,CAAA6B,OAAc;IACdG,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAGtB,YAAY,GAAG,EAAE,GAAG,CAAG;IAC5CuB,QAAQ,EAAG,CAAE,IAAAC,4BAAqB,EAAE;MAAEC,GAAG,EAAE,QAAQ;MAAErB;IAAM,CAAE,CAAC,CAAI;IAClEP,QAAQ,EAAGsB,YAAc;IACzBrB,SAAS,EAAGA,SAAW;IACvB4B,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,CACxB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEcvB,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_data","require","_i18n","_element","_searchItems","_blockTypesList","_interopRequireDefault","_noResults","_store","_useBlockTypeImpressions","_utils","_jsxRuntime","InserterSearchResults","filterValue","onSelect","listProps","rootClientId","isFullScreen","inserterItems","useSelect","select","items","blockEditorStore","getInserterItems","blockTypes","useMemo","availableItems","filterInserterItems","allowReusable","searchItems","trackBlockTypeSelected","useBlockTypeImpressions","length","jsx","default","handleSelect","args","name","initialNumToRender","sections","createInserterSection","key","label","__","_default","exports"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,wBAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAAqE,IAAAU,WAAA,GAAAV,OAAA;AAfrE;AACA;AACA;;AAKA;AACA;AACA;;AAQA,SAASW,qBAAqBA,CAAE;EAC/BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAM;IACb,MAAMC,KAAK,GACVD,MAAM,CAAEE,YAAiB,CAAC,CAACC,gBAAgB,CAAEP,YAAa,CAAC;IAE5D,OAAO;MAAEE,aAAa,EAAEG;IAAM,CAAC;EAChC,CAAC,EACD,CAAEL,YAAY,CACf,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACjC,MAAMC,cAAc,GAAG,IAAAC,0BAAmB,EAAET,aAAa,EAAE;MAC1DU,aAAa,EAAE;IAChB,CAAE,CAAC;IAEH,OAAO,IAAAC,wBAAW,EAAEH,cAAc,EAAEb,WAAY,CAAC;EAClD,CAAC,EAAE,CAAEK,aAAa,EAAEL,WAAW,CAAG,CAAC;EAEnC,MAAM;IAAEQ,KAAK;IAAES;EAAuB,CAAC,GACtC,IAAAC,gCAAuB,EAAEP,UAAW,CAAC;EAEtC,IAAK,CAAEH,KAAK,IAAIA,KAAK,EAAEW,MAAM,KAAK,CAAC,EAAG;IACrC,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAAC1B,UAAA,CAAA2B,OAAiB,IAAE,CAAC;EAC7B;EAEA,MAAMC,YAAY,GAAGA,CAAE,GAAGC,IAAI,KAAM;IACnCN,sBAAsB,CAAE,GAAGM,IAAK,CAAC;IACjCtB,QAAQ,CAAE,GAAGsB,IAAK,CAAC;EACpB,CAAC;EAED,oBACC,IAAAzB,WAAA,CAAAsB,GAAA,EAAC5B,eAAA,CAAA6B,OAAc;IACdG,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAGrB,YAAY,GAAG,EAAE,GAAG,CAAG;IAC5CsB,QAAQ,EAAG,CAAE,IAAAC,4BAAqB,EAAE;MAAEC,GAAG,EAAE,QAAQ;MAAEpB;IAAM,CAAE,CAAC,CAAI;IAClEP,QAAQ,EAAGqB,YAAc;IACzBpB,SAAS,EAAGA,SAAW;IACvB2B,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,CACxB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEctB,qBAAqB","ignoreList":[]}

package/build/components/inserter/tabs.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
+var _icons = require("@wordpress/icons");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -37,26 +38,41 @@ const mediaTab = {
 };
 function InserterTabs({
   onSelect,
-  tabsContents
+  children,
+  onClose,
+  selectedTab
 }, ref) {
   const tabs = [blocksTab, patternsTab, mediaTab];
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "block-editor-inserter__tabs",
-    ref: ref
-  }, (0, _react.createElement)(Tabs, {
-    onSelect: onSelect
-  }, (0, _react.createElement)(Tabs.TabList, {
-    className: "block-editor-inserter__tablist"
-  }, tabs.map(tab => (0, _react.createElement)(Tabs.Tab, {
-    key: tab.name,
-    tabId: tab.name,
-    className: "block-editor-inserter__tab"
-  }, tab.title))), tabs.map(tab => (0, _react.createElement)(Tabs.TabPanel, {
-    key: tab.name,
-    tabId: tab.name,
-    focusable: false,
-    className: "block-editor-inserter__tabpanel"
-  }, tabsContents[tab.name]))));
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
+      onSelect: onSelect,
+      selectedTabId: selectedTab,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "block-editor-inserter__tablist-and-close-button",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          className: "block-editor-inserter__close-button",
+          icon: _icons.closeSmall,
+          label: (0, _i18n.__)('Close block inserter'),
+          onClick: () => onClose(),
+          size: "small"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabList, {
+          className: "block-editor-inserter__tablist",
+          children: tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+            tabId: tab.name,
+            className: "block-editor-inserter__tab",
+            children: tab.title
+          }, tab.name))
+        })]
+      }), tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+        tabId: tab.name,
+        focusable: false,
+        className: "block-editor-inserter__tabpanel",
+        children: children
+      }, tab.name))]
+    })
+  });
 }
 var _default = exports.default = (0, _element.forwardRef)(InserterTabs);
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_element","_lockUnlock","Tabs","unlock","componentsPrivateApis","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","onSelect","tabsContents","ref","tabs","_react","createElement","className","TabList","map","tab","Tab","key","tabId","TabPanel","focusable","_default","exports","default","forwardRef"],"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';\nimport { forwardRef } from '@wordpress/element';\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, tabsContents }, 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 }>\n\t\t\t\t<Tabs.TabList className=\"block-editor-inserter__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\tclassName=\"block-editor-inserter__tab\"\n\t\t\t\t\t\t>\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\tclassName=\"block-editor-inserter__tabpanel\"\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 forwardRef( InserterTabs );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGA,MAAM;EAAEI;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,MAAMC,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS;AACrB,CAAC;AACD,MAAMC,WAAW,GAAG;EACnBH,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW;AACvB,CAAC;AAED,MAAME,QAAQ,GAAG;EAChBJ,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;AACpB,CAAC;AAED,SAASG,YAAYA,CAAE;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAEC,GAAG,EAAG;EACxD,MAAMC,IAAI,GAAG,CAAEV,SAAS,EAAEI,WAAW,EAAEC,QAAQ,CAAE;EAEjD,OACC,IAAAM,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC,6BAA6B;IAACJ,GAAG,EAAGA;EAAK,GACvD,IAAAE,MAAA,CAAAC,aAAA,EAACf,IAAI;IAACU,QAAQ,EAAGA;EAAU,GAC1B,IAAAI,MAAA,CAAAC,aAAA,EAACf,IAAI,CAACiB,OAAO;IAACD,SAAS,EAAC;EAAgC,GACrDH,IAAI,CAACK,GAAG,CAAIC,GAAG,IAChB,IAAAL,MAAA,CAAAC,aAAA,EAACf,IAAI,CAACoB,GAAG;IACRC,GAAG,EAAGF,GAAG,CAACf,IAAM;IAChBkB,KAAK,EAAGH,GAAG,CAACf,IAAM;IAClBY,SAAS,EAAC;EAA4B,GAEpCG,GAAG,CAACd,KACG,CACT,CACW,CAAC,EACbQ,IAAI,CAACK,GAAG,CAAIC,GAAG,IAChB,IAAAL,MAAA,CAAAC,aAAA,EAACf,IAAI,CAACuB,QAAQ;IACbF,GAAG,EAAGF,GAAG,CAACf,IAAM;IAChBkB,KAAK,EAAGH,GAAG,CAACf,IAAM;IAClBoB,SAAS,EAAG,KAAO;IACnBR,SAAS,EAAC;EAAiC,GAEzCL,YAAY,CAAEQ,GAAG,CAACf,IAAI,CACV,CACd,CACG,CACF,CAAC;AAER;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAEnB,YAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_element","_icons","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","onSelect","children","onClose","selectedTab","ref","tabs","jsx","className","jsxs","selectedTabId","Button","icon","closeSmall","label","onClick","size","TabList","map","tab","Tab","tabId","TabPanel","focusable","_default","exports","default","forwardRef"],"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":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AAA2C,IAAAK,WAAA,GAAAL,OAAA;AAd3C;AACA;AACA;;AASA;AACA;AACA;;AAGA,MAAM;EAAEM;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,MAAMC,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS;AACrB,CAAC;AACD,MAAMC,WAAW,GAAG;EACnBH,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW;AACvB,CAAC;AAED,MAAME,QAAQ,GAAG;EAChBJ,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ;AACpB,CAAC;AAED,SAASG,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAY,CAAC,EAAEC,GAAG,EAAG;EAC1E,MAAMC,IAAI,GAAG,CAAEZ,SAAS,EAAEI,WAAW,EAAEC,QAAQ,CAAE;EAEjD,oBACC,IAAAT,WAAA,CAAAiB,GAAA;IAAKC,SAAS,EAAC,6BAA6B;IAACH,GAAG,EAAGA,GAAK;IAAAH,QAAA,eACvD,IAAAZ,WAAA,CAAAmB,IAAA,EAAClB,IAAI;MAACU,QAAQ,EAAGA,QAAU;MAACS,aAAa,EAAGN,WAAa;MAAAF,QAAA,gBACxD,IAAAZ,WAAA,CAAAmB,IAAA;QAAKD,SAAS,EAAC,iDAAiD;QAAAN,QAAA,gBAC/D,IAAAZ,WAAA,CAAAiB,GAAA,EAACvB,WAAA,CAAA2B,MAAM;UACNH,SAAS,EAAC,qCAAqC;UAC/CI,IAAI,EAAGC,iBAAY;UACnBC,KAAK,EAAG,IAAAjB,QAAE,EAAE,sBAAuB,CAAG;UACtCkB,OAAO,EAAGA,CAAA,KAAMZ,OAAO,CAAC,CAAG;UAC3Ba,IAAI,EAAC;QAAO,CACZ,CAAC,eAEF,IAAA1B,WAAA,CAAAiB,GAAA,EAAChB,IAAI,CAAC0B,OAAO;UAACT,SAAS,EAAC,gCAAgC;UAAAN,QAAA,EACrDI,IAAI,CAACY,GAAG,CAAIC,GAAG,iBAChB,IAAA7B,WAAA,CAAAiB,GAAA,EAAChB,IAAI,CAAC6B,GAAG;YAERC,KAAK,EAAGF,GAAG,CAACxB,IAAM;YAClBa,SAAS,EAAC,4BAA4B;YAAAN,QAAA,EAEpCiB,GAAG,CAACvB;UAAK,GAJLuB,GAAG,CAACxB,IAKD,CACT;QAAC,CACU,CAAC;MAAA,CACX,CAAC,EACJW,IAAI,CAACY,GAAG,CAAIC,GAAG,iBAChB,IAAA7B,WAAA,CAAAiB,GAAA,EAAChB,IAAI,CAAC+B,QAAQ;QAEbD,KAAK,EAAGF,GAAG,CAACxB,IAAM;QAClB4B,SAAS,EAAG,KAAO;QACnBf,SAAS,EAAC,iCAAiC;QAAAN,QAAA,EAEzCA;MAAQ,GALJiB,GAAG,CAACxB,IAMI,CACd,CAAC;IAAA,CACE;EAAC,CACH,CAAC;AAER;AAAC,IAAA6B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAE3B,YAAa,CAAC","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
@@ -13,6 +12,7 @@ var _components = require("@wordpress/components");
 var _blockTypesTab = _interopRequireDefault(require("./block-types-tab"));
 var _reusableBlocksTab = _interopRequireDefault(require("./reusable-blocks-tab"));
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -82,23 +82,25 @@ function InserterTabs({
       translateX
     }]
   }];
-  return (0, _react.createElement)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: _style.default['inserter-tabs__wrapper'],
-    onLayout: onWrapperLayout
-  }, (0, _react.createElement)(_reactNative.Animated.View, {
-    style: containerStyle
-  }, tabs.map(({
-    component: TabComponent
-  }, index) => (0, _react.createElement)(_reactNative.View, {
-    key: `tab-${index}`
-  }, (0, _react.createElement)(TabComponent, {
-    rootClientId: rootClientId,
-    onSelect: onSelect,
-    listProps: {
-      ...listProps,
-      onScroll
-    }
-  })))));
+    onLayout: onWrapperLayout,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: containerStyle,
+      children: tabs.map(({
+        component: TabComponent
+      }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TabComponent, {
+          rootClientId: rootClientId,
+          onSelect: onSelect,
+          listProps: {
+            ...listProps,
+            onScroll
+          }
+        })
+      }, `tab-${index}`))
+    })
+  });
 }
 function TabsControl({
   onChangeTab,
@@ -119,7 +121,7 @@ function TabsControl({
     }) => title);
     onChangeTab(tabTitles.indexOf(selectedTab));
   }, [onChangeTab]);
-  return segments.length > 1 ? (0, _react.createElement)(_components.SegmentedControl, {
+  return segments.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SegmentedControl, {
     segments: segments,
     segmentHandler: segmentHandler
   }) : null;

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

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