@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/inserter/block-patterns-tab/pattern-category-preview-panel.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PatternCategoryPreviewPanel = PatternCategoryPreviewPanel;
-var _react = require("react");
 var _patternCategoryPreviews = require("./pattern-category-previews");
+var _useZoomOut = require("../../../hooks/use-zoom-out");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
 
-function PatternCategoryPreviewPanel({
+function PatternCategoryPreviewPanelInner({
   rootClientId,
   onInsert,
   onHover,
@@ -18,14 +19,30 @@ function PatternCategoryPreviewPanel({
   showTitlesAsTooltip,
   patternFilter
 }) {
-  return (0, _react.createElement)(_patternCategoryPreviews.PatternCategoryPreviews, {
-    key: category.name,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_patternCategoryPreviews.PatternCategoryPreviews, {
     rootClientId: rootClientId,
     onInsert: onInsert,
     onHover: onHover,
     category: category,
     showTitlesAsTooltip: showTitlesAsTooltip,
     patternFilter: patternFilter
+  }, category.name);
+}
+function PatternCategoryPreviewPanelWithZoomOut(props) {
+  (0, _useZoomOut.useZoomOut)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternCategoryPreviewPanelInner, {
+    ...props
+  });
+}
+function PatternCategoryPreviewPanel(props) {
+  // When the pattern panel is showing, we want to use zoom out mode
+  if (window.__experimentalEnableZoomedOutPatternsTab) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternCategoryPreviewPanelWithZoomOut, {
+      ...props
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternCategoryPreviewPanelInner, {
+    ...props
   });
 }
 //# sourceMappingURL=pattern-category-preview-panel.js.map

package/build/components/inserter/block-patterns-tab/pattern-category-preview-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_patternCategoryPreviews","require","PatternCategoryPreviewPanel","rootClientId","onInsert","onHover","category","showTitlesAsTooltip","patternFilter","_react","createElement","PatternCategoryPreviews","key","name"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/pattern-category-preview-panel.js"],"sourcesContent":["/**\n * Internal dependencies\n */\n\nimport { PatternCategoryPreviews } from './pattern-category-previews';\n\nexport function PatternCategoryPreviewPanel( {\n\trootClientId,\n\tonInsert,\n\tonHover,\n\tcategory,\n\tshowTitlesAsTooltip,\n\tpatternFilter,\n} ) {\n\treturn (\n\t\t<PatternCategoryPreviews\n\t\t\tkey={ category.name }\n\t\t\trootClientId={ rootClientId }\n\t\t\tonInsert={ onInsert }\n\t\t\tonHover={ onHover }\n\t\t\tcategory={ category }\n\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\tpatternFilter={ patternFilter }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,wBAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIO,SAASC,2BAA2BA,CAAE;EAC5CC,YAAY;EACZC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,wBAAA,CAAAW,uBAAuB;IACvBC,GAAG,EAAGN,QAAQ,CAACO,IAAM;IACrBV,YAAY,EAAGA,YAAc;IAC7BC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBC,mBAAmB,EAAGA,mBAAqB;IAC3CC,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_patternCategoryPreviews","require","_useZoomOut","_jsxRuntime","PatternCategoryPreviewPanelInner","rootClientId","onInsert","onHover","category","showTitlesAsTooltip","patternFilter","jsx","PatternCategoryPreviews","name","PatternCategoryPreviewPanelWithZoomOut","props","useZoomOut","PatternCategoryPreviewPanel","window","__experimentalEnableZoomedOutPatternsTab"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/pattern-category-preview-panel.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { PatternCategoryPreviews } from './pattern-category-previews';\nimport { useZoomOut } from '../../../hooks/use-zoom-out';\n\nfunction PatternCategoryPreviewPanelInner( {\n\trootClientId,\n\tonInsert,\n\tonHover,\n\tcategory,\n\tshowTitlesAsTooltip,\n\tpatternFilter,\n} ) {\n\treturn (\n\t\t<PatternCategoryPreviews\n\t\t\tkey={ category.name }\n\t\t\trootClientId={ rootClientId }\n\t\t\tonInsert={ onInsert }\n\t\t\tonHover={ onHover }\n\t\t\tcategory={ category }\n\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\tpatternFilter={ patternFilter }\n\t\t/>\n\t);\n}\n\nfunction PatternCategoryPreviewPanelWithZoomOut( props ) {\n\tuseZoomOut();\n\treturn <PatternCategoryPreviewPanelInner { ...props } />;\n}\n\nexport function PatternCategoryPreviewPanel( props ) {\n\t// When the pattern panel is showing, we want to use zoom out mode\n\tif ( window.__experimentalEnableZoomedOutPatternsTab ) {\n\t\treturn <PatternCategoryPreviewPanelWithZoomOut { ...props } />;\n\t}\n\n\treturn <PatternCategoryPreviewPanelInner { ...props } />;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,wBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAJzD;AACA;AACA;;AAIA,SAASG,gCAAgCA,CAAE;EAC1CC,YAAY;EACZC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACX,wBAAA,CAAAY,uBAAuB;IAEvBP,YAAY,EAAGA,YAAc;IAC7BC,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBC,mBAAmB,EAAGA,mBAAqB;IAC3CC,aAAa,EAAGA;EAAe,GANzBF,QAAQ,CAACK,IAOf,CAAC;AAEJ;AAEA,SAASC,sCAAsCA,CAAEC,KAAK,EAAG;EACxD,IAAAC,sBAAU,EAAC,CAAC;EACZ,oBAAO,IAAAb,WAAA,CAAAQ,GAAA,EAACP,gCAAgC;IAAA,GAAMW;EAAK,CAAI,CAAC;AACzD;AAEO,SAASE,2BAA2BA,CAAEF,KAAK,EAAG;EACpD;EACA,IAAKG,MAAM,CAACC,wCAAwC,EAAG;IACtD,oBAAO,IAAAhB,WAAA,CAAAQ,GAAA,EAACG,sCAAsC;MAAA,GAAMC;IAAK,CAAI,CAAC;EAC/D;EAEA,oBAAO,IAAAZ,WAAA,CAAAQ,GAAA,EAACP,gCAAgC;IAAA,GAAMW;EAAK,CAAI,CAAC;AACzD","ignoreList":[]}

package/build/components/inserter/block-patterns-tab/pattern-category-previews.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PatternCategoryPreviews = PatternCategoryPreviews;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -15,6 +14,7 @@ var _usePatternsPaging = _interopRequireDefault(require("../hooks/use-patterns-p
 var _patternsFilter = require("./patterns-filter");
 var _usePatternCategories = require("./use-pattern-categories");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -31,7 +31,7 @@ function PatternCategoryPreviews({
   category,
   showTitlesAsTooltip
 }) {
-  const [allPatterns,, onClickPattern] = (0, _usePatternsState.default)(onInsert, rootClientId);
+  const [allPatterns,, onClickPattern] = (0, _usePatternsState.default)(onInsert, rootClientId, category?.name);
   const [patternSyncFilter, setPatternSyncFilter] = (0, _element.useState)('all');
   const [patternSourceFilter, setPatternSourceFilter] = (0, _element.useState)('all');
   const availableCategories = (0, _usePatternCategories.usePatternCategories)(rootClientId, patternSourceFilter);
@@ -73,35 +73,46 @@ function PatternCategoryPreviews({
     setPatternSourceFilter(value);
     changePage(1);
   }, [setPatternSourceFilter, changePage]);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 2,
-    className: "block-editor-inserter__patterns-category-panel-header"
-  }, (0, _react.createElement)(_components.__experimentalHStack, null, (0, _react.createElement)(_components.FlexBlock, null, (0, _react.createElement)(_components.__experimentalHeading, {
-    level: 4,
-    as: "div"
-  }, category.label)), (0, _react.createElement)(_patternsFilter.PatternsFilter, {
-    patternSyncFilter: patternSyncFilter,
-    patternSourceFilter: patternSourceFilter,
-    setPatternSyncFilter: onSetPatternSyncFilter,
-    setPatternSourceFilter: onSetPatternSourceFilter,
-    scrollContainerRef: scrollContainerRef,
-    category: category
-  })), !currentCategoryPatterns.length && (0, _react.createElement)(_components.__experimentalText, {
-    variant: "muted",
-    className: "block-editor-inserter__patterns-category-no-results"
-  }, (0, _i18n.__)('No results found'))), currentCategoryPatterns.length > 0 && (0, _react.createElement)(_blockPatternsList.default, {
-    ref: scrollContainerRef,
-    shownPatterns: pagingProps.categoryPatternsAsyncList,
-    blockPatterns: pagingProps.categoryPatterns,
-    onClickPattern: onClickPattern,
-    onHover: onHover,
-    label: category.label,
-    orientation: "vertical",
-    category: category.name,
-    isDraggable: true,
-    showTitlesAsTooltip: showTitlesAsTooltip,
-    patternFilter: patternSourceFilter,
-    pagingProps: pagingProps
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 2,
+      className: "block-editor-inserter__patterns-category-panel-header",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
+            className: "block-editor-inserter__patterns-category-panel-title",
+            size: 13,
+            level: 4,
+            as: "div",
+            children: category.label
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_patternsFilter.PatternsFilter, {
+          patternSyncFilter: patternSyncFilter,
+          patternSourceFilter: patternSourceFilter,
+          setPatternSyncFilter: onSetPatternSyncFilter,
+          setPatternSourceFilter: onSetPatternSourceFilter,
+          scrollContainerRef: scrollContainerRef,
+          category: category
+        })]
+      }), !currentCategoryPatterns.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        variant: "muted",
+        className: "block-editor-inserter__patterns-category-no-results",
+        children: (0, _i18n.__)('No results found')
+      })]
+    }), currentCategoryPatterns.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPatternsList.default, {
+      ref: scrollContainerRef,
+      shownPatterns: pagingProps.categoryPatternsAsyncList,
+      blockPatterns: pagingProps.categoryPatterns,
+      onClickPattern: onClickPattern,
+      onHover: onHover,
+      label: category.label,
+      orientation: "vertical",
+      category: category.name,
+      isDraggable: true,
+      showTitlesAsTooltip: showTitlesAsTooltip,
+      patternFilter: patternSourceFilter,
+      pagingProps: pagingProps
+    })]
+  });
 }
 //# sourceMappingURL=pattern-category-previews.js.map

package/build/components/inserter/block-patterns-tab/pattern-category-previews.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_usePatternsState","_interopRequireDefault","_blockPatternsList","_usePatternsPaging","_patternsFilter","_usePatternCategories","_utils","noop","PatternCategoryPreviews","rootClientId","onInsert","onHover","category","showTitlesAsTooltip","allPatterns","onClickPattern","usePatternsState","patternSyncFilter","setPatternSyncFilter","useState","patternSourceFilter","setPatternSourceFilter","availableCategories","usePatternCategories","scrollContainerRef","useRef","currentCategoryPatterns","useMemo","filter","pattern","isPatternFiltered","name","allPatternsCategory","myPatternsCategory","type","INSERTER_PATTERN_TYPES","user","categories","some","catName","c","includes","pagingProps","usePatternsPaging","changePage","useEffect","onSetPatternSyncFilter","useCallback","value","onSetPatternSourceFilter","_react","createElement","Fragment","__experimentalVStack","spacing","className","__experimentalHStack","FlexBlock","__experimentalHeading","level","as","label","PatternsFilter","length","__experimentalText","variant","__","default","ref","shownPatterns","categoryPatternsAsyncList","blockPatterns","categoryPatterns","orientation","isDraggable","patternFilter"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tuseRef,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\tFlexBlock,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport usePatternsState from '../hooks/use-patterns-state';\nimport BlockPatternsList from '../../block-patterns-list';\nimport usePatternsPaging from '../hooks/use-patterns-paging';\nimport { PatternsFilter } from './patterns-filter';\nimport { usePatternCategories } from './use-pattern-categories';\nimport {\n\tisPatternFiltered,\n\tallPatternsCategory,\n\tmyPatternsCategory,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst noop = () => {};\n\nexport function PatternCategoryPreviews( {\n\trootClientId,\n\tonInsert,\n\tonHover = noop,\n\tcategory,\n\tshowTitlesAsTooltip,\n} ) {\n\tconst [ allPatterns, , onClickPattern ] = usePatternsState(\n\t\tonInsert,\n\t\trootClientId\n\t);\n\tconst [ patternSyncFilter, setPatternSyncFilter ] = useState( 'all' );\n\tconst [ patternSourceFilter, setPatternSourceFilter ] = useState( 'all' );\n\n\tconst availableCategories = usePatternCategories(\n\t\trootClientId,\n\t\tpatternSourceFilter\n\t);\n\tconst scrollContainerRef = useRef();\n\tconst currentCategoryPatterns = useMemo(\n\t\t() =>\n\t\t\tallPatterns.filter( ( pattern ) => {\n\t\t\t\tif (\n\t\t\t\t\tisPatternFiltered(\n\t\t\t\t\t\tpattern,\n\t\t\t\t\t\tpatternSourceFilter,\n\t\t\t\t\t\tpatternSyncFilter\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === allPatternsCategory.name ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tcategory.name === myPatternsCategory.name &&\n\t\t\t\t\tpattern.type === INSERTER_PATTERN_TYPES.user\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === 'uncategorized' ) {\n\t\t\t\t\t// The uncategorized category should show all the patterns without any category...\n\t\t\t\t\tif ( ! pattern.categories ) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ...or with no available category.\n\t\t\t\t\treturn ! pattern.categories.some( ( catName ) =>\n\t\t\t\t\t\tavailableCategories.some( ( c ) => c.name === catName )\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn pattern.categories?.includes( category.name );\n\t\t\t} ),\n\t\t[\n\t\t\tallPatterns,\n\t\t\tavailableCategories,\n\t\t\tcategory.name,\n\t\t\tpatternSourceFilter,\n\t\t\tpatternSyncFilter,\n\t\t]\n\t);\n\n\tconst pagingProps = usePatternsPaging(\n\t\tcurrentCategoryPatterns,\n\t\tcategory,\n\t\tscrollContainerRef\n\t);\n\tconst { changePage } = pagingProps;\n\n\t// Hide block pattern preview on unmount.\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\tuseEffect( () => () => onHover( null ), [] );\n\n\tconst onSetPatternSyncFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSyncFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSyncFilter, changePage ]\n\t);\n\tconst onSetPatternSourceFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSourceFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSourceFilter, changePage ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tspacing={ 2 }\n\t\t\t\tclassName=\"block-editor-inserter__patterns-category-panel-header\"\n\t\t\t>\n\t\t\t\t<HStack>\n\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t<Heading level={ 4 } as=\"div\">\n\t\t\t\t\t\t\t{ category.label }\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<PatternsFilter\n\t\t\t\t\t\tpatternSyncFilter={ patternSyncFilter }\n\t\t\t\t\t\tpatternSourceFilter={ patternSourceFilter }\n\t\t\t\t\t\tsetPatternSyncFilter={ onSetPatternSyncFilter }\n\t\t\t\t\t\tsetPatternSourceFilter={ onSetPatternSourceFilter }\n\t\t\t\t\t\tscrollContainerRef={ scrollContainerRef }\n\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ ! currentCategoryPatterns.length && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\tclassName=\"block-editor-inserter__patterns-category-no-results\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'No results found' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</VStack>\n\n\t\t\t{ currentCategoryPatterns.length > 0 && (\n\t\t\t\t<BlockPatternsList\n\t\t\t\t\tref={ scrollContainerRef }\n\t\t\t\t\tshownPatterns={ pagingProps.categoryPatternsAsyncList }\n\t\t\t\t\tblockPatterns={ pagingProps.categoryPatterns }\n\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\tcategory={ category.name }\n\t\t\t\t\tisDraggable\n\t\t\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\t\t\tpatternFilter={ patternSourceFilter }\n\t\t\t\t\tpagingProps={ pagingProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_components","_usePatternsState","_interopRequireDefault","_blockPatternsList","_usePatternsPaging","_patternsFilter","_usePatternCategories","_utils","_jsxRuntime","noop","PatternCategoryPreviews","rootClientId","onInsert","onHover","category","showTitlesAsTooltip","allPatterns","onClickPattern","usePatternsState","name","patternSyncFilter","setPatternSyncFilter","useState","patternSourceFilter","setPatternSourceFilter","availableCategories","usePatternCategories","scrollContainerRef","useRef","currentCategoryPatterns","useMemo","filter","pattern","isPatternFiltered","allPatternsCategory","myPatternsCategory","type","INSERTER_PATTERN_TYPES","user","categories","some","catName","c","includes","pagingProps","usePatternsPaging","changePage","useEffect","onSetPatternSyncFilter","useCallback","value","onSetPatternSourceFilter","jsxs","Fragment","children","__experimentalVStack","spacing","className","__experimentalHStack","jsx","FlexBlock","__experimentalHeading","size","level","as","label","PatternsFilter","length","__experimentalText","variant","__","default","ref","shownPatterns","categoryPatternsAsyncList","blockPatterns","categoryPatterns","orientation","isDraggable","patternFilter"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tuseRef,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\tFlexBlock,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport usePatternsState from '../hooks/use-patterns-state';\nimport BlockPatternsList from '../../block-patterns-list';\nimport usePatternsPaging from '../hooks/use-patterns-paging';\nimport { PatternsFilter } from './patterns-filter';\nimport { usePatternCategories } from './use-pattern-categories';\nimport {\n\tisPatternFiltered,\n\tallPatternsCategory,\n\tmyPatternsCategory,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst noop = () => {};\n\nexport function PatternCategoryPreviews( {\n\trootClientId,\n\tonInsert,\n\tonHover = noop,\n\tcategory,\n\tshowTitlesAsTooltip,\n} ) {\n\tconst [ allPatterns, , onClickPattern ] = usePatternsState(\n\t\tonInsert,\n\t\trootClientId,\n\t\tcategory?.name\n\t);\n\tconst [ patternSyncFilter, setPatternSyncFilter ] = useState( 'all' );\n\tconst [ patternSourceFilter, setPatternSourceFilter ] = useState( 'all' );\n\n\tconst availableCategories = usePatternCategories(\n\t\trootClientId,\n\t\tpatternSourceFilter\n\t);\n\tconst scrollContainerRef = useRef();\n\tconst currentCategoryPatterns = useMemo(\n\t\t() =>\n\t\t\tallPatterns.filter( ( pattern ) => {\n\t\t\t\tif (\n\t\t\t\t\tisPatternFiltered(\n\t\t\t\t\t\tpattern,\n\t\t\t\t\t\tpatternSourceFilter,\n\t\t\t\t\t\tpatternSyncFilter\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === allPatternsCategory.name ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tcategory.name === myPatternsCategory.name &&\n\t\t\t\t\tpattern.type === INSERTER_PATTERN_TYPES.user\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === 'uncategorized' ) {\n\t\t\t\t\t// The uncategorized category should show all the patterns without any category...\n\t\t\t\t\tif ( ! pattern.categories ) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ...or with no available category.\n\t\t\t\t\treturn ! pattern.categories.some( ( catName ) =>\n\t\t\t\t\t\tavailableCategories.some( ( c ) => c.name === catName )\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn pattern.categories?.includes( category.name );\n\t\t\t} ),\n\t\t[\n\t\t\tallPatterns,\n\t\t\tavailableCategories,\n\t\t\tcategory.name,\n\t\t\tpatternSourceFilter,\n\t\t\tpatternSyncFilter,\n\t\t]\n\t);\n\n\tconst pagingProps = usePatternsPaging(\n\t\tcurrentCategoryPatterns,\n\t\tcategory,\n\t\tscrollContainerRef\n\t);\n\tconst { changePage } = pagingProps;\n\n\t// Hide block pattern preview on unmount.\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\tuseEffect( () => () => onHover( null ), [] );\n\n\tconst onSetPatternSyncFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSyncFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSyncFilter, changePage ]\n\t);\n\tconst onSetPatternSourceFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSourceFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSourceFilter, changePage ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tspacing={ 2 }\n\t\t\t\tclassName=\"block-editor-inserter__patterns-category-panel-header\"\n\t\t\t>\n\t\t\t\t<HStack>\n\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\tclassName=\"block-editor-inserter__patterns-category-panel-title\"\n\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\tlevel={ 4 }\n\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ category.label }\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<PatternsFilter\n\t\t\t\t\t\tpatternSyncFilter={ patternSyncFilter }\n\t\t\t\t\t\tpatternSourceFilter={ patternSourceFilter }\n\t\t\t\t\t\tsetPatternSyncFilter={ onSetPatternSyncFilter }\n\t\t\t\t\t\tsetPatternSourceFilter={ onSetPatternSourceFilter }\n\t\t\t\t\t\tscrollContainerRef={ scrollContainerRef }\n\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ ! currentCategoryPatterns.length && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\tclassName=\"block-editor-inserter__patterns-category-no-results\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'No results found' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</VStack>\n\n\t\t\t{ currentCategoryPatterns.length > 0 && (\n\t\t\t\t<BlockPatternsList\n\t\t\t\t\tref={ scrollContainerRef }\n\t\t\t\t\tshownPatterns={ pagingProps.categoryPatternsAsyncList }\n\t\t\t\t\tblockPatterns={ pagingProps.categoryPatterns }\n\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\tcategory={ category.name }\n\t\t\t\t\tisDraggable\n\t\t\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\t\t\tpatternFilter={ patternSourceFilter }\n\t\t\t\t\tpagingProps={ pagingProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAWA,IAAAG,iBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,kBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,qBAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAKiB,IAAAU,WAAA,GAAAV,OAAA;AAjCjB;AACA;AACA;;AAkBA;AACA;AACA;;AAaA,MAAMW,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,uBAAuBA,CAAE;EACxCC,YAAY;EACZC,QAAQ;EACRC,OAAO,GAAGJ,IAAI;EACdK,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,WAAW,GAAIC,cAAc,CAAE,GAAG,IAAAC,yBAAgB,EACzDN,QAAQ,EACRD,YAAY,EACZG,QAAQ,EAAEK,IACX,CAAC;EACD,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACrE,MAAM,CAAEC,mBAAmB,EAAEC,sBAAsB,CAAE,GAAG,IAAAF,iBAAQ,EAAE,KAAM,CAAC;EAEzE,MAAMG,mBAAmB,GAAG,IAAAC,0CAAoB,EAC/Cf,YAAY,EACZY,mBACD,CAAC;EACD,MAAMI,kBAAkB,GAAG,IAAAC,eAAM,EAAC,CAAC;EACnC,MAAMC,uBAAuB,GAAG,IAAAC,gBAAO,EACtC,MACCd,WAAW,CAACe,MAAM,CAAIC,OAAO,IAAM;IAClC,IACC,IAAAC,wBAAiB,EAChBD,OAAO,EACPT,mBAAmB,EACnBH,iBACD,CAAC,EACA;MACD,OAAO,KAAK;IACb;IAEA,IAAKN,QAAQ,CAACK,IAAI,KAAKe,0BAAmB,CAACf,IAAI,EAAG;MACjD,OAAO,IAAI;IACZ;IAEA,IACCL,QAAQ,CAACK,IAAI,KAAKgB,yBAAkB,CAAChB,IAAI,IACzCa,OAAO,CAACI,IAAI,KAAKC,6BAAsB,CAACC,IAAI,EAC3C;MACD,OAAO,IAAI;IACZ;IAEA,IAAKxB,QAAQ,CAACK,IAAI,KAAK,eAAe,EAAG;MACxC;MACA,IAAK,CAAEa,OAAO,CAACO,UAAU,EAAG;QAC3B,OAAO,IAAI;MACZ;;MAEA;MACA,OAAO,CAAEP,OAAO,CAACO,UAAU,CAACC,IAAI,CAAIC,OAAO,IAC1ChB,mBAAmB,CAACe,IAAI,CAAIE,CAAC,IAAMA,CAAC,CAACvB,IAAI,KAAKsB,OAAQ,CACvD,CAAC;IACF;IAEA,OAAOT,OAAO,CAACO,UAAU,EAAEI,QAAQ,CAAE7B,QAAQ,CAACK,IAAK,CAAC;EACrD,CAAE,CAAC,EACJ,CACCH,WAAW,EACXS,mBAAmB,EACnBX,QAAQ,CAACK,IAAI,EACbI,mBAAmB,EACnBH,iBAAiB,CAEnB,CAAC;EAED,MAAMwB,WAAW,GAAG,IAAAC,0BAAiB,EACpChB,uBAAuB,EACvBf,QAAQ,EACRa,kBACD,CAAC;EACD,MAAM;IAAEmB;EAAW,CAAC,GAAGF,WAAW;;EAElC;EACA;EACA,IAAAG,kBAAS,EAAE,MAAM,MAAMlC,OAAO,CAAE,IAAK,CAAC,EAAE,EAAG,CAAC;EAE5C,MAAMmC,sBAAsB,GAAG,IAAAC,oBAAW,EACvCC,KAAK,IAAM;IACZ7B,oBAAoB,CAAE6B,KAAM,CAAC;IAC7BJ,UAAU,CAAE,CAAE,CAAC;EAChB,CAAC,EACD,CAAEzB,oBAAoB,EAAEyB,UAAU,CACnC,CAAC;EACD,MAAMK,wBAAwB,GAAG,IAAAF,oBAAW,EACzCC,KAAK,IAAM;IACZ1B,sBAAsB,CAAE0B,KAAM,CAAC;IAC/BJ,UAAU,CAAE,CAAE,CAAC;EAChB,CAAC,EACD,CAAEtB,sBAAsB,EAAEsB,UAAU,CACrC,CAAC;EAED,oBACC,IAAAtC,WAAA,CAAA4C,IAAA,EAAA5C,WAAA,CAAA6C,QAAA;IAAAC,QAAA,gBACC,IAAA9C,WAAA,CAAA4C,IAAA,EAACpD,WAAA,CAAAuD,oBAAM;MACNC,OAAO,EAAG,CAAG;MACbC,SAAS,EAAC,uDAAuD;MAAAH,QAAA,gBAEjE,IAAA9C,WAAA,CAAA4C,IAAA,EAACpD,WAAA,CAAA0D,oBAAM;QAAAJ,QAAA,gBACN,IAAA9C,WAAA,CAAAmD,GAAA,EAAC3D,WAAA,CAAA4D,SAAS;UAAAN,QAAA,eACT,IAAA9C,WAAA,CAAAmD,GAAA,EAAC3D,WAAA,CAAA6D,qBAAO;YACPJ,SAAS,EAAC,sDAAsD;YAChEK,IAAI,EAAG,EAAI;YACXC,KAAK,EAAG,CAAG;YACXC,EAAE,EAAC,KAAK;YAAAV,QAAA,EAENxC,QAAQ,CAACmD;UAAK,CACR;QAAC,CACA,CAAC,eACZ,IAAAzD,WAAA,CAAAmD,GAAA,EAACtD,eAAA,CAAA6D,cAAc;UACd9C,iBAAiB,EAAGA,iBAAmB;UACvCG,mBAAmB,EAAGA,mBAAqB;UAC3CF,oBAAoB,EAAG2B,sBAAwB;UAC/CxB,sBAAsB,EAAG2B,wBAA0B;UACnDxB,kBAAkB,EAAGA,kBAAoB;UACzCb,QAAQ,EAAGA;QAAU,CACrB,CAAC;MAAA,CACK,CAAC,EACP,CAAEe,uBAAuB,CAACsC,MAAM,iBACjC,IAAA3D,WAAA,CAAAmD,GAAA,EAAC3D,WAAA,CAAAoE,kBAAI;QACJC,OAAO,EAAC,OAAO;QACfZ,SAAS,EAAC,qDAAqD;QAAAH,QAAA,EAE7D,IAAAgB,QAAE,EAAE,kBAAmB;MAAC,CACrB,CACN;IAAA,CACM,CAAC,EAEPzC,uBAAuB,CAACsC,MAAM,GAAG,CAAC,iBACnC,IAAA3D,WAAA,CAAAmD,GAAA,EAACxD,kBAAA,CAAAoE,OAAiB;MACjBC,GAAG,EAAG7C,kBAAoB;MAC1B8C,aAAa,EAAG7B,WAAW,CAAC8B,yBAA2B;MACvDC,aAAa,EAAG/B,WAAW,CAACgC,gBAAkB;MAC9C3D,cAAc,EAAGA,cAAgB;MACjCJ,OAAO,EAAGA,OAAS;MACnBoD,KAAK,EAAGnD,QAAQ,CAACmD,KAAO;MACxBY,WAAW,EAAC,UAAU;MACtB/D,QAAQ,EAAGA,QAAQ,CAACK,IAAM;MAC1B2D,WAAW;MACX/D,mBAAmB,EAAGA,mBAAqB;MAC3CgE,aAAa,EAAGxD,mBAAqB;MACrCqB,WAAW,EAAGA;IAAa,CAC3B,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

package/build/components/inserter/block-patterns-tab/patterns-filter.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PatternsFilter = PatternsFilter;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -77,47 +77,59 @@ function PatternsFilter({
       setPatternSyncFilter('all');
     }
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.DropdownMenu, {
-    popoverProps: {
-      placement: 'right-end'
-    },
-    label: "Filter patterns",
-    icon: (0, _react.createElement)(_icons.Icon, {
-      icon: (0, _react.createElement)(_components.SVG, {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, (0, _react.createElement)(_components.Path, {
-        d: "M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z",
-        fill: "#1E1E1E"
-      }))
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
+      popoverProps: {
+        placement: 'right-end'
+      },
+      label: (0, _i18n.__)('Filter patterns'),
+      toggleProps: {
+        size: 'compact'
+      },
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
+            d: "M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z",
+            fill: "currentColor"
+          })
+        })
+      }),
+      children: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
+          label: (0, _i18n.__)('Source'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItemsChoice, {
+            choices: patternSourceMenuOptions,
+            onSelect: value => {
+              handleSetSourceFilterChange(value);
+              scrollContainerRef.current?.scrollTo(0, 0);
+            },
+            value: currentPatternSourceFilter
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
+          label: (0, _i18n.__)('Type'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItemsChoice, {
+            choices: patternSyncMenuOptions,
+            onSelect: value => {
+              setPatternSyncFilter(value);
+              scrollContainerRef.current?.scrollTo(0, 0);
+            },
+            value: patternSyncFilter
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "block-editor-tool-selector__help",
+          children: (0, _element.createInterpolateElement)((0, _i18n.__)('Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.'), {
+            Link: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
+              href: (0, _i18n.__)('https://wordpress.org/patterns/')
+            })
+          })
+        })]
+      })
     })
-  }, () => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuGroup, {
-    label: (0, _i18n.__)('Source')
-  }, (0, _react.createElement)(_components.MenuItemsChoice, {
-    choices: patternSourceMenuOptions,
-    onSelect: value => {
-      handleSetSourceFilterChange(value);
-      scrollContainerRef.current?.scrollTo(0, 0);
-    },
-    value: currentPatternSourceFilter
-  })), (0, _react.createElement)(_components.MenuGroup, {
-    label: (0, _i18n.__)('Type')
-  }, (0, _react.createElement)(_components.MenuItemsChoice, {
-    choices: patternSyncMenuOptions,
-    onSelect: value => {
-      setPatternSyncFilter(value);
-      scrollContainerRef.current?.scrollTo(0, 0);
-    },
-    value: patternSyncFilter
-  })), (0, _react.createElement)("div", {
-    className: "block-editor-tool-selector__help"
-  }, (0, _element.createInterpolateElement)((0, _i18n.__)('Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.'), {
-    Link: (0, _react.createElement)(_components.ExternalLink, {
-      href: (0, _i18n.__)('https://wordpress.org/patterns/')
-    })
-  })))));
+  });
 }
 //# sourceMappingURL=patterns-filter.js.map

package/build/components/inserter/block-patterns-tab/patterns-filter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_element","_utils","getShouldDisableSyncFilter","sourceFilter","getShouldDisableNonUserSources","category","name","myPatternsCategory","PatternsFilter","setPatternSyncFilter","setPatternSourceFilter","patternSyncFilter","patternSourceFilter","scrollContainerRef","currentPatternSourceFilter","INSERTER_PATTERN_TYPES","user","shouldDisableSyncFilter","shouldDisableNonUserSources","patternSyncMenuOptions","useMemo","value","label","_x","INSERTER_SYNC_TYPES","full","disabled","unsynced","patternSourceMenuOptions","directory","__","theme","handleSetSourceFilterChange","newSourceFilter","_react","createElement","Fragment","DropdownMenu","popoverProps","placement","icon","Icon","SVG","width","height","viewBox","fill","xmlns","Path","d","MenuGroup","MenuItemsChoice","choices","onSelect","current","scrollTo","className","createInterpolateElement","Link","ExternalLink","href"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/patterns-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tSVG,\n\tPath,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tExternalLink,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { Icon } from '@wordpress/icons';\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tmyPatternsCategory,\n\tINSERTER_SYNC_TYPES,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst getShouldDisableSyncFilter = ( sourceFilter ) => sourceFilter !== 'all';\nconst getShouldDisableNonUserSources = ( category ) => {\n\treturn category.name === myPatternsCategory.name;\n};\n\nexport function PatternsFilter( {\n\tsetPatternSyncFilter,\n\tsetPatternSourceFilter,\n\tpatternSyncFilter,\n\tpatternSourceFilter,\n\tscrollContainerRef,\n\tcategory,\n} ) {\n\t// If the category is `myPatterns` then we need to set the source filter to `user`, but\n\t// we do this by deriving from props rather than calling setPatternSourceFilter otherwise\n\t// the user may be confused when switching to another category if the haven't explicity set\n\t// this filter themselves.\n\tconst currentPatternSourceFilter =\n\t\tcategory.name === myPatternsCategory.name\n\t\t\t? INSERTER_PATTERN_TYPES.user\n\t\t\t: patternSourceFilter;\n\n\t// We need to disable the sync filter option if the source filter is not 'all' or 'user'\n\t// otherwise applying them will just result in no patterns being shown.\n\tconst shouldDisableSyncFilter = getShouldDisableSyncFilter(\n\t\tcurrentPatternSourceFilter\n\t);\n\n\t// We also need to disable the directory and theme source filter options if the category\n\t// is `myPatterns` otherwise applying them will also just result in no patterns being shown.\n\tconst shouldDisableNonUserSources =\n\t\tgetShouldDisableNonUserSources( category );\n\n\tconst patternSyncMenuOptions = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tvalue: 'all',\n\t\t\t\tlabel: _x( 'All', 'patterns' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.full,\n\t\t\t\tlabel: _x( 'Synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.unsynced,\n\t\t\t\tlabel: _x( 'Not synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t],\n\t\t[ shouldDisableSyncFilter ]\n\t);\n\n\tconst patternSourceMenuOptions = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tvalue: 'all',\n\t\t\t\tlabel: _x( 'All', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableNonUserSources,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_PATTERN_TYPES.directory,\n\t\t\t\tlabel: __( 'Pattern Directory' ),\n\t\t\t\tdisabled: shouldDisableNonUserSources,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_PATTERN_TYPES.theme,\n\t\t\t\tlabel: __( 'Theme & Plugins' ),\n\t\t\t\tdisabled: shouldDisableNonUserSources,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_PATTERN_TYPES.user,\n\t\t\t\tlabel: __( 'User' ),\n\t\t\t},\n\t\t],\n\t\t[ shouldDisableNonUserSources ]\n\t);\n\n\tfunction handleSetSourceFilterChange( newSourceFilter ) {\n\t\tsetPatternSourceFilter( newSourceFilter );\n\t\tif ( getShouldDisableSyncFilter( newSourceFilter ) ) {\n\t\t\tsetPatternSyncFilter( 'all' );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'right-end',\n\t\t\t\t} }\n\t\t\t\tlabel=\"Filter patterns\"\n\t\t\t\ticon={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<SVG\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Path\n\t\t\t\t\t\t\t\t\td=\"M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z\"\n\t\t\t\t\t\t\t\t\tfill=\"#1E1E1E\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SVG>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Source' ) }>\n\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\tchoices={ patternSourceMenuOptions }\n\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\thandleSetSourceFilterChange( value );\n\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t0\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\tvalue={ currentPatternSourceFilter }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Type' ) }>\n\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\tchoices={ patternSyncMenuOptions }\n\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetPatternSyncFilter( value );\n\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t0\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\tvalue={ patternSyncFilter }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<div className=\"block-editor-tool-selector__help\">\n\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.'\n\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\t\tLink: (\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/patterns/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\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) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_icons","_element","_utils","_jsxRuntime","getShouldDisableSyncFilter","sourceFilter","getShouldDisableNonUserSources","category","name","myPatternsCategory","PatternsFilter","setPatternSyncFilter","setPatternSourceFilter","patternSyncFilter","patternSourceFilter","scrollContainerRef","currentPatternSourceFilter","INSERTER_PATTERN_TYPES","user","shouldDisableSyncFilter","shouldDisableNonUserSources","patternSyncMenuOptions","useMemo","value","label","_x","INSERTER_SYNC_TYPES","full","disabled","unsynced","patternSourceMenuOptions","directory","__","theme","handleSetSourceFilterChange","newSourceFilter","jsx","Fragment","children","DropdownMenu","popoverProps","placement","toggleProps","size","icon","Icon","SVG","width","height","viewBox","fill","xmlns","Path","d","jsxs","MenuGroup","MenuItemsChoice","choices","onSelect","current","scrollTo","className","createInterpolateElement","Link","ExternalLink","href"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/patterns-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tSVG,\n\tPath,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tExternalLink,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { Icon } from '@wordpress/icons';\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tmyPatternsCategory,\n\tINSERTER_SYNC_TYPES,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst getShouldDisableSyncFilter = ( sourceFilter ) => sourceFilter !== 'all';\nconst getShouldDisableNonUserSources = ( category ) => {\n\treturn category.name === myPatternsCategory.name;\n};\n\nexport function PatternsFilter( {\n\tsetPatternSyncFilter,\n\tsetPatternSourceFilter,\n\tpatternSyncFilter,\n\tpatternSourceFilter,\n\tscrollContainerRef,\n\tcategory,\n} ) {\n\t// If the category is `myPatterns` then we need to set the source filter to `user`, but\n\t// we do this by deriving from props rather than calling setPatternSourceFilter otherwise\n\t// the user may be confused when switching to another category if the haven't explicity set\n\t// this filter themselves.\n\tconst currentPatternSourceFilter =\n\t\tcategory.name === myPatternsCategory.name\n\t\t\t? INSERTER_PATTERN_TYPES.user\n\t\t\t: patternSourceFilter;\n\n\t// We need to disable the sync filter option if the source filter is not 'all' or 'user'\n\t// otherwise applying them will just result in no patterns being shown.\n\tconst shouldDisableSyncFilter = getShouldDisableSyncFilter(\n\t\tcurrentPatternSourceFilter\n\t);\n\n\t// We also need to disable the directory and theme source filter options if the category\n\t// is `myPatterns` otherwise applying them will also just result in no patterns being shown.\n\tconst shouldDisableNonUserSources =\n\t\tgetShouldDisableNonUserSources( category );\n\n\tconst patternSyncMenuOptions = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tvalue: 'all',\n\t\t\t\tlabel: _x( 'All', 'patterns' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.full,\n\t\t\t\tlabel: _x( 'Synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.unsynced,\n\t\t\t\tlabel: _x( 'Not synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t],\n\t\t[ shouldDisableSyncFilter ]\n\t);\n\n\tconst patternSourceMenuOptions = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tvalue: 'all',\n\t\t\t\tlabel: _x( 'All', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableNonUserSources,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_PATTERN_TYPES.directory,\n\t\t\t\tlabel: __( 'Pattern Directory' ),\n\t\t\t\tdisabled: shouldDisableNonUserSources,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_PATTERN_TYPES.theme,\n\t\t\t\tlabel: __( 'Theme & Plugins' ),\n\t\t\t\tdisabled: shouldDisableNonUserSources,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_PATTERN_TYPES.user,\n\t\t\t\tlabel: __( 'User' ),\n\t\t\t},\n\t\t],\n\t\t[ shouldDisableNonUserSources ]\n\t);\n\n\tfunction handleSetSourceFilterChange( newSourceFilter ) {\n\t\tsetPatternSourceFilter( newSourceFilter );\n\t\tif ( getShouldDisableSyncFilter( newSourceFilter ) ) {\n\t\t\tsetPatternSyncFilter( 'all' );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'right-end',\n\t\t\t\t} }\n\t\t\t\tlabel={ __( 'Filter patterns' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t\ticon={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<SVG\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Path\n\t\t\t\t\t\t\t\t\td=\"M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z\"\n\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SVG>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Source' ) }>\n\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\tchoices={ patternSourceMenuOptions }\n\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\thandleSetSourceFilterChange( value );\n\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t0\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\tvalue={ currentPatternSourceFilter }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Type' ) }>\n\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\tchoices={ patternSyncMenuOptions }\n\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetPatternSyncFilter( value );\n\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t0\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\tvalue={ patternSyncFilter }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<div className=\"block-editor-tool-selector__help\">\n\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.'\n\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\t\tLink: (\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/patterns/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\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) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAIiB,IAAAK,WAAA,GAAAL,OAAA;AAtBjB;AACA;AACA;;AAaA;AACA;AACA;;AAOA,MAAMM,0BAA0B,GAAKC,YAAY,IAAMA,YAAY,KAAK,KAAK;AAC7E,MAAMC,8BAA8B,GAAKC,QAAQ,IAAM;EACtD,OAAOA,QAAQ,CAACC,IAAI,KAAKC,yBAAkB,CAACD,IAAI;AACjD,CAAC;AAEM,SAASE,cAAcA,CAAE;EAC/BC,oBAAoB;EACpBC,sBAAsB;EACtBC,iBAAiB;EACjBC,mBAAmB;EACnBC,kBAAkB;EAClBR;AACD,CAAC,EAAG;EACH;EACA;EACA;EACA;EACA,MAAMS,0BAA0B,GAC/BT,QAAQ,CAACC,IAAI,KAAKC,yBAAkB,CAACD,IAAI,GACtCS,6BAAsB,CAACC,IAAI,GAC3BJ,mBAAmB;;EAEvB;EACA;EACA,MAAMK,uBAAuB,GAAGf,0BAA0B,CACzDY,0BACD,CAAC;;EAED;EACA;EACA,MAAMI,2BAA2B,GAChCd,8BAA8B,CAAEC,QAAS,CAAC;EAE3C,MAAMc,sBAAsB,GAAG,IAAAC,gBAAO,EACrC,MAAM,CACL;IACCC,KAAK,EAAE,KAAK;IACZC,KAAK,EAAE,IAAAC,QAAE,EAAE,KAAK,EAAE,UAAW;EAC9B,CAAC,EACD;IACCF,KAAK,EAAEG,0BAAmB,CAACC,IAAI;IAC/BH,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAQ,EAAE,UAAW,CAAC;IACjCG,QAAQ,EAAET;EACX,CAAC,EACD;IACCI,KAAK,EAAEG,0BAAmB,CAACG,QAAQ;IACnCL,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAY,EAAE,UAAW,CAAC;IACrCG,QAAQ,EAAET;EACX,CAAC,CACD,EACD,CAAEA,uBAAuB,CAC1B,CAAC;EAED,MAAMW,wBAAwB,GAAG,IAAAR,gBAAO,EACvC,MAAM,CACL;IACCC,KAAK,EAAE,KAAK;IACZC,KAAK,EAAE,IAAAC,QAAE,EAAE,KAAK,EAAE,UAAW,CAAC;IAC9BG,QAAQ,EAAER;EACX,CAAC,EACD;IACCG,KAAK,EAAEN,6BAAsB,CAACc,SAAS;IACvCP,KAAK,EAAE,IAAAQ,QAAE,EAAE,mBAAoB,CAAC;IAChCJ,QAAQ,EAAER;EACX,CAAC,EACD;IACCG,KAAK,EAAEN,6BAAsB,CAACgB,KAAK;IACnCT,KAAK,EAAE,IAAAQ,QAAE,EAAE,iBAAkB,CAAC;IAC9BJ,QAAQ,EAAER;EACX,CAAC,EACD;IACCG,KAAK,EAAEN,6BAAsB,CAACC,IAAI;IAClCM,KAAK,EAAE,IAAAQ,QAAE,EAAE,MAAO;EACnB,CAAC,CACD,EACD,CAAEZ,2BAA2B,CAC9B,CAAC;EAED,SAASc,2BAA2BA,CAAEC,eAAe,EAAG;IACvDvB,sBAAsB,CAAEuB,eAAgB,CAAC;IACzC,IAAK/B,0BAA0B,CAAE+B,eAAgB,CAAC,EAAG;MACpDxB,oBAAoB,CAAE,KAAM,CAAC;IAC9B;EACD;EAEA,oBACC,IAAAR,WAAA,CAAAiC,GAAA,EAAAjC,WAAA,CAAAkC,QAAA;IAAAC,QAAA,eACC,IAAAnC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA0C,YAAY;MACZC,YAAY,EAAG;QACdC,SAAS,EAAE;MACZ,CAAG;MACHjB,KAAK,EAAG,IAAAQ,QAAE,EAAE,iBAAkB,CAAG;MACjCU,WAAW,EAAG;QAAEC,IAAI,EAAE;MAAU,CAAG;MACnCC,IAAI,eACH,IAAAzC,WAAA,CAAAiC,GAAA,EAACpC,MAAA,CAAA6C,IAAI;QACJD,IAAI,eACH,IAAAzC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAAiD,GAAG;UACHC,KAAK,EAAC,IAAI;UACVC,MAAM,EAAC,IAAI;UACXC,OAAO,EAAC,WAAW;UACnBC,IAAI,EAAC,MAAM;UACXC,KAAK,EAAC,4BAA4B;UAAAb,QAAA,eAElC,IAAAnC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAAuD,IAAI;YACJC,CAAC,EAAC,8DAA8D;YAChEH,IAAI,EAAC;UAAc,CACnB;QAAC,CACE;MACL,CACD,CACD;MAAAZ,QAAA,EAECA,CAAA,kBACD,IAAAnC,WAAA,CAAAmD,IAAA,EAAAnD,WAAA,CAAAkC,QAAA;QAAAC,QAAA,gBACC,IAAAnC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA0D,SAAS;UAAC/B,KAAK,EAAG,IAAAQ,QAAE,EAAE,QAAS,CAAG;UAAAM,QAAA,eAClC,IAAAnC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA2D,eAAe;YACfC,OAAO,EAAG3B,wBAA0B;YACpC4B,QAAQ,EAAKnC,KAAK,IAAM;cACvBW,2BAA2B,CAAEX,KAAM,CAAC;cACpCR,kBAAkB,CAAC4C,OAAO,EAAEC,QAAQ,CACnC,CAAC,EACD,CACD,CAAC;YACF,CAAG;YACHrC,KAAK,EAAGP;UAA4B,CACpC;QAAC,CACQ,CAAC,eACZ,IAAAb,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA0D,SAAS;UAAC/B,KAAK,EAAG,IAAAQ,QAAE,EAAE,MAAO,CAAG;UAAAM,QAAA,eAChC,IAAAnC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA2D,eAAe;YACfC,OAAO,EAAGpC,sBAAwB;YAClCqC,QAAQ,EAAKnC,KAAK,IAAM;cACvBZ,oBAAoB,CAAEY,KAAM,CAAC;cAC7BR,kBAAkB,CAAC4C,OAAO,EAAEC,QAAQ,CACnC,CAAC,EACD,CACD,CAAC;YACF,CAAG;YACHrC,KAAK,EAAGV;UAAmB,CAC3B;QAAC,CACQ,CAAC,eACZ,IAAAV,WAAA,CAAAiC,GAAA;UAAKyB,SAAS,EAAC,kCAAkC;UAAAvB,QAAA,EAC9C,IAAAwB,iCAAwB,EACzB,IAAA9B,QAAE,EACD,gMACD,CAAC,EACD;YACC+B,IAAI,eACH,IAAA5D,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAAmE,YAAY;cACZC,IAAI,EAAG,IAAAjC,QAAE,EACR,iCACD;YAAG,CACH;UAEH,CACD;QAAC,CACG,CAAC;MAAA,CACL;IACF,CACY;EAAC,CACd,CAAC;AAEL","ignoreList":[]}

package/build/components/inserter/block-types-tab.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BlockTypesTab = BlockTypesTab;
+exports.BlockTypesTabPanel = BlockTypesTabPanel;
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
@@ -16,6 +16,7 @@ var _useBlockTypesState = _interopRequireDefault(require("./hooks/use-block-type
 var _inserterListbox = _interopRequireDefault(require("../inserter-listbox"));
 var _sorting = require("../../utils/sorting");
 var _noResults = _interopRequireDefault(require("./no-results"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -34,31 +35,21 @@ const MAX_SUGGESTED_ITEMS = 6;
  * @type {Array}
  */
 const EMPTY_ARRAY = [];
-function BlockTypesTab({
-  rootClientId,
-  onInsert,
+function BlockTypesTabPanel({
+  items,
+  collections,
+  categories,
+  onSelectItem,
   onHover,
-  showMostUsedBlocks
+  showMostUsedBlocks,
+  className
 }) {
-  const [items, categories, collections, onSelectItem] = (0, _useBlockTypesState.default)(rootClientId, onInsert);
   const suggestedItems = (0, _element.useMemo)(() => {
     return (0, _sorting.orderBy)(items, 'frecency', 'desc').slice(0, MAX_SUGGESTED_ITEMS);
   }, [items]);
   const uncategorizedItems = (0, _element.useMemo)(() => {
     return items.filter(item => !item.category);
   }, [items]);
-  const itemsPerCategory = (0, _element.useMemo)(() => {
-    return (0, _compose.pipe)(itemList => itemList.filter(item => item.category && item.category !== 'reusable'), itemList => itemList.reduce((acc, item) => {
-      const {
-        category
-      } = item;
-      if (!acc[category]) {
-        acc[category] = [];
-      }
-      acc[category].push(item);
-      return acc;
-    }, {}))(items);
-  }, [items]);
   const itemsPerCollection = (0, _element.useMemo)(() => {
     // Create a new Object to avoid mutating collection.
     const result = {
@@ -90,55 +81,108 @@ function BlockTypesTab({
     return Object.entries(collections);
   }, [collections]);
   const currentlyRenderedCollections = (0, _compose.useAsyncList)(didRenderAllCategories ? collectionEntries : EMPTY_ARRAY);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    children: [showMostUsedBlocks &&
+    // Only show the most used blocks if the total amount of block
+    // is larger than 1 row, otherwise it is not so useful.
+    items.length > 3 && !!suggestedItems.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {
+      title: (0, _i18n._x)('Most used', 'blocks'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTypesList.default, {
+        items: suggestedItems,
+        onSelect: onSelectItem,
+        onHover: onHover,
+        label: (0, _i18n._x)('Most used', 'blocks')
+      })
+    }), currentlyRenderedCategories.map(category => {
+      const categoryItems = items.filter(item => item.category === category.slug);
+      if (!categoryItems || !categoryItems.length) {
+        return null;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {
+        title: category.title,
+        icon: category.icon,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTypesList.default, {
+          items: categoryItems,
+          onSelect: onSelectItem,
+          onHover: onHover,
+          label: category.title
+        })
+      }, category.slug);
+    }), didRenderAllCategories && uncategorizedItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {
+      className: "block-editor-inserter__uncategorized-blocks-panel",
+      title: (0, _i18n.__)('Uncategorized'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTypesList.default, {
+        items: uncategorizedItems,
+        onSelect: onSelectItem,
+        onHover: onHover,
+        label: (0, _i18n.__)('Uncategorized')
+      })
+    }), currentlyRenderedCollections.map(([namespace, collection]) => {
+      const collectionItems = itemsPerCollection[namespace];
+      if (!collectionItems || !collectionItems.length) {
+        return null;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.default, {
+        title: collection.title,
+        icon: collection.icon,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockTypesList.default, {
+          items: collectionItems,
+          onSelect: onSelectItem,
+          onHover: onHover,
+          label: collection.title
+        })
+      }, namespace);
+    })]
+  });
+}
+function BlockTypesTab({
+  rootClientId,
+  onInsert,
+  onHover,
+  showMostUsedBlocks
+}, ref) {
+  const [items, categories, collections, onSelectItem] = (0, _useBlockTypesState.default)(rootClientId, onInsert);
   if (!items.length) {
-    return (0, _react.createElement)(_noResults.default, null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_noResults.default, {});
   }
-  return (0, _react.createElement)(_inserterListbox.default, null, (0, _react.createElement)("div", null, showMostUsedBlocks && !!suggestedItems.length && (0, _react.createElement)(_panel.default, {
-    title: (0, _i18n._x)('Most used', 'blocks')
-  }, (0, _react.createElement)(_blockTypesList.default, {
-    items: suggestedItems,
-    onSelect: onSelectItem,
-    onHover: onHover,
-    label: (0, _i18n._x)('Most used', 'blocks')
-  })), currentlyRenderedCategories.map(category => {
-    const categoryItems = itemsPerCategory[category.slug];
-    if (!categoryItems || !categoryItems.length) {
-      return null;
+  const itemsForCurrentRoot = [];
+  const itemsRemaining = [];
+  for (const item of items) {
+    // Skip reusable blocks, they moved to the patterns tab.
+    if (item.category === 'reusable') {
+      continue;
     }
-    return (0, _react.createElement)(_panel.default, {
-      key: category.slug,
-      title: category.title,
-      icon: category.icon
-    }, (0, _react.createElement)(_blockTypesList.default, {
-      items: categoryItems,
-      onSelect: onSelectItem,
-      onHover: onHover,
-      label: category.title
-    }));
-  }), didRenderAllCategories && uncategorizedItems.length > 0 && (0, _react.createElement)(_panel.default, {
-    className: "block-editor-inserter__uncategorized-blocks-panel",
-    title: (0, _i18n.__)('Uncategorized')
-  }, (0, _react.createElement)(_blockTypesList.default, {
-    items: uncategorizedItems,
-    onSelect: onSelectItem,
-    onHover: onHover,
-    label: (0, _i18n.__)('Uncategorized')
-  })), currentlyRenderedCollections.map(([namespace, collection]) => {
-    const collectionItems = itemsPerCollection[namespace];
-    if (!collectionItems || !collectionItems.length) {
-      return null;
+    if (rootClientId && item.rootClientId === rootClientId) {
+      itemsForCurrentRoot.push(item);
+    } else {
+      itemsRemaining.push(item);
     }
-    return (0, _react.createElement)(_panel.default, {
-      key: namespace,
-      title: collection.title,
-      icon: collection.icon
-    }, (0, _react.createElement)(_blockTypesList.default, {
-      items: collectionItems,
-      onSelect: onSelectItem,
-      onHover: onHover,
-      label: collection.title
-    }));
-  })));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserterListbox.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: ref,
+      children: [!!itemsForCurrentRoot.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BlockTypesTabPanel, {
+          items: itemsForCurrentRoot,
+          categories: categories,
+          collections: collections,
+          onSelectItem: onSelectItem,
+          onHover: onHover,
+          showMostUsedBlocks: showMostUsedBlocks,
+          className: "block-editor-inserter__insertable-blocks-at-selection"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {})]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockTypesTabPanel, {
+        items: itemsRemaining,
+        categories: categories,
+        collections: collections,
+        onSelectItem: onSelectItem,
+        onHover: onHover,
+        showMostUsedBlocks: showMostUsedBlocks,
+        className: "block-editor-inserter__all-blocks"
+      })]
+    })
+  });
 }
-var _default = exports.default = BlockTypesTab;
+var _default = exports.default = (0, _element.forwardRef)(BlockTypesTab);
 //# sourceMappingURL=block-types-tab.js.map