@wordpress/block-editor 12.10.2 → 12.11.0

package/build/components/inserter/mobile-tab-navigation.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = MobileTabNavigation;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
@@ -15,15 +15,15 @@ var _icons = require("@wordpress/icons");
 function ScreenHeader({
   title
 }) {
-  return (0, _element.createElement)(_components.__experimentalVStack, {
+  return (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: 0
-  }, (0, _element.createElement)(_components.__experimentalView, null, (0, _element.createElement)(_components.__experimentalSpacer, {
+  }, (0, _react.createElement)(_components.__experimentalView, null, (0, _react.createElement)(_components.__experimentalSpacer, {
     marginBottom: 0,
     paddingX: 4,
     paddingY: 3
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     spacing: 2
-  }, (0, _element.createElement)(_components.__experimentalNavigatorBackButton, {
+  }, (0, _react.createElement)(_components.__experimentalNavigatorBackButton, {
     style:
     // TODO: This style override is also used in ToolsPanelHeader.
     // It should be supported out-of-the-box by Button.
@@ -34,7 +34,7 @@ function ScreenHeader({
     icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
     isSmall: true,
     "aria-label": (0, _i18n.__)('Navigate to the previous view')
-  }), (0, _element.createElement)(_components.__experimentalSpacer, null, (0, _element.createElement)(_components.__experimentalHeading, {
+  }), (0, _react.createElement)(_components.__experimentalSpacer, null, (0, _react.createElement)(_components.__experimentalHeading, {
     level: 5
   }, title))))));
 }
@@ -42,22 +42,22 @@ function MobileTabNavigation({
   categories,
   children
 }) {
-  return (0, _element.createElement)(_components.__experimentalNavigatorProvider, {
+  return (0, _react.createElement)(_components.__experimentalNavigatorProvider, {
     initialPath: "/",
     className: "block-editor-inserter__mobile-tab-navigation"
-  }, (0, _element.createElement)(_components.__experimentalNavigatorScreen, {
+  }, (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
     path: "/"
-  }, (0, _element.createElement)(_components.__experimentalItemGroup, null, categories.map(category => (0, _element.createElement)(_components.__experimentalNavigatorButton, {
+  }, (0, _react.createElement)(_components.__experimentalItemGroup, null, categories.map(category => (0, _react.createElement)(_components.__experimentalNavigatorButton, {
     key: category.name,
     path: `/category/${category.name}`,
     as: _components.__experimentalItem,
     isAction: true
-  }, (0, _element.createElement)(_components.__experimentalHStack, null, (0, _element.createElement)(_components.FlexBlock, null, category.label), (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, null, (0, _react.createElement)(_components.FlexBlock, null, category.label), (0, _react.createElement)(_icons.Icon, {
     icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-  })))))), categories.map(category => (0, _element.createElement)(_components.__experimentalNavigatorScreen, {
+  })))))), categories.map(category => (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
     key: category.name,
     path: `/category/${category.name}`
-  }, (0, _element.createElement)(ScreenHeader, {
+  }, (0, _react.createElement)(ScreenHeader, {
     title: (0, _i18n.__)('Back')
   }), children(category))));
 }

package/build/components/inserter/mobile-tab-navigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_icons","ScreenHeader","title","_element","createElement","__experimentalVStack","spacing","__experimentalView","__experimentalSpacer","marginBottom","paddingX","paddingY","__experimentalHStack","__experimentalNavigatorBackButton","style","minWidth","padding","icon","isRTL","chevronRight","chevronLeft","isSmall","__","__experimentalHeading","level","MobileTabNavigation","categories","children","__experimentalNavigatorProvider","initialPath","className","__experimentalNavigatorScreen","path","__experimentalItemGroup","map","category","__experimentalNavigatorButton","key","name","as","Item","isAction","FlexBlock","label","Icon"],"sources":["@wordpress/block-editor/src/components/inserter/mobile-tab-navigation.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalHeading as Heading,\n\t__experimentalView as View,\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalNavigatorBackButton as NavigatorBackButton,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { Icon, chevronRight, chevronLeft } from '@wordpress/icons';\n\nfunction ScreenHeader( { title } ) {\n\treturn (\n\t\t<VStack spacing={ 0 }>\n\t\t\t<View>\n\t\t\t\t<Spacer marginBottom={ 0 } paddingX={ 4 } paddingY={ 3 }>\n\t\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t\t<NavigatorBackButton\n\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\taria-label={ __( 'Navigate to the previous view' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer>\n\t\t\t\t\t\t\t<Heading level={ 5 }>{ title }</Heading>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default function MobileTabNavigation( { categories, children } ) {\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tinitialPath=\"/\"\n\t\t\tclassName=\"block-editor-inserter__mobile-tab-navigation\"\n\t\t>\n\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\tkey={ category.name }\n\t\t\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t<FlexBlock>{ category.label }</FlexBlock>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t</NavigatorScreen>\n\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t<NavigatorScreen\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t>\n\t\t\t\t\t<ScreenHeader title={ __( 'Back' ) } />\n\t\t\t\t\t{ children( category ) }\n\t\t\t\t</NavigatorScreen>\n\t\t\t) ) }\n\t\t</NavigatorProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAcA,IAAAE,MAAA,GAAAF,OAAA;AAlBA;AACA;AACA;;AAkBA,SAASG,YAAYA,CAAE;EAAEC;AAAM,CAAC,EAAG;EAClC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAH,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAQ,kBAAI,QACJ,IAAAJ,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,oBAAM;IAACC,YAAY,EAAG,CAAG;IAACC,QAAQ,EAAG,CAAG;IAACC,QAAQ,EAAG;EAAG,GACvD,IAAAR,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAa,oBAAM;IAACN,OAAO,EAAG;EAAG,GACpB,IAAAH,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAc,iCAAmB;IACnBC,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDC,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;IAC7CC,OAAO;IACP,cAAa,IAAAC,QAAE,EAAE,+BAAgC;EAAG,CACpD,CAAC,EACF,IAAAnB,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,oBAAM,QACN,IAAAL,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAwB,qBAAO;IAACC,KAAK,EAAG;EAAG,GAAGtB,KAAgB,CAChC,CACD,CACD,CACH,CACC,CAAC;AAEX;AAEe,SAASuB,mBAAmBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACvE,OACC,IAAAxB,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAA6B,+BAAiB;IACjBC,WAAW,EAAC,GAAG;IACfC,SAAS,EAAC;EAA8C,GAExD,IAAA3B,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAgC,6BAAe;IAACC,IAAI,EAAC;EAAG,GACxB,IAAA7B,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAkC,uBAAS,QACPP,UAAU,CAACQ,GAAG,CAAIC,QAAQ,IAC3B,IAAAhC,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAqC,6BAAe;IACfC,GAAG,EAAGF,QAAQ,CAACG,IAAM;IACrBN,IAAI,EAAI,aAAaG,QAAQ,CAACG,IAAM,EAAG;IACvCC,EAAE,EAAGC,8BAAM;IACXC,QAAQ;EAAA,GAER,IAAAtC,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAa,oBAAM,QACN,IAAAT,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAA2C,SAAS,QAAGP,QAAQ,CAACQ,KAAkB,CAAC,EACzC,IAAAxC,QAAA,CAAAC,aAAA,EAACJ,MAAA,CAAA4C,IAAI;IACJ3B,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GAAGE,kBAAW,GAAGD;EACxB,CACD,CACM,CACQ,CAChB,CACQ,CACK,CAAC,EAChBO,UAAU,CAACQ,GAAG,CAAIC,QAAQ,IAC3B,IAAAhC,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAgC,6BAAe;IACfM,GAAG,EAAGF,QAAQ,CAACG,IAAM;IACrBN,IAAI,EAAI,aAAaG,QAAQ,CAACG,IAAM;EAAG,GAEvC,IAAAnC,QAAA,CAAAC,aAAA,EAACH,YAAY;IAACC,KAAK,EAAG,IAAAoB,QAAE,EAAE,MAAO;EAAG,CAAE,CAAC,EACrCK,QAAQ,CAAEQ,QAAS,CACL,CAChB,CACgB,CAAC;AAEtB"}
+{"version":3,"names":["_i18n","require","_components","_icons","ScreenHeader","title","_react","createElement","__experimentalVStack","spacing","__experimentalView","__experimentalSpacer","marginBottom","paddingX","paddingY","__experimentalHStack","__experimentalNavigatorBackButton","style","minWidth","padding","icon","isRTL","chevronRight","chevronLeft","isSmall","__","__experimentalHeading","level","MobileTabNavigation","categories","children","__experimentalNavigatorProvider","initialPath","className","__experimentalNavigatorScreen","path","__experimentalItemGroup","map","category","__experimentalNavigatorButton","key","name","as","Item","isAction","FlexBlock","label","Icon"],"sources":["@wordpress/block-editor/src/components/inserter/mobile-tab-navigation.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalHeading as Heading,\n\t__experimentalView as View,\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalNavigatorBackButton as NavigatorBackButton,\n\tFlexBlock,\n} from '@wordpress/components';\nimport { Icon, chevronRight, chevronLeft } from '@wordpress/icons';\n\nfunction ScreenHeader( { title } ) {\n\treturn (\n\t\t<VStack spacing={ 0 }>\n\t\t\t<View>\n\t\t\t\t<Spacer marginBottom={ 0 } paddingX={ 4 } paddingY={ 3 }>\n\t\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t\t<NavigatorBackButton\n\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\taria-label={ __( 'Navigate to the previous view' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer>\n\t\t\t\t\t\t\t<Heading level={ 5 }>{ title }</Heading>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default function MobileTabNavigation( { categories, children } ) {\n\treturn (\n\t\t<NavigatorProvider\n\t\t\tinitialPath=\"/\"\n\t\t\tclassName=\"block-editor-inserter__mobile-tab-navigation\"\n\t\t>\n\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\tkey={ category.name }\n\t\t\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t<FlexBlock>{ category.label }</FlexBlock>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t</NavigatorScreen>\n\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t<NavigatorScreen\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tpath={ `/category/${ category.name }` }\n\t\t\t\t>\n\t\t\t\t\t<ScreenHeader title={ __( 'Back' ) } />\n\t\t\t\t\t{ children( category ) }\n\t\t\t\t</NavigatorScreen>\n\t\t\t) ) }\n\t\t</NavigatorProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAcA,IAAAE,MAAA,GAAAF,OAAA;AAlBA;AACA;AACA;;AAkBA,SAASG,YAAYA,CAAE;EAAEC;AAAM,CAAC,EAAG;EAClC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAH,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAQ,kBAAI,QACJ,IAAAJ,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,oBAAM;IAACC,YAAY,EAAG,CAAG;IAACC,QAAQ,EAAG,CAAG;IAACC,QAAQ,EAAG;EAAG,GACvD,IAAAR,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAa,oBAAM;IAACN,OAAO,EAAG;EAAG,GACpB,IAAAH,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAc,iCAAmB;IACnBC,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDC,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;IAC7CC,OAAO;IACP,cAAa,IAAAC,QAAE,EAAE,+BAAgC;EAAG,CACpD,CAAC,EACF,IAAAnB,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,oBAAM,QACN,IAAAL,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAwB,qBAAO;IAACC,KAAK,EAAG;EAAG,GAAGtB,KAAgB,CAChC,CACD,CACD,CACH,CACC,CAAC;AAEX;AAEe,SAASuB,mBAAmBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACvE,OACC,IAAAxB,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAA6B,+BAAiB;IACjBC,WAAW,EAAC,GAAG;IACfC,SAAS,EAAC;EAA8C,GAExD,IAAA3B,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAgC,6BAAe;IAACC,IAAI,EAAC;EAAG,GACxB,IAAA7B,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAkC,uBAAS,QACPP,UAAU,CAACQ,GAAG,CAAIC,QAAQ,IAC3B,IAAAhC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAqC,6BAAe;IACfC,GAAG,EAAGF,QAAQ,CAACG,IAAM;IACrBN,IAAI,EAAI,aAAaG,QAAQ,CAACG,IAAM,EAAG;IACvCC,EAAE,EAAGC,8BAAM;IACXC,QAAQ;EAAA,GAER,IAAAtC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAa,oBAAM,QACN,IAAAT,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAA2C,SAAS,QAAGP,QAAQ,CAACQ,KAAkB,CAAC,EACzC,IAAAxC,MAAA,CAAAC,aAAA,EAACJ,MAAA,CAAA4C,IAAI;IACJ3B,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GAAGE,kBAAW,GAAGD;EACxB,CACD,CACM,CACQ,CAChB,CACQ,CACK,CAAC,EAChBO,UAAU,CAACQ,GAAG,CAAIC,QAAQ,IAC3B,IAAAhC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAgC,6BAAe;IACfM,GAAG,EAAGF,QAAQ,CAACG,IAAM;IACrBN,IAAI,EAAI,aAAaG,QAAQ,CAACG,IAAM;EAAG,GAEvC,IAAAnC,MAAA,CAAAC,aAAA,EAACH,YAAY;IAACC,KAAK,EAAG,IAAAoB,QAAE,EAAE,MAAO;EAAG,CAAE,CAAC,EACrCK,QAAQ,CAAEQ,QAAS,CACL,CAChB,CACgB,CAAC;AAEtB"}

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

@@ -4,7 +4,7 @@ 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 _icons = require("@wordpress/icons");
 /**
@@ -12,12 +12,12 @@ var _icons = require("@wordpress/icons");
  */
 
 function InserterNoResults() {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-inserter__no-results"
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     className: "block-editor-inserter__no-results-icon",
     icon: _icons.blockDefault
-  }), (0, _element.createElement)("p", null, (0, _i18n.__)('No results found.')));
+  }), (0, _react.createElement)("p", null, (0, _i18n.__)('No results found.')));
 }
 var _default = InserterNoResults;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","InserterNoResults","_element","createElement","className","Icon","icon","blockDefault","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/no-results.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, blockDefault } from '@wordpress/icons';\n\nfunction InserterNoResults() {\n\treturn (\n\t\t<div className=\"block-editor-inserter__no-results\">\n\t\t\t<Icon\n\t\t\t\tclassName=\"block-editor-inserter__no-results-icon\"\n\t\t\t\ticon={ blockDefault }\n\t\t\t/>\n\t\t\t<p>{ __( 'No results found.' ) }</p>\n\t\t</div>\n\t);\n}\n\nexport default InserterNoResults;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,iBAAiBA,CAAA,EAAG;EAC5B,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmC,GACjD,IAAAF,QAAA,CAAAC,aAAA,EAACH,MAAA,CAAAK,IAAI;IACJD,SAAS,EAAC,wCAAwC;IAClDE,IAAI,EAAGC;EAAc,CACrB,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA,aAAK,IAAAK,QAAE,EAAE,mBAAoB,CAAM,CAC/B,CAAC;AAER;AAAC,IAAAC,QAAA,GAEcR,iBAAiB;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_i18n","require","_icons","InserterNoResults","_react","createElement","className","Icon","icon","blockDefault","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/no-results.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, blockDefault } from '@wordpress/icons';\n\nfunction InserterNoResults() {\n\treturn (\n\t\t<div className=\"block-editor-inserter__no-results\">\n\t\t\t<Icon\n\t\t\t\tclassName=\"block-editor-inserter__no-results-icon\"\n\t\t\t\ticon={ blockDefault }\n\t\t\t/>\n\t\t\t<p>{ __( 'No results found.' ) }</p>\n\t\t</div>\n\t);\n}\n\nexport default InserterNoResults;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,iBAAiBA,CAAA,EAAG;EAC5B,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmC,GACjD,IAAAF,MAAA,CAAAC,aAAA,EAACH,MAAA,CAAAK,IAAI;IACJD,SAAS,EAAC,wCAAwC;IAClDE,IAAI,EAAGC;EAAc,CACrB,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,aAAK,IAAAK,QAAE,EAAE,mBAAoB,CAAM,CAC/B,CAAC;AAER;AAAC,IAAAC,QAAA,GAEcR,iBAAiB;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,7 +5,7 @@ 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 _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
@@ -32,11 +32,11 @@ function InserterNoResults() {
   } = _style.default;
   const textPrimaryStyle = (0, _compose.usePreferredColorSchemeStyle)(textPrimaryBaseStyle, textPrimaryDarkStyle);
   const textSecondaryStyle = (0, _compose.usePreferredColorSchemeStyle)(textSecondaryBaseStyle, textSecondaryDarkStyle);
-  return (0, _element.createElement)(_reactNative.View, null, (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_reactNative.View, {
     style: containerStyle
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     style: textPrimaryStyle
-  }, (0, _i18n.__)('No blocks found')), (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _i18n.__)('No blocks found')), (0, _react.createElement)(_reactNative.Text, {
     style: textSecondaryStyle
   }, (0, _i18n.__)('Try another search term'))));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_i18n","_style","_interopRequireDefault","InserterNoResults","containerStyle","textPrimaryBaseStyle","textPrimaryDarkStyle","textSecondaryBaseStyle","textSecondaryDarkStyle","styles","textPrimaryStyle","usePreferredColorSchemeStyle","textSecondaryStyle","_element","createElement","View","style","Text","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/no-results.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction InserterNoResults() {\n\tconst {\n\t\t'inserter-search-no-results__container': containerStyle,\n\t\t'inserter-search-no-results__text-primary': textPrimaryBaseStyle,\n\t\t'inserter-search-no-results__text-primary--dark': textPrimaryDarkStyle,\n\t\t'inserter-search-no-results__text-secondary': textSecondaryBaseStyle,\n\t\t'inserter-search-no-results__text-secondary--dark':\n\t\t\ttextSecondaryDarkStyle,\n\t} = styles;\n\tconst textPrimaryStyle = usePreferredColorSchemeStyle(\n\t\ttextPrimaryBaseStyle,\n\t\ttextPrimaryDarkStyle\n\t);\n\tconst textSecondaryStyle = usePreferredColorSchemeStyle(\n\t\ttextSecondaryBaseStyle,\n\t\ttextSecondaryDarkStyle\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<Text style={ textPrimaryStyle }>\n\t\t\t\t\t{ __( 'No blocks found' ) }\n\t\t\t\t</Text>\n\t\t\t\t<Text style={ textSecondaryStyle }>\n\t\t\t\t\t{ __( 'Try another search term' ) }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</View>\n\t);\n}\n\nexport default InserterNoResults;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,iBAAiBA,CAAA,EAAG;EAC5B,MAAM;IACL,uCAAuC,EAAEC,cAAc;IACvD,0CAA0C,EAAEC,oBAAoB;IAChE,gDAAgD,EAAEC,oBAAoB;IACtE,4CAA4C,EAAEC,sBAAsB;IACpE,kDAAkD,EACjDC;EACF,CAAC,GAAGC,cAAM;EACV,MAAMC,gBAAgB,GAAG,IAAAC,qCAA4B,EACpDN,oBAAoB,EACpBC,oBACD,CAAC;EACD,MAAMM,kBAAkB,GAAG,IAAAD,qCAA4B,EACtDJ,sBAAsB,EACtBC,sBACD,CAAC;EAED,OACC,IAAAK,QAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI,QACJ,IAAAF,QAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAGZ;EAAgB,GAC7B,IAAAS,QAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAoB,IAAI;IAACD,KAAK,EAAGN;EAAkB,GAC7B,IAAAQ,QAAE,EAAE,iBAAkB,CACnB,CAAC,EACP,IAAAL,QAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAoB,IAAI;IAACD,KAAK,EAAGJ;EAAoB,GAC/B,IAAAM,QAAE,EAAE,yBAA0B,CAC3B,CACD,CACD,CAAC;AAET;AAAC,IAAAC,QAAA,GAEchB,iBAAiB;AAAAiB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_compose","_i18n","_style","_interopRequireDefault","InserterNoResults","containerStyle","textPrimaryBaseStyle","textPrimaryDarkStyle","textSecondaryBaseStyle","textSecondaryDarkStyle","styles","textPrimaryStyle","usePreferredColorSchemeStyle","textSecondaryStyle","_react","createElement","View","style","Text","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/no-results.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction InserterNoResults() {\n\tconst {\n\t\t'inserter-search-no-results__container': containerStyle,\n\t\t'inserter-search-no-results__text-primary': textPrimaryBaseStyle,\n\t\t'inserter-search-no-results__text-primary--dark': textPrimaryDarkStyle,\n\t\t'inserter-search-no-results__text-secondary': textSecondaryBaseStyle,\n\t\t'inserter-search-no-results__text-secondary--dark':\n\t\t\ttextSecondaryDarkStyle,\n\t} = styles;\n\tconst textPrimaryStyle = usePreferredColorSchemeStyle(\n\t\ttextPrimaryBaseStyle,\n\t\ttextPrimaryDarkStyle\n\t);\n\tconst textSecondaryStyle = usePreferredColorSchemeStyle(\n\t\ttextSecondaryBaseStyle,\n\t\ttextSecondaryDarkStyle\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<Text style={ textPrimaryStyle }>\n\t\t\t\t\t{ __( 'No blocks found' ) }\n\t\t\t\t</Text>\n\t\t\t\t<Text style={ textSecondaryStyle }>\n\t\t\t\t\t{ __( 'Try another search term' ) }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</View>\n\t);\n}\n\nexport default InserterNoResults;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,iBAAiBA,CAAA,EAAG;EAC5B,MAAM;IACL,uCAAuC,EAAEC,cAAc;IACvD,0CAA0C,EAAEC,oBAAoB;IAChE,gDAAgD,EAAEC,oBAAoB;IACtE,4CAA4C,EAAEC,sBAAsB;IACpE,kDAAkD,EACjDC;EACF,CAAC,GAAGC,cAAM;EACV,MAAMC,gBAAgB,GAAG,IAAAC,qCAA4B,EACpDN,oBAAoB,EACpBC,oBACD,CAAC;EACD,MAAMM,kBAAkB,GAAG,IAAAD,qCAA4B,EACtDJ,sBAAsB,EACtBC,sBACD,CAAC;EAED,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI,QACJ,IAAAF,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAGZ;EAAgB,GAC7B,IAAAS,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAoB,IAAI;IAACD,KAAK,EAAGN;EAAkB,GAC7B,IAAAQ,QAAE,EAAE,iBAAkB,CACnB,CAAC,EACP,IAAAL,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAoB,IAAI;IAACD,KAAK,EAAGJ;EAAoB,GAC/B,IAAAM,QAAE,EAAE,yBAA0B,CAC3B,CACD,CACD,CAAC;AAET;AAAC,IAAAC,QAAA,GAEchB,iBAAiB;AAAAiB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/inserter/panel.js

@@ -4,7 +4,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");
 /**
  * WordPress dependencies
@@ -15,13 +15,13 @@ function InserterPanel({
   icon,
   children
 }) {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
     className: "block-editor-inserter__panel-header"
-  }, (0, _element.createElement)("h2", {
+  }, (0, _react.createElement)("h2", {
     className: "block-editor-inserter__panel-title"
-  }, title), (0, _element.createElement)(_components.Icon, {
+  }, title), (0, _react.createElement)(_components.Icon, {
     icon: icon
-  })), (0, _element.createElement)("div", {
+  })), (0, _react.createElement)("div", {
     className: "block-editor-inserter__panel-content"
   }, children));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","InserterPanel","title","icon","children","_element","createElement","Fragment","className","Icon","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nfunction InserterPanel( { title, icon, children } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"block-editor-inserter__panel-header\">\n\t\t\t\t<h2 className=\"block-editor-inserter__panel-title\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-inserter__panel-content\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default InserterPanel;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,aAAaA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACnD,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqC,GACnD,IAAAH,QAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAAoC,GAC/CN,KACC,CAAC,EACL,IAAAG,QAAA,CAAAC,aAAA,EAACP,WAAA,CAAAU,IAAI;IAACN,IAAI,EAAGA;EAAM,CAAE,CACjB,CAAC,EACN,IAAAE,QAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAsC,GAClDJ,QACE,CACJ,CAAC;AAEL;AAAC,IAAAM,QAAA,GAEcT,aAAa;AAAAU,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","InserterPanel","title","icon","children","_react","createElement","Fragment","className","Icon","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nfunction InserterPanel( { title, icon, children } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"block-editor-inserter__panel-header\">\n\t\t\t\t<h2 className=\"block-editor-inserter__panel-title\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-inserter__panel-content\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default InserterPanel;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,aAAaA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACnD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqC,GACnD,IAAAH,MAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAAoC,GAC/CN,KACC,CAAC,EACL,IAAAG,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAU,IAAI;IAACN,IAAI,EAAGA;EAAM,CAAE,CACjB,CAAC,EACN,IAAAE,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAsC,GAClDJ,QACE,CACJ,CAAC;AAEL;AAAC,IAAAM,QAAA,GAEcT,aAAa;AAAAU,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/inserter/preview-panel.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blocks = require("@wordpress/blocks");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _blockCard = _interopRequireDefault(require("../block-card"));
 var _blockPreview = _interopRequireDefault(require("../block-preview"));
@@ -43,21 +44,21 @@ function InserterPreviewPanel({
       innerBlocks: example.innerBlocks
     });
   }, [name, example, initialAttributes]);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-inserter__preview-container"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "block-editor-inserter__preview"
-  }, isReusable || example ? (0, _element.createElement)("div", {
+  }, isReusable || example ? (0, _react.createElement)("div", {
     className: "block-editor-inserter__preview-content"
-  }, (0, _element.createElement)(_blockPreview.default, {
+  }, (0, _react.createElement)(_blockPreview.default, {
     blocks: blocks,
     viewportWidth: (_example$viewportWidt = example?.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500,
     additionalStyles: [{
       css: 'body { padding: 16px; }'
     }]
-  })) : (0, _element.createElement)("div", {
+  })) : (0, _react.createElement)("div", {
     className: "block-editor-inserter__preview-content-missing"
-  }, (0, _i18n.__)('No Preview Available.'))), !isReusable && (0, _element.createElement)(_blockCard.default, {
+  }, (0, _i18n.__)('No Preview Available.'))), !isReusable && (0, _react.createElement)(_blockCard.default, {
     title: title,
     icon: icon,
     description: description

package/build/components/inserter/preview-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blocks","_i18n","_blockCard","_interopRequireDefault","_blockPreview","InserterPreviewPanel","item","_example$viewportWidt","name","title","icon","description","initialAttributes","example","isReusable","isReusableBlock","blocks","useMemo","createBlock","getBlockFromExample","attributes","innerBlocks","createElement","className","default","viewportWidth","additionalStyles","css","__","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tisReusableBlock,\n\tcreateBlock,\n\tgetBlockFromExample,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockCard from '../block-card';\nimport BlockPreview from '../block-preview';\n\nfunction InserterPreviewPanel( { item } ) {\n\tconst { name, title, icon, description, initialAttributes, example } = item;\n\tconst isReusable = isReusableBlock( item );\n\tconst blocks = useMemo( () => {\n\t\tif ( ! example ) {\n\t\t\treturn createBlock( name, initialAttributes );\n\t\t}\n\t\treturn getBlockFromExample( name, {\n\t\t\tattributes: {\n\t\t\t\t...example.attributes,\n\t\t\t\t...initialAttributes,\n\t\t\t},\n\t\t\tinnerBlocks: example.innerBlocks,\n\t\t} );\n\t}, [ name, example, initialAttributes ] );\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__preview-container\">\n\t\t\t<div className=\"block-editor-inserter__preview\">\n\t\t\t\t{ isReusable || example ? (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content\">\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ example?.viewportWidth ?? 500 }\n\t\t\t\t\t\t\tadditionalStyles={ [\n\t\t\t\t\t\t\t\t{ css: 'body { padding: 16px; }' },\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content-missing\">\n\t\t\t\t\t\t{ __( 'No Preview Available.' ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ ! isReusable && (\n\t\t\t\t<BlockCard\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tdescription={ description }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default InserterPreviewPanel;\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASM,oBAAoBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAAA,IAAAC,qBAAA;EACzC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,GAAGP,IAAI;EAC3E,MAAMQ,UAAU,GAAG,IAAAC,uBAAe,EAAET,IAAK,CAAC;EAC1C,MAAMU,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,OAAO,EAAG;MAChB,OAAO,IAAAK,mBAAW,EAAEV,IAAI,EAAEI,iBAAkB,CAAC;IAC9C;IACA,OAAO,IAAAO,2BAAmB,EAAEX,IAAI,EAAE;MACjCY,UAAU,EAAE;QACX,GAAGP,OAAO,CAACO,UAAU;QACrB,GAAGR;MACJ,CAAC;MACDS,WAAW,EAAER,OAAO,CAACQ;IACtB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEb,IAAI,EAAEK,OAAO,EAAED,iBAAiB,CAAG,CAAC;EAEzC,OACC,IAAAd,QAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAA0C,GACxD,IAAAzB,QAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC5CT,UAAU,IAAID,OAAO,GACtB,IAAAf,QAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAwC,GACtD,IAAAzB,QAAA,CAAAwB,aAAA,EAAClB,aAAA,CAAAoB,OAAY;IACZR,MAAM,EAAGA,MAAQ;IACjBS,aAAa,GAAAlB,qBAAA,GAAGM,OAAO,EAAEY,aAAa,cAAAlB,qBAAA,cAAAA,qBAAA,GAAI,GAAK;IAC/CmB,gBAAgB,EAAG,CAClB;MAAEC,GAAG,EAAE;IAA0B,CAAC;EAChC,CACH,CACG,CAAC,GAEN,IAAA7B,QAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAgD,GAC5D,IAAAK,QAAE,EAAE,uBAAwB,CAC1B,CAEF,CAAC,EACJ,CAAEd,UAAU,IACb,IAAAhB,QAAA,CAAAwB,aAAA,EAACpB,UAAA,CAAAsB,OAAS;IACTf,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IACbC,WAAW,EAAGA;EAAa,CAC3B,CAEE,CAAC;AAER;AAAC,IAAAkB,QAAA,GAEcxB,oBAAoB;AAAAyB,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
+{"version":3,"names":["_blocks","require","_element","_i18n","_blockCard","_interopRequireDefault","_blockPreview","InserterPreviewPanel","item","_example$viewportWidt","name","title","icon","description","initialAttributes","example","isReusable","isReusableBlock","blocks","useMemo","createBlock","getBlockFromExample","attributes","innerBlocks","_react","createElement","className","default","viewportWidth","additionalStyles","css","__","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tisReusableBlock,\n\tcreateBlock,\n\tgetBlockFromExample,\n} from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockCard from '../block-card';\nimport BlockPreview from '../block-preview';\n\nfunction InserterPreviewPanel( { item } ) {\n\tconst { name, title, icon, description, initialAttributes, example } = item;\n\tconst isReusable = isReusableBlock( item );\n\tconst blocks = useMemo( () => {\n\t\tif ( ! example ) {\n\t\t\treturn createBlock( name, initialAttributes );\n\t\t}\n\t\treturn getBlockFromExample( name, {\n\t\t\tattributes: {\n\t\t\t\t...example.attributes,\n\t\t\t\t...initialAttributes,\n\t\t\t},\n\t\t\tinnerBlocks: example.innerBlocks,\n\t\t} );\n\t}, [ name, example, initialAttributes ] );\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__preview-container\">\n\t\t\t<div className=\"block-editor-inserter__preview\">\n\t\t\t\t{ isReusable || example ? (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content\">\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ example?.viewportWidth ?? 500 }\n\t\t\t\t\t\t\tadditionalStyles={ [\n\t\t\t\t\t\t\t\t{ css: 'body { padding: 16px; }' },\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"block-editor-inserter__preview-content-missing\">\n\t\t\t\t\t\t{ __( 'No Preview Available.' ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t{ ! isReusable && (\n\t\t\t\t<BlockCard\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tdescription={ description }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default InserterPreviewPanel;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASM,oBAAoBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAAA,IAAAC,qBAAA;EACzC,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,GAAGP,IAAI;EAC3E,MAAMQ,UAAU,GAAG,IAAAC,uBAAe,EAAET,IAAK,CAAC;EAC1C,MAAMU,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,OAAO,EAAG;MAChB,OAAO,IAAAK,mBAAW,EAAEV,IAAI,EAAEI,iBAAkB,CAAC;IAC9C;IACA,OAAO,IAAAO,2BAAmB,EAAEX,IAAI,EAAE;MACjCY,UAAU,EAAE;QACX,GAAGP,OAAO,CAACO,UAAU;QACrB,GAAGR;MACJ,CAAC;MACDS,WAAW,EAAER,OAAO,CAACQ;IACtB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEb,IAAI,EAAEK,OAAO,EAAED,iBAAiB,CAAG,CAAC;EAEzC,OACC,IAAAU,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA0C,GACxD,IAAAF,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC5CV,UAAU,IAAID,OAAO,GACtB,IAAAS,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAwC,GACtD,IAAAF,MAAA,CAAAC,aAAA,EAACnB,aAAA,CAAAqB,OAAY;IACZT,MAAM,EAAGA,MAAQ;IACjBU,aAAa,GAAAnB,qBAAA,GAAGM,OAAO,EAAEa,aAAa,cAAAnB,qBAAA,cAAAA,qBAAA,GAAI,GAAK;IAC/CoB,gBAAgB,EAAG,CAClB;MAAEC,GAAG,EAAE;IAA0B,CAAC;EAChC,CACH,CACG,CAAC,GAEN,IAAAN,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgD,GAC5D,IAAAK,QAAE,EAAE,uBAAwB,CAC1B,CAEF,CAAC,EACJ,CAAEf,UAAU,IACb,IAAAQ,MAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAuB,OAAS;IACThB,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IACbC,WAAW,EAAGA;EAAa,CAC3B,CAEE,CAAC;AAER;AAAC,IAAAmB,QAAA,GAEczB,oBAAoB;AAAA0B,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

package/build/components/inserter/quick-inserter.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = QuickInserter;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -87,12 +88,12 @@ function QuickInserter({
   if (showPatterns) {
     maxBlockPatterns = prioritizePatterns ? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION : SHOWN_BLOCK_PATTERNS;
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: (0, _classnames.default)('block-editor-inserter__quick-inserter', {
       'has-search': showSearch,
       'has-expand': setInserterIsOpened
     })
-  }, showSearch && (0, _element.createElement)(_components.SearchControl, {
+  }, showSearch && (0, _react.createElement)(_components.SearchControl, {
     __nextHasNoMarginBottom: true,
     className: "block-editor-inserter__search",
     value: filterValue,
@@ -101,9 +102,9 @@ function QuickInserter({
     },
     label: (0, _i18n.__)('Search for blocks and patterns'),
     placeholder: (0, _i18n.__)('Search')
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: "block-editor-inserter__quick-inserter-results"
-  }, (0, _element.createElement)(_searchResults.default, {
+  }, (0, _react.createElement)(_searchResults.default, {
     filterValue: filterValue,
     onSelect: onSelect,
     rootClientId: rootClientId,
@@ -114,7 +115,7 @@ function QuickInserter({
     isDraggable: false,
     prioritizePatterns: prioritizePatterns,
     selectBlockOnInsert: selectBlockOnInsert
-  })), setInserterIsOpened && (0, _element.createElement)(_components.Button, {
+  })), setInserterIsOpened && (0, _react.createElement)(_components.Button, {
     className: "block-editor-inserter__quick-inserter-expand",
     onClick: onBrowseAll,
     "aria-label": (0, _i18n.__)('Browse all. This will open the main inserter panel in the editor toolbar.')

package/build/components/inserter/quick-inserter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_components","_data","_searchResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_store","SEARCH_THRESHOLD","SHOWN_BLOCK_TYPES","SHOWN_BLOCK_PATTERNS","SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION","QuickInserter","onSelect","rootClientId","clientId","isAppender","prioritizePatterns","selectBlockOnInsert","filterValue","setFilterValue","useState","destinationRootClientId","onInsertBlocks","useInsertionPoint","blockTypes","useBlockTypesState","patterns","usePatternsState","setInserterIsOpened","insertionIndex","useSelect","select","getSettings","getBlockIndex","getBlockCount","blockEditorStore","settings","index","blockCount","__experimentalSetIsInserterOpened","showPatterns","length","showSearch","useEffect","onBrowseAll","maxBlockPatterns","createElement","className","classnames","SearchControl","__nextHasNoMarginBottom","value","onChange","label","__","placeholder","default","maxBlockTypes","isDraggable","Button","onClick"],"sources":["@wordpress/block-editor/src/components/inserter/quick-inserter.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, SearchControl } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { store as blockEditorStore } from '../../store';\n\nconst SEARCH_THRESHOLD = 6;\nconst SHOWN_BLOCK_TYPES = 6;\nconst SHOWN_BLOCK_PATTERNS = 2;\nconst SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION = 4;\n\nexport default function QuickInserter( {\n\tonSelect,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n} ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [ blockTypes ] = useBlockTypesState(\n\t\tdestinationRootClientId,\n\t\tonInsertBlocks\n\t);\n\n\tconst [ patterns ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst { setInserterIsOpened, insertionIndex } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getBlockIndex, getBlockCount } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst settings = getSettings();\n\t\t\tconst index = getBlockIndex( clientId );\n\t\t\tconst blockCount = getBlockCount();\n\n\t\t\treturn {\n\t\t\t\tsetInserterIsOpened: settings.__experimentalSetIsInserterOpened,\n\t\t\t\tinsertionIndex: index === -1 ? blockCount : index,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst showPatterns =\n\t\tpatterns.length && ( !! filterValue || prioritizePatterns );\n\tconst showSearch =\n\t\t( showPatterns && patterns.length > SEARCH_THRESHOLD ) ||\n\t\tblockTypes.length > SEARCH_THRESHOLD;\n\n\tuseEffect( () => {\n\t\tif ( setInserterIsOpened ) {\n\t\t\tsetInserterIsOpened( false );\n\t\t}\n\t}, [ setInserterIsOpened ] );\n\n\t// When clicking Browse All select the appropriate block so as\n\t// the insertion point can work as expected.\n\tconst onBrowseAll = () => {\n\t\tsetInserterIsOpened( { rootClientId, insertionIndex, filterValue } );\n\t};\n\n\tlet maxBlockPatterns = 0;\n\tif ( showPatterns ) {\n\t\tmaxBlockPatterns = prioritizePatterns\n\t\t\t? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION\n\t\t\t: SHOWN_BLOCK_PATTERNS;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'block-editor-inserter__quick-inserter', {\n\t\t\t\t'has-search': showSearch,\n\t\t\t\t'has-expand': setInserterIsOpened,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ showSearch && (\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tlabel={ __( 'Search for blocks and patterns' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-results\">\n\t\t\t\t<InserterSearchResults\n\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\tmaxBlockPatterns={ maxBlockPatterns }\n\t\t\t\t\tmaxBlockTypes={ SHOWN_BLOCK_TYPES }\n\t\t\t\t\tisDraggable={ false }\n\t\t\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\t\t\tselectBlockOnInsert={ selectBlockOnInsert }\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{ setInserterIsOpened && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"block-editor-inserter__quick-inserter-expand\"\n\t\t\t\t\tonClick={ onBrowseAll }\n\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t'Browse all. This will open the main inserter panel in the editor toolbar.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Browse all' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_components","_data","_searchResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_store","SEARCH_THRESHOLD","SHOWN_BLOCK_TYPES","SHOWN_BLOCK_PATTERNS","SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION","QuickInserter","onSelect","rootClientId","clientId","isAppender","prioritizePatterns","selectBlockOnInsert","filterValue","setFilterValue","useState","destinationRootClientId","onInsertBlocks","useInsertionPoint","blockTypes","useBlockTypesState","patterns","usePatternsState","setInserterIsOpened","insertionIndex","useSelect","select","getSettings","getBlockIndex","getBlockCount","blockEditorStore","settings","index","blockCount","__experimentalSetIsInserterOpened","showPatterns","length","showSearch","useEffect","onBrowseAll","maxBlockPatterns","_react","createElement","className","classnames","SearchControl","__nextHasNoMarginBottom","value","onChange","label","__","placeholder","default","maxBlockTypes","isDraggable","Button","onClick"],"sources":["@wordpress/block-editor/src/components/inserter/quick-inserter.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, SearchControl } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InserterSearchResults from './search-results';\nimport useInsertionPoint from './hooks/use-insertion-point';\nimport usePatternsState from './hooks/use-patterns-state';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport { store as blockEditorStore } from '../../store';\n\nconst SEARCH_THRESHOLD = 6;\nconst SHOWN_BLOCK_TYPES = 6;\nconst SHOWN_BLOCK_PATTERNS = 2;\nconst SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION = 4;\n\nexport default function QuickInserter( {\n\tonSelect,\n\trootClientId,\n\tclientId,\n\tisAppender,\n\tprioritizePatterns,\n\tselectBlockOnInsert,\n} ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tonSelect,\n\t\trootClientId,\n\t\tclientId,\n\t\tisAppender,\n\t\tselectBlockOnInsert,\n\t} );\n\tconst [ blockTypes ] = useBlockTypesState(\n\t\tdestinationRootClientId,\n\t\tonInsertBlocks\n\t);\n\n\tconst [ patterns ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\n\tconst { setInserterIsOpened, insertionIndex } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getBlockIndex, getBlockCount } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst settings = getSettings();\n\t\t\tconst index = getBlockIndex( clientId );\n\t\t\tconst blockCount = getBlockCount();\n\n\t\t\treturn {\n\t\t\t\tsetInserterIsOpened: settings.__experimentalSetIsInserterOpened,\n\t\t\t\tinsertionIndex: index === -1 ? blockCount : index,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst showPatterns =\n\t\tpatterns.length && ( !! filterValue || prioritizePatterns );\n\tconst showSearch =\n\t\t( showPatterns && patterns.length > SEARCH_THRESHOLD ) ||\n\t\tblockTypes.length > SEARCH_THRESHOLD;\n\n\tuseEffect( () => {\n\t\tif ( setInserterIsOpened ) {\n\t\t\tsetInserterIsOpened( false );\n\t\t}\n\t}, [ setInserterIsOpened ] );\n\n\t// When clicking Browse All select the appropriate block so as\n\t// the insertion point can work as expected.\n\tconst onBrowseAll = () => {\n\t\tsetInserterIsOpened( { rootClientId, insertionIndex, filterValue } );\n\t};\n\n\tlet maxBlockPatterns = 0;\n\tif ( showPatterns ) {\n\t\tmaxBlockPatterns = prioritizePatterns\n\t\t\t? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION\n\t\t\t: SHOWN_BLOCK_PATTERNS;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'block-editor-inserter__quick-inserter', {\n\t\t\t\t'has-search': showSearch,\n\t\t\t\t'has-expand': setInserterIsOpened,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ showSearch && (\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-inserter__search\"\n\t\t\t\t\tvalue={ filterValue }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetFilterValue( value );\n\t\t\t\t\t} }\n\t\t\t\t\tlabel={ __( 'Search for blocks and patterns' ) }\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<div className=\"block-editor-inserter__quick-inserter-results\">\n\t\t\t\t<InserterSearchResults\n\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tisAppender={ isAppender }\n\t\t\t\t\tmaxBlockPatterns={ maxBlockPatterns }\n\t\t\t\t\tmaxBlockTypes={ SHOWN_BLOCK_TYPES }\n\t\t\t\t\tisDraggable={ false }\n\t\t\t\t\tprioritizePatterns={ prioritizePatterns }\n\t\t\t\t\tselectBlockOnInsert={ selectBlockOnInsert }\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t{ setInserterIsOpened && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"block-editor-inserter__quick-inserter-expand\"\n\t\t\t\t\tonClick={ onBrowseAll }\n\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t'Browse all. This will open the main inserter panel in the editor toolbar.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Browse all' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

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

@@ -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

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

@@ -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

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

@@ -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;
   }));