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

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

@@ -1,118 +1,180 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useState, useCallback, useRef, useEffect } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalHeading as Heading, __experimentalText as Text, FlexBlock } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import usePatternsState from '../hooks/use-patterns-state';
-import BlockPatternsList from '../../block-patterns-list';
-import usePatternsPaging from '../hooks/use-patterns-paging';
-import { PatternsFilter } from './patterns-filter';
-import { usePatternCategories } from './use-pattern-categories';
-import { isPatternFiltered, allPatternsCategory, myPatternsCategory, starterPatternsCategory, INSERTER_PATTERN_TYPES } from './utils';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const noop = () => {};
-export function PatternCategoryPreviews({
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  useMemo,
+  useState,
+  useCallback,
+  useRef,
+  useEffect
+} from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import {
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack,
+  __experimentalHeading as Heading,
+  __experimentalText as Text,
+  FlexBlock
+} from "@wordpress/components";
+import usePatternsState from "../hooks/use-patterns-state";
+import BlockPatternsList from "../../block-patterns-list";
+import usePatternsPaging from "../hooks/use-patterns-paging";
+import { PatternsFilter } from "./patterns-filter";
+import { usePatternCategories } from "./use-pattern-categories";
+import {
+  isPatternFiltered,
+  allPatternsCategory,
+  myPatternsCategory,
+  starterPatternsCategory,
+  INSERTER_PATTERN_TYPES
+} from "./utils";
+const noop = () => {
+};
+function PatternCategoryPreviews({
   rootClientId,
   onInsert,
   onHover = noop,
   category,
   showTitlesAsTooltip
 }) {
-  const [allPatterns,, onClickPattern] = usePatternsState(onInsert, rootClientId, category?.name);
-  const [patternSyncFilter, setPatternSyncFilter] = useState('all');
-  const [patternSourceFilter, setPatternSourceFilter] = useState('all');
-  const availableCategories = usePatternCategories(rootClientId, patternSourceFilter);
+  const [allPatterns, , onClickPattern] = usePatternsState(
+    onInsert,
+    rootClientId,
+    category?.name
+  );
+  const [patternSyncFilter, setPatternSyncFilter] = useState("all");
+  const [patternSourceFilter, setPatternSourceFilter] = useState("all");
+  const availableCategories = usePatternCategories(
+    rootClientId,
+    patternSourceFilter
+  );
   const scrollContainerRef = useRef();
-  const currentCategoryPatterns = useMemo(() => allPatterns.filter(pattern => {
-    if (isPatternFiltered(pattern, patternSourceFilter, patternSyncFilter)) {
-      return false;
-    }
-    if (category.name === allPatternsCategory.name) {
-      return true;
-    }
-    if (category.name === myPatternsCategory.name && pattern.type === INSERTER_PATTERN_TYPES.user) {
-      return true;
-    }
-    if (category.name === starterPatternsCategory.name && pattern.blockTypes?.includes('core/post-content')) {
-      return true;
-    }
-    if (category.name === 'uncategorized') {
-      // The uncategorized category should show all the patterns without any category...
-      if (!pattern.categories) {
+  const currentCategoryPatterns = useMemo(
+    () => allPatterns.filter((pattern) => {
+      if (isPatternFiltered(
+        pattern,
+        patternSourceFilter,
+        patternSyncFilter
+      )) {
+        return false;
+      }
+      if (category.name === allPatternsCategory.name) {
+        return true;
+      }
+      if (category.name === myPatternsCategory.name && pattern.type === INSERTER_PATTERN_TYPES.user) {
         return true;
       }
-
-      // ...or with no available category.
-      return !pattern.categories.some(catName => availableCategories.some(c => c.name === catName));
-    }
-    return pattern.categories?.includes(category.name);
-  }), [allPatterns, availableCategories, category.name, patternSourceFilter, patternSyncFilter]);
-  const pagingProps = usePatternsPaging(currentCategoryPatterns, category, scrollContainerRef);
-  const {
-    changePage
-  } = pagingProps;
-
-  // Hide block pattern preview on unmount.
+      if (category.name === starterPatternsCategory.name && pattern.blockTypes?.includes("core/post-content")) {
+        return true;
+      }
+      if (category.name === "uncategorized") {
+        if (!pattern.categories) {
+          return true;
+        }
+        return !pattern.categories.some(
+          (catName) => availableCategories.some((c) => c.name === catName)
+        );
+      }
+      return pattern.categories?.includes(category.name);
+    }),
+    [
+      allPatterns,
+      availableCategories,
+      category.name,
+      patternSourceFilter,
+      patternSyncFilter
+    ]
+  );
+  const pagingProps = usePatternsPaging(
+    currentCategoryPatterns,
+    category,
+    scrollContainerRef
+  );
+  const { changePage } = pagingProps;
   useEffect(() => () => onHover(null), []);
-  const onSetPatternSyncFilter = useCallback(value => {
-    setPatternSyncFilter(value);
-    changePage(1);
-  }, [setPatternSyncFilter, changePage]);
-  const onSetPatternSourceFilter = useCallback(value => {
-    setPatternSourceFilter(value);
-    changePage(1);
-  }, [setPatternSourceFilter, changePage]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(VStack, {
-      spacing: 2,
-      className: "block-editor-inserter__patterns-category-panel-header",
-      children: [/*#__PURE__*/_jsxs(HStack, {
-        children: [/*#__PURE__*/_jsx(FlexBlock, {
-          children: /*#__PURE__*/_jsx(Heading, {
-            className: "block-editor-inserter__patterns-category-panel-title",
-            size: 13,
-            level: 4,
-            as: "div",
-            children: category.label
-          })
-        }), /*#__PURE__*/_jsx(PatternsFilter, {
-          patternSyncFilter: patternSyncFilter,
-          patternSourceFilter: patternSourceFilter,
-          setPatternSyncFilter: onSetPatternSyncFilter,
-          setPatternSourceFilter: onSetPatternSourceFilter,
-          scrollContainerRef: scrollContainerRef,
-          category: category
-        })]
-      }), !currentCategoryPatterns.length && /*#__PURE__*/_jsx(Text, {
-        variant: "muted",
-        className: "block-editor-inserter__patterns-category-no-results",
-        children: __('No results found')
-      })]
-    }), currentCategoryPatterns.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Text, {
-        size: "12",
-        as: "p",
-        className: "block-editor-inserter__help-text",
-        children: __('Drag and drop patterns into the canvas.')
-      }), /*#__PURE__*/_jsx(BlockPatternsList, {
-        ref: scrollContainerRef,
-        blockPatterns: pagingProps.categoryPatterns,
-        onClickPattern: onClickPattern,
-        onHover: onHover,
-        label: category.label,
-        orientation: "vertical",
-        category: category.name,
-        isDraggable: true,
-        showTitlesAsTooltip: showTitlesAsTooltip,
-        patternFilter: patternSourceFilter,
-        pagingProps: pagingProps
-      })]
-    })]
-  });
+  const onSetPatternSyncFilter = useCallback(
+    (value) => {
+      setPatternSyncFilter(value);
+      changePage(1);
+    },
+    [setPatternSyncFilter, changePage]
+  );
+  const onSetPatternSourceFilter = useCallback(
+    (value) => {
+      setPatternSourceFilter(value);
+      changePage(1);
+    },
+    [setPatternSourceFilter, changePage]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      VStack,
+      {
+        spacing: 2,
+        className: "block-editor-inserter__patterns-category-panel-header",
+        children: [
+          /* @__PURE__ */ jsxs(HStack, { children: [
+            /* @__PURE__ */ jsx(FlexBlock, { children: /* @__PURE__ */ jsx(
+              Heading,
+              {
+                className: "block-editor-inserter__patterns-category-panel-title",
+                size: 13,
+                level: 4,
+                as: "div",
+                children: category.label
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PatternsFilter,
+              {
+                patternSyncFilter,
+                patternSourceFilter,
+                setPatternSyncFilter: onSetPatternSyncFilter,
+                setPatternSourceFilter: onSetPatternSourceFilter,
+                scrollContainerRef,
+                category
+              }
+            )
+          ] }),
+          !currentCategoryPatterns.length && /* @__PURE__ */ jsx(
+            Text,
+            {
+              variant: "muted",
+              className: "block-editor-inserter__patterns-category-no-results",
+              children: __("No results found")
+            }
+          )
+        ]
+      }
+    ),
+    currentCategoryPatterns.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "12",
+          as: "p",
+          className: "block-editor-inserter__help-text",
+          children: __("Drag and drop patterns into the canvas.")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        BlockPatternsList,
+        {
+          ref: scrollContainerRef,
+          blockPatterns: pagingProps.categoryPatterns,
+          onClickPattern,
+          onHover,
+          label: category.label,
+          orientation: "vertical",
+          category: category.name,
+          isDraggable: true,
+          showTitlesAsTooltip,
+          patternFilter: patternSourceFilter,
+          pagingProps
+        }
+      )
+    ] })
+  ] });
 }
-//# sourceMappingURL=pattern-category-previews.js.map
+export {
+  PatternCategoryPreviews
+};
+//# sourceMappingURL=pattern-category-previews.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","useState","useCallback","useRef","useEffect","__","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalHeading","Heading","__experimentalText","Text","FlexBlock","usePatternsState","BlockPatternsList","usePatternsPaging","PatternsFilter","usePatternCategories","isPatternFiltered","allPatternsCategory","myPatternsCategory","starterPatternsCategory","INSERTER_PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","noop","PatternCategoryPreviews","rootClientId","onInsert","onHover","category","showTitlesAsTooltip","allPatterns","onClickPattern","name","patternSyncFilter","setPatternSyncFilter","patternSourceFilter","setPatternSourceFilter","availableCategories","scrollContainerRef","currentCategoryPatterns","filter","pattern","type","user","blockTypes","includes","categories","some","catName","c","pagingProps","changePage","onSetPatternSyncFilter","value","onSetPatternSourceFilter","children","spacing","className","size","level","as","label","length","variant","ref","blockPatterns","categoryPatterns","orientation","isDraggable","patternFilter"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tuseRef,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\tFlexBlock,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport usePatternsState from '../hooks/use-patterns-state';\nimport BlockPatternsList from '../../block-patterns-list';\nimport usePatternsPaging from '../hooks/use-patterns-paging';\nimport { PatternsFilter } from './patterns-filter';\nimport { usePatternCategories } from './use-pattern-categories';\nimport {\n\tisPatternFiltered,\n\tallPatternsCategory,\n\tmyPatternsCategory,\n\tstarterPatternsCategory,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst noop = () => {};\n\nexport function PatternCategoryPreviews( {\n\trootClientId,\n\tonInsert,\n\tonHover = noop,\n\tcategory,\n\tshowTitlesAsTooltip,\n} ) {\n\tconst [ allPatterns, , onClickPattern ] = usePatternsState(\n\t\tonInsert,\n\t\trootClientId,\n\t\tcategory?.name\n\t);\n\tconst [ patternSyncFilter, setPatternSyncFilter ] = useState( 'all' );\n\tconst [ patternSourceFilter, setPatternSourceFilter ] = useState( 'all' );\n\n\tconst availableCategories = usePatternCategories(\n\t\trootClientId,\n\t\tpatternSourceFilter\n\t);\n\tconst scrollContainerRef = useRef();\n\tconst currentCategoryPatterns = useMemo(\n\t\t() =>\n\t\t\tallPatterns.filter( ( pattern ) => {\n\t\t\t\tif (\n\t\t\t\t\tisPatternFiltered(\n\t\t\t\t\t\tpattern,\n\t\t\t\t\t\tpatternSourceFilter,\n\t\t\t\t\t\tpatternSyncFilter\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === allPatternsCategory.name ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tcategory.name === myPatternsCategory.name &&\n\t\t\t\t\tpattern.type === INSERTER_PATTERN_TYPES.user\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tcategory.name === starterPatternsCategory.name &&\n\t\t\t\t\tpattern.blockTypes?.includes( 'core/post-content' )\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === 'uncategorized' ) {\n\t\t\t\t\t// The uncategorized category should show all the patterns without any category...\n\t\t\t\t\tif ( ! pattern.categories ) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ...or with no available category.\n\t\t\t\t\treturn ! pattern.categories.some( ( catName ) =>\n\t\t\t\t\t\tavailableCategories.some( ( c ) => c.name === catName )\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn pattern.categories?.includes( category.name );\n\t\t\t} ),\n\t\t[\n\t\t\tallPatterns,\n\t\t\tavailableCategories,\n\t\t\tcategory.name,\n\t\t\tpatternSourceFilter,\n\t\t\tpatternSyncFilter,\n\t\t]\n\t);\n\n\tconst pagingProps = usePatternsPaging(\n\t\tcurrentCategoryPatterns,\n\t\tcategory,\n\t\tscrollContainerRef\n\t);\n\tconst { changePage } = pagingProps;\n\n\t// Hide block pattern preview on unmount.\n\tuseEffect( () => () => onHover( null ), [] );\n\n\tconst onSetPatternSyncFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSyncFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSyncFilter, changePage ]\n\t);\n\tconst onSetPatternSourceFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSourceFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSourceFilter, changePage ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tspacing={ 2 }\n\t\t\t\tclassName=\"block-editor-inserter__patterns-category-panel-header\"\n\t\t\t>\n\t\t\t\t<HStack>\n\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\tclassName=\"block-editor-inserter__patterns-category-panel-title\"\n\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\tlevel={ 4 }\n\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ category.label }\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<PatternsFilter\n\t\t\t\t\t\tpatternSyncFilter={ patternSyncFilter }\n\t\t\t\t\t\tpatternSourceFilter={ patternSourceFilter }\n\t\t\t\t\t\tsetPatternSyncFilter={ onSetPatternSyncFilter }\n\t\t\t\t\t\tsetPatternSourceFilter={ onSetPatternSourceFilter }\n\t\t\t\t\t\tscrollContainerRef={ scrollContainerRef }\n\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ ! currentCategoryPatterns.length && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\tclassName=\"block-editor-inserter__patterns-category-no-results\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'No results found' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t\t{ currentCategoryPatterns.length > 0 && (\n\t\t\t\t<>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tsize=\"12\"\n\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\tclassName=\"block-editor-inserter__help-text\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Drag and drop patterns into the canvas.' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tref={ scrollContainerRef }\n\t\t\t\t\t\tblockPatterns={ pagingProps.categoryPatterns }\n\t\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\t\tcategory={ category.name }\n\t\t\t\t\t\tisDraggable\n\t\t\t\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t\tpatternFilter={ patternSourceFilter }\n\t\t\t\t\t\tpagingProps={ pagingProps }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/inserter/block-patterns-tab/pattern-category-previews.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tuseRef,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\tFlexBlock,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport usePatternsState from '../hooks/use-patterns-state';\nimport BlockPatternsList from '../../block-patterns-list';\nimport usePatternsPaging from '../hooks/use-patterns-paging';\nimport { PatternsFilter } from './patterns-filter';\nimport { usePatternCategories } from './use-pattern-categories';\nimport {\n\tisPatternFiltered,\n\tallPatternsCategory,\n\tmyPatternsCategory,\n\tstarterPatternsCategory,\n\tINSERTER_PATTERN_TYPES,\n} from './utils';\n\nconst noop = () => {};\n\nexport function PatternCategoryPreviews( {\n\trootClientId,\n\tonInsert,\n\tonHover = noop,\n\tcategory,\n\tshowTitlesAsTooltip,\n} ) {\n\tconst [ allPatterns, , onClickPattern ] = usePatternsState(\n\t\tonInsert,\n\t\trootClientId,\n\t\tcategory?.name\n\t);\n\tconst [ patternSyncFilter, setPatternSyncFilter ] = useState( 'all' );\n\tconst [ patternSourceFilter, setPatternSourceFilter ] = useState( 'all' );\n\n\tconst availableCategories = usePatternCategories(\n\t\trootClientId,\n\t\tpatternSourceFilter\n\t);\n\tconst scrollContainerRef = useRef();\n\tconst currentCategoryPatterns = useMemo(\n\t\t() =>\n\t\t\tallPatterns.filter( ( pattern ) => {\n\t\t\t\tif (\n\t\t\t\t\tisPatternFiltered(\n\t\t\t\t\t\tpattern,\n\t\t\t\t\t\tpatternSourceFilter,\n\t\t\t\t\t\tpatternSyncFilter\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === allPatternsCategory.name ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tcategory.name === myPatternsCategory.name &&\n\t\t\t\t\tpattern.type === INSERTER_PATTERN_TYPES.user\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tcategory.name === starterPatternsCategory.name &&\n\t\t\t\t\tpattern.blockTypes?.includes( 'core/post-content' )\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( category.name === 'uncategorized' ) {\n\t\t\t\t\t// The uncategorized category should show all the patterns without any category...\n\t\t\t\t\tif ( ! pattern.categories ) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ...or with no available category.\n\t\t\t\t\treturn ! pattern.categories.some( ( catName ) =>\n\t\t\t\t\t\tavailableCategories.some( ( c ) => c.name === catName )\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn pattern.categories?.includes( category.name );\n\t\t\t} ),\n\t\t[\n\t\t\tallPatterns,\n\t\t\tavailableCategories,\n\t\t\tcategory.name,\n\t\t\tpatternSourceFilter,\n\t\t\tpatternSyncFilter,\n\t\t]\n\t);\n\n\tconst pagingProps = usePatternsPaging(\n\t\tcurrentCategoryPatterns,\n\t\tcategory,\n\t\tscrollContainerRef\n\t);\n\tconst { changePage } = pagingProps;\n\n\t// Hide block pattern preview on unmount.\n\tuseEffect( () => () => onHover( null ), [] );\n\n\tconst onSetPatternSyncFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSyncFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSyncFilter, changePage ]\n\t);\n\tconst onSetPatternSourceFilter = useCallback(\n\t\t( value ) => {\n\t\t\tsetPatternSourceFilter( value );\n\t\t\tchangePage( 1 );\n\t\t},\n\t\t[ setPatternSourceFilter, changePage ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tspacing={ 2 }\n\t\t\t\tclassName=\"block-editor-inserter__patterns-category-panel-header\"\n\t\t\t>\n\t\t\t\t<HStack>\n\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\tclassName=\"block-editor-inserter__patterns-category-panel-title\"\n\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\tlevel={ 4 }\n\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ category.label }\n\t\t\t\t\t\t</Heading>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<PatternsFilter\n\t\t\t\t\t\tpatternSyncFilter={ patternSyncFilter }\n\t\t\t\t\t\tpatternSourceFilter={ patternSourceFilter }\n\t\t\t\t\t\tsetPatternSyncFilter={ onSetPatternSyncFilter }\n\t\t\t\t\t\tsetPatternSourceFilter={ onSetPatternSourceFilter }\n\t\t\t\t\t\tscrollContainerRef={ scrollContainerRef }\n\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ ! currentCategoryPatterns.length && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\tclassName=\"block-editor-inserter__patterns-category-no-results\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'No results found' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t\t{ currentCategoryPatterns.length > 0 && (\n\t\t\t\t<>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tsize=\"12\"\n\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\tclassName=\"block-editor-inserter__help-text\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Drag and drop patterns into the canvas.' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tref={ scrollContainerRef }\n\t\t\t\t\t\tblockPatterns={ pagingProps.categoryPatterns }\n\t\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\t\tcategory={ category.name }\n\t\t\t\t\t\tisDraggable\n\t\t\t\t\t\tshowTitlesAsTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t\tpatternFilter={ patternSourceFilter }\n\t\t\t\t\t\tpagingProps={ pagingProps }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,34 +1,43 @@
-/**
- * WordPress dependencies
- */
-import { SVG, Path, DropdownMenu, MenuGroup, MenuItemsChoice, ExternalLink } from '@wordpress/components';
-import { __, _x } from '@wordpress/i18n';
-import { Icon } from '@wordpress/icons';
-import { useMemo, createInterpolateElement } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { myPatternsCategory, INSERTER_SYNC_TYPES, INSERTER_PATTERN_TYPES } from './utils';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const getShouldDisableSyncFilter = sourceFilter => sourceFilter !== 'all' && sourceFilter !== 'user';
-const getShouldHideSourcesFilter = category => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  SVG,
+  Path,
+  DropdownMenu,
+  MenuGroup,
+  MenuItemsChoice,
+  ExternalLink
+} from "@wordpress/components";
+import { __, _x } from "@wordpress/i18n";
+import { Icon } from "@wordpress/icons";
+import { useMemo, createInterpolateElement } from "@wordpress/element";
+import {
+  myPatternsCategory,
+  INSERTER_SYNC_TYPES,
+  INSERTER_PATTERN_TYPES
+} from "./utils";
+const getShouldDisableSyncFilter = (sourceFilter) => sourceFilter !== "all" && sourceFilter !== "user";
+const getShouldHideSourcesFilter = (category) => {
   return category.name === myPatternsCategory.name;
 };
-const PATTERN_SOURCE_MENU_OPTIONS = [{
-  value: 'all',
-  label: _x('All', 'patterns')
-}, {
-  value: INSERTER_PATTERN_TYPES.directory,
-  label: __('Pattern Directory')
-}, {
-  value: INSERTER_PATTERN_TYPES.theme,
-  label: __('Theme & Plugins')
-}, {
-  value: INSERTER_PATTERN_TYPES.user,
-  label: __('User')
-}];
-export function PatternsFilter({
+const PATTERN_SOURCE_MENU_OPTIONS = [
+  {
+    value: "all",
+    label: _x("All", "patterns")
+  },
+  {
+    value: INSERTER_PATTERN_TYPES.directory,
+    label: __("Pattern Directory")
+  },
+  {
+    value: INSERTER_PATTERN_TYPES.theme,
+    label: __("Theme & Plugins")
+  },
+  {
+    value: INSERTER_PATTERN_TYPES.user,
+    label: __("User")
+  }
+];
+function PatternsFilter({
   setPatternSyncFilter,
   setPatternSourceFilter,
   patternSyncFilter,
@@ -36,90 +45,115 @@ export function PatternsFilter({
   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 explicitly set
-  // this filter themselves.
   const currentPatternSourceFilter = category.name === myPatternsCategory.name ? INSERTER_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 hide the directory and theme source filter if the category is `myPatterns`
-  // otherwise there will only be one option available.
+  const shouldDisableSyncFilter = getShouldDisableSyncFilter(
+    currentPatternSourceFilter
+  );
   const shouldHideSourcesFilter = getShouldHideSourcesFilter(category);
-  const patternSyncMenuOptions = useMemo(() => [{
-    value: 'all',
-    label: _x('All', 'patterns')
-  }, {
-    value: INSERTER_SYNC_TYPES.full,
-    label: _x('Synced', 'patterns'),
-    disabled: shouldDisableSyncFilter
-  }, {
-    value: INSERTER_SYNC_TYPES.unsynced,
-    label: _x('Not synced', 'patterns'),
-    disabled: shouldDisableSyncFilter
-  }], [shouldDisableSyncFilter]);
+  const patternSyncMenuOptions = useMemo(
+    () => [
+      {
+        value: "all",
+        label: _x("All", "patterns")
+      },
+      {
+        value: INSERTER_SYNC_TYPES.full,
+        label: _x("Synced", "patterns"),
+        disabled: shouldDisableSyncFilter
+      },
+      {
+        value: INSERTER_SYNC_TYPES.unsynced,
+        label: _x("Not synced", "patterns"),
+        disabled: shouldDisableSyncFilter
+      }
+    ],
+    [shouldDisableSyncFilter]
+  );
   function handleSetSourceFilterChange(newSourceFilter) {
     setPatternSourceFilter(newSourceFilter);
     if (getShouldDisableSyncFilter(newSourceFilter)) {
-      setPatternSyncFilter('all');
+      setPatternSyncFilter("all");
     }
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(DropdownMenu, {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
       popoverProps: {
-        placement: 'right-end'
+        placement: "right-end"
       },
-      label: __('Filter patterns'),
-      toggleProps: {
-        size: 'compact'
-      },
-      icon: /*#__PURE__*/_jsx(Icon, {
-        icon: /*#__PURE__*/_jsx(SVG, {
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/_jsx(Path, {
-            d: "M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z",
-            fill: "currentColor"
-          })
-        })
-      }),
-      children: () => /*#__PURE__*/_jsxs(_Fragment, {
-        children: [!shouldHideSourcesFilter && /*#__PURE__*/_jsx(MenuGroup, {
-          label: __('Source'),
-          children: /*#__PURE__*/_jsx(MenuItemsChoice, {
+      label: __("Filter patterns"),
+      toggleProps: { size: "compact" },
+      icon: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: /* @__PURE__ */ jsx(
+            SVG,
+            {
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ jsx(
+                Path,
+                {
+                  d: "M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z",
+                  fill: "currentColor"
+                }
+              )
+            }
+          )
+        }
+      ),
+      children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        !shouldHideSourcesFilter && /* @__PURE__ */ jsx(MenuGroup, { label: __("Source"), children: /* @__PURE__ */ jsx(
+          MenuItemsChoice,
+          {
             choices: PATTERN_SOURCE_MENU_OPTIONS,
-            onSelect: value => {
+            onSelect: (value) => {
               handleSetSourceFilterChange(value);
-              scrollContainerRef.current?.scrollTo(0, 0);
+              scrollContainerRef.current?.scrollTo(
+                0,
+                0
+              );
             },
             value: currentPatternSourceFilter
-          })
-        }), /*#__PURE__*/_jsx(MenuGroup, {
-          label: __('Type'),
-          children: /*#__PURE__*/_jsx(MenuItemsChoice, {
+          }
+        ) }),
+        /* @__PURE__ */ jsx(MenuGroup, { label: __("Type"), children: /* @__PURE__ */ jsx(
+          MenuItemsChoice,
+          {
             choices: patternSyncMenuOptions,
-            onSelect: value => {
+            onSelect: (value) => {
               setPatternSyncFilter(value);
-              scrollContainerRef.current?.scrollTo(0, 0);
+              scrollContainerRef.current?.scrollTo(
+                0,
+                0
+              );
             },
             value: patternSyncFilter
-          })
-        }), /*#__PURE__*/_jsx("div", {
-          className: "block-editor-inserter__patterns-filter-help",
-          children: createInterpolateElement(__('Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.'), {
-            Link: /*#__PURE__*/_jsx(ExternalLink, {
-              href: __('https://wordpress.org/patterns/')
-            })
-          })
-        })]
-      })
-    })
-  });
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "block-editor-inserter__patterns-filter-help", children: createInterpolateElement(
+          __(
+            "Patterns are available from the <Link>WordPress.org Pattern Directory</Link>, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced."
+          ),
+          {
+            Link: /* @__PURE__ */ jsx(
+              ExternalLink,
+              {
+                href: __(
+                  "https://wordpress.org/patterns/"
+                )
+              }
+            )
+          }
+        ) })
+      ] })
+    }
+  ) });
 }
-//# sourceMappingURL=patterns-filter.js.map
+export {
+  PatternsFilter
+};
+//# sourceMappingURL=patterns-filter.js.map