@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

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

@@ -1 +1,7 @@
-{"version":3,"names":["SVG","Path","DropdownMenu","MenuGroup","MenuItemsChoice","ExternalLink","__","_x","Icon","useMemo","createInterpolateElement","myPatternsCategory","INSERTER_SYNC_TYPES","INSERTER_PATTERN_TYPES","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getShouldDisableSyncFilter","sourceFilter","getShouldHideSourcesFilter","category","name","PATTERN_SOURCE_MENU_OPTIONS","value","label","directory","theme","user","PatternsFilter","setPatternSyncFilter","setPatternSourceFilter","patternSyncFilter","patternSourceFilter","scrollContainerRef","currentPatternSourceFilter","shouldDisableSyncFilter","shouldHideSourcesFilter","patternSyncMenuOptions","full","disabled","unsynced","handleSetSourceFilterChange","newSourceFilter","children","popoverProps","placement","toggleProps","size","icon","width","height","viewBox","fill","xmlns","d","choices","onSelect","current","scrollTo","className","Link","href"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/patterns-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tSVG,\n\tPath,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tExternalLink,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { Icon } from '@wordpress/icons';\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tmyPatternsCategory,\n\tINSERTER_SYNC_TYPES,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst getShouldDisableSyncFilter = ( sourceFilter ) =>\n\tsourceFilter !== 'all' && sourceFilter !== 'user';\nconst getShouldHideSourcesFilter = ( category ) => {\n\treturn category.name === myPatternsCategory.name;\n};\n\nconst PATTERN_SOURCE_MENU_OPTIONS = [\n\t{\n\t\tvalue: 'all',\n\t\tlabel: _x( 'All', 'patterns' ),\n\t},\n\t{\n\t\tvalue: INSERTER_PATTERN_TYPES.directory,\n\t\tlabel: __( 'Pattern Directory' ),\n\t},\n\t{\n\t\tvalue: INSERTER_PATTERN_TYPES.theme,\n\t\tlabel: __( 'Theme & Plugins' ),\n\t},\n\t{\n\t\tvalue: INSERTER_PATTERN_TYPES.user,\n\t\tlabel: __( 'User' ),\n\t},\n];\n\nexport function PatternsFilter( {\n\tsetPatternSyncFilter,\n\tsetPatternSourceFilter,\n\tpatternSyncFilter,\n\tpatternSourceFilter,\n\tscrollContainerRef,\n\tcategory,\n} ) {\n\t// If the category is `myPatterns` then we need to set the source filter to `user`, but\n\t// we do this by deriving from props rather than calling setPatternSourceFilter otherwise\n\t// the user may be confused when switching to another category if the haven't explicitly set\n\t// this filter themselves.\n\tconst currentPatternSourceFilter =\n\t\tcategory.name === myPatternsCategory.name\n\t\t\t? INSERTER_PATTERN_TYPES.user\n\t\t\t: patternSourceFilter;\n\n\t// We need to disable the sync filter option if the source filter is not 'all' or 'user'\n\t// otherwise applying them will just result in no patterns being shown.\n\tconst shouldDisableSyncFilter = getShouldDisableSyncFilter(\n\t\tcurrentPatternSourceFilter\n\t);\n\n\t// We also hide the directory and theme source filter if the category is `myPatterns`\n\t// otherwise there will only be one option available.\n\tconst shouldHideSourcesFilter = getShouldHideSourcesFilter( category );\n\n\tconst patternSyncMenuOptions = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tvalue: 'all',\n\t\t\t\tlabel: _x( 'All', 'patterns' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.full,\n\t\t\t\tlabel: _x( 'Synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.unsynced,\n\t\t\t\tlabel: _x( 'Not synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t],\n\t\t[ shouldDisableSyncFilter ]\n\t);\n\n\tfunction handleSetSourceFilterChange( newSourceFilter ) {\n\t\tsetPatternSourceFilter( newSourceFilter );\n\t\tif ( getShouldDisableSyncFilter( newSourceFilter ) ) {\n\t\t\tsetPatternSyncFilter( 'all' );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'right-end',\n\t\t\t\t} }\n\t\t\t\tlabel={ __( 'Filter patterns' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t\ticon={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<SVG\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Path\n\t\t\t\t\t\t\t\t\td=\"M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z\"\n\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SVG>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! shouldHideSourcesFilter && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Source' ) }>\n\t\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\t\tchoices={ PATTERN_SOURCE_MENU_OPTIONS }\n\t\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\thandleSetSourceFilterChange( value );\n\t\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tvalue={ currentPatternSourceFilter }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuGroup label={ __( 'Type' ) }>\n\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\tchoices={ patternSyncMenuOptions }\n\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetPatternSyncFilter( value );\n\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tvalue={ patternSyncFilter }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<div className=\"block-editor-inserter__patterns-filter-help\">\n\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tLink: (\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/patterns/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/block-patterns-tab/patterns-filter.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tSVG,\n\tPath,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItemsChoice,\n\tExternalLink,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { Icon } from '@wordpress/icons';\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tmyPatternsCategory,\n\tINSERTER_SYNC_TYPES,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst getShouldDisableSyncFilter = ( sourceFilter ) =>\n\tsourceFilter !== 'all' && sourceFilter !== 'user';\nconst getShouldHideSourcesFilter = ( category ) => {\n\treturn category.name === myPatternsCategory.name;\n};\n\nconst PATTERN_SOURCE_MENU_OPTIONS = [\n\t{\n\t\tvalue: 'all',\n\t\tlabel: _x( 'All', 'patterns' ),\n\t},\n\t{\n\t\tvalue: INSERTER_PATTERN_TYPES.directory,\n\t\tlabel: __( 'Pattern Directory' ),\n\t},\n\t{\n\t\tvalue: INSERTER_PATTERN_TYPES.theme,\n\t\tlabel: __( 'Theme & Plugins' ),\n\t},\n\t{\n\t\tvalue: INSERTER_PATTERN_TYPES.user,\n\t\tlabel: __( 'User' ),\n\t},\n];\n\nexport function PatternsFilter( {\n\tsetPatternSyncFilter,\n\tsetPatternSourceFilter,\n\tpatternSyncFilter,\n\tpatternSourceFilter,\n\tscrollContainerRef,\n\tcategory,\n} ) {\n\t// If the category is `myPatterns` then we need to set the source filter to `user`, but\n\t// we do this by deriving from props rather than calling setPatternSourceFilter otherwise\n\t// the user may be confused when switching to another category if the haven't explicitly set\n\t// this filter themselves.\n\tconst currentPatternSourceFilter =\n\t\tcategory.name === myPatternsCategory.name\n\t\t\t? INSERTER_PATTERN_TYPES.user\n\t\t\t: patternSourceFilter;\n\n\t// We need to disable the sync filter option if the source filter is not 'all' or 'user'\n\t// otherwise applying them will just result in no patterns being shown.\n\tconst shouldDisableSyncFilter = getShouldDisableSyncFilter(\n\t\tcurrentPatternSourceFilter\n\t);\n\n\t// We also hide the directory and theme source filter if the category is `myPatterns`\n\t// otherwise there will only be one option available.\n\tconst shouldHideSourcesFilter = getShouldHideSourcesFilter( category );\n\n\tconst patternSyncMenuOptions = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tvalue: 'all',\n\t\t\t\tlabel: _x( 'All', 'patterns' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.full,\n\t\t\t\tlabel: _x( 'Synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: INSERTER_SYNC_TYPES.unsynced,\n\t\t\t\tlabel: _x( 'Not synced', 'patterns' ),\n\t\t\t\tdisabled: shouldDisableSyncFilter,\n\t\t\t},\n\t\t],\n\t\t[ shouldDisableSyncFilter ]\n\t);\n\n\tfunction handleSetSourceFilterChange( newSourceFilter ) {\n\t\tsetPatternSourceFilter( newSourceFilter );\n\t\tif ( getShouldDisableSyncFilter( newSourceFilter ) ) {\n\t\t\tsetPatternSyncFilter( 'all' );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'right-end',\n\t\t\t\t} }\n\t\t\t\tlabel={ __( 'Filter patterns' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t\ticon={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<SVG\n\t\t\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Path\n\t\t\t\t\t\t\t\t\td=\"M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z\"\n\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SVG>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! shouldHideSourcesFilter && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Source' ) }>\n\t\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\t\tchoices={ PATTERN_SOURCE_MENU_OPTIONS }\n\t\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\thandleSetSourceFilterChange( value );\n\t\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tvalue={ currentPatternSourceFilter }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuGroup label={ __( 'Type' ) }>\n\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\tchoices={ patternSyncMenuOptions }\n\t\t\t\t\t\t\t\tonSelect={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetPatternSyncFilter( value );\n\t\t\t\t\t\t\t\t\tscrollContainerRef.current?.scrollTo(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tvalue={ patternSyncFilter }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<div className=\"block-editor-inserter__patterns-filter-help\">\n\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tLink: (\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/patterns/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/inserter/block-patterns-tab/use-pattern-categories.js

@@ -1,38 +1,57 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-import { _x, _n, sprintf } from '@wordpress/i18n';
-import { speak } from '@wordpress/a11y';
-
-/**
- * Internal dependencies
- */
-import usePatternsState from '../hooks/use-patterns-state';
-import { isPatternFiltered, allPatternsCategory, myPatternsCategory, starterPatternsCategory, INSERTER_PATTERN_TYPES } from './utils';
+import { useMemo } from "@wordpress/element";
+import { _x, _n, sprintf } from "@wordpress/i18n";
+import { speak } from "@wordpress/a11y";
+import usePatternsState from "../hooks/use-patterns-state";
+import {
+  isPatternFiltered,
+  allPatternsCategory,
+  myPatternsCategory,
+  starterPatternsCategory,
+  INSERTER_PATTERN_TYPES
+} from "./utils";
 function hasRegisteredCategory(pattern, allCategories) {
   if (!pattern.categories || !pattern.categories.length) {
     return false;
   }
-  return pattern.categories.some(cat => allCategories.some(category => category.name === cat));
+  return pattern.categories.some(
+    (cat) => allCategories.some((category) => category.name === cat)
+  );
 }
-export function usePatternCategories(rootClientId, sourceFilter = 'all') {
-  const [patterns, allCategories] = usePatternsState(undefined, rootClientId);
-  const filteredPatterns = useMemo(() => sourceFilter === 'all' ? patterns : patterns.filter(pattern => !isPatternFiltered(pattern, sourceFilter)), [sourceFilter, patterns]);
-
-  // Remove any empty categories.
+function usePatternCategories(rootClientId, sourceFilter = "all") {
+  const [patterns, allCategories] = usePatternsState(
+    void 0,
+    rootClientId
+  );
+  const filteredPatterns = useMemo(
+    () => sourceFilter === "all" ? patterns : patterns.filter(
+      (pattern) => !isPatternFiltered(pattern, sourceFilter)
+    ),
+    [sourceFilter, patterns]
+  );
   const populatedCategories = useMemo(() => {
-    const categories = allCategories.filter(category => filteredPatterns.some(pattern => pattern.categories?.includes(category.name))).sort((a, b) => a.label.localeCompare(b.label));
-    if (filteredPatterns.some(pattern => !hasRegisteredCategory(pattern, allCategories)) && !categories.find(category => category.name === 'uncategorized')) {
+    const categories = allCategories.filter(
+      (category) => filteredPatterns.some(
+        (pattern) => pattern.categories?.includes(category.name)
+      )
+    ).sort((a, b) => a.label.localeCompare(b.label));
+    if (filteredPatterns.some(
+      (pattern) => !hasRegisteredCategory(pattern, allCategories)
+    ) && !categories.find(
+      (category) => category.name === "uncategorized"
+    )) {
       categories.push({
-        name: 'uncategorized',
-        label: _x('Uncategorized')
+        name: "uncategorized",
+        label: _x("Uncategorized")
       });
     }
-    if (filteredPatterns.some(pattern => pattern.blockTypes?.includes('core/post-content'))) {
+    if (filteredPatterns.some(
+      (pattern) => pattern.blockTypes?.includes("core/post-content")
+    )) {
       categories.unshift(starterPatternsCategory);
     }
-    if (filteredPatterns.some(pattern => pattern.type === INSERTER_PATTERN_TYPES.user)) {
+    if (filteredPatterns.some(
+      (pattern) => pattern.type === INSERTER_PATTERN_TYPES.user
+    )) {
       categories.unshift(myPatternsCategory);
     }
     if (filteredPatterns.length > 0) {
@@ -41,10 +60,22 @@ export function usePatternCategories(rootClientId, sourceFilter = 'all') {
         label: allPatternsCategory.label
       });
     }
-    speak(sprintf(/* translators: %d: number of categories . */
-    _n('%d category button displayed.', '%d category buttons displayed.', categories.length), categories.length));
+    speak(
+      sprintf(
+        /* translators: %d: number of categories . */
+        _n(
+          "%d category button displayed.",
+          "%d category buttons displayed.",
+          categories.length
+        ),
+        categories.length
+      )
+    );
     return categories;
   }, [allCategories, filteredPatterns]);
   return populatedCategories;
 }
-//# sourceMappingURL=use-pattern-categories.js.map
+export {
+  usePatternCategories
+};
+//# sourceMappingURL=use-pattern-categories.js.map

package/build-module/components/inserter/block-patterns-tab/use-pattern-categories.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","_x","_n","sprintf","speak","usePatternsState","isPatternFiltered","allPatternsCategory","myPatternsCategory","starterPatternsCategory","INSERTER_PATTERN_TYPES","hasRegisteredCategory","pattern","allCategories","categories","length","some","cat","category","name","usePatternCategories","rootClientId","sourceFilter","patterns","undefined","filteredPatterns","filter","populatedCategories","includes","sort","a","b","label","localeCompare","find","push","blockTypes","unshift","type","user"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/use-pattern-categories.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { _x, _n, sprintf } from '@wordpress/i18n';\n\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport usePatternsState from '../hooks/use-patterns-state';\nimport {\n\tisPatternFiltered,\n\tallPatternsCategory,\n\tmyPatternsCategory,\n\tstarterPatternsCategory,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nfunction hasRegisteredCategory( pattern, allCategories ) {\n\tif ( ! pattern.categories || ! pattern.categories.length ) {\n\t\treturn false;\n\t}\n\n\treturn pattern.categories.some( ( cat ) =>\n\t\tallCategories.some( ( category ) => category.name === cat )\n\t);\n}\n\nexport function usePatternCategories( rootClientId, sourceFilter = 'all' ) {\n\tconst [ patterns, allCategories ] = usePatternsState(\n\t\tundefined,\n\t\trootClientId\n\t);\n\n\tconst filteredPatterns = useMemo(\n\t\t() =>\n\t\t\tsourceFilter === 'all'\n\t\t\t\t? patterns\n\t\t\t\t: patterns.filter(\n\t\t\t\t\t\t( pattern ) =>\n\t\t\t\t\t\t\t! isPatternFiltered( pattern, sourceFilter )\n\t\t\t\t  ),\n\t\t[ sourceFilter, patterns ]\n\t);\n\n\t// Remove any empty categories.\n\tconst populatedCategories = useMemo( () => {\n\t\tconst categories = allCategories\n\t\t\t.filter( ( category ) =>\n\t\t\t\tfilteredPatterns.some( ( pattern ) =>\n\t\t\t\t\tpattern.categories?.includes( category.name )\n\t\t\t\t)\n\t\t\t)\n\t\t\t.sort( ( a, b ) => a.label.localeCompare( b.label ) );\n\n\t\tif (\n\t\t\tfilteredPatterns.some(\n\t\t\t\t( pattern ) => ! hasRegisteredCategory( pattern, allCategories )\n\t\t\t) &&\n\t\t\t! categories.find(\n\t\t\t\t( category ) => category.name === 'uncategorized'\n\t\t\t)\n\t\t) {\n\t\t\tcategories.push( {\n\t\t\t\tname: 'uncategorized',\n\t\t\t\tlabel: _x( 'Uncategorized' ),\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tfilteredPatterns.some( ( pattern ) =>\n\t\t\t\tpattern.blockTypes?.includes( 'core/post-content' )\n\t\t\t)\n\t\t) {\n\t\t\tcategories.unshift( starterPatternsCategory );\n\t\t}\n\t\tif (\n\t\t\tfilteredPatterns.some(\n\t\t\t\t( pattern ) => pattern.type === INSERTER_PATTERN_TYPES.user\n\t\t\t)\n\t\t) {\n\t\t\tcategories.unshift( myPatternsCategory );\n\t\t}\n\t\tif ( filteredPatterns.length > 0 ) {\n\t\t\tcategories.unshift( {\n\t\t\t\tname: allPatternsCategory.name,\n\t\t\t\tlabel: allPatternsCategory.label,\n\t\t\t} );\n\t\t}\n\t\tspeak(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %d: number of categories . */\n\t\t\t\t_n(\n\t\t\t\t\t'%d category button displayed.',\n\t\t\t\t\t'%d category buttons displayed.',\n\t\t\t\t\tcategories.length\n\t\t\t\t),\n\t\t\t\tcategories.length\n\t\t\t)\n\t\t);\n\t\treturn categories;\n\t}, [ allCategories, filteredPatterns ] );\n\n\treturn populatedCategories;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/block-patterns-tab/use-pattern-categories.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { _x, _n, sprintf } from '@wordpress/i18n';\n\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport usePatternsState from '../hooks/use-patterns-state';\nimport {\n\tisPatternFiltered,\n\tallPatternsCategory,\n\tmyPatternsCategory,\n\tstarterPatternsCategory,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nfunction hasRegisteredCategory( pattern, allCategories ) {\n\tif ( ! pattern.categories || ! pattern.categories.length ) {\n\t\treturn false;\n\t}\n\n\treturn pattern.categories.some( ( cat ) =>\n\t\tallCategories.some( ( category ) => category.name === cat )\n\t);\n}\n\nexport function usePatternCategories( rootClientId, sourceFilter = 'all' ) {\n\tconst [ patterns, allCategories ] = usePatternsState(\n\t\tundefined,\n\t\trootClientId\n\t);\n\n\tconst filteredPatterns = useMemo(\n\t\t() =>\n\t\t\tsourceFilter === 'all'\n\t\t\t\t? patterns\n\t\t\t\t: patterns.filter(\n\t\t\t\t\t\t( pattern ) =>\n\t\t\t\t\t\t\t! isPatternFiltered( pattern, sourceFilter )\n\t\t\t\t  ),\n\t\t[ sourceFilter, patterns ]\n\t);\n\n\t// Remove any empty categories.\n\tconst populatedCategories = useMemo( () => {\n\t\tconst categories = allCategories\n\t\t\t.filter( ( category ) =>\n\t\t\t\tfilteredPatterns.some( ( pattern ) =>\n\t\t\t\t\tpattern.categories?.includes( category.name )\n\t\t\t\t)\n\t\t\t)\n\t\t\t.sort( ( a, b ) => a.label.localeCompare( b.label ) );\n\n\t\tif (\n\t\t\tfilteredPatterns.some(\n\t\t\t\t( pattern ) => ! hasRegisteredCategory( pattern, allCategories )\n\t\t\t) &&\n\t\t\t! categories.find(\n\t\t\t\t( category ) => category.name === 'uncategorized'\n\t\t\t)\n\t\t) {\n\t\t\tcategories.push( {\n\t\t\t\tname: 'uncategorized',\n\t\t\t\tlabel: _x( 'Uncategorized' ),\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tfilteredPatterns.some( ( pattern ) =>\n\t\t\t\tpattern.blockTypes?.includes( 'core/post-content' )\n\t\t\t)\n\t\t) {\n\t\t\tcategories.unshift( starterPatternsCategory );\n\t\t}\n\t\tif (\n\t\t\tfilteredPatterns.some(\n\t\t\t\t( pattern ) => pattern.type === INSERTER_PATTERN_TYPES.user\n\t\t\t)\n\t\t) {\n\t\t\tcategories.unshift( myPatternsCategory );\n\t\t}\n\t\tif ( filteredPatterns.length > 0 ) {\n\t\t\tcategories.unshift( {\n\t\t\t\tname: allPatternsCategory.name,\n\t\t\t\tlabel: allPatternsCategory.label,\n\t\t\t} );\n\t\t}\n\t\tspeak(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %d: number of categories . */\n\t\t\t\t_n(\n\t\t\t\t\t'%d category button displayed.',\n\t\t\t\t\t'%d category buttons displayed.',\n\t\t\t\t\tcategories.length\n\t\t\t\t),\n\t\t\t\tcategories.length\n\t\t\t)\n\t\t);\n\t\treturn categories;\n\t}, [ allCategories, filteredPatterns ] );\n\n\treturn populatedCategories;\n}\n"],
+  "mappings": "AAGA,SAAS,eAAe;AACxB,SAAS,IAAI,IAAI,eAAe;AAEhC,SAAS,aAAa;AAKtB,OAAO,sBAAsB;AAC7B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,SAAS,sBAAuB,SAAS,eAAgB;AACxD,MAAK,CAAE,QAAQ,cAAc,CAAE,QAAQ,WAAW,QAAS;AAC1D,WAAO;AAAA,EACR;AAEA,SAAO,QAAQ,WAAW;AAAA,IAAM,CAAE,QACjC,cAAc,KAAM,CAAE,aAAc,SAAS,SAAS,GAAI;AAAA,EAC3D;AACD;AAEO,SAAS,qBAAsB,cAAc,eAAe,OAAQ;AAC1E,QAAM,CAAE,UAAU,aAAc,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,mBAAmB;AAAA,IACxB,MACC,iBAAiB,QACd,WACA,SAAS;AAAA,MACT,CAAE,YACD,CAAE,kBAAmB,SAAS,YAAa;AAAA,IAC5C;AAAA,IACJ,CAAE,cAAc,QAAS;AAAA,EAC1B;AAGA,QAAM,sBAAsB,QAAS,MAAM;AAC1C,UAAM,aAAa,cACjB;AAAA,MAAQ,CAAE,aACV,iBAAiB;AAAA,QAAM,CAAE,YACxB,QAAQ,YAAY,SAAU,SAAS,IAAK;AAAA,MAC7C;AAAA,IACD,EACC,KAAM,CAAE,GAAG,MAAO,EAAE,MAAM,cAAe,EAAE,KAAM,CAAE;AAErD,QACC,iBAAiB;AAAA,MAChB,CAAE,YAAa,CAAE,sBAAuB,SAAS,aAAc;AAAA,IAChE,KACA,CAAE,WAAW;AAAA,MACZ,CAAE,aAAc,SAAS,SAAS;AAAA,IACnC,GACC;AACD,iBAAW,KAAM;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,GAAI,eAAgB;AAAA,MAC5B,CAAE;AAAA,IACH;AACA,QACC,iBAAiB;AAAA,MAAM,CAAE,YACxB,QAAQ,YAAY,SAAU,mBAAoB;AAAA,IACnD,GACC;AACD,iBAAW,QAAS,uBAAwB;AAAA,IAC7C;AACA,QACC,iBAAiB;AAAA,MAChB,CAAE,YAAa,QAAQ,SAAS,uBAAuB;AAAA,IACxD,GACC;AACD,iBAAW,QAAS,kBAAmB;AAAA,IACxC;AACA,QAAK,iBAAiB,SAAS,GAAI;AAClC,iBAAW,QAAS;AAAA,QACnB,MAAM,oBAAoB;AAAA,QAC1B,OAAO,oBAAoB;AAAA,MAC5B,CAAE;AAAA,IACH;AACA;AAAA,MACC;AAAA;AAAA,QAEC;AAAA,UACC;AAAA,UACA;AAAA,UACA,WAAW;AAAA,QACZ;AAAA,QACA,WAAW;AAAA,MACZ;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAE,eAAe,gBAAiB,CAAE;AAEvC,SAAO;AACR;",
+  "names": []
+}

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

@@ -1,57 +1,51 @@
-/**
- * WordPress dependencies
- */
-
-import { __, _x } from '@wordpress/i18n';
-export const INSERTER_PATTERN_TYPES = {
-  user: 'user',
-  theme: 'theme',
-  directory: 'directory'
+import { __, _x } from "@wordpress/i18n";
+const INSERTER_PATTERN_TYPES = {
+  user: "user",
+  theme: "theme",
+  directory: "directory"
 };
-export const INSERTER_SYNC_TYPES = {
-  full: 'fully',
-  unsynced: 'unsynced'
+const INSERTER_SYNC_TYPES = {
+  full: "fully",
+  unsynced: "unsynced"
 };
-export const allPatternsCategory = {
-  name: 'allPatterns',
-  label: _x('All', 'patterns')
+const allPatternsCategory = {
+  name: "allPatterns",
+  label: _x("All", "patterns")
 };
-export const myPatternsCategory = {
-  name: 'myPatterns',
-  label: __('My patterns')
+const myPatternsCategory = {
+  name: "myPatterns",
+  label: __("My patterns")
 };
-export const starterPatternsCategory = {
-  name: 'core/starter-content',
-  label: __('Starter content')
+const starterPatternsCategory = {
+  name: "core/starter-content",
+  label: __("Starter content")
 };
-export function isPatternFiltered(pattern, sourceFilter, syncFilter) {
-  const isUserPattern = pattern.name.startsWith('core/block');
-  const isDirectoryPattern = pattern.source === 'core' || pattern.source?.startsWith('pattern-directory');
-
-  // If theme source selected, filter out user created patterns and those from
-  // the core patterns directory.
+function isPatternFiltered(pattern, sourceFilter, syncFilter) {
+  const isUserPattern = pattern.name.startsWith("core/block");
+  const isDirectoryPattern = pattern.source === "core" || pattern.source?.startsWith("pattern-directory");
   if (sourceFilter === INSERTER_PATTERN_TYPES.theme && (isUserPattern || isDirectoryPattern)) {
     return true;
   }
-
-  // If the directory source is selected, filter out user created patterns
-  // and those bundled with the theme.
   if (sourceFilter === INSERTER_PATTERN_TYPES.directory && (isUserPattern || !isDirectoryPattern)) {
     return true;
   }
-
-  // If user source selected, filter out theme patterns.
   if (sourceFilter === INSERTER_PATTERN_TYPES.user && pattern.type !== INSERTER_PATTERN_TYPES.user) {
     return true;
   }
-
-  // Filter by sync status.
-  if (syncFilter === INSERTER_SYNC_TYPES.full && pattern.syncStatus !== '') {
+  if (syncFilter === INSERTER_SYNC_TYPES.full && pattern.syncStatus !== "") {
     return true;
   }
-  if (syncFilter === INSERTER_SYNC_TYPES.unsynced && pattern.syncStatus !== 'unsynced' && isUserPattern) {
+  if (syncFilter === INSERTER_SYNC_TYPES.unsynced && pattern.syncStatus !== "unsynced" && isUserPattern) {
     return true;
   }
   return false;
 }
-//# sourceMappingURL=utils.js.map
+export {
+  INSERTER_PATTERN_TYPES,
+  INSERTER_SYNC_TYPES,
+  allPatternsCategory,
+  isPatternFiltered,
+  myPatternsCategory,
+  starterPatternsCategory
+};
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","_x","INSERTER_PATTERN_TYPES","user","theme","directory","INSERTER_SYNC_TYPES","full","unsynced","allPatternsCategory","name","label","myPatternsCategory","starterPatternsCategory","isPatternFiltered","pattern","sourceFilter","syncFilter","isUserPattern","startsWith","isDirectoryPattern","source","type","syncStatus"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { __, _x } from '@wordpress/i18n';\n\nexport const INSERTER_PATTERN_TYPES = {\n\tuser: 'user',\n\ttheme: 'theme',\n\tdirectory: 'directory',\n};\n\nexport const INSERTER_SYNC_TYPES = {\n\tfull: 'fully',\n\tunsynced: 'unsynced',\n};\n\nexport const allPatternsCategory = {\n\tname: 'allPatterns',\n\tlabel: _x( 'All', 'patterns' ),\n};\n\nexport const myPatternsCategory = {\n\tname: 'myPatterns',\n\tlabel: __( 'My patterns' ),\n};\n\nexport const starterPatternsCategory = {\n\tname: 'core/starter-content',\n\tlabel: __( 'Starter content' ),\n};\n\nexport function isPatternFiltered( pattern, sourceFilter, syncFilter ) {\n\tconst isUserPattern = pattern.name.startsWith( 'core/block' );\n\tconst isDirectoryPattern =\n\t\tpattern.source === 'core' ||\n\t\tpattern.source?.startsWith( 'pattern-directory' );\n\n\t// If theme source selected, filter out user created patterns and those from\n\t// the core patterns directory.\n\tif (\n\t\tsourceFilter === INSERTER_PATTERN_TYPES.theme &&\n\t\t( isUserPattern || isDirectoryPattern )\n\t) {\n\t\treturn true;\n\t}\n\n\t// If the directory source is selected, filter out user created patterns\n\t// and those bundled with the theme.\n\tif (\n\t\tsourceFilter === INSERTER_PATTERN_TYPES.directory &&\n\t\t( isUserPattern || ! isDirectoryPattern )\n\t) {\n\t\treturn true;\n\t}\n\n\t// If user source selected, filter out theme patterns.\n\tif (\n\t\tsourceFilter === INSERTER_PATTERN_TYPES.user &&\n\t\tpattern.type !== INSERTER_PATTERN_TYPES.user\n\t) {\n\t\treturn true;\n\t}\n\n\t// Filter by sync status.\n\tif (\n\t\tsyncFilter === INSERTER_SYNC_TYPES.full &&\n\t\tpattern.syncStatus !== ''\n\t) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\tsyncFilter === INSERTER_SYNC_TYPES.unsynced &&\n\t\tpattern.syncStatus !== 'unsynced' &&\n\t\tisUserPattern\n\t) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AAExC,OAAO,MAAMC,sBAAsB,GAAG;EACrCC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAG;EAClCC,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAE;AACX,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAG;EAClCC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAEV,EAAE,CAAE,KAAK,EAAE,UAAW;AAC9B,CAAC;AAED,OAAO,MAAMW,kBAAkB,GAAG;EACjCF,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAEX,EAAE,CAAE,aAAc;AAC1B,CAAC;AAED,OAAO,MAAMa,uBAAuB,GAAG;EACtCH,IAAI,EAAE,sBAAsB;EAC5BC,KAAK,EAAEX,EAAE,CAAE,iBAAkB;AAC9B,CAAC;AAED,OAAO,SAASc,iBAAiBA,CAAEC,OAAO,EAAEC,YAAY,EAAEC,UAAU,EAAG;EACtE,MAAMC,aAAa,GAAGH,OAAO,CAACL,IAAI,CAACS,UAAU,CAAE,YAAa,CAAC;EAC7D,MAAMC,kBAAkB,GACvBL,OAAO,CAACM,MAAM,KAAK,MAAM,IACzBN,OAAO,CAACM,MAAM,EAAEF,UAAU,CAAE,mBAAoB,CAAC;;EAElD;EACA;EACA,IACCH,YAAY,KAAKd,sBAAsB,CAACE,KAAK,KAC3Cc,aAAa,IAAIE,kBAAkB,CAAE,EACtC;IACD,OAAO,IAAI;EACZ;;EAEA;EACA;EACA,IACCJ,YAAY,KAAKd,sBAAsB,CAACG,SAAS,KAC/Ca,aAAa,IAAI,CAAEE,kBAAkB,CAAE,EACxC;IACD,OAAO,IAAI;EACZ;;EAEA;EACA,IACCJ,YAAY,KAAKd,sBAAsB,CAACC,IAAI,IAC5CY,OAAO,CAACO,IAAI,KAAKpB,sBAAsB,CAACC,IAAI,EAC3C;IACD,OAAO,IAAI;EACZ;;EAEA;EACA,IACCc,UAAU,KAAKX,mBAAmB,CAACC,IAAI,IACvCQ,OAAO,CAACQ,UAAU,KAAK,EAAE,EACxB;IACD,OAAO,IAAI;EACZ;EAEA,IACCN,UAAU,KAAKX,mBAAmB,CAACE,QAAQ,IAC3CO,OAAO,CAACQ,UAAU,KAAK,UAAU,IACjCL,aAAa,EACZ;IACD,OAAO,IAAI;EACZ;EAEA,OAAO,KAAK;AACb","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/block-patterns-tab/utils.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\n\nimport { __, _x } from '@wordpress/i18n';\n\nexport const INSERTER_PATTERN_TYPES = {\n\tuser: 'user',\n\ttheme: 'theme',\n\tdirectory: 'directory',\n};\n\nexport const INSERTER_SYNC_TYPES = {\n\tfull: 'fully',\n\tunsynced: 'unsynced',\n};\n\nexport const allPatternsCategory = {\n\tname: 'allPatterns',\n\tlabel: _x( 'All', 'patterns' ),\n};\n\nexport const myPatternsCategory = {\n\tname: 'myPatterns',\n\tlabel: __( 'My patterns' ),\n};\n\nexport const starterPatternsCategory = {\n\tname: 'core/starter-content',\n\tlabel: __( 'Starter content' ),\n};\n\nexport function isPatternFiltered( pattern, sourceFilter, syncFilter ) {\n\tconst isUserPattern = pattern.name.startsWith( 'core/block' );\n\tconst isDirectoryPattern =\n\t\tpattern.source === 'core' ||\n\t\tpattern.source?.startsWith( 'pattern-directory' );\n\n\t// If theme source selected, filter out user created patterns and those from\n\t// the core patterns directory.\n\tif (\n\t\tsourceFilter === INSERTER_PATTERN_TYPES.theme &&\n\t\t( isUserPattern || isDirectoryPattern )\n\t) {\n\t\treturn true;\n\t}\n\n\t// If the directory source is selected, filter out user created patterns\n\t// and those bundled with the theme.\n\tif (\n\t\tsourceFilter === INSERTER_PATTERN_TYPES.directory &&\n\t\t( isUserPattern || ! isDirectoryPattern )\n\t) {\n\t\treturn true;\n\t}\n\n\t// If user source selected, filter out theme patterns.\n\tif (\n\t\tsourceFilter === INSERTER_PATTERN_TYPES.user &&\n\t\tpattern.type !== INSERTER_PATTERN_TYPES.user\n\t) {\n\t\treturn true;\n\t}\n\n\t// Filter by sync status.\n\tif (\n\t\tsyncFilter === INSERTER_SYNC_TYPES.full &&\n\t\tpattern.syncStatus !== ''\n\t) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\tsyncFilter === INSERTER_SYNC_TYPES.unsynced &&\n\t\tpattern.syncStatus !== 'unsynced' &&\n\t\tisUserPattern\n\t) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n"],
+  "mappings": "AAIA,SAAS,IAAI,UAAU;AAEhB,MAAM,yBAAyB;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AACZ;AAEO,MAAM,sBAAsB;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AACX;AAEO,MAAM,sBAAsB;AAAA,EAClC,MAAM;AAAA,EACN,OAAO,GAAI,OAAO,UAAW;AAC9B;AAEO,MAAM,qBAAqB;AAAA,EACjC,MAAM;AAAA,EACN,OAAO,GAAI,aAAc;AAC1B;AAEO,MAAM,0BAA0B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO,GAAI,iBAAkB;AAC9B;AAEO,SAAS,kBAAmB,SAAS,cAAc,YAAa;AACtE,QAAM,gBAAgB,QAAQ,KAAK,WAAY,YAAa;AAC5D,QAAM,qBACL,QAAQ,WAAW,UACnB,QAAQ,QAAQ,WAAY,mBAAoB;AAIjD,MACC,iBAAiB,uBAAuB,UACtC,iBAAiB,qBAClB;AACD,WAAO;AAAA,EACR;AAIA,MACC,iBAAiB,uBAAuB,cACtC,iBAAiB,CAAE,qBACpB;AACD,WAAO;AAAA,EACR;AAGA,MACC,iBAAiB,uBAAuB,QACxC,QAAQ,SAAS,uBAAuB,MACvC;AACD,WAAO;AAAA,EACR;AAGA,MACC,eAAe,oBAAoB,QACnC,QAAQ,eAAe,IACtB;AACD,WAAO;AAAA,EACR;AAEA,MACC,eAAe,oBAAoB,YACnC,QAAQ,eAAe,cACvB,eACC;AACD,WAAO;AAAA,EACR;AAEA,SAAO;AACR;",
+  "names": []
+}

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

@@ -1,31 +1,17 @@
-/**
- * WordPress dependencies
- */
-import { __, _x } from '@wordpress/i18n';
-import { useMemo, useEffect, forwardRef } from '@wordpress/element';
-import { useAsyncList } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BlockTypesList from '../block-types-list';
-import InserterPanel from './panel';
-import useBlockTypesState from './hooks/use-block-types-state';
-import InserterListbox from '../inserter-listbox';
-import { orderBy } from '../../utils/sorting';
-import InserterNoResults from './no-results';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const getBlockNamespace = item => item.name.split('/')[0];
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __, _x } from "@wordpress/i18n";
+import { useMemo, useEffect, forwardRef } from "@wordpress/element";
+import { useAsyncList } from "@wordpress/compose";
+import BlockTypesList from "../block-types-list";
+import InserterPanel from "./panel";
+import useBlockTypesState from "./hooks/use-block-types-state";
+import InserterListbox from "../inserter-listbox";
+import { orderBy } from "../../utils/sorting";
+import InserterNoResults from "./no-results";
+const getBlockNamespace = (item) => item.name.split("/")[0];
 const MAX_SUGGESTED_ITEMS = 6;
-
-/**
- * Shared reference to an empty array for cases where it is important to avoid
- * returning a new array reference on every invocation and rerendering the component.
- *
- * @type {Array}
- */
 const EMPTY_ARRAY = [];
-export function BlockTypesTabPanel({
+function BlockTypesTabPanel({
   items,
   collections,
   categories,
@@ -35,112 +21,127 @@ export function BlockTypesTabPanel({
   className
 }) {
   const suggestedItems = useMemo(() => {
-    return orderBy(items, 'frecency', 'desc').slice(0, MAX_SUGGESTED_ITEMS);
+    return orderBy(items, "frecency", "desc").slice(
+      0,
+      MAX_SUGGESTED_ITEMS
+    );
   }, [items]);
   const uncategorizedItems = useMemo(() => {
-    return items.filter(item => !item.category);
+    return items.filter((item) => !item.category);
   }, [items]);
   const itemsPerCollection = useMemo(() => {
-    // Create a new Object to avoid mutating collection.
-    const result = {
-      ...collections
-    };
-    Object.keys(collections).forEach(namespace => {
-      result[namespace] = items.filter(item => getBlockNamespace(item) === namespace);
+    const result = { ...collections };
+    Object.keys(collections).forEach((namespace) => {
+      result[namespace] = items.filter(
+        (item) => getBlockNamespace(item) === namespace
+      );
       if (result[namespace].length === 0) {
         delete result[namespace];
       }
     });
     return result;
   }, [items, collections]);
-
-  // Hide block preview on unmount.
   useEffect(() => () => onHover(null), []);
-
-  /**
-   * The inserter contains a big number of blocks and opening it is a costful operation.
-   * The rendering is the most costful part of it, in order to improve the responsiveness
-   * of the "opening" action, these lazy lists allow us to render the inserter category per category,
-   * once all the categories are rendered, we start rendering the collections and the uncategorized block types.
-   */
   const currentlyRenderedCategories = useAsyncList(categories);
   const didRenderAllCategories = categories.length === currentlyRenderedCategories.length;
-
-  // Async List requires an array.
   const collectionEntries = useMemo(() => {
     return Object.entries(collections);
   }, [collections]);
-  const currentlyRenderedCollections = useAsyncList(didRenderAllCategories ? collectionEntries : EMPTY_ARRAY);
-  return /*#__PURE__*/_jsxs("div", {
-    className: className,
-    children: [showMostUsedBlocks &&
-    // Only show the most used blocks if the total amount of block
+  const currentlyRenderedCollections = useAsyncList(
+    didRenderAllCategories ? collectionEntries : EMPTY_ARRAY
+  );
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    showMostUsedBlocks && // Only show the most used blocks if the total amount of block
     // is larger than 1 row, otherwise it is not so useful.
-    items.length > 3 && !!suggestedItems.length && /*#__PURE__*/_jsx(InserterPanel, {
-      title: _x('Most used', 'blocks'),
-      children: /*#__PURE__*/_jsx(BlockTypesList, {
+    items.length > 3 && !!suggestedItems.length && /* @__PURE__ */ jsx(InserterPanel, { title: _x("Most used", "blocks"), children: /* @__PURE__ */ jsx(
+      BlockTypesList,
+      {
         items: suggestedItems,
         onSelect: onSelectItem,
-        onHover: onHover,
-        label: _x('Most used', 'blocks')
-      })
-    }), currentlyRenderedCategories.map(category => {
-      const categoryItems = items.filter(item => item.category === category.slug);
+        onHover,
+        label: _x("Most used", "blocks")
+      }
+    ) }),
+    currentlyRenderedCategories.map((category) => {
+      const categoryItems = items.filter(
+        (item) => item.category === category.slug
+      );
       if (!categoryItems || !categoryItems.length) {
         return null;
       }
-      return /*#__PURE__*/_jsx(InserterPanel, {
-        title: category.title,
-        icon: category.icon,
-        children: /*#__PURE__*/_jsx(BlockTypesList, {
-          items: categoryItems,
-          onSelect: onSelectItem,
-          onHover: onHover,
-          label: category.title
-        })
-      }, category.slug);
-    }), didRenderAllCategories && uncategorizedItems.length > 0 && /*#__PURE__*/_jsx(InserterPanel, {
-      className: "block-editor-inserter__uncategorized-blocks-panel",
-      title: __('Uncategorized'),
-      children: /*#__PURE__*/_jsx(BlockTypesList, {
-        items: uncategorizedItems,
-        onSelect: onSelectItem,
-        onHover: onHover,
-        label: __('Uncategorized')
-      })
-    }), currentlyRenderedCollections.map(([namespace, collection]) => {
-      const collectionItems = itemsPerCollection[namespace];
-      if (!collectionItems || !collectionItems.length) {
-        return null;
+      return /* @__PURE__ */ jsx(
+        InserterPanel,
+        {
+          title: category.title,
+          icon: category.icon,
+          children: /* @__PURE__ */ jsx(
+            BlockTypesList,
+            {
+              items: categoryItems,
+              onSelect: onSelectItem,
+              onHover,
+              label: category.title
+            }
+          )
+        },
+        category.slug
+      );
+    }),
+    didRenderAllCategories && uncategorizedItems.length > 0 && /* @__PURE__ */ jsx(
+      InserterPanel,
+      {
+        className: "block-editor-inserter__uncategorized-blocks-panel",
+        title: __("Uncategorized"),
+        children: /* @__PURE__ */ jsx(
+          BlockTypesList,
+          {
+            items: uncategorizedItems,
+            onSelect: onSelectItem,
+            onHover,
+            label: __("Uncategorized")
+          }
+        )
+      }
+    ),
+    currentlyRenderedCollections.map(
+      ([namespace, collection]) => {
+        const collectionItems = itemsPerCollection[namespace];
+        if (!collectionItems || !collectionItems.length) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx(
+          InserterPanel,
+          {
+            title: collection.title,
+            icon: collection.icon,
+            children: /* @__PURE__ */ jsx(
+              BlockTypesList,
+              {
+                items: collectionItems,
+                onSelect: onSelectItem,
+                onHover,
+                label: collection.title
+              }
+            )
+          },
+          namespace
+        );
       }
-      return /*#__PURE__*/_jsx(InserterPanel, {
-        title: collection.title,
-        icon: collection.icon,
-        children: /*#__PURE__*/_jsx(BlockTypesList, {
-          items: collectionItems,
-          onSelect: onSelectItem,
-          onHover: onHover,
-          label: collection.title
-        })
-      }, namespace);
-    })]
-  });
+    )
+  ] });
 }
-export function BlockTypesTab({
-  rootClientId,
-  onInsert,
-  onHover,
-  showMostUsedBlocks
-}, ref) {
-  const [items, categories, collections, onSelectItem] = useBlockTypesState(rootClientId, onInsert);
+function BlockTypesTab({ rootClientId, onInsert, onHover, showMostUsedBlocks }, ref) {
+  const [items, categories, collections, onSelectItem] = useBlockTypesState(
+    rootClientId,
+    onInsert
+  );
   if (!items.length) {
-    return /*#__PURE__*/_jsx(InserterNoResults, {});
+    return /* @__PURE__ */ jsx(InserterNoResults, {});
   }
   const itemsForCurrentRoot = [];
   const itemsRemaining = [];
   for (const item of items) {
-    // Skip reusable blocks, they moved to the patterns tab.
-    if (item.category === 'reusable') {
+    if (item.category === "reusable") {
       continue;
     }
     if (item.isAllowedInCurrentRoot) {
@@ -149,30 +150,37 @@ export function BlockTypesTab({
       itemsRemaining.push(item);
     }
   }
-  return /*#__PURE__*/_jsx(InserterListbox, {
-    children: /*#__PURE__*/_jsxs("div", {
-      ref: ref,
-      children: [!!itemsForCurrentRoot.length && /*#__PURE__*/_jsx(_Fragment, {
-        children: /*#__PURE__*/_jsx(BlockTypesTabPanel, {
-          items: itemsForCurrentRoot,
-          categories: categories,
-          collections: collections,
-          onSelectItem: onSelectItem,
-          onHover: onHover,
-          showMostUsedBlocks: showMostUsedBlocks,
-          className: "block-editor-inserter__insertable-blocks-at-selection"
-        })
-      }), /*#__PURE__*/_jsx(BlockTypesTabPanel, {
+  return /* @__PURE__ */ jsx(InserterListbox, { children: /* @__PURE__ */ jsxs("div", { ref, children: [
+    !!itemsForCurrentRoot.length && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      BlockTypesTabPanel,
+      {
+        items: itemsForCurrentRoot,
+        categories,
+        collections,
+        onSelectItem,
+        onHover,
+        showMostUsedBlocks,
+        className: "block-editor-inserter__insertable-blocks-at-selection"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      BlockTypesTabPanel,
+      {
         items: itemsRemaining,
-        categories: categories,
-        collections: collections,
-        onSelectItem: onSelectItem,
-        onHover: onHover,
-        showMostUsedBlocks: showMostUsedBlocks,
+        categories,
+        collections,
+        onSelectItem,
+        onHover,
+        showMostUsedBlocks,
         className: "block-editor-inserter__all-blocks"
-      })]
-    })
-  });
+      }
+    )
+  ] }) });
 }
-export default forwardRef(BlockTypesTab);
-//# sourceMappingURL=block-types-tab.js.map
+var block_types_tab_default = forwardRef(BlockTypesTab);
+export {
+  BlockTypesTab,
+  BlockTypesTabPanel,
+  block_types_tab_default as default
+};
+//# sourceMappingURL=block-types-tab.js.map