npm - @wordpress/block-editor - Versions diffs - 12.10.6 → 12.11.1 - Mend

@wordpress/block-editor 12.10.6 → 12.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1226) hide show

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ReusableBlocksRenameHint;
 exports.useReusableBlocksRenameHint = useReusableBlocksRenameHint;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _dom = require("@wordpress/dom");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _preferences = require("@wordpress/preferences");
@@ -46,12 +47,12 @@ function ReusableBlocksRenameHint() {
   if (!isReusableBlocksRenameHint) {
     return null;
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ref: ref,
     className: "reusable-blocks-menu-items__rename-hint"
-  }, (0, _element.createElement)("div", {
+  }, (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, _element.createElement)(_components.Button, {
+  }, (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",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_components~~","~~_data~~","~~_dom~~","_i18n","_icons","_preferences","PREFERENCE_NAME","useReusableBlocksRenameHint","useSelect","select","_select$get","preferencesStore","get","ReusableBlocksRenameHint","isReusableBlocksRenameHint","_select$get2","ref","useRef","set","setPreference","useDispatch","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":"~~;;;;;;;AAMA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AAHA~~,IAAAC,~~WAAA~~,GAAAD,OAAA;AACA,IAAAE,~~KAAA~~,GAAAF,OAAA;AACA,IAAAG,~~IAAA~~,GAAAH,OAAA;~~AAEA~~,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,~~IAAAhB~~,~~QAAA~~,~~CAAAuB~~,aAAA;~~IAAKL~~,GAAG,EAAGA,GAAK;~~IAACM~~,SAAS,EAAC;EAAyC,GACnE,~~IAAAxB~~,~~QAAA~~,~~CAAAuB~~,aAAA;IAAKC,SAAS,EAAC;EAAiD,GAC7D,IAAAC,QAAE,EACH,oHACD,CACI,CAAC,EACN,~~IAAAzB~~,~~QAAA~~,~~CAAAuB~~,aAAA,~~EAACrB~~,WAAA,~~CAAAwB~~,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,~~CAClDjB~~,GAAG,~~CAACkB~~,OACL,CAAC;MACDJ,eAAe,EAAEC,KAAK,CAAC,CAAC;~~MACxBZ~~,aAAa,CAAE,MAAM,EAAEb,eAAe,EAAE,KAAM,CAAC;IAChD,CAAG;~~IACH6B~~,WAAW,EAAG;EAAO,CACrB,CACG,CAAC;AAER"}
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"}

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+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");
@@ -44,7 +45,7 @@ function ReusableBlocksTab({
     key: 'reuseable',
     items
   })];
-  return (0, _element.createElement)(_blockTypesList.default, {
+  return (0, _react.createElement)(_blockTypesList.default, {
     name: "SyncedPatterns",
     sections: sections,
     onSelect: onSelect,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_data~~","~~_i18n~~","_blockTypesList","_interopRequireDefault","_store","_utils","ReusableBlocksTab","onSelect","rootClientId","listProps","inserterItems","useSelect","select","getInserterItems","blockEditorStore","allItems","items","useMemo","filterInserterItems","onlyReusable","sections","createInserterSection","key","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":"~~;;;;;;;AAKA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AAFA~~,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,~~KAAA~~,GAAAF,OAAA;~~AAMA~~,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,~~IAAAlB~~,~~QAAA~~,~~CAAAyB~~,aAAA,~~EAACrB~~,eAAA,~~CAAAsB~~,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,~~GAEctB~~,iBAAiB;~~AAAAuB~~,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
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,GAEcvB,iBAAiB;AAAAwB,OAAA,CAAAL,OAAA,GAAAI,QAAA"}

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

@@ -5,6 +5,7 @@ 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");
@@ -116,29 +117,29 @@ 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, _element.createElement)(_panel.default, {
-    title: (0, _element.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Blocks'))
-  }, (0, _element.createElement)(_blockTypesList.default, {
+  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, _element.createElement)(_panel.default, {
-    title: (0, _element.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Block patterns'))
-  }, (0, _element.createElement)("div", {
+  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, _element.createElement)(_blockPatternsList.default, {
+  }, (0, _react.createElement)(_blockPatternsList.default, {
     shownPatterns: currentShownPatterns,
     blockPatterns: filteredBlockPatterns,
     onClickPattern: onClickPattern,
     onHover: onHoverPattern,
     isDraggable: isDraggable
   })));
-  return (0, _element.createElement)(_inserterListbox.default, null, !showBlockDirectory && !hasItems && (0, _element.createElement)(_noResults.default, null), prioritizePatterns ? patternsUI : blocksUI, !!filteredBlockTypes.length && !!filteredBlockPatterns.length && (0, _element.createElement)("div", {
+  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, _element.createElement)(_inserterMenuExtension.default.Slot, {
+  }), prioritizePatterns ? blocksUI : patternsUI, showBlockDirectory && (0, _react.createElement)(_inserterMenuExtension.default.Slot, {
     fillProps: {
       onSelect: onSelectBlockType,
       onHover,
@@ -151,7 +152,7 @@ function InserterSearchResults({
       return fills;
     }
     if (!hasItems) {
-      return (0, _element.createElement)(_noResults.default, null);
+      return (0, _react.createElement)(_noResults.default, null);
     }
     return null;
   }));

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

	@@ -1 +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","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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"}
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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"}

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _searchItems = require("./search-items");
 var _blockTypesList = _interopRequireDefault(require("../block-types-list"));
 var _noResults = _interopRequireDefault(require("./no-results"));
@@ -48,13 +49,13 @@ function InserterSearchResults({
     trackBlockTypeSelected
   } = (0, _useBlockTypeImpressions.default)(blockTypes);
   if (!items || items?.length === 0) {
-    return (0, _element.createElement)(_noResults.default, null);
+    return (0, _react.createElement)(_noResults.default, null);
   }
   const handleSelect = (...args) => {
     trackBlockTypeSelected(...args);
     onSelect(...args);
   };
-  return (0, _element.createElement)(_blockTypesList.default, {
+  return (0, _react.createElement)(_blockTypesList.default, {
     name: "Blocks",
     initialNumToRender: isFullScreen ? 10 : 3,
     sections: [(0, _utils.createInserterSection)({

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_data~~","~~_i18n~~","_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","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":"~~;;;;;;;AAKA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AAFA~~,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,~~KAAA~~,GAAAF,OAAA;~~AAMA~~,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,~~IAAA/B~~,~~QAAA~~,~~CAAAgC~~,aAAA,~~EAACzB~~,UAAA,~~CAAA0B~~,OAAiB,MAAE,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,OACC,~~IAAAnC~~,~~QAAA~~,~~CAAAgC~~,aAAA,~~EAAC3B~~,eAAA,~~CAAA4B~~,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,~~GAEchC~~,qBAAqB;~~AAAAiC~~,OAAA,CAAAX,OAAA,GAAAU,QAAA"}
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,GAEcjC,qBAAqB;AAAAkC,OAAA,CAAAX,OAAA,GAAAU,QAAA"}

package/build/components/inserter/tabs.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -47,7 +48,7 @@ function InserterTabs({
     }
     return tempTabs;
   }, [prioritizePatterns, showPatterns, showMedia]);
-  return (0, _element.createElement)(_components.TabPanel, {
+  return (0, _react.createElement)(_components.TabPanel, {
     className: "block-editor-inserter__tabs",
     tabs: tabs,
     onSelect: onSelect

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_components","_i18n","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","children","showPatterns","showMedia","onSelect","prioritizePatterns","tabs","useMemo","tempTabs","push","createElement","TabPanel","className","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\nimport { TabPanel } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/ translators: Blocks tab title in the block inserter. /\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/ translators: Theme and Directory Patterns tab title in the block inserter. /\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/ translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\tprioritizePatterns,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [];\n\t\tif ( prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\ttempTabs.push( blocksTab );\n\t\tif ( ! prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\tif ( showMedia ) {\n\t\t\ttempTabs.push( mediaTab );\n\t\t}\n\t\treturn tempTabs;\n\t}, [ prioritizePatterns, showPatterns, showMedia ] );\n\n\treturn (\n\t\t<TabPanel\n\t\t\tclassName=\"block-editor-inserter__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tonSelect={ onSelect }\n\t\t>\n\t\t\t{ children }\n\t\t</TabPanel>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":"~~;;;;;;~~AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,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;EACtBC,QAAQ;EACRC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC3B,MAAMC,QAAQ,GAAG,EAAE;IACnB,IAAKH,kBAAkB,IAAIH,YAAY,EAAG;MACzCM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACAU,QAAQ,CAACC,IAAI,CAAEf,SAAU,CAAC;IAC1B,IAAK,CAAEW,kBAAkB,IAAIH,YAAY,EAAG;MAC3CM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACA,IAAKK,SAAS,EAAG;MAChBK,QAAQ,CAACC,IAAI,CAAEV,QAAS,CAAC;IAC1B;IACA,OAAOS,QAAQ;EAChB,CAAC,EAAE,CAAEH,kBAAkB,EAAEH,YAAY,EAAEC,SAAS,CAAG,CAAC;EAEpD,OACC,~~IAAAb~~,~~QAAA~~,~~CAAAoB~~,aAAA,~~EAAClB~~,WAAA,~~CAAAmB~~,QAAQ;IACRC,SAAS,EAAC,6BAA6B;~~IACvCN~~,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA;EAAU,GAEnBH,QACO,CAAC;AAEb;AAAC,~~IAAAY~~,QAAA,~~GAEcb~~,YAAY;~~AAAAc~~,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1	+ {"version":3,"names":["_element","require","_components","_i18n","blocksTab","name","title","__","patternsTab","mediaTab","InserterTabs","children","showPatterns","showMedia","onSelect","prioritizePatterns","tabs","useMemo","tempTabs","push","_react","createElement","TabPanel","className","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useMemo } from '@wordpress/element';\nimport { TabPanel } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/ translators: Blocks tab title in the block inserter. /\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/ translators: Theme and Directory Patterns tab title in the block inserter. /\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/ translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( {\n\tchildren,\n\tshowPatterns = false,\n\tshowMedia = false,\n\tonSelect,\n\tprioritizePatterns,\n} ) {\n\tconst tabs = useMemo( () => {\n\t\tconst tempTabs = [];\n\t\tif ( prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\ttempTabs.push( blocksTab );\n\t\tif ( ! prioritizePatterns && showPatterns ) {\n\t\t\ttempTabs.push( patternsTab );\n\t\t}\n\t\tif ( showMedia ) {\n\t\t\ttempTabs.push( mediaTab );\n\t\t}\n\t\treturn tempTabs;\n\t}, [ prioritizePatterns, showPatterns, showMedia ] );\n\n\treturn (\n\t\t<TabPanel\n\t\t\tclassName=\"block-editor-inserter__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tonSelect={ onSelect }\n\t\t>\n\t\t\t{ children }\n\t\t</TabPanel>\n\t);\n}\n\nexport default InserterTabs;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,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;EACtBC,QAAQ;EACRC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC3B,MAAMC,QAAQ,GAAG,EAAE;IACnB,IAAKH,kBAAkB,IAAIH,YAAY,EAAG;MACzCM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACAU,QAAQ,CAACC,IAAI,CAAEf,SAAU,CAAC;IAC1B,IAAK,CAAEW,kBAAkB,IAAIH,YAAY,EAAG;MAC3CM,QAAQ,CAACC,IAAI,CAAEX,WAAY,CAAC;IAC7B;IACA,IAAKK,SAAS,EAAG;MAChBK,QAAQ,CAACC,IAAI,CAAEV,QAAS,CAAC;IAC1B;IACA,OAAOS,QAAQ;EAChB,CAAC,EAAE,CAAEH,kBAAkB,EAAEH,YAAY,EAAEC,SAAS,CAAG,CAAC;EAEpD,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,QAAQ;IACRC,SAAS,EAAC,6BAA6B;IACvCP,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA;EAAU,GAEnBH,QACO,CAAC;AAEb;AAAC,IAAAa,QAAA,GAEcd,YAAY;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockTypesTab = _interopRequireDefault(require("./block-types-tab"));
@@ -81,16 +82,16 @@ function InserterTabs({
       translateX
     }]
   }];
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _style.default['inserter-tabs__wrapper'],
     onLayout: onWrapperLayout
-  }, (0, _element.createElement)(_reactNative.Animated.View, {
+  }, (0, _react.createElement)(_reactNative.Animated.View, {
     style: containerStyle
   }, tabs.map(({
     component: TabComponent
-  }, index) => (0, _element.createElement)(_reactNative.View, {
+  }, index) => (0, _react.createElement)(_reactNative.View, {
     key: `tab-${index}`
-  }, (0, _element.createElement)(TabComponent, {
+  }, (0, _react.createElement)(TabComponent, {
     rootClientId: rootClientId,
     onSelect: onSelect,
     listProps: {
@@ -118,7 +119,7 @@ function TabsControl({
     }) => title);
     onChangeTab(tabTitles.indexOf(selectedTab));
   }, [onChangeTab]);
-  return segments.length > 1 ? (0, _element.createElement)(_components.SegmentedControl, {
+  return segments.length > 1 ? (0, _react.createElement)(_components.SegmentedControl, {
     segments: segments,
     segmentHandler: segmentHandler
   }) : null;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_reactNative~~","_i18n","_components","_blockTypesTab","_interopRequireDefault","_reusableBlocksTab","_style","TAB_ANIMATION_DURATION","InserterTabs","listProps","onSelect","rootClientId","showReusableBlocks","tabIndex","tabAnimation","useRef","Animated","Value","current","lastScrollEvents","wrapperWidth","setWrapperWidth","useState","onScroll","event","nativeEvent","onWrapperLayout","useCallback","layout","width","useEffect","timing","duration","toValue","useNativeDriver","start","lastScrollEvent","tabs","tabKeys","useMemo","filteredTabs","getTabs","filter","name","keys","translateX","length","interpolate","inputRange","outputRange","map","key","containerStyle","styles","transform","createElement","View","style","onLayout","component","TabComponent","index","TabsControl","onChangeTab","segments","title","segmentHandler","selectedTab","tabTitles","indexOf","SegmentedControl","Control","__","BlockTypesTab","ReusableBlocksTab","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { Animated, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { SegmentedControl } from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport BlockTypesTab from './block-types-tab';\nimport ReusableBlocksTab from './reusable-blocks-tab';\nimport styles from './style.scss';\n\nconst TAB_ANIMATION_DURATION = 250;\n\nfunction InserterTabs( {\n\tlistProps,\n\tonSelect,\n\trootClientId,\n\tshowReusableBlocks,\n\ttabIndex,\n} ) {\n\tconst tabAnimation = useRef( new Animated.Value( 0 ) ).current;\n\tconst lastScrollEvents = useRef( [] ).current;\n\tconst [ wrapperWidth, setWrapperWidth ] = useState( 0 );\n\n\tfunction onScroll( event ) {\n\t\tlastScrollEvents[ tabIndex ] = event.nativeEvent;\n\t\tlistProps.onScroll( event );\n\t}\n\n\tconst onWrapperLayout = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tsetWrapperWidth( nativeEvent.layout.width );\n\t\t},\n\t\t[ setWrapperWidth ]\n\t);\n\n\tuseEffect( () => {\n\t\tAnimated.timing( tabAnimation, {\n\t\t\tduration: TAB_ANIMATION_DURATION,\n\t\t\ttoValue: tabIndex,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\n\t\t// Notify upstream with the last scroll event of the current tab.\n\t\tconst lastScrollEvent = lastScrollEvents[ tabIndex ];\n\t\tif ( lastScrollEvent ) {\n\t\t\tlistProps.onScroll( { nativeEvent: lastScrollEvent } );\n\t\t}\n\t}, [ tabIndex ] );\n\n\tconst { tabs, tabKeys } = useMemo( () => {\n\t\tconst filteredTabs = InserterTabs.getTabs().filter(\n\t\t\t( { name } ) => showReusableBlocks \|\| name !== 'reusable'\n\t\t);\n\t\treturn {\n\t\t\ttabs: filteredTabs,\n\t\t\ttabKeys: [ ...filteredTabs.keys() ],\n\t\t};\n\t}, [ showReusableBlocks ] );\n\n\tconst translateX = useMemo(\n\t\t() =>\n\t\t\ttabKeys.length > 1\n\t\t\t\t? tabAnimation.interpolate( {\n\t\t\t\t\t\tinputRange: tabKeys,\n\t\t\t\t\t\toutputRange: tabKeys.map(\n\t\t\t\t\t\t\t( key ) => key -wrapperWidth\n\t\t\t\t\t\t),\n\t\t\t\t } )\n\t\t\t\t: tabAnimation,\n\t\t[ tabAnimation, tabKeys, wrapperWidth ]\n\t);\n\n\tconst containerStyle = [\n\t\tstyles[ 'inserter-tabs__container' ],\n\t\t{\n\t\t\twidth: wrapperWidth * tabKeys.length,\n\t\t\ttransform: [ { translateX } ],\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ styles[ 'inserter-tabs__wrapper' ] }\n\t\t\tonLayout={ onWrapperLayout }\n\t\t>\n\t\t\t<Animated.View style={ containerStyle }>\n\t\t\t\t{ tabs.map( ( { component: TabComponent }, index ) => (\n\t\t\t\t\t<View key={ `tab-${ index }` }>\n\t\t\t\t\t\t<TabComponent\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tlistProps={ { ...listProps, onScroll } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) ) }\n\t\t\t</Animated.View>\n\t\t</View>\n\t);\n}\n\nfunction TabsControl( { onChangeTab, showReusableBlocks } ) {\n\tconst tabs = InserterTabs.getTabs();\n\tconst segments = useMemo( () => {\n\t\tconst filteredTabs = tabs.filter(\n\t\t\t( { name } ) => showReusableBlocks \|\| name !== 'reusable'\n\t\t);\n\t\treturn filteredTabs.map( ( { title } ) => title );\n\t}, [ showReusableBlocks ] );\n\n\tconst segmentHandler = useCallback(\n\t\t( selectedTab ) => {\n\t\t\tconst tabTitles = tabs.map( ( { title } ) => title );\n\t\t\tonChangeTab( tabTitles.indexOf( selectedTab ) );\n\t\t},\n\t\t[ onChangeTab ]\n\t);\n\n\treturn segments.length > 1 ? (\n\t\t<SegmentedControl\n\t\t\tsegments={ segments }\n\t\t\tsegmentHandler={ segmentHandler }\n\t\t/>\n\t) : null;\n}\n\nInserterTabs.Control = TabsControl;\n\nInserterTabs.getTabs = () => [\n\t{ name: 'blocks', title: __( 'Blocks' ), component: BlockTypesTab },\n\t{\n\t\tname: 'reusable',\n\t\ttitle: __( 'Synced patterns' ),\n\t\tcomponent: ReusableBlocksTab,\n\t},\n];\n\nexport default InserterTabs;\n"],"mappings":"~~;;;;;;;AAQA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AALA~~,IAAAC,~~YAAA~~,GAAAD,OAAA;~~AAYA~~,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,cAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAF,sBAAA,CAAAL,OAAA;AAvBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAKA,MAAMQ,sBAAsB,GAAG,GAAG;AAElC,SAASC,YAAYA,CAAE;EACtBC,SAAS;EACTC,QAAQ;EACRC,YAAY;EACZC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,YAAY,GAAG,IAAAC,eAAM,EAAE,IAAIC,qBAAQ,CAACC,KAAK,CAAE,CAAE,CAAE,CAAC,CAACC,OAAO;EAC9D,MAAMC,gBAAgB,GAAG,IAAAJ,eAAM,EAAE,EAAG,CAAC,CAACG,OAAO;EAC7C,MAAM,CAAEE,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAE,CAAE,CAAC;EAEvD,SAASC,QAAQA,CAAEC,KAAK,EAAG;IAC1BL,gBAAgB,CAAEN,QAAQ,CAAE,GAAGW,KAAK,CAACC,WAAW;IAChDhB,SAAS,CAACc,QAAQ,CAAEC,KAAM,CAAC;EAC5B;EAEA,MAAME,eAAe,GAAG,IAAAC,oBAAW,EAClC,CAAE;IAAEF;EAAY,CAAC,KAAM;IACtBJ,eAAe,CAAEI,WAAW,CAACG,MAAM,CAACC,KAAM,CAAC;EAC5C,CAAC,EACD,CAAER,eAAe,CAClB,CAAC;EAED,IAAAS,kBAAS,EAAE,MAAM;IAChBd,qBAAQ,CAACe,MAAM,CAAEjB,YAAY,EAAE;MAC9BkB,QAAQ,EAAEzB,sBAAsB;MAChC0B,OAAO,EAAEpB,QAAQ;MACjBqB,eAAe,EAAE;IAClB,CAAE,CAAC,CAACC,KAAK,CAAC,CAAC;;IAEX;IACA,MAAMC,eAAe,GAAGjB,gBAAgB,CAAEN,QAAQ,CAAE;IACpD,IAAKuB,eAAe,EAAG;MACtB3B,SAAS,CAACc,QAAQ,CAAE;QAAEE,WAAW,EAAEW;MAAgB,CAAE,CAAC;IACvD;EACD,CAAC,EAAE,CAAEvB,QAAQ,CAAG,CAAC;EAEjB,MAAM;IAAEwB,IAAI;IAAEC;EAAQ,CAAC,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACxC,MAAMC,YAAY,GAAGhC,YAAY,CAACiC,OAAO,CAAC,CAAC,CAACC,MAAM,CACjD,CAAE;MAAEC;IAAK,CAAC,KAAM/B,kBAAkB,IAAI+B,IAAI,KAAK,UAChD,CAAC;IACD,OAAO;MACNN,IAAI,EAAEG,YAAY;MAClBF,OAAO,EAAE,CAAE,GAAGE,YAAY,CAACI,IAAI,CAAC,CAAC;IAClC,CAAC;EACF,CAAC,EAAE,CAAEhC,kBAAkB,CAAG,CAAC;EAE3B,MAAMiC,UAAU,GAAG,IAAAN,gBAAO,EACzB,MACCD,OAAO,CAACQ,MAAM,GAAG,CAAC,GACfhC,YAAY,CAACiC,WAAW,CAAE;IAC1BC,UAAU,EAAEV,OAAO;IACnBW,WAAW,EAAEX,OAAO,CAACY,GAAG,CACrBC,GAAG,IAAMA,GAAG,GAAG,CAAC/B,YACnB;EACA,CAAE,CAAC,GACHN,YAAY,EAChB,CAAEA,YAAY,EAAEwB,OAAO,EAAElB,YAAY,CACtC,CAAC;EAED,MAAMgC,cAAc,GAAG,CACtBC,cAAM,CAAE,0BAA0B,CAAE,EACpC;IACCxB,KAAK,EAAET,YAAY,GAAGkB,OAAO,CAACQ,MAAM;IACpCQ,SAAS,EAAE,CAAE;MAAET;IAAW,CAAC;EAC5B,CAAC,CACD;EAED,OACC,~~IAAA/C~~,~~QAAA~~,~~CAAAyD~~,aAAA,~~EAACvD~~,YAAA,~~CAAAwD~~,IAAI;IACJC,KAAK,~~EAAGJ~~,cAAM,CAAE,wBAAwB,CAAI;~~IAC5CK~~,QAAQ,~~EAAGhC~~;EAAiB,GAE5B,~~IAAA5B~~,~~QAAA~~,~~CAAAyD~~,aAAA,~~EAACvD~~,YAAA,~~CAAAgB~~,QAAQ,~~CAACwC~~,IAAI;IAACC,KAAK,~~EAAGL~~;EAAgB,GACpCf,IAAI,CAACa,GAAG,CAAE,CAAE;~~IAAES~~,SAAS,EAAEC;EAAa,CAAC,EAAEC,KAAK,KAC/C,~~IAAA/D~~,~~QAAA~~,~~CAAAyD~~,aAAA,~~EAACvD~~,YAAA,~~CAAAwD~~,IAAI;~~IAACL~~,GAAG,EAAI,~~OAAOU~~,KAAO;EAAG,GAC7B,~~IAAA/D~~,~~QAAA~~,~~CAAAyD~~,aAAA,EAACK,YAAY;~~IACZjD~~,YAAY,EAAGA,YAAc;IAC7BD,QAAQ,EAAGA,QAAU;IACrBD,SAAS,EAAG;MAAE,GAAGA,SAAS;MAAEc;IAAS;EAAG,CACxC,CACI,CACL,CACY,CACV,CAAC;AAET;AAEA,~~SAASuC~~,WAAWA,CAAE;EAAEC,WAAW;~~EAAEnD~~;AAAmB,CAAC,EAAG;EAC3D,MAAMyB,IAAI,GAAG7B,YAAY,CAACiC,OAAO,CAAC,CAAC;EACnC,~~MAAMuB~~,QAAQ,GAAG,~~IAAAzB~~,gBAAO,EAAE,MAAM;IAC/B,MAAMC,YAAY,GAAGH,IAAI,CAACK,MAAM,CAC/B,CAAE;MAAEC;IAAK,CAAC,KAAM/B,kBAAkB,IAAI+B,IAAI,KAAK,UAChD,CAAC;IACD,OAAOH,YAAY,CAACU,GAAG,CAAE,CAAE;~~MAAEe~~;IAAM,CAAC,KAAMA,KAAM,CAAC;EAClD,CAAC,EAAE,~~CAAErD~~,kBAAkB,CAAG,CAAC;EAE3B,~~MAAMsD~~,cAAc,GAAG,~~IAAAvC~~,oBAAW,EAC/~~BwC~~,WAAW,IAAM;IAClB,MAAMC,SAAS,~~GAAG/B~~,IAAI,CAACa,GAAG,CAAE,CAAE;~~MAAEe~~;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,~~CAAClB~~,MAAM,GAAG,CAAC,GACzB,~~IAAAhD~~,~~QAAA~~,~~CAAAyD~~,aAAA,~~EAACrD~~,WAAA,~~CAAAoE~~,gBAAgB;IAChBN,QAAQ,EAAGA,QAAU;IACrBE,cAAc,EAAGA;EAAgB,CACjC,CAAC,GACC,IAAI;AACT;~~AAEA1D~~,YAAY,~~CAAC+D~~,OAAO,GAAGT,WAAW;~~AAElCtD~~,YAAY,CAACiC,OAAO,GAAG,MAAM,CAC5B;EAAEE,IAAI,EAAE,QAAQ;~~EAAEsB~~,KAAK,EAAE,IAAAO,QAAE,EAAE,QAAS,CAAC;EAAEb,SAAS,EAAEc;AAAc,CAAC,EACnE;~~EACC9B~~,IAAI,EAAE,UAAU;~~EAChBsB~~,KAAK,EAAE,IAAAO,QAAE,EAAE,iBAAkB,CAAC;EAC9Bb,SAAS,EAAEe;AACZ,CAAC,CACD;AAAC,IAAAC,QAAA,~~GAEanE~~,YAAY;~~AAAAoE~~,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
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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"}

package/build/components/inserter/tips.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_i18n~~","_components","globalTips","createInterpolateElement","__","kbd","createElement","Tips","randomIndex","useState","Math","floor","random","length","Tip","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":"~~;;;;;;AAIA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AADA~~,IAAAC,~~KAAA~~,GAAAD,OAAA;~~AAEA~~,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,UAAU,GAAG,CAClB,IAAAC,iCAAwB,EACvB,IAAAC,QAAE,EACD,yEACD,CAAC,EACD;EAAEC,GAAG,EAAE,~~IAAAP~~,~~QAAA~~,~~CAAAQ~~,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,~~IAAAH~~,iCAAwB,EACvB,IAAAC,QAAE,EACD,wEACD,CAAC,EACD;EAAEC,GAAG,EAAE,~~IAAAP~~,~~QAAA~~,~~CAAAQ~~,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,~~IAAAH~~,iCAAwB,EACvB,IAAAC,QAAE,EACD,6EACD,CAAC,EACD;EAAEC,GAAG,EAAE,~~IAAAP~~,~~QAAA~~,~~CAAAQ~~,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,~~IAAAF~~,QAAE,EAAE,kEAAmE,CAAC,EACxE,IAAAA,QAAE,EAAE,kEAAmE,CAAC,CACxE;AAED,~~SAASG~~,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAG,IAAAC,iBAAQ;EAC/B;EACA;EACAC,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,~~GAAGV~~,UAAU,~~CAACW~~,MAAO,CAC/C,CAAC;EAED,OAAO,~~IAAAf~~,~~QAAA~~,~~CAAAQ~~,aAAA,~~EAACL~~,WAAA,~~CAAAa~~,GAAG,~~QAAGZ~~,UAAU,~~CAAEM~~,WAAW,CAAS,CAAC;AAChD;AAAC,IAAAO,QAAA,GAEcR,IAAI;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1	+ {"version":3,"names":["_i18n","require","_element","_components","globalTips","createInterpolateElement","__","kbd","_react","createElement","Tips","randomIndex","useState","Math","floor","random","length","Tip","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/tips.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement, useState } from '@wordpress/element';\nimport { Tip } from '@wordpress/components';\n\nconst globalTips = [\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Indent a list by pressing <kbd>space</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\tcreateInterpolateElement(\n\t\t__(\n\t\t\t'Outdent a list by pressing <kbd>backspace</kbd> at the beginning of a line.'\n\t\t),\n\t\t{ kbd: <kbd /> }\n\t),\n\t__( 'Drag files into the editor to automatically insert media blocks.' ),\n\t__( \"Change a block's type by pressing the block icon on the toolbar.\" ),\n];\n\nfunction Tips() {\n\tconst [ randomIndex ] = useState(\n\t\t// Disable Reason: I'm not generating an HTML id.\n\t\t// eslint-disable-next-line no-restricted-syntax\n\t\tMath.floor( Math.random() globalTips.length )\n\t);\n\n\treturn <Tip>{ globalTips[ randomIndex ] }</Tip>;\n}\n\nexport default Tips;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,UAAU,GAAG,CAClB,IAAAC,iCAAwB,EACvB,IAAAC,QAAE,EACD,yEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAC,MAAA,CAAAC,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAJ,iCAAwB,EACvB,IAAAC,QAAE,EACD,wEACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAC,MAAA,CAAAC,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAJ,iCAAwB,EACvB,IAAAC,QAAE,EACD,6EACD,CAAC,EACD;EAAEC,GAAG,EAAE,IAAAC,MAAA,CAAAC,aAAA,aAAM;AAAE,CAChB,CAAC,EACD,IAAAH,QAAE,EAAE,kEAAmE,CAAC,EACxE,IAAAA,QAAE,EAAE,kEAAmE,CAAC,CACxE;AAED,SAASI,IAAIA,CAAA,EAAG;EACf,MAAM,CAAEC,WAAW,CAAE,GAAG,IAAAC,iBAAQ;EAC/B;EACA;EACAC,IAAI,CAACC,KAAK,CAAED,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGX,UAAU,CAACY,MAAO,CAC/C,CAAC;EAED,OAAO,IAAAR,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAc,GAAG,QAAGb,UAAU,CAAEO,WAAW,CAAS,CAAC;AAChD;AAAC,IAAAO,QAAA,GAEcR,IAAI;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _data = require("@wordpress/data");
@@ -35,13 +35,13 @@ const InserterDraggableBlocks = ({
     } = select(_blocks.store);
     return blocks.length === 1 && getBlockType(blocks[0].name)?.icon;
   }, [blocks]);
-  return (0, _element.createElement)(_components.Draggable, {
+  return (0, _react.createElement)(_components.Draggable, {
     __experimentalTransferDataType: "wp-blocks",
     transferData: transferData,
     onDragStart: event => {
       event.dataTransfer.setData('text/html', (0, _blocks.serialize)(blocks));
     },
-    __experimentalDragComponent: (0, _element.createElement)(_draggableChip.default, {
+    __experimentalDragComponent: (0, _react.createElement)(_draggableChip.default, {
       count: blocks.length,
       icon: icon || !isPattern && blockTypeIcon,
       isPattern: isPattern

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","InserterDraggableBlocks","isEnabled","blocks","icon","children","isPattern","transferData","type","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","~~_element~~","createElement","Draggable","__experimentalTransferDataType","onDragStart","event","dataTransfer","setData","serialize","__experimentalDragComponent","default","count","onDraggableStart","onDraggableEnd","draggable","undefined","onDragEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Draggable } from '@wordpress/components';\nimport { serialize, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n/\n Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tisPattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tevent.dataTransfer.setData( 'text/html', serialize( blocks ) );\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon \|\| ( ! isPattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ isPattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,OACCV,MAAM,CAACW,MAAM,KAAK,CAAC,IAAIF,YAAY,CAAET,MAAM,CAAE,CAAC,CAAE,CAACY,IAAK,CAAC,EAAEX,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,OACC,IAAAa,~~QAAA~~,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,SAAS;IACTC,8BAA8B,EAAC,WAAW;IAC1CZ,YAAY,EAAGA,YAAc;IAC7Ba,WAAW,EAAKC,KAAK,IAAM;MAC1BA,KAAK,CAACC,YAAY,CAACC,OAAO,CAAE,WAAW,EAAE,IAAAC,iBAAS,EAAErB,MAAO,CAAE,CAAC;IAC/D,CAAG;IACHsB,2BAA2B,EAC1B,IAAAT,~~QAAA~~,CAAAC,aAAA,EAAClB,cAAA,CAAA2B,OAAkB;MAClBC,KAAK,EAAGxB,MAAM,CAACW,MAAQ;MACvBV,IAAI,EAAGA,IAAI,IAAM,CAAEE,SAAS,IAAIG,aAAiB;MACjDH,SAAS,EAAGA;IAAW,CACvB;EACD,GAEC,CAAE;IAAEsB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOxB,QAAQ,CAAE;MAChByB,SAAS,EAAE5B,SAAS;MACpBkB,WAAW,EAAElB,SAAS,GAAG0B,gBAAgB,GAAGG,SAAS;MACrDC,SAAS,EAAE9B,SAAS,GAAG2B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAAC,IAAAE,QAAA,GAEahC,uBAAuB;AAAAiC,OAAA,CAAAR,OAAA,GAAAO,QAAA"}
1	+ {"version":3,"names":["_components","require","_blocks","_data","_draggableChip","_interopRequireDefault","InserterDraggableBlocks","isEnabled","blocks","icon","children","isPattern","transferData","type","blockTypeIcon","useSelect","select","getBlockType","blocksStore","length","name","_react","createElement","Draggable","__experimentalTransferDataType","onDragStart","event","dataTransfer","setData","serialize","__experimentalDragComponent","default","count","onDraggableStart","onDraggableEnd","draggable","undefined","onDragEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter-draggable-blocks/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Draggable } from '@wordpress/components';\nimport { serialize, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n/\n Internal dependencies\n */\nimport BlockDraggableChip from '../block-draggable/draggable-chip';\n\nconst InserterDraggableBlocks = ( {\n\tisEnabled,\n\tblocks,\n\ticon,\n\tchildren,\n\tisPattern,\n} ) => {\n\tconst transferData = {\n\t\ttype: 'inserter',\n\t\tblocks,\n\t};\n\n\tconst blockTypeIcon = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tblocks.length === 1 && getBlockType( blocks[ 0 ].name )?.icon\n\t\t\t);\n\t\t},\n\t\t[ blocks ]\n\t);\n\n\treturn (\n\t\t<Draggable\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\tevent.dataTransfer.setData( 'text/html', serialize( blocks ) );\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip\n\t\t\t\t\tcount={ blocks.length }\n\t\t\t\t\ticon={ icon \|\| ( ! isPattern && blockTypeIcon ) }\n\t\t\t\t\tisPattern={ isPattern }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: isEnabled,\n\t\t\t\t\tonDragStart: isEnabled ? onDraggableStart : undefined,\n\t\t\t\t\tonDragEnd: isEnabled ? onDraggableEnd : undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default InserterDraggableBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,uBAAuB,GAAGA,CAAE;EACjCC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,GAAG;IACpBC,IAAI,EAAE,UAAU;IAChBL;EACD,CAAC;EAED,MAAMM,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAa,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAC9C,OACCV,MAAM,CAACW,MAAM,KAAK,CAAC,IAAIF,YAAY,CAAET,MAAM,CAAE,CAAC,CAAE,CAACY,IAAK,CAAC,EAAEX,IAAI;EAE/D,CAAC,EACD,CAAED,MAAM,CACT,CAAC;EAED,OACC,IAAAa,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,SAAS;IACTC,8BAA8B,EAAC,WAAW;IAC1CZ,YAAY,EAAGA,YAAc;IAC7Ba,WAAW,EAAKC,KAAK,IAAM;MAC1BA,KAAK,CAACC,YAAY,CAACC,OAAO,CAAE,WAAW,EAAE,IAAAC,iBAAS,EAAErB,MAAO,CAAE,CAAC;IAC/D,CAAG;IACHsB,2BAA2B,EAC1B,IAAAT,MAAA,CAAAC,aAAA,EAAClB,cAAA,CAAA2B,OAAkB;MAClBC,KAAK,EAAGxB,MAAM,CAACW,MAAQ;MACvBV,IAAI,EAAGA,IAAI,IAAM,CAAEE,SAAS,IAAIG,aAAiB;MACjDH,SAAS,EAAGA;IAAW,CACvB;EACD,GAEC,CAAE;IAAEsB,gBAAgB;IAAEC;EAAe,CAAC,KAAM;IAC7C,OAAOxB,QAAQ,CAAE;MAChByB,SAAS,EAAE5B,SAAS;MACpBkB,WAAW,EAAElB,SAAS,GAAG0B,gBAAgB,GAAGG,SAAS;MACrDC,SAAS,EAAE9B,SAAS,GAAG2B,cAAc,GAAGE;IACzC,CAAE,CAAC;EACJ,CACU,CAAC;AAEd,CAAC;AAAC,IAAAE,QAAA,GAEahC,uBAAuB;AAAAiC,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _keycodes = require("@wordpress/keycodes");
@@ -43,7 +44,7 @@ function InserterListItem({
     return [(0, _blocks.createBlock)(item.name, item.initialAttributes, (0, _blocks.createBlocksFromInnerBlocksTemplate)(item.innerBlocks))];
   }, [item.name, item.initialAttributes, item.initialAttributes]);
   const isSynced = (0, _blocks.isReusableBlock)(item) && item.syncStatus !== 'unsynced' || (0, _blocks.isTemplatePart)(item);
-  return (0, _element.createElement)(_inserterDraggableBlocks.default, {
+  return (0, _react.createElement)(_inserterDraggableBlocks.default, {
     isEnabled: isDraggable && !item.disabled,
     blocks: blocks,
     icon: item.icon
@@ -51,7 +52,7 @@ function InserterListItem({
     draggable,
     onDragStart,
     onDragEnd
-  }) => (0, _element.createElement)("div", {
+  }) => (0, _react.createElement)("div", {
     className: (0, _classnames.default)('block-editor-block-types-list__list-item', {
       'is-synced': isSynced
     }),
@@ -69,7 +70,7 @@ function InserterListItem({
         onDragEnd(event);
       }
     }
-  }, (0, _element.createElement)(_inserterListbox.InserterListboxItem, {
+  }, (0, _react.createElement)(_inserterListbox.InserterListboxItem, {
     isFirst: isFirst,
     className: (0, _classnames.default)('block-editor-block-types-list__item', className),
     disabled: item.isDisabled,
@@ -96,15 +97,15 @@ function InserterListItem({
     },
     onMouseLeave: () => onHover(null),
     ...props
-  }, (0, _element.createElement)("span", {
+  }, (0, _react.createElement)("span", {
     className: "block-editor-block-types-list__item-icon",
     style: itemIconStyle
-  }, (0, _element.createElement)(_blockIcon.default, {
+  }, (0, _react.createElement)(_blockIcon.default, {
     icon: item.icon,
     showColors: true
-  })), (0, _element.createElement)("span", {
+  })), (0, _react.createElement)("span", {
     className: "block-editor-block-types-list__item-title"
-  }, (0, _element.createElement)(_components.__experimentalTruncate, {
+  }, (0, _react.createElement)(_components.__experimentalTruncate, {
     numberOfLines: 3
   }, item.title)))));
 }