@wordpress/block-editor 12.9.1-next.5a1d1283.0 → 12.10.1

package/build/components/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockAlignmentControl","require","_blockContext","_blockControls","_interopRequireWildcard","_blockEdit","_blockIcon","_interopRequireDefault","_blockVerticalAlignmentControl","_colors","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_gradients","_fontSizes","_alignmentControl","_innerBlocks","_inspectorControls","_justifyContentControl","_lineHeightControl","_blockHeadingLevelDropdown","_plainText","_richText","_mediaReplaceFlow","_mediaPlaceholder","_mediaUpload","_mediaUploadProgress","_blockMediaUpdateProgress","_urlInput","_blockInvalidWarning","_blockCaption","_caption","_panelColorSettings","_panelColorGradientSettings","_useSetting","_recursionProvider","_warning","_contrastChecker","_useMultipleOriginColorsAndGradients","_blockSettings","_videoPlayer","_utils","_blockList","_blockMover","_blockToolbar","_blockVariationPicker","_blockStyles","_defaultBlockAppender","_editorStyles","_inserter","_useBlockProps","_floatingToolbar","_provider","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["@wordpress/block-editor/src/components/index.native.js"],"sourcesContent":["// Block Creation Components.\nexport {\n\tBlockAlignmentControl,\n\tBlockAlignmentToolbar,\n} from './block-alignment-control';\nexport { BlockContextProvider } from './block-context';\nexport {\n\tdefault as BlockControls,\n\tBlockFormatControls,\n} from './block-controls';\nexport { default as BlockEdit, useBlockEditContext } from './block-edit';\nexport { default as BlockIcon } from './block-icon';\nexport {\n\tBlockVerticalAlignmentToolbar,\n\tBlockVerticalAlignmentControl,\n} from './block-vertical-alignment-control';\nexport * from './colors';\nexport * from './gradients';\nexport * from './font-sizes';\nexport { AlignmentControl, AlignmentToolbar } from './alignment-control';\nexport { default as InnerBlocks, useInnerBlocksProps } from './inner-blocks';\nexport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from './inspector-controls';\nexport {\n\tJustifyToolbar,\n\tJustifyContentControl,\n} from './justify-content-control';\nexport { default as LineHeightControl } from './line-height-control';\nexport { default as HeadingLevelDropdown } from './block-heading-level-dropdown';\nexport { default as PlainText } from './plain-text';\nexport {\n\tdefault as RichText,\n\tRichTextShortcut,\n\tRichTextToolbarButton,\n\t__unstableRichTextInputEvent,\n} from './rich-text';\nexport { default as MediaReplaceFlow } from './media-replace-flow';\nexport { default as MediaPlaceholder } from './media-placeholder';\nexport {\n\tdefault as MediaUpload,\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n\tMEDIA_TYPE_ANY,\n} from './media-upload';\nexport {\n\tdefault as MediaUploadProgress,\n\tMEDIA_UPLOAD_STATE_UPLOADING,\n\tMEDIA_UPLOAD_STATE_SUCCEEDED,\n\tMEDIA_UPLOAD_STATE_FAILED,\n\tMEDIA_UPLOAD_STATE_RESET,\n} from './media-upload-progress';\nexport { default as BlockMediaUpdateProgress } from './block-media-update-progress';\nexport { default as URLInput } from './url-input';\nexport { default as BlockInvalidWarning } from './block-list/block-invalid-warning';\nexport { default as BlockCaption } from './block-caption';\nexport { default as Caption } from './caption';\nexport { default as PanelColorSettings } from './panel-color-settings';\nexport { default as __experimentalPanelColorGradientSettings } from './colors-gradients/panel-color-gradient-settings';\nexport { default as useSetting } from './use-setting';\nexport {\n\tRecursionProvider as __experimentalRecursionProvider,\n\tuseHasRecursion as __experimentalUseHasRecursion,\n} from './recursion-provider';\nexport { default as Warning } from './warning';\nexport { default as ContrastChecker } from './contrast-checker';\nexport { default as useMultipleOriginColorsAndGradients } from './colors-gradients/use-multiple-origin-colors-and-gradients';\n\nexport {\n\tBottomSheetSettings,\n\tBlockSettingsButton,\n\tblockSettingsScreens,\n} from './block-settings';\nexport { default as VideoPlayer, VIDEO_ASPECT_RATIO } from './video-player';\n\nexport {\n\tgetSpacingPresetCssVar,\n\tgetCustomValueFromPreset,\n\tisValueSpacingPreset,\n} from './spacing-sizes-control/utils';\n// Content Related Components.\nexport { default as BlockList } from './block-list';\nexport { default as BlockMover } from './block-mover';\nexport { default as BlockToolbar } from './block-toolbar';\nexport { default as BlockVariationPicker } from './block-variation-picker';\nexport { default as BlockStyles } from './block-styles';\nexport { default as DefaultBlockAppender } from './default-block-appender';\nexport { default as __unstableEditorStyles } from './editor-styles';\nexport { default as Inserter } from './inserter';\nexport { useBlockProps } from './block-list/use-block-props';\nexport { default as FloatingToolbar } from './floating-toolbar';\n\n// State Related Components.\nexport { default as BlockEditorProvider } from './provider';\n"],"mappings":"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"}
+{"version":3,"names":["_blockAlignmentControl","require","_blockContext","_blockControls","_interopRequireWildcard","_blockEdit","_blockIcon","_interopRequireDefault","_blockVerticalAlignmentControl","_colors","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_gradients","_fontSizes","_alignmentControl","_innerBlocks","_inspectorControls","_justifyContentControl","_lineHeightControl","_blockHeadingLevelDropdown","_plainText","_richText","_mediaReplaceFlow","_mediaPlaceholder","_mediaUpload","_constants","_mediaUploadProgress","_blockMediaUpdateProgress","_urlInput","_blockInvalidWarning","_blockCaption","_caption","_panelColorSettings","_panelColorGradientSettings","_useSetting","_recursionProvider","_warning","_contrastChecker","_useMultipleOriginColorsAndGradients","_blockSettings","_videoPlayer","_utils","_blockList","_blockMover","_blockToolbar","_blockVariationPicker","_blockStyles","_defaultBlockAppender","_editorStyles","_inserter","_useBlockProps","_floatingToolbar","_provider","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["@wordpress/block-editor/src/components/index.native.js"],"sourcesContent":["// Block Creation Components.\nexport {\n\tBlockAlignmentControl,\n\tBlockAlignmentToolbar,\n} from './block-alignment-control';\nexport { BlockContextProvider } from './block-context';\nexport {\n\tdefault as BlockControls,\n\tBlockFormatControls,\n} from './block-controls';\nexport { default as BlockEdit, useBlockEditContext } from './block-edit';\nexport { default as BlockIcon } from './block-icon';\nexport {\n\tBlockVerticalAlignmentToolbar,\n\tBlockVerticalAlignmentControl,\n} from './block-vertical-alignment-control';\nexport * from './colors';\nexport * from './gradients';\nexport * from './font-sizes';\nexport { AlignmentControl, AlignmentToolbar } from './alignment-control';\nexport { default as InnerBlocks, useInnerBlocksProps } from './inner-blocks';\nexport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from './inspector-controls';\nexport {\n\tJustifyToolbar,\n\tJustifyContentControl,\n} from './justify-content-control';\nexport { default as LineHeightControl } from './line-height-control';\nexport { default as HeadingLevelDropdown } from './block-heading-level-dropdown';\nexport { default as PlainText } from './plain-text';\nexport {\n\tdefault as RichText,\n\tRichTextShortcut,\n\tRichTextToolbarButton,\n\t__unstableRichTextInputEvent,\n} from './rich-text';\nexport { default as MediaReplaceFlow } from './media-replace-flow';\nexport { default as MediaPlaceholder } from './media-placeholder';\nexport { default as MediaUpload } from './media-upload';\nexport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n\tMEDIA_TYPE_ANY,\n} from './media-upload/constants';\nexport {\n\tdefault as MediaUploadProgress,\n\tMEDIA_UPLOAD_STATE_UPLOADING,\n\tMEDIA_UPLOAD_STATE_SUCCEEDED,\n\tMEDIA_UPLOAD_STATE_FAILED,\n\tMEDIA_UPLOAD_STATE_RESET,\n} from './media-upload-progress';\nexport { default as BlockMediaUpdateProgress } from './block-media-update-progress';\nexport { default as URLInput } from './url-input';\nexport { default as BlockInvalidWarning } from './block-list/block-invalid-warning';\nexport { default as BlockCaption } from './block-caption';\nexport { default as Caption } from './caption';\nexport { default as PanelColorSettings } from './panel-color-settings';\nexport { default as __experimentalPanelColorGradientSettings } from './colors-gradients/panel-color-gradient-settings';\nexport { default as useSetting } from './use-setting';\nexport {\n\tRecursionProvider as __experimentalRecursionProvider,\n\tuseHasRecursion as __experimentalUseHasRecursion,\n} from './recursion-provider';\nexport { default as Warning } from './warning';\nexport { default as ContrastChecker } from './contrast-checker';\nexport { default as useMultipleOriginColorsAndGradients } from './colors-gradients/use-multiple-origin-colors-and-gradients';\n\nexport {\n\tBottomSheetSettings,\n\tBlockSettingsButton,\n\tblockSettingsScreens,\n} from './block-settings';\nexport { default as VideoPlayer, VIDEO_ASPECT_RATIO } from './video-player';\n\nexport {\n\tgetSpacingPresetCssVar,\n\tgetCustomValueFromPreset,\n\tisValueSpacingPreset,\n} from './spacing-sizes-control/utils';\n// Content Related Components.\nexport { default as BlockList } from './block-list';\nexport { default as BlockMover } from './block-mover';\nexport { default as BlockToolbar } from './block-toolbar';\nexport { default as BlockVariationPicker } from './block-variation-picker';\nexport { default as BlockStyles } from './block-styles';\nexport { default as DefaultBlockAppender } from './default-block-appender';\nexport { default as __unstableEditorStyles } from './editor-styles';\nexport { default as Inserter } from './inserter';\nexport { useBlockProps } from './block-list/use-block-props';\nexport { default as FloatingToolbar } from './floating-toolbar';\n\n// State Related Components.\nexport { default as BlockEditorProvider } from './provider';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAIA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAC,uBAAA,CAAAH,OAAA;AAIA,IAAAI,UAAA,GAAAD,uBAAA,CAAAH,OAAA;AACA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AAIA,IAAAQ,OAAA,GAAAR,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAArB,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAW,UAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,UAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,UAAA,GAAAtB,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAY,UAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,UAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,iBAAA,GAAAvB,OAAA;AACA,IAAAwB,YAAA,GAAArB,uBAAA,CAAAH,OAAA;AACA,IAAAyB,kBAAA,GAAAtB,uBAAA,CAAAH,OAAA;AAIA,IAAA0B,sBAAA,GAAA1B,OAAA;AAIA,IAAA2B,kBAAA,GAAArB,sBAAA,CAAAN,OAAA;AACA,IAAA4B,0BAAA,GAAAtB,sBAAA,CAAAN,OAAA;AACA,IAAA6B,UAAA,GAAAvB,sBAAA,CAAAN,OAAA;AACA,IAAA8B,SAAA,GAAA3B,uBAAA,CAAAH,OAAA;AAMA,IAAA+B,iBAAA,GAAAzB,sBAAA,CAAAN,OAAA;AACA,IAAAgC,iBAAA,GAAA1B,sBAAA,CAAAN,OAAA;AACA,IAAAiC,YAAA,GAAA3B,sBAAA,CAAAN,OAAA;AACA,IAAAkC,UAAA,GAAAlC,OAAA;AAMA,IAAAmC,oBAAA,GAAAhC,uBAAA,CAAAH,OAAA;AAOA,IAAAoC,yBAAA,GAAA9B,sBAAA,CAAAN,OAAA;AACA,IAAAqC,SAAA,GAAA/B,sBAAA,CAAAN,OAAA;AACA,IAAAsC,oBAAA,GAAAhC,sBAAA,CAAAN,OAAA;AACA,IAAAuC,aAAA,GAAAjC,sBAAA,CAAAN,OAAA;AACA,IAAAwC,QAAA,GAAAlC,sBAAA,CAAAN,OAAA;AACA,IAAAyC,mBAAA,GAAAnC,sBAAA,CAAAN,OAAA;AACA,IAAA0C,2BAAA,GAAApC,sBAAA,CAAAN,OAAA;AACA,IAAA2C,WAAA,GAAArC,sBAAA,CAAAN,OAAA;AACA,IAAA4C,kBAAA,GAAA5C,OAAA;AAIA,IAAA6C,QAAA,GAAAvC,sBAAA,CAAAN,OAAA;AACA,IAAA8C,gBAAA,GAAAxC,sBAAA,CAAAN,OAAA;AACA,IAAA+C,oCAAA,GAAAzC,sBAAA,CAAAN,OAAA;AAEA,IAAAgD,cAAA,GAAAhD,OAAA;AAKA,IAAAiD,YAAA,GAAA9C,uBAAA,CAAAH,OAAA;AAEA,IAAAkD,MAAA,GAAAlD,OAAA;AAMA,IAAAmD,UAAA,GAAA7C,sBAAA,CAAAN,OAAA;AACA,IAAAoD,WAAA,GAAA9C,sBAAA,CAAAN,OAAA;AACA,IAAAqD,aAAA,GAAA/C,sBAAA,CAAAN,OAAA;AACA,IAAAsD,qBAAA,GAAAhD,sBAAA,CAAAN,OAAA;AACA,IAAAuD,YAAA,GAAAjD,sBAAA,CAAAN,OAAA;AACA,IAAAwD,qBAAA,GAAAlD,sBAAA,CAAAN,OAAA;AACA,IAAAyD,aAAA,GAAAnD,sBAAA,CAAAN,OAAA;AACA,IAAA0D,SAAA,GAAApD,sBAAA,CAAAN,OAAA;AACA,IAAA2D,cAAA,GAAA3D,OAAA;AACA,IAAA4D,gBAAA,GAAAtD,sBAAA,CAAAN,OAAA;AAGA,IAAA6D,SAAA,GAAAvD,sBAAA,CAAAN,OAAA;AAA4D,SAAA8D,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAA5D,wBAAAgE,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAlD,GAAA,CAAA+C,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAhE,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAiE,wBAAA,WAAA9D,GAAA,IAAAuD,GAAA,QAAAvD,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAoD,GAAA,EAAAvD,GAAA,SAAA+D,IAAA,GAAAF,qBAAA,GAAAhE,MAAA,CAAAiE,wBAAA,CAAAP,GAAA,EAAAvD,GAAA,cAAA+D,IAAA,KAAAA,IAAA,CAAAvD,GAAA,IAAAuD,IAAA,CAAAC,GAAA,KAAAnE,MAAA,CAAAS,cAAA,CAAAsD,MAAA,EAAA5D,GAAA,EAAA+D,IAAA,YAAAH,MAAA,CAAA5D,GAAA,IAAAuD,GAAA,CAAAvD,GAAA,SAAA4D,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

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

@@ -8,6 +8,7 @@ exports.default = useNestedSettingsUpdate;
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+var _isShallowEqual = _interopRequireDefault(require("@wordpress/is-shallow-equal"));
 var _store = require("../../store");
 var _layouts = require("../../layouts");
 /**
@@ -21,6 +22,13 @@ var _layouts = require("../../layouts");
 /** @typedef {import('../../selectors').WPDirectInsertBlock } WPDirectInsertBlock */
 
 const pendingSettingsUpdates = new WeakMap();
+function useShallowMemo(value) {
+  const [prevValue, setPrevValue] = (0, _element.useState)(value);
+  if (!(0, _isShallowEqual.default)(prevValue, value)) {
+    setPrevValue(value);
+  }
+  return prevValue;
+}
 
 /**
  * This hook is a side effect which updates the block-editor store when changes
@@ -63,14 +71,12 @@ function useNestedSettingsUpdate(clientId, allowedBlocks, prioritizedInserterBlo
     };
   }, [clientId]);
 
-  // Memoize allowedBlocks and prioritisedInnerBlocks based on the contents
-  // of the arrays. Implementors often pass a new array on every render,
+  // Implementors often pass a new array on every render,
   // and the contents of the arrays are just strings, so the entire array
-  // can be passed as dependencies.
-
-  const _allowedBlocks = (0, _element.useMemo)(() => allowedBlocks,
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  allowedBlocks);
+  // can be passed as dependencies but We need to include the length of the array,
+  // otherwise if the arrays change length but the first elements are equal the comparison,
+  // does not works as expected.
+  const _allowedBlocks = useShallowMemo(allowedBlocks);
   const _prioritizedInserterBlocks = (0, _element.useMemo)(() => prioritizedInserterBlocks,
   // eslint-disable-next-line react-hooks/exhaustive-deps
   prioritizedInserterBlocks);

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_deprecated","_interopRequireDefault","_store","_layouts","pendingSettingsUpdates","WeakMap","useNestedSettingsUpdate","clientId","allowedBlocks","prioritizedInserterBlocks","defaultBlock","directInsert","__experimentalDefaultBlock","__experimentalDirectInsert","templateLock","captureToolbars","orientation","layout","updateBlockListSettings","useDispatch","blockEditorStore","registry","useRegistry","parentLock","useSelect","select","rootClientId","getBlockRootClientId","getTemplateLock","_allowedBlocks","useMemo","_prioritizedInserterBlocks","_templateLock","undefined","useLayoutEffect","newSettings","__experimentalCaptureToolbars","layoutType","getLayoutType","type","getOrientation","deprecated","alternative","since","version","get","set","push","window","queueMicrotask","length","batch","forEach","args"],"sources":["@wordpress/block-editor/src/components/inner-blocks/use-nested-settings-update.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\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} defaultBlock               The default block to insert: [ blockName, { blockAttributes } ].\n * @param {?Function|boolean}    directInsert               If a default block should be inserted directly by the appender.\n *\n * @param {?WPDirectInsertBlock} __experimentalDefaultBlock A deprecated prop for the default block to insert: [ blockName, { blockAttributes } ]. Use `defaultBlock` instead.\n *\n * @param {?Function|boolean}    __experimentalDirectInsert A deprecated prop for whether a default block should be inserted directly by the appender. Use `directInsert` instead.\n *\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\tdefaultBlock,\n\tdirectInsert,\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\tdeprecated( '__experimentalDefaultBlock', {\n\t\t\t\talternative: 'defaultBlock',\n\t\t\t\tsince: '6.3',\n\t\t\t\tversion: '6.4',\n\t\t\t} );\n\t\t\tnewSettings.defaultBlock = __experimentalDefaultBlock;\n\t\t}\n\n\t\tif ( defaultBlock !== undefined ) {\n\t\t\tnewSettings.defaultBlock = defaultBlock;\n\t\t}\n\n\t\tif ( __experimentalDirectInsert !== undefined ) {\n\t\t\tdeprecated( '__experimentalDirectInsert', {\n\t\t\t\talternative: 'directInsert',\n\t\t\t\tsince: '6.3',\n\t\t\t\tversion: '6.4',\n\t\t\t} );\n\t\t\tnewSettings.directInsert = __experimentalDirectInsert;\n\t\t}\n\n\t\tif ( directInsert !== undefined ) {\n\t\t\tnewSettings.directInsert = directInsert;\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\tdefaultBlock,\n\t\tdirectInsert,\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"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA;;AAEA,MAAMM,sBAAsB,GAAG,IAAIC,OAAO,CAAC,CAAC;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,uBAAuBA,CAC9CC,QAAQ,EACRC,aAAa,EACbC,yBAAyB,EACzBC,YAAY,EACZC,YAAY,EACZC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,YAAY,EACZC,eAAe,EACfC,WAAW,EACXC,MAAM,EACL;EACD,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACnE,MAAMC,QAAQ,GAAG,IAAAC,iBAAW,EAAC,CAAC;EAE9B,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAMC,YAAY,GACjBD,MAAM,CAAEL,YAAiB,CAAC,CAACO,oBAAoB,CAAEpB,QAAS,CAAC;IAC5D,OAAO;MACNgB,UAAU,EACTE,MAAM,CAAEL,YAAiB,CAAC,CAACQ,eAAe,CAAEF,YAAa;IAC3D,CAAC;EACF,CAAC,EACD,CAAEnB,QAAQ,CACX,CAAC;;EAED;EACA;EACA;EACA;;EAEA,MAAMsB,cAAc,GAAG,IAAAC,gBAAO,EAC7B,MAAMtB,aAAa;EACnB;EACAA,aACD,CAAC;EAED,MAAMuB,0BAA0B,GAAG,IAAAD,gBAAO,EACzC,MAAMrB,yBAAyB;EAC/B;EACAA,yBACD,CAAC;EAED,MAAMuB,aAAa,GAClBlB,YAAY,KAAKmB,SAAS,IAAIV,UAAU,KAAK,aAAa,GACvDA,UAAU,GACVT,YAAY;EAEhB,IAAAoB,wBAAe,EAAE,MAAM;IACtB,MAAMC,WAAW,GAAG;MACnB3B,aAAa,EAAEqB,cAAc;MAC7BpB,yBAAyB,EAAEsB,0BAA0B;MACrDjB,YAAY,EAAEkB;IACf,CAAC;;IAED;IACA;IACA,IAAKjB,eAAe,KAAKkB,SAAS,EAAG;MACpCE,WAAW,CAACC,6BAA6B,GAAGrB,eAAe;IAC5D;;IAEA;IACA;IACA,IAAKC,WAAW,KAAKiB,SAAS,EAAG;MAChCE,WAAW,CAACnB,WAAW,GAAGA,WAAW;IACtC,CAAC,MAAM;MACN,MAAMqB,UAAU,GAAG,IAAAC,sBAAa,EAAErB,MAAM,EAAEsB,IAAK,CAAC;MAChDJ,WAAW,CAACnB,WAAW,GAAGqB,UAAU,CAACG,cAAc,CAAEvB,MAAO,CAAC;IAC9D;IAEA,IAAKL,0BAA0B,KAAKqB,SAAS,EAAG;MAC/C,IAAAQ,mBAAU,EAAE,4BAA4B,EAAE;QACzCC,WAAW,EAAE,cAAc;QAC3BC,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE;MACV,CAAE,CAAC;MACHT,WAAW,CAACzB,YAAY,GAAGE,0BAA0B;IACtD;IAEA,IAAKF,YAAY,KAAKuB,SAAS,EAAG;MACjCE,WAAW,CAACzB,YAAY,GAAGA,YAAY;IACxC;IAEA,IAAKG,0BAA0B,KAAKoB,SAAS,EAAG;MAC/C,IAAAQ,mBAAU,EAAE,4BAA4B,EAAE;QACzCC,WAAW,EAAE,cAAc;QAC3BC,KAAK,EAAE,KAAK;QACZC,OAAO,EAAE;MACV,CAAE,CAAC;MACHT,WAAW,CAACxB,YAAY,GAAGE,0BAA0B;IACtD;IAEA,IAAKF,YAAY,KAAKsB,SAAS,EAAG;MACjCE,WAAW,CAACxB,YAAY,GAAGA,YAAY;IACxC;;IAEA;IACA;IACA;IACA;IACA;IACA;IACA,IAAK,CAAEP,sBAAsB,CAACyC,GAAG,CAAExB,QAAS,CAAC,EAAG;MAC/CjB,sBAAsB,CAAC0C,GAAG,CAAEzB,QAAQ,EAAE,EAAG,CAAC;IAC3C;IACAjB,sBAAsB,CACpByC,GAAG,CAAExB,QAAS,CAAC,CACf0B,IAAI,CAAE,CAAExC,QAAQ,EAAE4B,WAAW,CAAG,CAAC;IACnCa,MAAM,CAACC,cAAc,CAAE,MAAM;MAC5B,IAAK7C,sBAAsB,CAACyC,GAAG,CAAExB,QAAS,CAAC,EAAE6B,MAAM,EAAG;QACrD7B,QAAQ,CAAC8B,KAAK,CAAE,MAAM;UACrB/C,sBAAsB,CACpByC,GAAG,CAAExB,QAAS,CAAC,CACf+B,OAAO,CAAIC,IAAI,IAAM;YACrBnC,uBAAuB,CAAE,GAAGmC,IAAK,CAAC;UACnC,CAAE,CAAC;UACJjD,sBAAsB,CAAC0C,GAAG,CAAEzB,QAAQ,EAAE,EAAG,CAAC;QAC3C,CAAE,CAAC;MACJ;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CACFd,QAAQ,EACRsB,cAAc,EACdE,0BAA0B,EAC1BC,aAAa,EACbtB,YAAY,EACZC,YAAY,EACZC,0BAA0B,EAC1BC,0BAA0B,EAC1BE,eAAe,EACfC,WAAW,EACXE,uBAAuB,EACvBD,MAAM,EACNI,QAAQ,CACP,CAAC;AACJ"}
+{"version":3,"names":["_element","require","_data","_deprecated","_interopRequireDefault","_isShallowEqual","_store","_layouts","pendingSettingsUpdates","WeakMap","useShallowMemo","value","prevValue","setPrevValue","useState","isShallowEqual","useNestedSettingsUpdate","clientId","allowedBlocks","prioritizedInserterBlocks","defaultBlock","directInsert","__experimentalDefaultBlock","__experimentalDirectInsert","templateLock","captureToolbars","orientation","layout","updateBlockListSettings","useDispatch","blockEditorStore","registry","useRegistry","parentLock","useSelect","select","rootClientId","getBlockRootClientId","getTemplateLock","_allowedBlocks","_prioritizedInserterBlocks","useMemo","_templateLock","undefined","useLayoutEffect","newSettings","__experimentalCaptureToolbars","layoutType","getLayoutType","type","getOrientation","deprecated","alternative","since","version","get","set","push","window","queueMicrotask","length","batch","forEach","args"],"sources":["@wordpress/block-editor/src/components/inner-blocks/use-nested-settings-update.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useMemo, useState } from '@wordpress/element';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\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\nfunction useShallowMemo( value ) {\n\tconst [ prevValue, setPrevValue ] = useState( value );\n\tif ( ! isShallowEqual( prevValue, value ) ) {\n\t\tsetPrevValue( value );\n\t}\n\treturn prevValue;\n}\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} defaultBlock               The default block to insert: [ blockName, { blockAttributes } ].\n * @param {?Function|boolean}    directInsert               If a default block should be inserted directly by the appender.\n *\n * @param {?WPDirectInsertBlock} __experimentalDefaultBlock A deprecated prop for the default block to insert: [ blockName, { blockAttributes } ]. Use `defaultBlock` instead.\n *\n * @param {?Function|boolean}    __experimentalDirectInsert A deprecated prop for whether a default block should be inserted directly by the appender. Use `directInsert` instead.\n *\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\tdefaultBlock,\n\tdirectInsert,\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// 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 but We need to include the length of the array,\n\t// otherwise if the arrays change length but the first elements are equal the comparison,\n\t// does not works as expected.\n\tconst _allowedBlocks = useShallowMemo( allowedBlocks );\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\tdeprecated( '__experimentalDefaultBlock', {\n\t\t\t\talternative: 'defaultBlock',\n\t\t\t\tsince: '6.3',\n\t\t\t\tversion: '6.4',\n\t\t\t} );\n\t\t\tnewSettings.defaultBlock = __experimentalDefaultBlock;\n\t\t}\n\n\t\tif ( defaultBlock !== undefined ) {\n\t\t\tnewSettings.defaultBlock = defaultBlock;\n\t\t}\n\n\t\tif ( __experimentalDirectInsert !== undefined ) {\n\t\t\tdeprecated( '__experimentalDirectInsert', {\n\t\t\t\talternative: 'directInsert',\n\t\t\t\tsince: '6.3',\n\t\t\t\tversion: '6.4',\n\t\t\t} );\n\t\t\tnewSettings.directInsert = __experimentalDirectInsert;\n\t\t}\n\n\t\tif ( directInsert !== undefined ) {\n\t\t\tnewSettings.directInsert = directInsert;\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\tdefaultBlock,\n\t\tdirectInsert,\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"],"mappings":"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"}

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

@@ -10,6 +10,7 @@ var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _sidebar = _interopRequireDefault(require("./sidebar"));
 var _patternsList = _interopRequireDefault(require("./patterns-list"));
+var _blockPatternsTab = require("../block-patterns-tab");
 /**
  * WordPress dependencies
  */
@@ -20,22 +21,27 @@ var _patternsList = _interopRequireDefault(require("./patterns-list"));
 
 function PatternsExplorer({
   initialCategory,
-  patternCategories
+  rootClientId
 }) {
-  const [filterValue, setFilterValue] = (0, _element.useState)('');
+  const [searchValue, setSearchValue] = (0, _element.useState)('');
+  const [patternSourceFilter, setPatternSourceFilter] = (0, _element.useState)('all');
   const [selectedCategory, setSelectedCategory] = (0, _element.useState)(initialCategory?.name);
+  const patternCategories = (0, _blockPatternsTab.usePatternsCategories)(rootClientId, patternSourceFilter);
   return (0, _element.createElement)("div", {
     className: "block-editor-block-patterns-explorer"
   }, (0, _element.createElement)(_sidebar.default, {
     selectedCategory: selectedCategory,
     patternCategories: patternCategories,
     onClickCategory: setSelectedCategory,
-    filterValue: filterValue,
-    setFilterValue: setFilterValue
+    searchValue: searchValue,
+    setSearchValue: setSearchValue,
+    patternSourceFilter: patternSourceFilter,
+    setPatternSourceFilter: setPatternSourceFilter
   }), (0, _element.createElement)(_patternsList.default, {
-    filterValue: filterValue,
+    searchValue: searchValue,
     selectedCategory: selectedCategory,
-    patternCategories: patternCategories
+    patternCategories: patternCategories,
+    patternSourceFilter: patternSourceFilter
   }));
 }
 function PatternsExplorerModal({

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_sidebar","_interopRequireDefault","_patternsList","PatternsExplorer","initialCategory","patternCategories","filterValue","setFilterValue","useState","selectedCategory","setSelectedCategory","name","createElement","className","default","onClickCategory","PatternsExplorerModal","onModalClose","restProps","Modal","title","__","onRequestClose","isFullScreen","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/explorer.js"],"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"],"mappings":";;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASM,gBAAgBA,CAAE;EAAEC,eAAe;EAAEC;AAAkB,CAAC,EAAG;EACnE,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,EAAG,CAAC;EACtD,MAAM,CAAEC,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAF,iBAAQ,EACzDJ,eAAe,EAAEO,IAClB,CAAC;EACD,OACC,IAAAf,QAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAsC,GACpD,IAAAjB,QAAA,CAAAgB,aAAA,EAACZ,QAAA,CAAAc,OAAsB;IACtBL,gBAAgB,EAAGA,gBAAkB;IACrCJ,iBAAiB,EAAGA,iBAAmB;IACvCU,eAAe,EAAGL,mBAAqB;IACvCJ,WAAW,EAAGA,WAAa;IAC3BC,cAAc,EAAGA;EAAgB,CACjC,CAAC,EACF,IAAAX,QAAA,CAAAgB,aAAA,EAACV,aAAA,CAAAY,OAAW;IACXR,WAAW,EAAGA,WAAa;IAC3BG,gBAAgB,EAAGA,gBAAkB;IACrCJ,iBAAiB,EAAGA;EAAmB,CACvC,CACG,CAAC;AAER;AAEA,SAASW,qBAAqBA,CAAE;EAAEC,YAAY;EAAE,GAAGC;AAAU,CAAC,EAAG;EAChE,OACC,IAAAtB,QAAA,CAAAgB,aAAA,EAACd,WAAA,CAAAqB,KAAK;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BC,cAAc,EAAGL,YAAc;IAC/BM,YAAY;EAAA,GAEZ,IAAA3B,QAAA,CAAAgB,aAAA,EAACT,gBAAgB;IAAA,GAAMe;EAAS,CAAI,CAC9B,CAAC;AAEV;AAAC,IAAAM,QAAA,GAEcR,qBAAqB;AAAAS,OAAA,CAAAX,OAAA,GAAAU,QAAA"}
+{"version":3,"names":["_element","require","_components","_i18n","_sidebar","_interopRequireDefault","_patternsList","_blockPatternsTab","PatternsExplorer","initialCategory","rootClientId","searchValue","setSearchValue","useState","patternSourceFilter","setPatternSourceFilter","selectedCategory","setSelectedCategory","name","patternCategories","usePatternsCategories","createElement","className","default","onClickCategory","PatternsExplorerModal","onModalClose","restProps","Modal","title","__","onRequestClose","isFullScreen","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/explorer.js"],"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';\nimport { usePatternsCategories } from '../block-patterns-tab';\n\nfunction PatternsExplorer( { initialCategory, rootClientId } ) {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst [ patternSourceFilter, setPatternSourceFilter ] = useState( 'all' );\n\n\tconst [ selectedCategory, setSelectedCategory ] = useState(\n\t\tinitialCategory?.name\n\t);\n\n\tconst patternCategories = usePatternsCategories(\n\t\trootClientId,\n\t\tpatternSourceFilter\n\t);\n\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\tsearchValue={ searchValue }\n\t\t\t\tsetSearchValue={ setSearchValue }\n\t\t\t\tpatternSourceFilter={ patternSourceFilter }\n\t\t\t\tsetPatternSourceFilter={ setPatternSourceFilter }\n\t\t\t/>\n\t\t\t<PatternList\n\t\t\t\tsearchValue={ searchValue }\n\t\t\t\tselectedCategory={ selectedCategory }\n\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\tpatternSourceFilter={ patternSourceFilter }\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"],"mappings":";;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,SAASO,gBAAgBA,CAAE;EAAEC,eAAe;EAAEC;AAAa,CAAC,EAAG;EAC9D,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,EAAG,CAAC;EACtD,MAAM,CAAEC,mBAAmB,EAAEC,sBAAsB,CAAE,GAAG,IAAAF,iBAAQ,EAAE,KAAM,CAAC;EAEzE,MAAM,CAAEG,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAJ,iBAAQ,EACzDJ,eAAe,EAAES,IAClB,CAAC;EAED,MAAMC,iBAAiB,GAAG,IAAAC,uCAAqB,EAC9CV,YAAY,EACZI,mBACD,CAAC;EAED,OACC,IAAAd,QAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAsC,GACpD,IAAAtB,QAAA,CAAAqB,aAAA,EAACjB,QAAA,CAAAmB,OAAsB;IACtBP,gBAAgB,EAAGA,gBAAkB;IACrCG,iBAAiB,EAAGA,iBAAmB;IACvCK,eAAe,EAAGP,mBAAqB;IACvCN,WAAW,EAAGA,WAAa;IAC3BC,cAAc,EAAGA,cAAgB;IACjCE,mBAAmB,EAAGA,mBAAqB;IAC3CC,sBAAsB,EAAGA;EAAwB,CACjD,CAAC,EACF,IAAAf,QAAA,CAAAqB,aAAA,EAACf,aAAA,CAAAiB,OAAW;IACXZ,WAAW,EAAGA,WAAa;IAC3BK,gBAAgB,EAAGA,gBAAkB;IACrCG,iBAAiB,EAAGA,iBAAmB;IACvCL,mBAAmB,EAAGA;EAAqB,CAC3C,CACG,CAAC;AAER;AAEA,SAASW,qBAAqBA,CAAE;EAAEC,YAAY;EAAE,GAAGC;AAAU,CAAC,EAAG;EAChE,OACC,IAAA3B,QAAA,CAAAqB,aAAA,EAACnB,WAAA,CAAA0B,KAAK;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BC,cAAc,EAAGL,YAAc;IAC/BM,YAAY;EAAA,GAEZ,IAAAhC,QAAA,CAAAqB,aAAA,EAACb,gBAAgB;IAAA,GAAMmB;EAAS,CAAI,CAC9B,CAAC;AAEV;AAAC,IAAAM,QAAA,GAEcR,qBAAqB;AAAAS,OAAA,CAAAX,OAAA,GAAAU,QAAA"}

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

@@ -11,11 +11,13 @@ var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _a11y = require("@wordpress/a11y");
 var _blockPatternsList = _interopRequireDefault(require("../../block-patterns-list"));
-var _noResults = _interopRequireDefault(require("../no-results"));
 var _useInsertionPoint = _interopRequireDefault(require("../hooks/use-insertion-point"));
 var _usePatternsState = _interopRequireDefault(require("../hooks/use-patterns-state"));
 var _inserterListbox = _interopRequireDefault(require("../../inserter-listbox"));
 var _searchItems = require("../search-items");
+var _blockPatternsPaging = _interopRequireDefault(require("../../block-patterns-paging"));
+var _usePatternsPaging = _interopRequireDefault(require("../hooks/use-patterns-paging"));
+var _blockPatternsTab = require("../block-patterns-tab");
 /**
  * WordPress dependencies
  */
@@ -24,7 +26,6 @@ var _searchItems = require("../search-items");
  * Internal dependencies
  */
 
-const INITIAL_INSERTER_RESULTS = 2;
 function PatternsListHeader({
   filterValue,
   filteredBlockPatternsLength
@@ -36,51 +37,73 @@ function PatternsListHeader({
     level: 2,
     lineHeight: '48px',
     className: "block-editor-block-patterns-explorer__search-results-count"
-  }, (0, _i18n.sprintf)( /* translators: %d: number of patterns. %s: block pattern search query */
-  (0, _i18n._n)('%1$d pattern found for "%2$s"', '%1$d patterns found for "%2$s"', filteredBlockPatternsLength), filteredBlockPatternsLength, filterValue));
+  }, (0, _i18n.sprintf)( /* translators: %d: number of patterns. */
+  (0, _i18n._n)('%d pattern found', '%d patterns found', filteredBlockPatternsLength), filteredBlockPatternsLength));
 }
 function PatternList({
-  filterValue,
+  searchValue,
   selectedCategory,
   patternCategories
 }) {
+  const container = (0, _element.useRef)();
   const debouncedSpeak = (0, _compose.useDebounce)(_a11y.speak, 500);
   const [destinationRootClientId, onInsertBlocks] = (0, _useInsertionPoint.default)({
     shouldFocusBlock: true
   });
-  const [allPatterns,, onSelectBlockPattern] = (0, _usePatternsState.default)(onInsertBlocks, destinationRootClientId);
+  const [patterns,, onClickPattern] = (0, _usePatternsState.default)(onInsertBlocks, destinationRootClientId);
   const registeredPatternCategories = (0, _element.useMemo)(() => patternCategories.map(patternCategory => patternCategory.name), [patternCategories]);
   const filteredBlockPatterns = (0, _element.useMemo)(() => {
-    if (!filterValue) {
-      return allPatterns.filter(pattern => selectedCategory === 'uncategorized' ? !pattern.categories?.length || pattern.categories.every(category => !registeredPatternCategories.includes(category)) : pattern.categories?.includes(selectedCategory));
+    const filteredPatterns = patterns.filter(pattern => {
+      if (selectedCategory === _blockPatternsTab.allPatternsCategory.name) {
+        return true;
+      }
+      if (selectedCategory === _blockPatternsTab.myPatternsCategory.name && pattern.id) {
+        return true;
+      }
+      if (selectedCategory === 'uncategorized') {
+        const hasKnownCategory = pattern.categories.some(category => registeredPatternCategories.includes(category));
+        return !pattern.categories?.length || !hasKnownCategory;
+      }
+      return pattern.categories?.includes(selectedCategory);
+    });
+    if (!searchValue) {
+      return filteredPatterns;
     }
-    return (0, _searchItems.searchItems)(allPatterns, filterValue);
-  }, [filterValue, allPatterns, selectedCategory, registeredPatternCategories]);
+    return (0, _searchItems.searchItems)(filteredPatterns, searchValue);
+  }, [searchValue, patterns, selectedCategory, registeredPatternCategories]);
 
   // Announce search results on change.
   (0, _element.useEffect)(() => {
-    if (!filterValue) {
+    if (!searchValue) {
       return;
     }
     const count = filteredBlockPatterns.length;
     const resultsFoundMessage = (0, _i18n.sprintf)( /* translators: %d: number of results. */
     (0, _i18n._n)('%d result found.', '%d results found.', count), count);
     debouncedSpeak(resultsFoundMessage);
-  }, [filterValue, debouncedSpeak, filteredBlockPatterns.length]);
-  const currentShownPatterns = (0, _compose.useAsyncList)(filteredBlockPatterns, {
-    step: INITIAL_INSERTER_RESULTS
-  });
+  }, [searchValue, debouncedSpeak, filteredBlockPatterns.length]);
+  const pagingProps = (0, _usePatternsPaging.default)(filteredBlockPatterns, selectedCategory, container);
+
+  // Reset page when search value changes.
+  const [previousSearchValue, setPreviousSearchValue] = (0, _element.useState)(searchValue);
+  if (searchValue !== previousSearchValue) {
+    setPreviousSearchValue(searchValue);
+    pagingProps.changePage(1);
+  }
   const hasItems = !!filteredBlockPatterns?.length;
   return (0, _element.createElement)("div", {
-    className: "block-editor-block-patterns-explorer__list"
-  }, hasItems && (0, _element.createElement)(PatternsListHeader, {
-    filterValue: filterValue,
+    className: "block-editor-block-patterns-explorer__list",
+    ref: container
+  }, (0, _element.createElement)(PatternsListHeader, {
+    filterValue: searchValue,
     filteredBlockPatternsLength: filteredBlockPatterns.length
-  }), (0, _element.createElement)(_inserterListbox.default, null, !hasItems && (0, _element.createElement)(_noResults.default, null), hasItems && (0, _element.createElement)(_blockPatternsList.default, {
-    shownPatterns: currentShownPatterns,
-    blockPatterns: filteredBlockPatterns,
-    onClickPattern: onSelectBlockPattern,
+  }), (0, _element.createElement)(_inserterListbox.default, null, hasItems && (0, _element.createElement)(_blockPatternsList.default, {
+    shownPatterns: pagingProps.categoryPatternsAsyncList,
+    blockPatterns: pagingProps.categoryPatterns,
+    onClickPattern: onClickPattern,
     isDraggable: false
+  }), pagingProps.numPages > 1 && (0, _element.createElement)(_blockPatternsPaging.default, {
+    ...pagingProps
   })));
 }
 var _default = PatternList;

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_compose","_components","_a11y","_blockPatternsList","_interopRequireDefault","_noResults","_useInsertionPoint","_usePatternsState","_inserterListbox","_searchItems","INITIAL_INSERTER_RESULTS","PatternsListHeader","filterValue","filteredBlockPatternsLength","createElement","__experimentalHeading","level","lineHeight","className","sprintf","_n","PatternList","selectedCategory","patternCategories","debouncedSpeak","useDebounce","speak","destinationRootClientId","onInsertBlocks","useInsertionPoint","shouldFocusBlock","allPatterns","onSelectBlockPattern","usePatternsState","registeredPatternCategories","useMemo","map","patternCategory","name","filteredBlockPatterns","filter","pattern","categories","length","every","category","includes","searchItems","useEffect","count","resultsFoundMessage","currentShownPatterns","useAsyncList","step","hasItems","default","shownPatterns","blockPatterns","onClickPattern","isDraggable","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/patterns-list.js"],"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\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}, [\n\t\tfilterValue,\n\t\tallPatterns,\n\t\tselectedCategory,\n\t\tregisteredPatternCategories,\n\t] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = 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, filteredBlockPatterns.length ] );\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"],"mappings":"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"}
+{"version":3,"names":["_element","require","_i18n","_compose","_components","_a11y","_blockPatternsList","_interopRequireDefault","_useInsertionPoint","_usePatternsState","_inserterListbox","_searchItems","_blockPatternsPaging","_usePatternsPaging","_blockPatternsTab","PatternsListHeader","filterValue","filteredBlockPatternsLength","createElement","__experimentalHeading","level","lineHeight","className","sprintf","_n","PatternList","searchValue","selectedCategory","patternCategories","container","useRef","debouncedSpeak","useDebounce","speak","destinationRootClientId","onInsertBlocks","useInsertionPoint","shouldFocusBlock","patterns","onClickPattern","usePatternsState","registeredPatternCategories","useMemo","map","patternCategory","name","filteredBlockPatterns","filteredPatterns","filter","pattern","allPatternsCategory","myPatternsCategory","id","hasKnownCategory","categories","some","category","includes","length","searchItems","useEffect","count","resultsFoundMessage","pagingProps","usePatternsPaging","previousSearchValue","setPreviousSearchValue","useState","changePage","hasItems","ref","default","shownPatterns","categoryPatternsAsyncList","blockPatterns","categoryPatterns","isDraggable","numPages","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/patterns-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useEffect, useRef, useState } from '@wordpress/element';\nimport { _n, sprintf } from '@wordpress/i18n';\nimport { useDebounce } 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 useInsertionPoint from '../hooks/use-insertion-point';\nimport usePatternsState from '../hooks/use-patterns-state';\nimport InserterListbox from '../../inserter-listbox';\nimport { searchItems } from '../search-items';\nimport BlockPatternsPaging from '../../block-patterns-paging';\nimport usePatternsPaging from '../hooks/use-patterns-paging';\nimport { allPatternsCategory, myPatternsCategory } from '../block-patterns-tab';\n\nfunction PatternsListHeader( { filterValue, filteredBlockPatternsLength } ) {\n\tif ( ! filterValue ) {\n\t\treturn null;\n\t}\n\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. */\n\t\t\t\t_n(\n\t\t\t\t\t'%d pattern found',\n\t\t\t\t\t'%d patterns found',\n\t\t\t\t\tfilteredBlockPatternsLength\n\t\t\t\t),\n\t\t\t\tfilteredBlockPatternsLength\n\t\t\t) }\n\t\t</Heading>\n\t);\n}\n\nfunction PatternList( { searchValue, selectedCategory, patternCategories } ) {\n\tconst container = useRef();\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst [ destinationRootClientId, onInsertBlocks ] = useInsertionPoint( {\n\t\tshouldFocusBlock: true,\n\t} );\n\tconst [ patterns, , onClickPattern ] = usePatternsState(\n\t\tonInsertBlocks,\n\t\tdestinationRootClientId\n\t);\n\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\tconst filteredPatterns = patterns.filter( ( pattern ) => {\n\t\t\tif ( selectedCategory === allPatternsCategory.name ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tif ( selectedCategory === myPatternsCategory.name && pattern.id ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tif ( selectedCategory === 'uncategorized' ) {\n\t\t\t\tconst hasKnownCategory = pattern.categories.some(\n\t\t\t\t\t( category ) =>\n\t\t\t\t\t\tregisteredPatternCategories.includes( category )\n\t\t\t\t);\n\n\t\t\t\treturn ! pattern.categories?.length || ! hasKnownCategory;\n\t\t\t}\n\n\t\t\treturn pattern.categories?.includes( selectedCategory );\n\t\t} );\n\n\t\tif ( ! searchValue ) {\n\t\t\treturn filteredPatterns;\n\t\t}\n\n\t\treturn searchItems( filteredPatterns, searchValue );\n\t}, [\n\t\tsearchValue,\n\t\tpatterns,\n\t\tselectedCategory,\n\t\tregisteredPatternCategories,\n\t] );\n\n\t// Announce search results on change.\n\tuseEffect( () => {\n\t\tif ( ! searchValue ) {\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}, [ searchValue, debouncedSpeak, filteredBlockPatterns.length ] );\n\n\tconst pagingProps = usePatternsPaging(\n\t\tfilteredBlockPatterns,\n\t\tselectedCategory,\n\t\tcontainer\n\t);\n\n\t// Reset page when search value changes.\n\tconst [ previousSearchValue, setPreviousSearchValue ] =\n\t\tuseState( searchValue );\n\tif ( searchValue !== previousSearchValue ) {\n\t\tsetPreviousSearchValue( searchValue );\n\t\tpagingProps.changePage( 1 );\n\t}\n\n\tconst hasItems = !! filteredBlockPatterns?.length;\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-block-patterns-explorer__list\"\n\t\t\tref={ container }\n\t\t>\n\t\t\t<PatternsListHeader\n\t\t\t\tfilterValue={ searchValue }\n\t\t\t\tfilteredBlockPatternsLength={ filteredBlockPatterns.length }\n\t\t\t/>\n\n\t\t\t<InserterListbox>\n\t\t\t\t{ hasItems && (\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tshownPatterns={ pagingProps.categoryPatternsAsyncList }\n\t\t\t\t\t\tblockPatterns={ pagingProps.categoryPatterns }\n\t\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\t\tisDraggable={ false }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ pagingProps.numPages > 1 && (\n\t\t\t\t\t<BlockPatternsPaging { ...pagingProps } />\n\t\t\t\t) }\n\t\t\t</InserterListbox>\n\t\t</div>\n\t);\n}\n\nexport default PatternList;\n"],"mappings":"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"}

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

@@ -35,16 +35,16 @@ function PatternCategoriesList({
   }));
 }
 function PatternsExplorerSearch({
-  filterValue,
-  setFilterValue
+  searchValue,
+  setSearchValue
 }) {
   const baseClassName = 'block-editor-block-patterns-explorer__search';
   return (0, _element.createElement)("div", {
     className: baseClassName
   }, (0, _element.createElement)(_components.SearchControl, {
     __nextHasNoMarginBottom: true,
-    onChange: setFilterValue,
-    value: filterValue,
+    onChange: setSearchValue,
+    value: searchValue,
     label: (0, _i18n.__)('Search for patterns'),
     placeholder: (0, _i18n.__)('Search')
   }));
@@ -53,16 +53,16 @@ function PatternExplorerSidebar({
   selectedCategory,
   patternCategories,
   onClickCategory,
-  filterValue,
-  setFilterValue
+  searchValue,
+  setSearchValue
 }) {
   const baseClassName = 'block-editor-block-patterns-explorer__sidebar';
   return (0, _element.createElement)("div", {
     className: baseClassName
   }, (0, _element.createElement)(PatternsExplorerSearch, {
-    filterValue: filterValue,
-    setFilterValue: setFilterValue
-  }), !filterValue && (0, _element.createElement)(PatternCategoriesList, {
+    searchValue: searchValue,
+    setSearchValue: setSearchValue
+  }), !searchValue && (0, _element.createElement)(PatternCategoriesList, {
     selectedCategory: selectedCategory,
     patternCategories: patternCategories,
     onClickCategory: onClickCategory

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","PatternCategoriesList","selectedCategory","patternCategories","onClickCategory","baseClassName","_element","createElement","className","map","name","label","Button","key","isPressed","onClick","PatternsExplorerSearch","filterValue","setFilterValue","SearchControl","__nextHasNoMarginBottom","onChange","value","__","placeholder","PatternExplorerSidebar","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/sidebar.js"],"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"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,qBAAqBA,CAAE;EAC/BC,gBAAgB;EAChBC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,+CAA+C;EACrE,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAI,GAAGH,aAAe;EAAoB,GACrDF,iBAAiB,CAACM,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,KAAM;IAC/C,OACC,IAAAL,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAc,MAAM;MACNC,GAAG,EAAGH,IAAM;MACZC,KAAK,EAAGA,KAAO;MACfH,SAAS,EAAI,GAAGH,aAAe,yBAA0B;MACzDS,SAAS,EAAGZ,gBAAgB,KAAKQ,IAAM;MACvCK,OAAO,EAAGA,CAAA,KAAM;QACfX,eAAe,CAAEM,IAAK,CAAC;MACxB;IAAG,GAEDC,KACK,CAAC;EAEX,CAAE,CACE,CAAC;AAER;AAEA,SAASK,sBAAsBA,CAAE;EAAEC,WAAW;EAAEC;AAAe,CAAC,EAAG;EAClE,MAAMb,aAAa,GAAG,8CAA8C;EACpE,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAGH;EAAe,GAC/B,IAAAC,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAqB,aAAa;IACbC,uBAAuB;IACvBC,QAAQ,EAAGH,cAAgB;IAC3BI,KAAK,EAAGL,WAAa;IACrBN,KAAK,EAAG,IAAAY,QAAE,EAAE,qBAAsB,CAAG;IACrCC,WAAW,EAAG,IAAAD,QAAE,EAAE,QAAS;EAAG,CAC9B,CACG,CAAC;AAER;AAEA,SAASE,sBAAsBA,CAAE;EAChCvB,gBAAgB;EAChBC,iBAAiB;EACjBC,eAAe;EACfa,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAMb,aAAa,GAAG,+CAA+C;EACrE,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAGH;EAAe,GAC/B,IAAAC,QAAA,CAAAC,aAAA,EAACS,sBAAsB;IACtBC,WAAW,EAAGA,WAAa;IAC3BC,cAAc,EAAGA;EAAgB,CACjC,CAAC,EACA,CAAED,WAAW,IACd,IAAAX,QAAA,CAAAC,aAAA,EAACN,qBAAqB;IACrBC,gBAAgB,EAAGA,gBAAkB;IACrCC,iBAAiB,EAAGA,iBAAmB;IACvCC,eAAe,EAAGA;EAAiB,CACnC,CAEE,CAAC;AAER;AAAC,IAAAsB,QAAA,GAEcD,sBAAsB;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","_i18n","PatternCategoriesList","selectedCategory","patternCategories","onClickCategory","baseClassName","_element","createElement","className","map","name","label","Button","key","isPressed","onClick","PatternsExplorerSearch","searchValue","setSearchValue","SearchControl","__nextHasNoMarginBottom","onChange","value","__","placeholder","PatternExplorerSidebar","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-explorer/sidebar.js"],"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( { searchValue, setSearchValue } ) {\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={ setSearchValue }\n\t\t\t\tvalue={ searchValue }\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\tsearchValue,\n\tsetSearchValue,\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\tsearchValue={ searchValue }\n\t\t\t\tsetSearchValue={ setSearchValue }\n\t\t\t/>\n\t\t\t{ ! searchValue && (\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"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,qBAAqBA,CAAE;EAC/BC,gBAAgB;EAChBC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,+CAA+C;EACrE,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAI,GAAGH,aAAe;EAAoB,GACrDF,iBAAiB,CAACM,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,KAAM;IAC/C,OACC,IAAAL,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAc,MAAM;MACNC,GAAG,EAAGH,IAAM;MACZC,KAAK,EAAGA,KAAO;MACfH,SAAS,EAAI,GAAGH,aAAe,yBAA0B;MACzDS,SAAS,EAAGZ,gBAAgB,KAAKQ,IAAM;MACvCK,OAAO,EAAGA,CAAA,KAAM;QACfX,eAAe,CAAEM,IAAK,CAAC;MACxB;IAAG,GAEDC,KACK,CAAC;EAEX,CAAE,CACE,CAAC;AAER;AAEA,SAASK,sBAAsBA,CAAE;EAAEC,WAAW;EAAEC;AAAe,CAAC,EAAG;EAClE,MAAMb,aAAa,GAAG,8CAA8C;EACpE,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAGH;EAAe,GAC/B,IAAAC,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAqB,aAAa;IACbC,uBAAuB;IACvBC,QAAQ,EAAGH,cAAgB;IAC3BI,KAAK,EAAGL,WAAa;IACrBN,KAAK,EAAG,IAAAY,QAAE,EAAE,qBAAsB,CAAG;IACrCC,WAAW,EAAG,IAAAD,QAAE,EAAE,QAAS;EAAG,CAC9B,CACG,CAAC;AAER;AAEA,SAASE,sBAAsBA,CAAE;EAChCvB,gBAAgB;EAChBC,iBAAiB;EACjBC,eAAe;EACfa,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAMb,aAAa,GAAG,+CAA+C;EACrE,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAGH;EAAe,GAC/B,IAAAC,QAAA,CAAAC,aAAA,EAACS,sBAAsB;IACtBC,WAAW,EAAGA,WAAa;IAC3BC,cAAc,EAAGA;EAAgB,CACjC,CAAC,EACA,CAAED,WAAW,IACd,IAAAX,QAAA,CAAAC,aAAA,EAACN,qBAAqB;IACrBC,gBAAgB,EAAGA,gBAAkB;IACrCC,iBAAiB,EAAGA,iBAAmB;IACvCC,eAAe,EAAGA;EAAiB,CACnC,CAEE,CAAC;AAER;AAAC,IAAAsB,QAAA,GAEcD,sBAAsB;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockPatternsSyncFilter = BlockPatternsSyncFilter;
+exports.SYNC_TYPES = exports.PATTERN_TYPES = void 0;
+var _element = require("@wordpress/element");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
+var _blockPatternsTab = require("./block-patterns-tab");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const PATTERN_TYPES = {
+  all: 'all',
+  synced: 'synced',
+  unsynced: 'unsynced',
+  user: 'user',
+  theme: 'theme',
+  directory: 'directory'
+};
+exports.PATTERN_TYPES = PATTERN_TYPES;
+const SYNC_TYPES = {
+  all: 'all',
+  full: 'fully',
+  unsynced: 'unsynced'
+};
+exports.SYNC_TYPES = SYNC_TYPES;
+const getShouldDisableSyncFilter = sourceFilter => sourceFilter !== PATTERN_TYPES.all && sourceFilter !== PATTERN_TYPES.user;
+const getShouldDisableNonUserSources = category => {
+  return category.name === _blockPatternsTab.myPatternsCategory.name;
+};
+function BlockPatternsSyncFilter({
+  setPatternSyncFilter,
+  setPatternSourceFilter,
+  patternSyncFilter,
+  patternSourceFilter,
+  scrollContainerRef,
+  category
+}) {
+  // If the category is `myPatterns` then we need to set the source filter to `user`, but
+  // we do this by deriving from props rather than calling setPatternSourceFilter otherwise
+  // the user may be confused when switching to another category if the haven't explicity set
+  // this filter themselves.
+  const currentPatternSourceFilter = category.name === _blockPatternsTab.myPatternsCategory.name ? PATTERN_TYPES.user : patternSourceFilter;
+
+  // We need to disable the sync filter option if the source filter is not 'all' or 'user'
+  // otherwise applying them will just result in no patterns being shown.
+  const shouldDisableSyncFilter = getShouldDisableSyncFilter(currentPatternSourceFilter);
+
+  // We also need to disable the directory and theme source filter options if the category
+  // is `myPatterns` otherwise applying them will also just result in no patterns being shown.
+  const shouldDisableNonUserSources = getShouldDisableNonUserSources(category);
+  const patternSyncMenuOptions = (0, _element.useMemo)(() => [{
+    value: SYNC_TYPES.all,
+    label: (0, _i18n.__)('All')
+  }, {
+    value: SYNC_TYPES.full,
+    label: (0, _i18n.__)('Synced'),
+    info: (0, _i18n.__)('Updated everywhere'),
+    disabled: shouldDisableSyncFilter
+  }, {
+    value: SYNC_TYPES.unsynced,
+    label: (0, _i18n.__)('Standard'),
+    info: (0, _i18n.__)('Edit freely'),
+    disabled: shouldDisableSyncFilter
+  }], [shouldDisableSyncFilter]);
+  const patternSourceMenuOptions = (0, _element.useMemo)(() => [{
+    value: PATTERN_TYPES.all,
+    label: (0, _i18n.__)('All'),
+    disabled: shouldDisableNonUserSources
+  }, {
+    value: PATTERN_TYPES.directory,
+    label: (0, _i18n.__)('Directory'),
+    info: (0, _i18n.__)('Pattern directory & core'),
+    disabled: shouldDisableNonUserSources
+  }, {
+    value: PATTERN_TYPES.theme,
+    label: (0, _i18n.__)('Theme'),
+    info: (0, _i18n.__)('Bundled with the theme'),
+    disabled: shouldDisableNonUserSources
+  }, {
+    value: PATTERN_TYPES.user,
+    label: (0, _i18n.__)('User'),
+    info: (0, _i18n.__)('Custom created')
+  }], [shouldDisableNonUserSources]);
+  function handleSetSourceFilterChange(newSourceFilter) {
+    setPatternSourceFilter(newSourceFilter);
+    if (getShouldDisableSyncFilter(newSourceFilter)) {
+      setPatternSyncFilter(SYNC_TYPES.all);
+    }
+  }
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.DropdownMenu, {
+    popoverProps: {
+      placement: 'right-end'
+    },
+    label: "Filter patterns",
+    icon: (0, _element.createElement)(_icons.Icon, {
+      icon: (0, _element.createElement)(_components.SVG, {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, (0, _element.createElement)(_components.Path, {
+        d: "M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z",
+        fill: "#1E1E1E"
+      }))
+    })
+  }, () => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, {
+    label: (0, _i18n.__)('Author')
+  }, (0, _element.createElement)(_components.MenuItemsChoice, {
+    choices: patternSourceMenuOptions,
+    onSelect: value => {
+      handleSetSourceFilterChange(value);
+      scrollContainerRef.current?.scrollTo(0, 0);
+    },
+    value: currentPatternSourceFilter
+  })), (0, _element.createElement)(_components.MenuGroup, {
+    label: (0, _i18n.__)('Type')
+  }, (0, _element.createElement)(_components.MenuItemsChoice, {
+    choices: patternSyncMenuOptions,
+    onSelect: value => {
+      setPatternSyncFilter(value);
+      scrollContainerRef.current?.scrollTo(0, 0);
+    },
+    value: patternSyncFilter
+  })))));
+}
+//# sourceMappingURL=block-patterns-filter.js.map