@wordpress/block-editor 12.2.0 → 12.3.1

package/build/components/inner-blocks/use-nested-settings-update.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +9,6 @@ var _element = require("@wordpress/element");
 
 var _data = require("@wordpress/data");
 
-var _isShallowEqual = _interopRequireDefault(require("@wordpress/is-shallow-equal"));
-
 var _store = require("../../store");
 
 var _layouts = require("../../layouts");
@@ -57,12 +53,10 @@ function useNestedSettingsUpdate(clientId, allowedBlocks, prioritizedInserterBlo
   } = (0, _data.useDispatch)(_store.store);
   const registry = (0, _data.useRegistry)();
   const {
-    blockListSettings,
     parentLock
   } = (0, _data.useSelect)(select => {
     const rootClientId = select(_store.store).getBlockRootClientId(clientId);
     return {
-      blockListSettings: select(_store.store).getBlockListSettings(clientId),
       parentLock: select(_store.store).getTemplateLock(rootClientId)
     };
   }, [clientId]); // Memoize allowedBlocks and prioritisedInnerBlocks based on the contents
@@ -76,11 +70,13 @@ function useNestedSettingsUpdate(clientId, allowedBlocks, prioritizedInserterBlo
   const _prioritizedInserterBlocks = (0, _element.useMemo)(() => prioritizedInserterBlocks, // eslint-disable-next-line react-hooks/exhaustive-deps
   prioritizedInserterBlocks);
 
+  const _templateLock = templateLock === undefined || parentLock === 'contentOnly' ? parentLock : templateLock;
+
   (0, _element.useLayoutEffect)(() => {
     const newSettings = {
       allowedBlocks: _allowedBlocks,
       prioritizedInserterBlocks: _prioritizedInserterBlocks,
-      templateLock: templateLock === undefined || parentLock === 'contentOnly' ? parentLock : templateLock
+      templateLock: _templateLock
     }; // These values are not defined for RN, so only include them if they
     // are defined.
 
@@ -93,7 +89,7 @@ function useNestedSettingsUpdate(clientId, allowedBlocks, prioritizedInserterBlo
     if (orientation !== undefined) {
       newSettings.orientation = orientation;
     } else {
-      const layoutType = (0, _layouts.getLayoutType)(layout === null || layout === void 0 ? void 0 : layout.type);
+      const layoutType = (0, _layouts.getLayoutType)(layout?.type);
       newSettings.orientation = layoutType.getOrientation(layout);
     }
 
@@ -103,33 +99,29 @@ function useNestedSettingsUpdate(clientId, allowedBlocks, prioritizedInserterBlo
 
     if (__experimentalDirectInsert !== undefined) {
       newSettings.__experimentalDirectInsert = __experimentalDirectInsert;
-    }
+    } // Batch updates to block list settings to avoid triggering cascading renders
+    // for each container block included in a tree and optimize initial render.
+    // To avoid triggering updateBlockListSettings for each container block
+    // causing X re-renderings for X container blocks,
+    // we batch all the updatedBlockListSettings in a single "data" batch
+    // which results in a single re-render.
 
-    if (!(0, _isShallowEqual.default)(blockListSettings, newSettings)) {
-      // Batch updates to block list settings to avoid triggering cascading renders
-      // for each container block included in a tree and optimize initial render.
-      // To avoid triggering updateBlockListSettings for each container block
-      // causing X re-renderings for X container blocks,
-      // we batch all the updatedBlockListSettings in a single "data" batch
-      // which results in a single re-render.
-      if (!pendingSettingsUpdates.get(registry)) {
-        pendingSettingsUpdates.set(registry, []);
-      }
 
-      pendingSettingsUpdates.get(registry).push([clientId, newSettings]);
-      window.queueMicrotask(() => {
-        var _pendingSettingsUpdat;
+    if (!pendingSettingsUpdates.get(registry)) {
+      pendingSettingsUpdates.set(registry, []);
+    }
 
-        if ((_pendingSettingsUpdat = pendingSettingsUpdates.get(registry)) !== null && _pendingSettingsUpdat !== void 0 && _pendingSettingsUpdat.length) {
-          registry.batch(() => {
-            pendingSettingsUpdates.get(registry).forEach(args => {
-              updateBlockListSettings(...args);
-            });
-            pendingSettingsUpdates.set(registry, []);
+    pendingSettingsUpdates.get(registry).push([clientId, newSettings]);
+    window.queueMicrotask(() => {
+      if (pendingSettingsUpdates.get(registry)?.length) {
+        registry.batch(() => {
+          pendingSettingsUpdates.get(registry).forEach(args => {
+            updateBlockListSettings(...args);
           });
-        }
-      });
-    }
-  }, [clientId, blockListSettings, _allowedBlocks, _prioritizedInserterBlocks, __experimentalDefaultBlock, __experimentalDirectInsert, templateLock, parentLock, captureToolbars, orientation, updateBlockListSettings, layout, registry]);
+          pendingSettingsUpdates.set(registry, []);
+        });
+      }
+    });
+  }, [clientId, _allowedBlocks, _prioritizedInserterBlocks, _templateLock, __experimentalDefaultBlock, __experimentalDirectInsert, captureToolbars, orientation, updateBlockListSettings, layout, registry]);
 }
 //# sourceMappingURL=use-nested-settings-update.js.map

package/build/components/inner-blocks/use-nested-settings-update.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inner-blocks/use-nested-settings-update.js"],"names":["pendingSettingsUpdates","WeakMap","useNestedSettingsUpdate","clientId","allowedBlocks","prioritizedInserterBlocks","__experimentalDefaultBlock","__experimentalDirectInsert","templateLock","captureToolbars","orientation","layout","updateBlockListSettings","blockEditorStore","registry","blockListSettings","parentLock","select","rootClientId","getBlockRootClientId","getBlockListSettings","getTemplateLock","_allowedBlocks","_prioritizedInserterBlocks","newSettings","undefined","__experimentalCaptureToolbars","layoutType","type","getOrientation","get","set","push","window","queueMicrotask","length","batch","forEach","args"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { getLayoutType } from '../../layouts';\n\n/** @typedef {import('../../selectors').WPDirectInsertBlock } WPDirectInsertBlock */\n\nconst pendingSettingsUpdates = new WeakMap();\n\n/**\n * This hook is a side effect which updates the block-editor store when changes\n * happen to inner block settings. The given props are transformed into a\n * settings object, and if that is different from the current settings object in\n * the block-editor store, then the store is updated with the new settings which\n * came from props.\n *\n * @param {string}               clientId                   The client ID of the block to update.\n * @param {string[]}             allowedBlocks              An array of block names which are permitted\n *                                                          in inner blocks.\n * @param {string[]}             prioritizedInserterBlocks  Block names and/or block variations to be prioritized in the inserter, in the format {blockName}/{variationName}.\n * @param {?WPDirectInsertBlock} __experimentalDefaultBlock The default block to insert: [ blockName, { blockAttributes } ].\n * @param {?Function|boolean}    __experimentalDirectInsert If a default block should be inserted directly by the\n *                                                          appender.\n * @param {string}               [templateLock]             The template lock specified for the inner\n *                                                          blocks component. (e.g. \"all\")\n * @param {boolean}              captureToolbars            Whether or children toolbars should be shown\n *                                                          in the inner blocks component rather than on\n *                                                          the child block.\n * @param {string}               orientation                The direction in which the block\n *                                                          should face.\n * @param {Object}               layout                     The layout object for the block container.\n */\nexport default function useNestedSettingsUpdate(\n\tclientId,\n\tallowedBlocks,\n\tprioritizedInserterBlocks,\n\t__experimentalDefaultBlock,\n\t__experimentalDirectInsert,\n\ttemplateLock,\n\tcaptureToolbars,\n\torientation,\n\tlayout\n) {\n\tconst { updateBlockListSettings } = useDispatch( blockEditorStore );\n\tconst registry = useRegistry();\n\n\tconst { blockListSettings, parentLock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst rootClientId =\n\t\t\t\tselect( blockEditorStore ).getBlockRootClientId( clientId );\n\t\t\treturn {\n\t\t\t\tblockListSettings:\n\t\t\t\t\tselect( blockEditorStore ).getBlockListSettings( clientId ),\n\t\t\t\tparentLock:\n\t\t\t\t\tselect( blockEditorStore ).getTemplateLock( rootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Memoize allowedBlocks and prioritisedInnerBlocks based on the contents\n\t// of the arrays. Implementors often pass a new array on every render,\n\t// and the contents of the arrays are just strings, so the entire array\n\t// can be passed as dependencies.\n\n\tconst _allowedBlocks = useMemo(\n\t\t() => allowedBlocks,\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\tallowedBlocks\n\t);\n\n\tconst _prioritizedInserterBlocks = useMemo(\n\t\t() => prioritizedInserterBlocks,\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\tprioritizedInserterBlocks\n\t);\n\n\tuseLayoutEffect( () => {\n\t\tconst newSettings = {\n\t\t\tallowedBlocks: _allowedBlocks,\n\t\t\tprioritizedInserterBlocks: _prioritizedInserterBlocks,\n\t\t\ttemplateLock:\n\t\t\t\ttemplateLock === undefined || parentLock === 'contentOnly'\n\t\t\t\t\t? parentLock\n\t\t\t\t\t: templateLock,\n\t\t};\n\n\t\t// These values are not defined for RN, so only include them if they\n\t\t// are defined.\n\t\tif ( captureToolbars !== undefined ) {\n\t\t\tnewSettings.__experimentalCaptureToolbars = captureToolbars;\n\t\t}\n\n\t\t// Orientation depends on layout,\n\t\t// ideally the separate orientation prop should be deprecated.\n\t\tif ( orientation !== undefined ) {\n\t\t\tnewSettings.orientation = orientation;\n\t\t} else {\n\t\t\tconst layoutType = getLayoutType( layout?.type );\n\t\t\tnewSettings.orientation = layoutType.getOrientation( layout );\n\t\t}\n\n\t\tif ( __experimentalDefaultBlock !== undefined ) {\n\t\t\tnewSettings.__experimentalDefaultBlock = __experimentalDefaultBlock;\n\t\t}\n\n\t\tif ( __experimentalDirectInsert !== undefined ) {\n\t\t\tnewSettings.__experimentalDirectInsert = __experimentalDirectInsert;\n\t\t}\n\n\t\tif ( ! isShallowEqual( blockListSettings, newSettings ) ) {\n\t\t\t// Batch updates to block list settings to avoid triggering cascading renders\n\t\t\t// for each container block included in a tree and optimize initial render.\n\t\t\t// To avoid triggering updateBlockListSettings for each container block\n\t\t\t// causing X re-renderings for X container blocks,\n\t\t\t// we batch all the updatedBlockListSettings in a single \"data\" batch\n\t\t\t// which results in a single re-render.\n\t\t\tif ( ! pendingSettingsUpdates.get( registry ) ) {\n\t\t\t\tpendingSettingsUpdates.set( registry, [] );\n\t\t\t}\n\t\t\tpendingSettingsUpdates\n\t\t\t\t.get( registry )\n\t\t\t\t.push( [ clientId, newSettings ] );\n\t\t\twindow.queueMicrotask( () => {\n\t\t\t\tif ( pendingSettingsUpdates.get( registry )?.length ) {\n\t\t\t\t\tregistry.batch( () => {\n\t\t\t\t\t\tpendingSettingsUpdates\n\t\t\t\t\t\t\t.get( registry )\n\t\t\t\t\t\t\t.forEach( ( args ) => {\n\t\t\t\t\t\t\t\tupdateBlockListSettings( ...args );\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\tpendingSettingsUpdates.set( registry, [] );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tclientId,\n\t\tblockListSettings,\n\t\t_allowedBlocks,\n\t\t_prioritizedInserterBlocks,\n\t\t__experimentalDefaultBlock,\n\t\t__experimentalDirectInsert,\n\t\ttemplateLock,\n\t\tparentLock,\n\t\tcaptureToolbars,\n\t\torientation,\n\t\tupdateBlockListSettings,\n\t\tlayout,\n\t\tregistry,\n\t] );\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inner-blocks/use-nested-settings-update.js"],"names":["pendingSettingsUpdates","WeakMap","useNestedSettingsUpdate","clientId","allowedBlocks","prioritizedInserterBlocks","__experimentalDefaultBlock","__experimentalDirectInsert","templateLock","captureToolbars","orientation","layout","updateBlockListSettings","blockEditorStore","registry","parentLock","select","rootClientId","getBlockRootClientId","getTemplateLock","_allowedBlocks","_prioritizedInserterBlocks","_templateLock","undefined","newSettings","__experimentalCaptureToolbars","layoutType","type","getOrientation","get","set","push","window","queueMicrotask","length","batch","forEach","args"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { getLayoutType } from '../../layouts';\n\n/** @typedef {import('../../selectors').WPDirectInsertBlock } WPDirectInsertBlock */\n\nconst pendingSettingsUpdates = new WeakMap();\n\n/**\n * This hook is a side effect which updates the block-editor store when changes\n * happen to inner block settings. The given props are transformed into a\n * settings object, and if that is different from the current settings object in\n * the block-editor store, then the store is updated with the new settings which\n * came from props.\n *\n * @param {string}               clientId                   The client ID of the block to update.\n * @param {string[]}             allowedBlocks              An array of block names which are permitted\n *                                                          in inner blocks.\n * @param {string[]}             prioritizedInserterBlocks  Block names and/or block variations to be prioritized in the inserter, in the format {blockName}/{variationName}.\n * @param {?WPDirectInsertBlock} __experimentalDefaultBlock The default block to insert: [ blockName, { blockAttributes } ].\n * @param {?Function|boolean}    __experimentalDirectInsert If a default block should be inserted directly by the\n *                                                          appender.\n * @param {string}               [templateLock]             The template lock specified for the inner\n *                                                          blocks component. (e.g. \"all\")\n * @param {boolean}              captureToolbars            Whether or children toolbars should be shown\n *                                                          in the inner blocks component rather than on\n *                                                          the child block.\n * @param {string}               orientation                The direction in which the block\n *                                                          should face.\n * @param {Object}               layout                     The layout object for the block container.\n */\nexport default function useNestedSettingsUpdate(\n\tclientId,\n\tallowedBlocks,\n\tprioritizedInserterBlocks,\n\t__experimentalDefaultBlock,\n\t__experimentalDirectInsert,\n\ttemplateLock,\n\tcaptureToolbars,\n\torientation,\n\tlayout\n) {\n\tconst { updateBlockListSettings } = useDispatch( blockEditorStore );\n\tconst registry = useRegistry();\n\n\tconst { parentLock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst rootClientId =\n\t\t\t\tselect( blockEditorStore ).getBlockRootClientId( clientId );\n\t\t\treturn {\n\t\t\t\tparentLock:\n\t\t\t\t\tselect( blockEditorStore ).getTemplateLock( rootClientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Memoize allowedBlocks and prioritisedInnerBlocks based on the contents\n\t// of the arrays. Implementors often pass a new array on every render,\n\t// and the contents of the arrays are just strings, so the entire array\n\t// can be passed as dependencies.\n\n\tconst _allowedBlocks = useMemo(\n\t\t() => allowedBlocks,\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\tallowedBlocks\n\t);\n\n\tconst _prioritizedInserterBlocks = useMemo(\n\t\t() => prioritizedInserterBlocks,\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\tprioritizedInserterBlocks\n\t);\n\n\tconst _templateLock =\n\t\ttemplateLock === undefined || parentLock === 'contentOnly'\n\t\t\t? parentLock\n\t\t\t: templateLock;\n\n\tuseLayoutEffect( () => {\n\t\tconst newSettings = {\n\t\t\tallowedBlocks: _allowedBlocks,\n\t\t\tprioritizedInserterBlocks: _prioritizedInserterBlocks,\n\t\t\ttemplateLock: _templateLock,\n\t\t};\n\n\t\t// These values are not defined for RN, so only include them if they\n\t\t// are defined.\n\t\tif ( captureToolbars !== undefined ) {\n\t\t\tnewSettings.__experimentalCaptureToolbars = captureToolbars;\n\t\t}\n\n\t\t// Orientation depends on layout,\n\t\t// ideally the separate orientation prop should be deprecated.\n\t\tif ( orientation !== undefined ) {\n\t\t\tnewSettings.orientation = orientation;\n\t\t} else {\n\t\t\tconst layoutType = getLayoutType( layout?.type );\n\t\t\tnewSettings.orientation = layoutType.getOrientation( layout );\n\t\t}\n\n\t\tif ( __experimentalDefaultBlock !== undefined ) {\n\t\t\tnewSettings.__experimentalDefaultBlock = __experimentalDefaultBlock;\n\t\t}\n\n\t\tif ( __experimentalDirectInsert !== undefined ) {\n\t\t\tnewSettings.__experimentalDirectInsert = __experimentalDirectInsert;\n\t\t}\n\n\t\t// Batch updates to block list settings to avoid triggering cascading renders\n\t\t// for each container block included in a tree and optimize initial render.\n\t\t// To avoid triggering updateBlockListSettings for each container block\n\t\t// causing X re-renderings for X container blocks,\n\t\t// we batch all the updatedBlockListSettings in a single \"data\" batch\n\t\t// which results in a single re-render.\n\t\tif ( ! pendingSettingsUpdates.get( registry ) ) {\n\t\t\tpendingSettingsUpdates.set( registry, [] );\n\t\t}\n\t\tpendingSettingsUpdates\n\t\t\t.get( registry )\n\t\t\t.push( [ clientId, newSettings ] );\n\t\twindow.queueMicrotask( () => {\n\t\t\tif ( pendingSettingsUpdates.get( registry )?.length ) {\n\t\t\t\tregistry.batch( () => {\n\t\t\t\t\tpendingSettingsUpdates\n\t\t\t\t\t\t.get( registry )\n\t\t\t\t\t\t.forEach( ( args ) => {\n\t\t\t\t\t\t\tupdateBlockListSettings( ...args );\n\t\t\t\t\t\t} );\n\t\t\t\t\tpendingSettingsUpdates.set( registry, [] );\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}, [\n\t\tclientId,\n\t\t_allowedBlocks,\n\t\t_prioritizedInserterBlocks,\n\t\t_templateLock,\n\t\t__experimentalDefaultBlock,\n\t\t__experimentalDirectInsert,\n\t\tcaptureToolbars,\n\t\torientation,\n\t\tupdateBlockListSettings,\n\t\tlayout,\n\t\tregistry,\n\t] );\n}\n"]}

package/build/components/inner-blocks/with-client-id.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _compose = require("@wordpress/compose");
 
 var _context = require("../block-edit/context");
@@ -26,9 +22,9 @@ const withClientId = (0, _compose.createHigherOrderComponent)(WrappedComponent =
   const {
     clientId
   } = (0, _context.useBlockEditContext)();
-  return (0, _element.createElement)(WrappedComponent, (0, _extends2.default)({}, props, {
+  return (0, _element.createElement)(WrappedComponent, { ...props,
     clientId: clientId
-  }));
+  });
 }, 'withClientId');
 var _default = withClientId;
 exports.default = _default;

package/build/components/inner-blocks/with-client-id.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inner-blocks/with-client-id.js"],"names":["withClientId","WrappedComponent","props","clientId"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,YAAY,GAAG,yCAClBC,gBAAF,IAA0BC,KAAF,IAAa;AACpC,QAAM;AAAEC,IAAAA;AAAF,MAAe,mCAArB;AACA,SAAO,4BAAC,gBAAD,6BAAuBD,KAAvB;AAA+B,IAAA,QAAQ,EAAGC;AAA1C,KAAP;AACA,CAJmB,EAKpB,cALoB,CAArB;eAQeH,Y","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst withClientId = createHigherOrderComponent(\n\t( WrappedComponent ) => ( props ) => {\n\t\tconst { clientId } = useBlockEditContext();\n\t\treturn <WrappedComponent { ...props } clientId={ clientId } />;\n\t},\n\t'withClientId'\n);\n\nexport default withClientId;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inner-blocks/with-client-id.js"],"names":["withClientId","WrappedComponent","props","clientId"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,YAAY,GAAG,yCAClBC,gBAAF,IAA0BC,KAAF,IAAa;AACpC,QAAM;AAAEC,IAAAA;AAAF,MAAe,mCAArB;AACA,SAAO,4BAAC,gBAAD,OAAuBD,KAAvB;AAA+B,IAAA,QAAQ,EAAGC;AAA1C,IAAP;AACA,CAJmB,EAKpB,cALoB,CAArB;eAQeH,Y","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst withClientId = createHigherOrderComponent(\n\t( WrappedComponent ) => ( props ) => {\n\t\tconst { clientId } = useBlockEditContext();\n\t\treturn <WrappedComponent { ...props } clientId={ clientId } />;\n\t},\n\t'withClientId'\n);\n\nexport default withClientId;\n"]}

package/build/components/inserter/block-patterns-explorer/explorer.js

@@ -24,13 +24,12 @@ var _patternsList = _interopRequireDefault(require("./patterns-list"));
 /**
  * Internal dependencies
  */
-function PatternsExplorer(_ref) {
-  let {
-    initialCategory,
-    patternCategories
-  } = _ref;
+function PatternsExplorer({
+  initialCategory,
+  patternCategories
+}) {
   const [filterValue, setFilterValue] = (0, _element.useState)('');
-  const [selectedCategory, setSelectedCategory] = (0, _element.useState)(initialCategory === null || initialCategory === void 0 ? void 0 : initialCategory.name);
+  const [selectedCategory, setSelectedCategory] = (0, _element.useState)(initialCategory?.name);
   return (0, _element.createElement)("div", {
     className: "block-editor-block-patterns-explorer"
   }, (0, _element.createElement)(_sidebar.default, {
@@ -46,16 +45,16 @@ function PatternsExplorer(_ref) {
   }));
 }
 
-function PatternsExplorerModal(_ref2) {
-  let {
-    onModalClose,
-    ...restProps
-  } = _ref2;
+function PatternsExplorerModal({
+  onModalClose,
+  ...restProps
+}) {
   return (0, _element.createElement)(_components.Modal, {
     title: (0, _i18n.__)('Patterns'),
     onRequestClose: onModalClose,
     isFullScreen: true
-  }, (0, _element.createElement)(PatternsExplorer, restProps));
+  }, (0, _element.createElement)(PatternsExplorer, { ...restProps
+  }));
 }
 
 var _default = PatternsExplorerModal;

package/build/components/inserter/block-patterns-explorer/explorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/explorer.js"],"names":["PatternsExplorer","initialCategory","patternCategories","filterValue","setFilterValue","selectedCategory","setSelectedCategory","name","PatternsExplorerModal","onModalClose","restProps"],"mappings":";;;;;;;;;AAIA;;AADA;;AAEA;;AAKA;;AACA;;AAXA;AACA;AACA;;AAKA;AACA;AACA;AAIA,SAASA,gBAAT,OAAoE;AAAA,MAAzC;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA;AAAnB,GAAyC;AACnE,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,EAAV,CAAxC;AACA,QAAM,CAAEC,gBAAF,EAAoBC,mBAApB,IAA4C,uBACjDL,eADiD,aACjDA,eADiD,uBACjDA,eAAe,CAAEM,IADgC,CAAlD;AAGA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,gBAAD;AACC,IAAA,gBAAgB,EAAGF,gBADpB;AAEC,IAAA,iBAAiB,EAAGH,iBAFrB;AAGC,IAAA,eAAe,EAAGI,mBAHnB;AAIC,IAAA,WAAW,EAAGH,WAJf;AAKC,IAAA,cAAc,EAAGC;AALlB,IADD,EAQC,4BAAC,qBAAD;AACC,IAAA,WAAW,EAAGD,WADf;AAEC,IAAA,gBAAgB,EAAGE,gBAFpB;AAGC,IAAA,iBAAiB,EAAGH;AAHrB,IARD,CADD;AAgBA;;AAED,SAASM,qBAAT,QAAiE;AAAA,MAAjC;AAAEC,IAAAA,YAAF;AAAgB,OAAGC;AAAnB,GAAiC;AAChE,SACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,cAAI,UAAJ,CADT;AAEC,IAAA,cAAc,EAAGD,YAFlB;AAGC,IAAA,YAAY;AAHb,KAKC,4BAAC,gBAAD,EAAuBC,SAAvB,CALD,CADD;AASA;;eAEcF,qB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport PatternExplorerSidebar from './sidebar';\nimport PatternList from './patterns-list';\n\nfunction PatternsExplorer( { initialCategory, patternCategories } ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ selectedCategory, setSelectedCategory ] = useState(\n\t\tinitialCategory?.name\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-explorer\">\n\t\t\t<PatternExplorerSidebar\n\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\tonClickCategory={ setSelectedCategory }\n\t\t\t\tfilterValue={ filterValue }\n\t\t\t\tsetFilterValue={ setFilterValue }\n\t\t\t/>\n\t\t\t<PatternList\n\t\t\t\tfilterValue={ filterValue }\n\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction PatternsExplorerModal( { onModalClose, ...restProps } ) {\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tonRequestClose={ onModalClose }\n\t\t\tisFullScreen\n\t\t>\n\t\t\t<PatternsExplorer { ...restProps } />\n\t\t</Modal>\n\t);\n}\n\nexport default PatternsExplorerModal;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/explorer.js"],"names":["PatternsExplorer","initialCategory","patternCategories","filterValue","setFilterValue","selectedCategory","setSelectedCategory","name","PatternsExplorerModal","onModalClose","restProps"],"mappings":";;;;;;;;;AAIA;;AADA;;AAEA;;AAKA;;AACA;;AAXA;AACA;AACA;;AAKA;AACA;AACA;AAIA,SAASA,gBAAT,CAA2B;AAAEC,EAAAA,eAAF;AAAmBC,EAAAA;AAAnB,CAA3B,EAAoE;AACnE,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,EAAV,CAAxC;AACA,QAAM,CAAEC,gBAAF,EAAoBC,mBAApB,IAA4C,uBACjDL,eAAe,EAAEM,IADgC,CAAlD;AAGA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,gBAAD;AACC,IAAA,gBAAgB,EAAGF,gBADpB;AAEC,IAAA,iBAAiB,EAAGH,iBAFrB;AAGC,IAAA,eAAe,EAAGI,mBAHnB;AAIC,IAAA,WAAW,EAAGH,WAJf;AAKC,IAAA,cAAc,EAAGC;AALlB,IADD,EAQC,4BAAC,qBAAD;AACC,IAAA,WAAW,EAAGD,WADf;AAEC,IAAA,gBAAgB,EAAGE,gBAFpB;AAGC,IAAA,iBAAiB,EAAGH;AAHrB,IARD,CADD;AAgBA;;AAED,SAASM,qBAAT,CAAgC;AAAEC,EAAAA,YAAF;AAAgB,KAAGC;AAAnB,CAAhC,EAAiE;AAChE,SACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,cAAI,UAAJ,CADT;AAEC,IAAA,cAAc,EAAGD,YAFlB;AAGC,IAAA,YAAY;AAHb,KAKC,4BAAC,gBAAD,OAAuBC;AAAvB,IALD,CADD;AASA;;eAEcF,qB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport PatternExplorerSidebar from './sidebar';\nimport PatternList from './patterns-list';\n\nfunction PatternsExplorer( { initialCategory, patternCategories } ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst [ selectedCategory, setSelectedCategory ] = useState(\n\t\tinitialCategory?.name\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-explorer\">\n\t\t\t<PatternExplorerSidebar\n\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\tonClickCategory={ setSelectedCategory }\n\t\t\t\tfilterValue={ filterValue }\n\t\t\t\tsetFilterValue={ setFilterValue }\n\t\t\t/>\n\t\t\t<PatternList\n\t\t\t\tfilterValue={ filterValue }\n\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction PatternsExplorerModal( { onModalClose, ...restProps } ) {\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tonRequestClose={ onModalClose }\n\t\t\tisFullScreen\n\t\t>\n\t\t\t<PatternsExplorer { ...restProps } />\n\t\t</Modal>\n\t);\n}\n\nexport default PatternsExplorerModal;\n"]}

package/build/components/inserter/block-patterns-explorer/patterns-list.js

@@ -38,12 +38,10 @@ var _searchItems = require("../search-items");
  */
 const INITIAL_INSERTER_RESULTS = 2;
 
-function PatternsListHeader(_ref) {
-  let {
-    filterValue,
-    filteredBlockPatternsLength
-  } = _ref;
-
+function PatternsListHeader({
+  filterValue,
+  filteredBlockPatternsLength
+}) {
   if (!filterValue) {
     return null;
   }
@@ -57,12 +55,11 @@ function PatternsListHeader(_ref) {
   (0, _i18n._n)('%1$d pattern found for "%2$s"', '%1$d patterns found for "%2$s"', filteredBlockPatternsLength), filteredBlockPatternsLength, filterValue));
 }
 
-function PatternList(_ref2) {
-  let {
-    filterValue,
-    selectedCategory,
-    patternCategories
-  } = _ref2;
+function PatternList({
+  filterValue,
+  selectedCategory,
+  patternCategories
+}) {
   const debouncedSpeak = (0, _compose.useDebounce)(_a11y.speak, 500);
   const [destinationRootClientId, onInsertBlocks] = (0, _useInsertionPoint.default)({
     shouldFocusBlock: true
@@ -71,11 +68,7 @@ function PatternList(_ref2) {
   const registeredPatternCategories = (0, _element.useMemo)(() => patternCategories.map(patternCategory => patternCategory.name), [patternCategories]);
   const filteredBlockPatterns = (0, _element.useMemo)(() => {
     if (!filterValue) {
-      return allPatterns.filter(pattern => {
-        var _pattern$categories, _pattern$categories2;
-
-        return selectedCategory === 'uncategorized' ? !((_pattern$categories = pattern.categories) !== null && _pattern$categories !== void 0 && _pattern$categories.length) || pattern.categories.every(category => !registeredPatternCategories.includes(category)) : (_pattern$categories2 = pattern.categories) === null || _pattern$categories2 === void 0 ? void 0 : _pattern$categories2.includes(selectedCategory);
-      });
+      return allPatterns.filter(pattern => selectedCategory === 'uncategorized' ? !pattern.categories?.length || pattern.categories.every(category => !registeredPatternCategories.includes(category)) : pattern.categories?.includes(selectedCategory));
     }
 
     return (0, _searchItems.searchItems)(allPatterns, filterValue);
@@ -95,7 +88,7 @@ function PatternList(_ref2) {
   const currentShownPatterns = (0, _compose.useAsyncList)(filteredBlockPatterns, {
     step: INITIAL_INSERTER_RESULTS
   });
-  const hasItems = !!(filteredBlockPatterns !== null && filteredBlockPatterns !== void 0 && filteredBlockPatterns.length);
+  const hasItems = !!filteredBlockPatterns?.length;
   return (0, _element.createElement)("div", {
     className: "block-editor-block-patterns-explorer__list"
   }, hasItems && (0, _element.createElement)(PatternsListHeader, {

package/build/components/inserter/block-patterns-explorer/patterns-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/patterns-list.js"],"names":["INITIAL_INSERTER_RESULTS","PatternsListHeader","filterValue","filteredBlockPatternsLength","PatternList","selectedCategory","patternCategories","debouncedSpeak","speak","destinationRootClientId","onInsertBlocks","shouldFocusBlock","allPatterns","onSelectBlockPattern","registeredPatternCategories","map","patternCategory","name","filteredBlockPatterns","filter","pattern","categories","length","every","category","includes","count","resultsFoundMessage","currentShownPatterns","step","hasItems"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useEffect } from '@wordpress/element';\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { useDebounce, useAsyncList } from '@wordpress/compose';\nimport { __experimentalHeading as Heading } from '@wordpress/components';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport BlockPatternsList from '../../block-patterns-list';\nimport InserterNoResults from '../no-results';\nimport useInsertionPoint from '../hooks/use-insertion-point';\nimport usePatternsState from '../hooks/use-patterns-state';\nimport InserterListbox from '../../inserter-listbox';\nimport { searchItems } from '../search-items';\n\nconst INITIAL_INSERTER_RESULTS = 2;\n\nfunction PatternsListHeader( { filterValue, filteredBlockPatternsLength } ) {\n\tif ( ! filterValue ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Heading\n\t\t\tlevel={ 2 }\n\t\t\tlineHeight={ '48px' }\n\t\t\tclassName=\"block-editor-block-patterns-explorer__search-results-count\"\n\t\t>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %d: number of patterns. %s: block pattern search query */\n\t\t\t\t_n(\n\t\t\t\t\t'%1$d pattern found for \"%2$s\"',\n\t\t\t\t\t'%1$d patterns found for \"%2$s\"',\n\t\t\t\t\tfilteredBlockPatternsLength\n\t\t\t\t),\n\t\t\t\tfilteredBlockPatternsLength,\n\t\t\t\tfilterValue\n\t\t\t) }\n\t\t</Heading>\n\t);\n}\n\nfunction PatternList( { filterValue, selectedCategory, patternCategories } ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tshouldFocusBlock: true,\n\t} );\n\tconst [ allPatterns, , onSelectBlockPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\tconst registeredPatternCategories = useMemo(\n\t\t() =>\n\t\t\tpatternCategories.map(\n\t\t\t\t( patternCategory ) => patternCategory.name\n\t\t\t),\n\t\t[ patternCategories ]\n\t);\n\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn allPatterns.filter( ( pattern ) =>\n\t\t\t\tselectedCategory === 'uncategorized'\n\t\t\t\t\t? ! pattern.categories?.length ||\n\t\t\t\t\t  pattern.categories.every(\n\t\t\t\t\t\t\t( category ) =>\n\t\t\t\t\t\t\t\t! registeredPatternCategories.includes(\n\t\t\t\t\t\t\t\t\tcategory\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t  )\n\t\t\t\t\t: pattern.categories?.includes( selectedCategory )\n\t\t\t);\n\t\t}\n\t\treturn searchItems( allPatterns, filterValue );\n\t}, [ filterValue, selectedCategory, allPatterns ] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockPatterns.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ filterValue, debouncedSpeak ] );\n\n\tconst currentShownPatterns = useAsyncList( filteredBlockPatterns, {\n\t\tstep: INITIAL_INSERTER_RESULTS,\n\t} );\n\n\tconst hasItems = !! filteredBlockPatterns?.length;\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-explorer__list\">\n\t\t\t{ hasItems && (\n\t\t\t\t<PatternsListHeader\n\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\tfilteredBlockPatternsLength={ filteredBlockPatterns.length }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<InserterListbox>\n\t\t\t\t{ ! hasItems && <InserterNoResults /> }\n\t\t\t\t{ hasItems && (\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\t\tonClickPattern={ onSelectBlockPattern }\n\t\t\t\t\t\tisDraggable={ false }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</InserterListbox>\n\t\t</div>\n\t);\n}\n\nexport default PatternList;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/patterns-list.js"],"names":["INITIAL_INSERTER_RESULTS","PatternsListHeader","filterValue","filteredBlockPatternsLength","PatternList","selectedCategory","patternCategories","debouncedSpeak","speak","destinationRootClientId","onInsertBlocks","shouldFocusBlock","allPatterns","onSelectBlockPattern","registeredPatternCategories","map","patternCategory","name","filteredBlockPatterns","filter","pattern","categories","length","every","category","includes","count","resultsFoundMessage","currentShownPatterns","step","hasItems"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAOA;AACA;AACA;AAQA,MAAMA,wBAAwB,GAAG,CAAjC;;AAEA,SAASC,kBAAT,CAA6B;AAAEC,EAAAA,WAAF;AAAeC,EAAAA;AAAf,CAA7B,EAA4E;AAC3E,MAAK,CAAED,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AACD,SACC,4BAAC,iCAAD;AACC,IAAA,KAAK,EAAG,CADT;AAEC,IAAA,UAAU,EAAG,MAFd;AAGC,IAAA,SAAS,EAAC;AAHX,KAKG;AACD;AACA,gBACC,+BADD,EAEC,gCAFD,EAGCC,2BAHD,CAFC,EAODA,2BAPC,EAQDD,WARC,CALH,CADD;AAkBA;;AAED,SAASE,WAAT,CAAsB;AAAEF,EAAAA,WAAF;AAAeG,EAAAA,gBAAf;AAAiCC,EAAAA;AAAjC,CAAtB,EAA6E;AAC5E,QAAMC,cAAc,GAAG,0BAAaC,WAAb,EAAoB,GAApB,CAAvB;AACA,QAAM,CAAEC,uBAAF,EAA2BC,cAA3B,IAA8C,gCAAmB;AACtEC,IAAAA,gBAAgB,EAAE;AADoD,GAAnB,CAApD;AAGA,QAAM,CAAEC,WAAF,GAAiBC,oBAAjB,IAA0C,+BAC/CH,cAD+C,EAE/CD,uBAF+C,CAAhD;AAIA,QAAMK,2BAA2B,GAAG,sBACnC,MACCR,iBAAiB,CAACS,GAAlB,CACGC,eAAF,IAAuBA,eAAe,CAACC,IADxC,CAFkC,EAKnC,CAAEX,iBAAF,CALmC,CAApC;AAQA,QAAMY,qBAAqB,GAAG,sBAAS,MAAM;AAC5C,QAAK,CAAEhB,WAAP,EAAqB;AACpB,aAAOU,WAAW,CAACO,MAAZ,CAAsBC,OAAF,IAC1Bf,gBAAgB,KAAK,eAArB,GACG,CAAEe,OAAO,CAACC,UAAR,EAAoBC,MAAtB,IACAF,OAAO,CAACC,UAAR,CAAmBE,KAAnB,CACEC,QAAF,IACC,CAAEV,2BAA2B,CAACW,QAA5B,CACDD,QADC,CAFH,CAFH,GAQGJ,OAAO,CAACC,UAAR,EAAoBI,QAApB,CAA8BpB,gBAA9B,CATG,CAAP;AAWA;;AACD,WAAO,8BAAaO,WAAb,EAA0BV,WAA1B,CAAP;AACA,GAf6B,EAe3B,CAAEA,WAAF,EAAeG,gBAAf,EAAiCO,WAAjC,CAf2B,CAA9B,CAjB4E,CAkC5E;;AACA,0BAAW,MAAM;AAChB,QAAK,CAAEV,WAAP,EAAqB;AACpB;AACA;;AACD,UAAMwB,KAAK,GAAGR,qBAAqB,CAACI,MAApC;AACA,UAAMK,mBAAmB,GAAG;AAC3B;AACA,kBAAI,kBAAJ,EAAwB,mBAAxB,EAA6CD,KAA7C,CAF2B,EAG3BA,KAH2B,CAA5B;AAKAnB,IAAAA,cAAc,CAAEoB,mBAAF,CAAd;AACA,GAXD,EAWG,CAAEzB,WAAF,EAAeK,cAAf,CAXH;AAaA,QAAMqB,oBAAoB,GAAG,2BAAcV,qBAAd,EAAqC;AACjEW,IAAAA,IAAI,EAAE7B;AAD2D,GAArC,CAA7B;AAIA,QAAM8B,QAAQ,GAAG,CAAC,CAAEZ,qBAAqB,EAAEI,MAA3C;AACA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGQ,QAAQ,IACT,4BAAC,kBAAD;AACC,IAAA,WAAW,EAAG5B,WADf;AAEC,IAAA,2BAA2B,EAAGgB,qBAAqB,CAACI;AAFrD,IAFF,EAOC,4BAAC,wBAAD,QACG,CAAEQ,QAAF,IAAc,4BAAC,kBAAD,OADjB,EAEGA,QAAQ,IACT,4BAAC,0BAAD;AACC,IAAA,aAAa,EAAGF,oBADjB;AAEC,IAAA,aAAa,EAAGV,qBAFjB;AAGC,IAAA,cAAc,EAAGL,oBAHlB;AAIC,IAAA,WAAW,EAAG;AAJf,IAHF,CAPD,CADD;AAqBA;;eAEcT,W","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useEffect } from '@wordpress/element';\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { useDebounce, useAsyncList } from '@wordpress/compose';\nimport { __experimentalHeading as Heading } from '@wordpress/components';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport BlockPatternsList from '../../block-patterns-list';\nimport InserterNoResults from '../no-results';\nimport useInsertionPoint from '../hooks/use-insertion-point';\nimport usePatternsState from '../hooks/use-patterns-state';\nimport InserterListbox from '../../inserter-listbox';\nimport { searchItems } from '../search-items';\n\nconst INITIAL_INSERTER_RESULTS = 2;\n\nfunction PatternsListHeader( { filterValue, filteredBlockPatternsLength } ) {\n\tif ( ! filterValue ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Heading\n\t\t\tlevel={ 2 }\n\t\t\tlineHeight={ '48px' }\n\t\t\tclassName=\"block-editor-block-patterns-explorer__search-results-count\"\n\t\t>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %d: number of patterns. %s: block pattern search query */\n\t\t\t\t_n(\n\t\t\t\t\t'%1$d pattern found for \"%2$s\"',\n\t\t\t\t\t'%1$d patterns found for \"%2$s\"',\n\t\t\t\t\tfilteredBlockPatternsLength\n\t\t\t\t),\n\t\t\t\tfilteredBlockPatternsLength,\n\t\t\t\tfilterValue\n\t\t\t) }\n\t\t</Heading>\n\t);\n}\n\nfunction PatternList( { filterValue, selectedCategory, patternCategories } ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tshouldFocusBlock: true,\n\t} );\n\tconst [ allPatterns, , onSelectBlockPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\tconst registeredPatternCategories = useMemo(\n\t\t() =>\n\t\t\tpatternCategories.map(\n\t\t\t\t( patternCategory ) => patternCategory.name\n\t\t\t),\n\t\t[ patternCategories ]\n\t);\n\n\tconst filteredBlockPatterns = useMemo( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn allPatterns.filter( ( pattern ) =>\n\t\t\t\tselectedCategory === 'uncategorized'\n\t\t\t\t\t? ! pattern.categories?.length ||\n\t\t\t\t\t  pattern.categories.every(\n\t\t\t\t\t\t\t( category ) =>\n\t\t\t\t\t\t\t\t! registeredPatternCategories.includes(\n\t\t\t\t\t\t\t\t\tcategory\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t  )\n\t\t\t\t\t: pattern.categories?.includes( selectedCategory )\n\t\t\t);\n\t\t}\n\t\treturn searchItems( allPatterns, filterValue );\n\t}, [ filterValue, selectedCategory, allPatterns ] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockPatterns.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ filterValue, debouncedSpeak ] );\n\n\tconst currentShownPatterns = useAsyncList( filteredBlockPatterns, {\n\t\tstep: INITIAL_INSERTER_RESULTS,\n\t} );\n\n\tconst hasItems = !! filteredBlockPatterns?.length;\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-explorer__list\">\n\t\t\t{ hasItems && (\n\t\t\t\t<PatternsListHeader\n\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\tfilteredBlockPatternsLength={ filteredBlockPatterns.length }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<InserterListbox>\n\t\t\t\t{ ! hasItems && <InserterNoResults /> }\n\t\t\t\t{ hasItems && (\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tshownPatterns={ currentShownPatterns }\n\t\t\t\t\t\tblockPatterns={ filteredBlockPatterns }\n\t\t\t\t\t\tonClickPattern={ onSelectBlockPattern }\n\t\t\t\t\t\tisDraggable={ false }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</InserterListbox>\n\t\t</div>\n\t);\n}\n\nexport default PatternList;\n"]}

package/build/components/inserter/block-patterns-explorer/sidebar.js

@@ -14,20 +14,18 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
-function PatternCategoriesList(_ref) {
-  let {
-    selectedCategory,
-    patternCategories,
-    onClickCategory
-  } = _ref;
+function PatternCategoriesList({
+  selectedCategory,
+  patternCategories,
+  onClickCategory
+}) {
   const baseClassName = 'block-editor-block-patterns-explorer__sidebar';
   return (0, _element.createElement)("div", {
     className: `${baseClassName}__categories-list`
-  }, patternCategories.map(_ref2 => {
-    let {
-      name,
-      label
-    } = _ref2;
+  }, patternCategories.map(({
+    name,
+    label
+  }) => {
     return (0, _element.createElement)(_components.Button, {
       key: name,
       label: label,
@@ -40,11 +38,10 @@ function PatternCategoriesList(_ref) {
   }));
 }
 
-function PatternsExplorerSearch(_ref3) {
-  let {
-    filterValue,
-    setFilterValue
-  } = _ref3;
+function PatternsExplorerSearch({
+  filterValue,
+  setFilterValue
+}) {
   const baseClassName = 'block-editor-block-patterns-explorer__search';
   return (0, _element.createElement)("div", {
     className: baseClassName
@@ -57,14 +54,13 @@ function PatternsExplorerSearch(_ref3) {
   }));
 }
 
-function PatternExplorerSidebar(_ref4) {
-  let {
-    selectedCategory,
-    patternCategories,
-    onClickCategory,
-    filterValue,
-    setFilterValue
-  } = _ref4;
+function PatternExplorerSidebar({
+  selectedCategory,
+  patternCategories,
+  onClickCategory,
+  filterValue,
+  setFilterValue
+}) {
   const baseClassName = 'block-editor-block-patterns-explorer__sidebar';
   return (0, _element.createElement)("div", {
     className: baseClassName

package/build/components/inserter/block-patterns-explorer/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/sidebar.js"],"names":["PatternCategoriesList","selectedCategory","patternCategories","onClickCategory","baseClassName","map","name","label","PatternsExplorerSearch","filterValue","setFilterValue","PatternExplorerSidebar"],"mappings":";;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,SAASA,qBAAT,OAII;AAAA,MAJ4B;AAC/BC,IAAAA,gBAD+B;AAE/BC,IAAAA,iBAF+B;AAG/BC,IAAAA;AAH+B,GAI5B;AACH,QAAMC,aAAa,GAAG,+CAAtB;AACA,SACC;AAAK,IAAA,SAAS,EAAI,GAAGA,aAAe;AAApC,KACGF,iBAAiB,CAACG,GAAlB,CAAuB,SAAuB;AAAA,QAArB;AAAEC,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAqB;AAC/C,WACC,4BAAC,kBAAD;AACC,MAAA,GAAG,EAAGD,IADP;AAEC,MAAA,KAAK,EAAGC,KAFT;AAGC,MAAA,SAAS,EAAI,GAAGH,aAAe,yBAHhC;AAIC,MAAA,SAAS,EAAGH,gBAAgB,KAAKK,IAJlC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfH,QAAAA,eAAe,CAAEG,IAAF,CAAf;AACA;AAPF,OASGC,KATH,CADD;AAaA,GAdC,CADH,CADD;AAmBA;;AAED,SAASC,sBAAT,QAAmE;AAAA,MAAlC;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,GAAkC;AAClE,QAAMN,aAAa,GAAG,8CAAtB;AACA,SACC;AAAK,IAAA,SAAS,EAAGA;AAAjB,KACC,4BAAC,yBAAD;AACC,IAAA,uBAAuB,MADxB;AAEC,IAAA,QAAQ,EAAGM,cAFZ;AAGC,IAAA,KAAK,EAAGD,WAHT;AAIC,IAAA,KAAK,EAAG,cAAI,qBAAJ,CAJT;AAKC,IAAA,WAAW,EAAG,cAAI,QAAJ;AALf,IADD,CADD;AAWA;;AAED,SAASE,sBAAT,QAMI;AAAA,MAN6B;AAChCV,IAAAA,gBADgC;AAEhCC,IAAAA,iBAFgC;AAGhCC,IAAAA,eAHgC;AAIhCM,IAAAA,WAJgC;AAKhCC,IAAAA;AALgC,GAM7B;AACH,QAAMN,aAAa,GAAG,+CAAtB;AACA,SACC;AAAK,IAAA,SAAS,EAAGA;AAAjB,KACC,4BAAC,sBAAD;AACC,IAAA,WAAW,EAAGK,WADf;AAEC,IAAA,cAAc,EAAGC;AAFlB,IADD,EAKG,CAAED,WAAF,IACD,4BAAC,qBAAD;AACC,IAAA,gBAAgB,EAAGR,gBADpB;AAEC,IAAA,iBAAiB,EAAGC,iBAFrB;AAGC,IAAA,eAAe,EAAGC;AAHnB,IANF,CADD;AAeA;;eAEcQ,sB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, SearchControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nfunction PatternCategoriesList( {\n\tselectedCategory,\n\tpatternCategories,\n\tonClickCategory,\n} ) {\n\tconst baseClassName = 'block-editor-block-patterns-explorer__sidebar';\n\treturn (\n\t\t<div className={ `${ baseClassName }__categories-list` }>\n\t\t\t{ patternCategories.map( ( { name, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ name }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__categories-list__item` }\n\t\t\t\t\t\tisPressed={ selectedCategory === name }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonClickCategory( name );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n\nfunction PatternsExplorerSearch( { filterValue, setFilterValue } ) {\n\tconst baseClassName = 'block-editor-block-patterns-explorer__search';\n\treturn (\n\t\t<div className={ baseClassName }>\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tonChange={ setFilterValue }\n\t\t\t\tvalue={ filterValue }\n\t\t\t\tlabel={ __( 'Search for patterns' ) }\n\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction PatternExplorerSidebar( {\n\tselectedCategory,\n\tpatternCategories,\n\tonClickCategory,\n\tfilterValue,\n\tsetFilterValue,\n} ) {\n\tconst baseClassName = 'block-editor-block-patterns-explorer__sidebar';\n\treturn (\n\t\t<div className={ baseClassName }>\n\t\t\t<PatternsExplorerSearch\n\t\t\t\tfilterValue={ filterValue }\n\t\t\t\tsetFilterValue={ setFilterValue }\n\t\t\t/>\n\t\t\t{ ! filterValue && (\n\t\t\t\t<PatternCategoriesList\n\t\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\t\tonClickCategory={ onClickCategory }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternExplorerSidebar;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/sidebar.js"],"names":["PatternCategoriesList","selectedCategory","patternCategories","onClickCategory","baseClassName","map","name","label","PatternsExplorerSearch","filterValue","setFilterValue","PatternExplorerSidebar"],"mappings":";;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,SAASA,qBAAT,CAAgC;AAC/BC,EAAAA,gBAD+B;AAE/BC,EAAAA,iBAF+B;AAG/BC,EAAAA;AAH+B,CAAhC,EAII;AACH,QAAMC,aAAa,GAAG,+CAAtB;AACA,SACC;AAAK,IAAA,SAAS,EAAI,GAAGA,aAAe;AAApC,KACGF,iBAAiB,CAACG,GAAlB,CAAuB,CAAE;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAF,KAAuB;AAC/C,WACC,4BAAC,kBAAD;AACC,MAAA,GAAG,EAAGD,IADP;AAEC,MAAA,KAAK,EAAGC,KAFT;AAGC,MAAA,SAAS,EAAI,GAAGH,aAAe,yBAHhC;AAIC,MAAA,SAAS,EAAGH,gBAAgB,KAAKK,IAJlC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfH,QAAAA,eAAe,CAAEG,IAAF,CAAf;AACA;AAPF,OASGC,KATH,CADD;AAaA,GAdC,CADH,CADD;AAmBA;;AAED,SAASC,sBAAT,CAAiC;AAAEC,EAAAA,WAAF;AAAeC,EAAAA;AAAf,CAAjC,EAAmE;AAClE,QAAMN,aAAa,GAAG,8CAAtB;AACA,SACC;AAAK,IAAA,SAAS,EAAGA;AAAjB,KACC,4BAAC,yBAAD;AACC,IAAA,uBAAuB,MADxB;AAEC,IAAA,QAAQ,EAAGM,cAFZ;AAGC,IAAA,KAAK,EAAGD,WAHT;AAIC,IAAA,KAAK,EAAG,cAAI,qBAAJ,CAJT;AAKC,IAAA,WAAW,EAAG,cAAI,QAAJ;AALf,IADD,CADD;AAWA;;AAED,SAASE,sBAAT,CAAiC;AAChCV,EAAAA,gBADgC;AAEhCC,EAAAA,iBAFgC;AAGhCC,EAAAA,eAHgC;AAIhCM,EAAAA,WAJgC;AAKhCC,EAAAA;AALgC,CAAjC,EAMI;AACH,QAAMN,aAAa,GAAG,+CAAtB;AACA,SACC;AAAK,IAAA,SAAS,EAAGA;AAAjB,KACC,4BAAC,sBAAD;AACC,IAAA,WAAW,EAAGK,WADf;AAEC,IAAA,cAAc,EAAGC;AAFlB,IADD,EAKG,CAAED,WAAF,IACD,4BAAC,qBAAD;AACC,IAAA,gBAAgB,EAAGR,gBADpB;AAEC,IAAA,iBAAiB,EAAGC,iBAFrB;AAGC,IAAA,eAAe,EAAGC;AAHnB,IANF,CADD;AAeA;;eAEcQ,sB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, SearchControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nfunction PatternCategoriesList( {\n\tselectedCategory,\n\tpatternCategories,\n\tonClickCategory,\n} ) {\n\tconst baseClassName = 'block-editor-block-patterns-explorer__sidebar';\n\treturn (\n\t\t<div className={ `${ baseClassName }__categories-list` }>\n\t\t\t{ patternCategories.map( ( { name, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ name }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__categories-list__item` }\n\t\t\t\t\t\tisPressed={ selectedCategory === name }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonClickCategory( name );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n\nfunction PatternsExplorerSearch( { filterValue, setFilterValue } ) {\n\tconst baseClassName = 'block-editor-block-patterns-explorer__search';\n\treturn (\n\t\t<div className={ baseClassName }>\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tonChange={ setFilterValue }\n\t\t\t\tvalue={ filterValue }\n\t\t\t\tlabel={ __( 'Search for patterns' ) }\n\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction PatternExplorerSidebar( {\n\tselectedCategory,\n\tpatternCategories,\n\tonClickCategory,\n\tfilterValue,\n\tsetFilterValue,\n} ) {\n\tconst baseClassName = 'block-editor-block-patterns-explorer__sidebar';\n\treturn (\n\t\t<div className={ baseClassName }>\n\t\t\t<PatternsExplorerSearch\n\t\t\t\tfilterValue={ filterValue }\n\t\t\t\tsetFilterValue={ setFilterValue }\n\t\t\t/>\n\t\t\t{ ! filterValue && (\n\t\t\t\t<PatternCategoriesList\n\t\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\t\tonClickCategory={ onClickCategory }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternExplorerSidebar;\n"]}

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

@@ -19,6 +19,8 @@ var _components = require("@wordpress/components");
 
 var _icons = require("@wordpress/icons");
 
+var _blocks = require("@wordpress/blocks");
+
 var _dom = require("@wordpress/dom");
 
 var _usePatternsState = _interopRequireDefault(require("./hooks/use-patterns-state"));
@@ -29,6 +31,8 @@ var _explorer = _interopRequireDefault(require("./block-patterns-explorer/explor
 
 var _mobileTabNavigation = _interopRequireDefault(require("./mobile-tab-navigation"));
 
+var _useBlockTypesState = _interopRequireDefault(require("./hooks/use-block-types-state"));
+
 /**
  * WordPress dependencies
  */
@@ -44,6 +48,12 @@ const patternCategoriesOrder = ['featured', 'posts', 'text', 'gallery', 'call-to
 
 function usePatternsCategories(rootClientId) {
   const [allPatterns, allCategories] = (0, _usePatternsState.default)(undefined, rootClientId);
+  const [unsyncedPatterns] = (0, _useBlockTypesState.default)(rootClientId, undefined, 'unsynced');
+  const filteredUnsyncedPatterns = (0, _element.useMemo)(() => {
+    return unsyncedPatterns.filter(({
+      category: unsyncedPatternCategory
+    }) => unsyncedPatternCategory === 'reusable');
+  }, [unsyncedPatterns]);
   const hasRegisteredCategory = (0, _element.useCallback)(pattern => {
     if (!pattern.categories || !pattern.categories.length) {
       return false;
@@ -53,17 +63,11 @@ function usePatternsCategories(rootClientId) {
   }, [allCategories]); // Remove any empty categories.
 
   const populatedCategories = (0, _element.useMemo)(() => {
-    const categories = allCategories.filter(category => allPatterns.some(pattern => {
-      var _pattern$categories;
-
-      return (_pattern$categories = pattern.categories) === null || _pattern$categories === void 0 ? void 0 : _pattern$categories.includes(category.name);
-    })).sort((_ref, _ref2) => {
-      let {
-        name: aName
-      } = _ref;
-      let {
-        name: bName
-      } = _ref2;
+    const categories = allCategories.filter(category => allPatterns.some(pattern => pattern.categories?.includes(category.name))).sort(({
+      name: aName
+    }, {
+      name: bName
+    }) => {
       // Sort categories according to `patternCategoriesOrder`.
       let aIndex = patternCategoriesOrder.indexOf(aName);
       let bIndex = patternCategoriesOrder.indexOf(bName); // All other categories should come after that.
@@ -80,25 +84,31 @@ function usePatternsCategories(rootClientId) {
       });
     }
 
+    if (filteredUnsyncedPatterns.length > 0) {
+      categories.push({
+        name: 'reusable',
+        label: (0, _i18n._x)('Custom patterns')
+      });
+    }
+
     return categories;
-  }, [allPatterns, allCategories]);
+  }, [allCategories, allPatterns, filteredUnsyncedPatterns.length, hasRegisteredCategory]);
   return populatedCategories;
 }
 
-function BlockPatternsCategoryDialog(_ref3) {
-  let {
-    rootClientId,
-    onInsert,
-    onHover,
-    category,
-    showTitlesAsTooltip
-  } = _ref3;
+function BlockPatternsCategoryDialog({
+  rootClientId,
+  onInsert,
+  onHover,
+  category,
+  showTitlesAsTooltip
+}) {
   const container = (0, _element.useRef)();
   (0, _element.useEffect)(() => {
     const timeout = setTimeout(() => {
       const [firstTabbable] = _dom.focus.tabbable.find(container.current);
 
-      firstTabbable === null || firstTabbable === void 0 ? void 0 : firstTabbable.focus();
+      firstTabbable?.focus();
     });
     return () => clearTimeout(timeout);
   }, [category]);
@@ -114,35 +124,43 @@ function BlockPatternsCategoryDialog(_ref3) {
   }));
 }
 
-function BlockPatternsCategoryPanel(_ref4) {
-  let {
-    rootClientId,
-    onInsert,
-    onHover = noop,
-    category,
-    showTitlesAsTooltip
-  } = _ref4;
+function BlockPatternsCategoryPanel({
+  rootClientId,
+  onInsert,
+  onHover = noop,
+  category,
+  showTitlesAsTooltip
+}) {
   const [allPatterns,, onClick] = (0, _usePatternsState.default)(onInsert, rootClientId);
+  const [unsyncedPatterns] = (0, _useBlockTypesState.default)(rootClientId, onInsert, 'unsynced');
+  const filteredUnsyncedPatterns = (0, _element.useMemo)(() => {
+    return unsyncedPatterns.filter(({
+      category: unsyncedPatternCategory
+    }) => unsyncedPatternCategory === 'reusable').map(syncedPattern => ({ ...syncedPattern,
+      blocks: (0, _blocks.parse)(syncedPattern.content, {
+        __unstableSkipMigrationLogs: true
+      })
+    }));
+  }, [unsyncedPatterns]);
   const availableCategories = usePatternsCategories(rootClientId);
   const currentCategoryPatterns = (0, _element.useMemo)(() => allPatterns.filter(pattern => {
-    var _pattern$categories$f, _pattern$categories3;
+    var _pattern$categories$f;
 
     if (category.name !== 'uncategorized') {
-      var _pattern$categories2;
-
-      return (_pattern$categories2 = pattern.categories) === null || _pattern$categories2 === void 0 ? void 0 : _pattern$categories2.includes(category.name);
+      return pattern.categories?.includes(category.name);
     } // The uncategorized category should show all the patterns without any category
     // or with no available category.
 
 
-    const availablePatternCategories = (_pattern$categories$f = (_pattern$categories3 = pattern.categories) === null || _pattern$categories3 === void 0 ? void 0 : _pattern$categories3.filter(cat => availableCategories.find(availableCategory => availableCategory.name === cat))) !== null && _pattern$categories$f !== void 0 ? _pattern$categories$f : [];
+    const availablePatternCategories = (_pattern$categories$f = pattern.categories?.filter(cat => availableCategories.find(availableCategory => availableCategory.name === cat))) !== null && _pattern$categories$f !== void 0 ? _pattern$categories$f : [];
     return availablePatternCategories.length === 0;
   }), [allPatterns, category]);
-  const currentShownPatterns = (0, _compose.useAsyncList)(currentCategoryPatterns); // Hide block pattern preview on unmount.
+  const patterns = category.name === 'reusable' ? filteredUnsyncedPatterns : currentCategoryPatterns;
+  const currentShownPatterns = (0, _compose.useAsyncList)(patterns); // Hide block pattern preview on unmount.
 
   (0, _element.useEffect)(() => () => onHover(null), []);
 
-  if (!currentCategoryPatterns.length) {
+  if (!currentCategoryPatterns.length && !filteredUnsyncedPatterns.length) {
     return null;
   }
 
@@ -152,7 +170,7 @@ function BlockPatternsCategoryPanel(_ref4) {
     className: "block-editor-inserter__patterns-category-panel-title"
   }, category.label), (0, _element.createElement)("p", null, category.description), (0, _element.createElement)(_blockPatternsList.default, {
     shownPatterns: currentShownPatterns,
-    blockPatterns: currentCategoryPatterns,
+    blockPatterns: patterns,
     onClickPattern: onClick,
     onHover: onHover,
     label: category.label,
@@ -163,13 +181,12 @@ function BlockPatternsCategoryPanel(_ref4) {
   }));
 }
 
-function BlockPatternsTabs(_ref5) {
-  let {
-    onSelectCategory,
-    selectedCategory,
-    onInsert,
-    rootClientId
-  } = _ref5;
+function BlockPatternsTabs({
+  onSelectCategory,
+  selectedCategory,
+  onInsert,
+  rootClientId
+}) {
   const [showPatternsExplorer, setShowPatternsExplorer] = (0, _element.useState)(false);
   const categories = usePatternsCategories(rootClientId);
   const initialCategory = selectedCategory || categories[0];
@@ -189,7 +206,7 @@ function BlockPatternsTabs(_ref5) {
     "aria-label": category.label,
     "aria-current": category === selectedCategory ? 'true' : undefined
   }, (0, _element.createElement)(_components.__experimentalHStack, null, (0, _element.createElement)(_components.FlexBlock, null, category.label), (0, _element.createElement)(_icons.Icon, {
-    icon: _icons.chevronRight
+    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
   })))), (0, _element.createElement)("div", {
     role: "listitem"
   }, (0, _element.createElement)(_components.Button, {