@wordpress/block-editor 12.25.0 → 13.0.0

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = MobileTabNavigation;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -15,50 +15,66 @@ var _icons = require("@wordpress/icons");
 function ScreenHeader({
   title
 }) {
-  return (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 0
-  }, (0, _react.createElement)(_components.__experimentalView, null, (0, _react.createElement)(_components.__experimentalSpacer, {
-    marginBottom: 0,
-    paddingX: 4,
-    paddingY: 3
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    spacing: 2
-  }, (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.
-    {
-      minWidth: 24,
-      padding: 0
-    },
-    icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
-    size: "small",
-    label: (0, _i18n.__)('Back')
-  }), (0, _react.createElement)(_components.__experimentalSpacer, null, (0, _react.createElement)(_components.__experimentalHeading, {
-    level: 5
-  }, title))))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+    spacing: 0,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalView, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
+        marginBottom: 0,
+        paddingX: 4,
+        paddingY: 3,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+          spacing: 2,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorBackButton, {
+            style:
+            // TODO: This style override is also used in ToolsPanelHeader.
+            // It should be supported out-of-the-box by Button.
+            {
+              minWidth: 24,
+              padding: 0
+            },
+            icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
+            size: "small",
+            label: (0, _i18n.__)('Back')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
+              level: 5,
+              children: title
+            })
+          })]
+        })
+      })
+    })
+  });
 }
 function MobileTabNavigation({
   categories,
   children
 }) {
-  return (0, _react.createElement)(_components.__experimentalNavigatorProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalNavigatorProvider, {
     initialPath: "/",
-    className: "block-editor-inserter__mobile-tab-navigation"
-  }, (0, _react.createElement)(_components.__experimentalNavigatorScreen, {
-    path: "/"
-  }, (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, _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, _react.createElement)(_components.__experimentalNavigatorScreen, {
-    key: category.name,
-    path: `/category/${category.name}`
-  }, (0, _react.createElement)(ScreenHeader, {
-    title: (0, _i18n.__)('Back')
-  }), children(category))));
+    className: "block-editor-inserter__mobile-tab-navigation",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorScreen, {
+      path: "/",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+        children: categories.map(category => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorButton, {
+          path: `/category/${category.name}`,
+          as: _components.__experimentalItem,
+          isAction: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
+              children: category.label
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+              icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
+            })]
+          })
+        }, category.name))
+      })
+    }), categories.map(category => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalNavigatorScreen, {
+      path: `/category/${category.name}`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ScreenHeader, {
+        title: (0, _i18n.__)('Back')
+      }), children(category)]
+    }, category.name))]
+  });
 }
 //# sourceMappingURL=mobile-tab-navigation.js.map

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

@@ -1 +1 @@
-{"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","size","label","__","__experimentalHeading","level","MobileTabNavigation","categories","children","__experimentalNavigatorProvider","initialPath","className","__experimentalNavigatorScreen","path","__experimentalItemGroup","map","category","__experimentalNavigatorButton","key","name","as","Item","isAction","FlexBlock","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\tsize=\"small\"\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\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,IAAI,EAAC,OAAO;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO;EAAG,CACtB,CAAC,EACF,IAAApB,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,oBAAM,QACN,IAAAL,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAyB,qBAAO;IAACC,KAAK,EAAG;EAAG,GAAGvB,KAAgB,CAChC,CACD,CACD,CACH,CACC,CAAC;AAEX;AAEe,SAASwB,mBAAmBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACvE,OACC,IAAAzB,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAA8B,+BAAiB;IACjBC,WAAW,EAAC,GAAG;IACfC,SAAS,EAAC;EAA8C,GAExD,IAAA5B,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAiC,6BAAe;IAACC,IAAI,EAAC;EAAG,GACxB,IAAA9B,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAmC,uBAAS,QACPP,UAAU,CAACQ,GAAG,CAAIC,QAAQ,IAC3B,IAAAjC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAsC,6BAAe;IACfC,GAAG,EAAGF,QAAQ,CAACG,IAAM;IACrBN,IAAI,EAAI,aAAaG,QAAQ,CAACG,IAAM,EAAG;IACvCC,EAAE,EAAGC,8BAAM;IACXC,QAAQ;EAAA,GAER,IAAAvC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAa,oBAAM,QACN,IAAAT,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAA4C,SAAS,QAAGP,QAAQ,CAACd,KAAkB,CAAC,EACzC,IAAAnB,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,EAChBQ,UAAU,CAACQ,GAAG,CAAIC,QAAQ,IAC3B,IAAAjC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAiC,6BAAe;IACfM,GAAG,EAAGF,QAAQ,CAACG,IAAM;IACrBN,IAAI,EAAI,aAAaG,QAAQ,CAACG,IAAM;EAAG,GAEvC,IAAApC,MAAA,CAAAC,aAAA,EAACH,YAAY;IAACC,KAAK,EAAG,IAAAqB,QAAE,EAAE,MAAO;EAAG,CAAE,CAAC,EACrCK,QAAQ,CAAEQ,QAAS,CACL,CAChB,CACgB,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_icons","_jsxRuntime","ScreenHeader","title","jsx","__experimentalVStack","spacing","children","__experimentalView","__experimentalSpacer","marginBottom","paddingX","paddingY","jsxs","__experimentalHStack","__experimentalNavigatorBackButton","style","minWidth","padding","icon","isRTL","chevronRight","chevronLeft","size","label","__","__experimentalHeading","level","MobileTabNavigation","categories","__experimentalNavigatorProvider","initialPath","className","__experimentalNavigatorScreen","path","__experimentalItemGroup","map","category","__experimentalNavigatorButton","name","as","Item","isAction","FlexBlock","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\tsize=\"small\"\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\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;AAAmE,IAAAG,WAAA,GAAAH,OAAA;AAlBnE;AACA;AACA;;AAkBA,SAASI,YAAYA,CAAE;EAAEC;AAAM,CAAC,EAAG;EAClC,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAM,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,eACpB,IAAAN,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAS,kBAAI;MAAAD,QAAA,eACJ,IAAAN,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAU,oBAAM;QAACC,YAAY,EAAG,CAAG;QAACC,QAAQ,EAAG,CAAG;QAACC,QAAQ,EAAG,CAAG;QAAAL,QAAA,eACvD,IAAAN,WAAA,CAAAY,IAAA,EAACd,WAAA,CAAAe,oBAAM;UAACR,OAAO,EAAG,CAAG;UAAAC,QAAA,gBACpB,IAAAN,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAgB,iCAAmB;YACnBC,KAAK;YACJ;YACA;YACA;cAAEC,QAAQ,EAAE,EAAE;cAAEC,OAAO,EAAE;YAAE,CAC3B;YACDC,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;YAC7CC,IAAI,EAAC,OAAO;YACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO;UAAG,CACtB,CAAC,eACF,IAAAxB,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAU,oBAAM;YAAAF,QAAA,eACN,IAAAN,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAA2B,qBAAO;cAACC,KAAK,EAAG,CAAG;cAAApB,QAAA,EAAGJ;YAAK,CAAW;UAAC,CACjC,CAAC;QAAA,CACF;MAAC,CACF;IAAC,CACJ;EAAC,CACA,CAAC;AAEX;AAEe,SAASyB,mBAAmBA,CAAE;EAAEC,UAAU;EAAEtB;AAAS,CAAC,EAAG;EACvE,oBACC,IAAAN,WAAA,CAAAY,IAAA,EAACd,WAAA,CAAA+B,+BAAiB;IACjBC,WAAW,EAAC,GAAG;IACfC,SAAS,EAAC,8CAA8C;IAAAzB,QAAA,gBAExD,IAAAN,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAkC,6BAAe;MAACC,IAAI,EAAC,GAAG;MAAA3B,QAAA,eACxB,IAAAN,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAoC,uBAAS;QAAA5B,QAAA,EACPsB,UAAU,CAACO,GAAG,CAAIC,QAAQ,iBAC3B,IAAApC,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAuC,6BAAe;UAEfJ,IAAI,EAAI,aAAaG,QAAQ,CAACE,IAAM,EAAG;UACvCC,EAAE,EAAGC,8BAAM;UACXC,QAAQ;UAAAnC,QAAA,eAER,IAAAN,WAAA,CAAAY,IAAA,EAACd,WAAA,CAAAe,oBAAM;YAAAP,QAAA,gBACN,IAAAN,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAA4C,SAAS;cAAApC,QAAA,EAAG8B,QAAQ,CAACb;YAAK,CAAa,CAAC,eACzC,IAAAvB,WAAA,CAAAG,GAAA,EAACJ,MAAA,CAAA4C,IAAI;cACJzB,IAAI,EACH,IAAAC,WAAK,EAAC,CAAC,GAAGE,kBAAW,GAAGD;YACxB,CACD,CAAC;UAAA,CACK;QAAC,GAZHgB,QAAQ,CAACE,IAaC,CAChB;MAAC,CACO;IAAC,CACI,CAAC,EAChBV,UAAU,CAACO,GAAG,CAAIC,QAAQ,iBAC3B,IAAApC,WAAA,CAAAY,IAAA,EAACd,WAAA,CAAAkC,6BAAe;MAEfC,IAAI,EAAI,aAAaG,QAAQ,CAACE,IAAM,EAAG;MAAAhC,QAAA,gBAEvC,IAAAN,WAAA,CAAAG,GAAA,EAACF,YAAY;QAACC,KAAK,EAAG,IAAAsB,QAAE,EAAE,MAAO;MAAG,CAAE,CAAC,EACrClB,QAAQ,CAAE8B,QAAS,CAAC;IAAA,GAJhBA,QAAQ,CAACE,IAKC,CAChB,CAAC;EAAA,CACe,CAAC;AAEtB","ignoreList":[]}

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

@@ -4,20 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
 function InserterNoResults() {
-  return (0, _react.createElement)("div", {
-    className: "block-editor-inserter__no-results"
-  }, (0, _react.createElement)(_icons.Icon, {
-    className: "block-editor-inserter__no-results-icon",
-    icon: _icons.blockDefault
-  }), (0, _react.createElement)("p", null, (0, _i18n.__)('No results found.')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "block-editor-inserter__no-results",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+      className: "block-editor-inserter__no-results-icon",
+      icon: _icons.blockDefault
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: (0, _i18n.__)('No results found.')
+    })]
+  });
 }
 var _default = exports.default = InserterNoResults;
 //# sourceMappingURL=no-results.js.map

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

@@ -1 +1 @@
-{"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,GAAAC,OAAA,CAAAC,OAAA,GAEcV,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_icons","_jsxRuntime","InserterNoResults","jsxs","className","children","jsx","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;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AAJtD;AACA;AACA;;AAIA,SAASG,iBAAiBA,CAAA,EAAG;EAC5B,oBACC,IAAAD,WAAA,CAAAE,IAAA;IAAKC,SAAS,EAAC,mCAAmC;IAAAC,QAAA,gBACjD,IAAAJ,WAAA,CAAAK,GAAA,EAACN,MAAA,CAAAO,IAAI;MACJH,SAAS,EAAC,wCAAwC;MAClDI,IAAI,EAAGC;IAAc,CACrB,CAAC,eACF,IAAAR,WAAA,CAAAK,GAAA;MAAAD,QAAA,EAAK,IAAAK,QAAE,EAAE,mBAAoB;IAAC,CAAK,CAAC;EAAA,CAChC,CAAC;AAER;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcX,iBAAiB","ignoreList":[]}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -32,13 +32,18 @@ function InserterNoResults() {
   } = _style.default;
   const textPrimaryStyle = (0, _compose.usePreferredColorSchemeStyle)(textPrimaryBaseStyle, textPrimaryDarkStyle);
   const textSecondaryStyle = (0, _compose.usePreferredColorSchemeStyle)(textSecondaryBaseStyle, textSecondaryDarkStyle);
-  return (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_reactNative.View, {
-    style: containerStyle
-  }, (0, _react.createElement)(_reactNative.Text, {
-    style: textPrimaryStyle
-  }, (0, _i18n.__)('No blocks found')), (0, _react.createElement)(_reactNative.Text, {
-    style: textSecondaryStyle
-  }, (0, _i18n.__)('Try another search term'))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: containerStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: textPrimaryStyle,
+        children: (0, _i18n.__)('No blocks found')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: textSecondaryStyle,
+        children: (0, _i18n.__)('Try another search term')
+      })]
+    })
+  });
 }
 var _default = exports.default = InserterNoResults;
 //# sourceMappingURL=no-results.native.js.map

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","_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,GAAAC,OAAA,CAAAC,OAAA,GAEclB,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_i18n","_style","_interopRequireDefault","_jsxRuntime","InserterNoResults","containerStyle","textPrimaryBaseStyle","textPrimaryDarkStyle","textSecondaryBaseStyle","textSecondaryDarkStyle","styles","textPrimaryStyle","usePreferredColorSchemeStyle","textSecondaryStyle","jsx","View","children","jsxs","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;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAdlC;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASM,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,oBACC,IAAAN,WAAA,CAAAW,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAAAC,QAAA,eACJ,IAAAb,WAAA,CAAAc,IAAA,EAACpB,YAAA,CAAAkB,IAAI;MAACG,KAAK,EAAGb,cAAgB;MAAAW,QAAA,gBAC7B,IAAAb,WAAA,CAAAW,GAAA,EAACjB,YAAA,CAAAsB,IAAI;QAACD,KAAK,EAAGP,gBAAkB;QAAAK,QAAA,EAC7B,IAAAI,QAAE,EAAE,iBAAkB;MAAC,CACpB,CAAC,eACP,IAAAjB,WAAA,CAAAW,GAAA,EAACjB,YAAA,CAAAsB,IAAI;QAACD,KAAK,EAAGL,kBAAoB;QAAAG,QAAA,EAC/B,IAAAI,QAAE,EAAE,yBAA0B;MAAC,CAC5B,CAAC;IAAA,CACF;EAAC,CACF,CAAC;AAET;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcnB,iBAAiB","ignoreList":[]}

package/build/components/inserter/panel.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -15,15 +15,20 @@ function InserterPanel({
   icon,
   children
 }) {
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
-    className: "block-editor-inserter__panel-header"
-  }, (0, _react.createElement)("h2", {
-    className: "block-editor-inserter__panel-title"
-  }, title), (0, _react.createElement)(_components.Icon, {
-    icon: icon
-  })), (0, _react.createElement)("div", {
-    className: "block-editor-inserter__panel-content"
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "block-editor-inserter__panel-header",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        className: "block-editor-inserter__panel-title",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: icon
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-inserter__panel-content",
+      children: children
+    })]
+  });
 }
 var _default = exports.default = InserterPanel;
 //# sourceMappingURL=panel.js.map

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

@@ -1 +1 @@
-{"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,GAAAC,OAAA,CAAAC,OAAA,GAEcX,aAAa","ignoreList":[]}
+{"version":3,"names":["_components","require","_jsxRuntime","InserterPanel","title","icon","children","jsxs","Fragment","className","jsx","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;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAH7C;AACA;AACA;;AAGA,SAASE,aAAaA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACnD,oBACC,IAAAJ,WAAA,CAAAK,IAAA,EAAAL,WAAA,CAAAM,QAAA;IAAAF,QAAA,gBACC,IAAAJ,WAAA,CAAAK,IAAA;MAAKE,SAAS,EAAC,qCAAqC;MAAAH,QAAA,gBACnD,IAAAJ,WAAA,CAAAQ,GAAA;QAAID,SAAS,EAAC,oCAAoC;QAAAH,QAAA,EAC/CF;MAAK,CACJ,CAAC,eACL,IAAAF,WAAA,CAAAQ,GAAA,EAACV,WAAA,CAAAW,IAAI;QAACN,IAAI,EAAGA;MAAM,CAAE,CAAC;IAAA,CAClB,CAAC,eACN,IAAAH,WAAA,CAAAQ,GAAA;MAAKD,SAAS,EAAC,sCAAsC;MAAAH,QAAA,EAClDA;IAAQ,CACN,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcX,aAAa","ignoreList":[]}

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -44,25 +44,29 @@ function InserterPreviewPanel({
       innerBlocks: example.innerBlocks
     });
   }, [name, example, initialAttributes]);
-  return (0, _react.createElement)("div", {
-    className: "block-editor-inserter__preview-container"
-  }, (0, _react.createElement)("div", {
-    className: "block-editor-inserter__preview"
-  }, isReusable || example ? (0, _react.createElement)("div", {
-    className: "block-editor-inserter__preview-content"
-  }, (0, _react.createElement)(_blockPreview.default, {
-    blocks: blocks,
-    viewportWidth: (_example$viewportWidt = example?.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500,
-    additionalStyles: [{
-      css: 'body { padding: 24px; }'
-    }]
-  })) : (0, _react.createElement)("div", {
-    className: "block-editor-inserter__preview-content-missing"
-  }, (0, _i18n.__)('No preview available.'))), !isReusable && (0, _react.createElement)(_blockCard.default, {
-    title: title,
-    icon: icon,
-    description: description
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "block-editor-inserter__preview-container",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-inserter__preview",
+      children: isReusable || example ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "block-editor-inserter__preview-content",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default, {
+          blocks: blocks,
+          viewportWidth: (_example$viewportWidt = example?.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500,
+          additionalStyles: [{
+            css: 'body { padding: 24px; }'
+          }]
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "block-editor-inserter__preview-content-missing",
+        children: (0, _i18n.__)('No preview available.')
+      })
+    }), !isReusable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockCard.default, {
+      title: title,
+      icon: icon,
+      description: description
+    })]
+  });
 }
 var _default = exports.default = InserterPreviewPanel;
 //# sourceMappingURL=preview-panel.js.map

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

@@ -1 +1 @@
-{"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: 24px; }' },\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,GAAAC,OAAA,CAAAN,OAAA,GAEcpB,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_element","_i18n","_blockCard","_interopRequireDefault","_blockPreview","_jsxRuntime","InserterPreviewPanel","item","_example$viewportWidt","name","title","icon","description","initialAttributes","example","isReusable","isReusableBlock","blocks","useMemo","createBlock","getBlockFromExample","attributes","innerBlocks","jsxs","className","children","jsx","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: 24px; }' },\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;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAf5C;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASO,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,oBACC,IAAAR,WAAA,CAAAkB,IAAA;IAAKC,SAAS,EAAC,0CAA0C;IAAAC,QAAA,gBACxD,IAAApB,WAAA,CAAAqB,GAAA;MAAKF,SAAS,EAAC,gCAAgC;MAAAC,QAAA,EAC5CV,UAAU,IAAID,OAAO,gBACtB,IAAAT,WAAA,CAAAqB,GAAA;QAAKF,SAAS,EAAC,wCAAwC;QAAAC,QAAA,eACtD,IAAApB,WAAA,CAAAqB,GAAA,EAACtB,aAAA,CAAAuB,OAAY;UACZV,MAAM,EAAGA,MAAQ;UACjBW,aAAa,GAAApB,qBAAA,GAAGM,OAAO,EAAEc,aAAa,cAAApB,qBAAA,cAAAA,qBAAA,GAAI,GAAK;UAC/CqB,gBAAgB,EAAG,CAClB;YAAEC,GAAG,EAAE;UAA0B,CAAC;QAChC,CACH;MAAC,CACE,CAAC,gBAEN,IAAAzB,WAAA,CAAAqB,GAAA;QAAKF,SAAS,EAAC,gDAAgD;QAAAC,QAAA,EAC5D,IAAAM,QAAE,EAAE,uBAAwB;MAAC,CAC3B;IACL,CACG,CAAC,EACJ,CAAEhB,UAAU,iBACb,IAAAV,WAAA,CAAAqB,GAAA,EAACxB,UAAA,CAAAyB,OAAS;MACTjB,KAAK,EAAGA,KAAO;MACfC,IAAI,EAAGA,IAAM;MACbC,WAAW,EAAGA;IAAa,CAC3B,CACD;EAAA,CACG,CAAC;AAER;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEcrB,oBAAoB","ignoreList":[]}

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

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = QuickInserter;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -16,6 +15,7 @@ var _useInsertionPoint = _interopRequireDefault(require("./hooks/use-insertion-p
 var _usePatternsState = _interopRequireDefault(require("./hooks/use-patterns-state"));
 var _useBlockTypesState = _interopRequireDefault(require("./hooks/use-block-types-state"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -49,7 +49,7 @@ function QuickInserter({
     isAppender,
     selectBlockOnInsert
   });
-  const [blockTypes] = (0, _useBlockTypesState.default)(destinationRootClientId, onInsertBlocks);
+  const [blockTypes] = (0, _useBlockTypesState.default)(destinationRootClientId, onInsertBlocks, true);
   const [patterns] = (0, _usePatternsState.default)(onInsertBlocks, destinationRootClientId);
   const {
     setInserterIsOpened,
@@ -89,37 +89,41 @@ function QuickInserter({
   if (showPatterns) {
     maxBlockPatterns = prioritizePatterns ? SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION : SHOWN_BLOCK_PATTERNS;
   }
-  return (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('block-editor-inserter__quick-inserter', {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _clsx.default)('block-editor-inserter__quick-inserter', {
       'has-search': showSearch,
       'has-expand': setInserterIsOpened
-    })
-  }, showSearch && (0, _react.createElement)(_components.SearchControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-editor-inserter__search",
-    value: filterValue,
-    onChange: value => {
-      setFilterValue(value);
-    },
-    label: (0, _i18n.__)('Search for blocks and patterns'),
-    placeholder: (0, _i18n.__)('Search')
-  }), (0, _react.createElement)("div", {
-    className: "block-editor-inserter__quick-inserter-results"
-  }, (0, _react.createElement)(_searchResults.default, {
-    filterValue: filterValue,
-    onSelect: onSelect,
-    rootClientId: rootClientId,
-    clientId: clientId,
-    isAppender: isAppender,
-    maxBlockPatterns: maxBlockPatterns,
-    maxBlockTypes: SHOWN_BLOCK_TYPES,
-    isDraggable: false,
-    prioritizePatterns: prioritizePatterns,
-    selectBlockOnInsert: selectBlockOnInsert
-  })), 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.')
-  }, (0, _i18n.__)('Browse all')));
+    }),
+    children: [showSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchControl, {
+      __nextHasNoMarginBottom: true,
+      className: "block-editor-inserter__search",
+      value: filterValue,
+      onChange: value => {
+        setFilterValue(value);
+      },
+      label: (0, _i18n.__)('Search for blocks and patterns'),
+      placeholder: (0, _i18n.__)('Search')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-inserter__quick-inserter-results",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_searchResults.default, {
+        filterValue: filterValue,
+        onSelect: onSelect,
+        rootClientId: rootClientId,
+        clientId: clientId,
+        isAppender: isAppender,
+        maxBlockPatterns: maxBlockPatterns,
+        maxBlockTypes: SHOWN_BLOCK_TYPES,
+        isDraggable: false,
+        prioritizePatterns: prioritizePatterns,
+        selectBlockOnInsert: selectBlockOnInsert,
+        isQuick: true
+      })
+    }), setInserterIsOpened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_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.'),
+      children: (0, _i18n.__)('Browse all')
+    })]
+  });
 }
 //# sourceMappingURL=quick-inserter.js.map

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

@@ -1 +1 @@
-{"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","hasSearch","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\thasSearch = true,\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\thasSearch &&\n\t\t( ( showPatterns && patterns.length > SEARCH_THRESHOLD ) ||\n\t\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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,kBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,iBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,mBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAOA,MAAMU,gBAAgB,GAAG,CAAC;AAC1B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,oBAAoB,GAAG,CAAC;AAC9B,MAAMC,wCAAwC,GAAG,CAAC;AAEnC,SAASC,aAAaA,CAAE;EACtCC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,kBAAkB;EAClBC,mBAAmB;EACnBC,SAAS,GAAG;AACb,CAAC,EAAG;EACH,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,EAAG,CAAC;EACtD,MAAM,CAAEC,uBAAuB,EAAEC,cAAc,CAAE,GAAG,IAAAC,0BAAiB,EAAE;IACtEZ,QAAQ;IACRC,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVE;EACD,CAAE,CAAC;EACH,MAAM,CAAEQ,UAAU,CAAE,GAAG,IAAAC,2BAAkB,EACxCJ,uBAAuB,EACvBC,cACD,CAAC;EAED,MAAM,CAAEI,QAAQ,CAAE,GAAG,IAAAC,yBAAgB,EACpCL,cAAc,EACdD,uBACD,CAAC;EAED,MAAM;IAAEO,mBAAmB;IAAEC;EAAe,CAAC,GAAG,IAAAC,eAAS,EACtDC,MAAM,IAAM;IACb,MAAM;MAAEC,WAAW;MAAEC,aAAa;MAAEC;IAAc,CAAC,GAClDH,MAAM,CAAEI,YAAiB,CAAC;IAC3B,MAAMC,QAAQ,GAAGJ,WAAW,CAAC,CAAC;IAC9B,MAAMK,KAAK,GAAGJ,aAAa,CAAEpB,QAAS,CAAC;IACvC,MAAMyB,UAAU,GAAGJ,aAAa,CAAC,CAAC;IAElC,OAAO;MACNN,mBAAmB,EAAEQ,QAAQ,CAACG,iCAAiC;MAC/DV,cAAc,EAAEQ,KAAK,KAAK,CAAC,CAAC,GAAGC,UAAU,GAAGD;IAC7C,CAAC;EACF,CAAC,EACD,CAAExB,QAAQ,CACX,CAAC;EAED,MAAM2B,YAAY,GACjBd,QAAQ,CAACe,MAAM,KAAM,CAAC,CAAEvB,WAAW,IAAIH,kBAAkB,CAAE;EAC5D,MAAM2B,UAAU,GACfzB,SAAS,KACLuB,YAAY,IAAId,QAAQ,CAACe,MAAM,GAAGnC,gBAAgB,IACrDkB,UAAU,CAACiB,MAAM,GAAGnC,gBAAgB,CAAE;EAExC,IAAAqC,kBAAS,EAAE,MAAM;IAChB,IAAKf,mBAAmB,EAAG;MAC1BA,mBAAmB,CAAE,KAAM,CAAC;IAC7B;EACD,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;;EAE5B;EACA;EACA,MAAMgB,WAAW,GAAGA,CAAA,KAAM;IACzBhB,mBAAmB,CAAE;MAAEhB,YAAY;MAAEiB,cAAc;MAAEX;IAAY,CAAE,CAAC;EACrE,CAAC;EAED,IAAI2B,gBAAgB,GAAG,CAAC;EACxB,IAAKL,YAAY,EAAG;IACnBK,gBAAgB,GAAG9B,kBAAkB,GAClCN,wCAAwC,GACxCD,oBAAoB;EACxB;EAEA,OACC,IAAAsC,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EAAE,uCAAuC,EAAE;MAChE,YAAY,EAAEP,UAAU;MACxB,YAAY,EAAEd;IACf,CAAE;EAAG,GAEHc,UAAU,IACX,IAAAI,MAAA,CAAAC,aAAA,EAAChD,WAAA,CAAAmD,aAAa;IACbC,uBAAuB;IACvBH,SAAS,EAAC,+BAA+B;IACzCI,KAAK,EAAGlC,WAAa;IACrBmC,QAAQ,EAAKD,KAAK,IAAM;MACvBjC,cAAc,CAAEiC,KAAM,CAAC;IACxB,CAAG;IACHE,KAAK,EAAG,IAAAC,QAAE,EAAE,gCAAiC,CAAG;IAChDC,WAAW,EAAG,IAAAD,QAAE,EAAE,QAAS;EAAG,CAC9B,CACD,EAED,IAAAT,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA+C,GAC7D,IAAAF,MAAA,CAAAC,aAAA,EAAC9C,cAAA,CAAAwD,OAAqB;IACrBvC,WAAW,EAAGA,WAAa;IAC3BP,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,QAAQ,EAAGA,QAAU;IACrBC,UAAU,EAAGA,UAAY;IACzB+B,gBAAgB,EAAGA,gBAAkB;IACrCa,aAAa,EAAGnD,iBAAmB;IACnCoD,WAAW,EAAG,KAAO;IACrB5C,kBAAkB,EAAGA,kBAAoB;IACzCC,mBAAmB,EAAGA;EAAqB,CAC3C,CACG,CAAC,EAEJY,mBAAmB,IACpB,IAAAkB,MAAA,CAAAC,aAAA,EAAChD,WAAA,CAAA6D,MAAM;IACNZ,SAAS,EAAC,8CAA8C;IACxDa,OAAO,EAAGjB,WAAa;IACvB,cAAa,IAAAW,QAAE,EACd,2EACD;EAAG,GAED,IAAAA,QAAE,EAAE,YAAa,CACZ,CAEL,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_i18n","_components","_data","_searchResults","_useInsertionPoint","_usePatternsState","_useBlockTypesState","_store","_jsxRuntime","SEARCH_THRESHOLD","SHOWN_BLOCK_TYPES","SHOWN_BLOCK_PATTERNS","SHOWN_BLOCK_PATTERNS_WITH_PRIORITIZATION","QuickInserter","onSelect","rootClientId","clientId","isAppender","prioritizePatterns","selectBlockOnInsert","hasSearch","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","jsxs","className","clsx","children","jsx","SearchControl","__nextHasNoMarginBottom","value","onChange","label","__","placeholder","default","maxBlockTypes","isDraggable","isQuick","Button","onClick"],"sources":["@wordpress/block-editor/src/components/inserter/quick-inserter.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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\thasSearch = true,\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\ttrue\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\thasSearch &&\n\t\t( ( showPatterns && patterns.length > SEARCH_THRESHOLD ) ||\n\t\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={ clsx( '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\tisQuick\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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","ignoreList":[]}