@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build-module/components/add-new-template/add-custom-template-modal-content.js

@@ -1,20 +1,22 @@
-/**
- * WordPress dependencies
- */
-import { useState, useMemo, useEffect } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { Button, Flex, FlexItem, SearchControl, TextHighlight, Composite, __experimentalText as Text, __experimentalVStack as VStack } from '@wordpress/components';
-import { useEntityRecords } from '@wordpress/core-data';
-import { decodeEntities } from '@wordpress/html-entities';
-import { useDebouncedInput } from '@wordpress/compose';
-import { focus } from '@wordpress/dom';
-import { safeDecodeURI } from '@wordpress/url';
-
-/**
- * Internal dependencies
- */
-import { mapToIHasNameAndId } from './utils';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import {
+  Button,
+  Flex,
+  FlexItem,
+  SearchControl,
+  TextHighlight,
+  Composite,
+  __experimentalText as Text,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import { useEntityRecords } from "@wordpress/core-data";
+import { decodeEntities } from "@wordpress/html-entities";
+import { useDebouncedInput } from "@wordpress/compose";
+import { focus } from "@wordpress/dom";
+import { safeDecodeURI } from "@wordpress/url";
+import { mapToIHasNameAndId } from "./utils";
 const EMPTY_ARRAY = [];
 function SuggestionListItem({
   suggestion,
@@ -22,48 +24,70 @@ function SuggestionListItem({
   onSelect,
   entityForSuggestions
 }) {
-  const baseCssClass = 'edit-site-custom-template-modal__suggestions_list__list-item';
-  return /*#__PURE__*/_jsxs(Composite.Item, {
-    render: /*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      role: "option",
-      className: baseCssClass,
-      onClick: () => onSelect(entityForSuggestions.config.getSpecificTemplate(suggestion))
-    }),
-    children: [/*#__PURE__*/_jsx(Text, {
-      size: "body",
-      lineHeight: 1.53846153846 // 20px
-      ,
-      weight: 500,
-      className: `${baseCssClass}__title`,
-      children: /*#__PURE__*/_jsx(TextHighlight, {
-        text: decodeEntities(suggestion.name),
-        highlight: search
-      })
-    }), suggestion.link && /*#__PURE__*/_jsx(Text, {
-      size: "body",
-      lineHeight: 1.53846153846 // 20px
-      ,
-      className: `${baseCssClass}__info`,
-      children: safeDecodeURI(suggestion.link)
-    })]
-  });
+  const baseCssClass = "edit-site-custom-template-modal__suggestions_list__list-item";
+  return /* @__PURE__ */ jsxs(
+    Composite.Item,
+    {
+      render: /* @__PURE__ */ jsx(
+        Button,
+        {
+          __next40pxDefaultSize: true,
+          role: "option",
+          className: baseCssClass,
+          onClick: () => onSelect(
+            entityForSuggestions.config.getSpecificTemplate(
+              suggestion
+            )
+          )
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "body",
+            lineHeight: 1.53846153846,
+            weight: 500,
+            className: `${baseCssClass}__title`,
+            children: /* @__PURE__ */ jsx(
+              TextHighlight,
+              {
+                text: decodeEntities(suggestion.name),
+                highlight: search
+              }
+            )
+          }
+        ),
+        suggestion.link && /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "body",
+            lineHeight: 1.53846153846,
+            className: `${baseCssClass}__info`,
+            children: safeDecodeURI(suggestion.link)
+          }
+        )
+      ]
+    }
+  );
 }
 function useSearchSuggestions(entityForSuggestions, search) {
-  const {
-    config
-  } = entityForSuggestions;
-  const query = useMemo(() => ({
-    order: 'asc',
-    context: 'view',
-    search,
-    per_page: search ? 20 : 10,
-    ...config.queryArgs(search)
-  }), [search, config]);
-  const {
-    records: searchResults,
-    hasResolved: searchHasResolved
-  } = useEntityRecords(entityForSuggestions.type, entityForSuggestions.slug, query);
+  const { config } = entityForSuggestions;
+  const query = useMemo(
+    () => ({
+      order: "asc",
+      context: "view",
+      search,
+      per_page: search ? 20 : 10,
+      ...config.queryArgs(search)
+    }),
+    [search, config]
+  );
+  const { records: searchResults, hasResolved: searchHasResolved } = useEntityRecords(
+    entityForSuggestions.type,
+    entityForSuggestions.slug,
+    query
+  );
   const [suggestions, setSuggestions] = useState(EMPTY_ARRAY);
   useEffect(() => {
     if (!searchHasResolved) {
@@ -73,52 +97,66 @@ function useSearchSuggestions(entityForSuggestions, search) {
     if (searchResults?.length) {
       newSuggestions = searchResults;
       if (config.recordNamePath) {
-        newSuggestions = mapToIHasNameAndId(newSuggestions, config.recordNamePath);
+        newSuggestions = mapToIHasNameAndId(
+          newSuggestions,
+          config.recordNamePath
+        );
       }
     }
-    // Update suggestions only when the query has resolved, so as to keep
-    // the previous results in the UI.
     setSuggestions(newSuggestions);
   }, [searchResults, searchHasResolved]);
   return suggestions;
 }
-function SuggestionList({
-  entityForSuggestions,
-  onSelect
-}) {
+function SuggestionList({ entityForSuggestions, onSelect }) {
   const [search, setSearch, debouncedSearch] = useDebouncedInput();
-  const suggestions = useSearchSuggestions(entityForSuggestions, debouncedSearch);
-  const {
-    labels
-  } = entityForSuggestions;
+  const suggestions = useSearchSuggestions(
+    entityForSuggestions,
+    debouncedSearch
+  );
+  const { labels } = entityForSuggestions;
   const [showSearchControl, setShowSearchControl] = useState(false);
   if (!showSearchControl && suggestions?.length > 9) {
     setShowSearchControl(true);
   }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [showSearchControl && /*#__PURE__*/_jsx(SearchControl, {
-      __nextHasNoMarginBottom: true,
-      onChange: setSearch,
-      value: search,
-      label: labels.search_items,
-      placeholder: labels.search_items
-    }), !!suggestions?.length && /*#__PURE__*/_jsx(Composite, {
-      orientation: "vertical",
-      role: "listbox",
-      className: "edit-site-custom-template-modal__suggestions_list",
-      "aria-label": __('Suggestions list'),
-      children: suggestions.map(suggestion => /*#__PURE__*/_jsx(SuggestionListItem, {
-        suggestion: suggestion,
-        search: debouncedSearch,
-        onSelect: onSelect,
-        entityForSuggestions: entityForSuggestions
-      }, suggestion.slug))
-    }), debouncedSearch && !suggestions?.length && /*#__PURE__*/_jsx(Text, {
-      as: "p",
-      className: "edit-site-custom-template-modal__no-results",
-      children: labels.not_found
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showSearchControl && /* @__PURE__ */ jsx(
+      SearchControl,
+      {
+        __nextHasNoMarginBottom: true,
+        onChange: setSearch,
+        value: search,
+        label: labels.search_items,
+        placeholder: labels.search_items
+      }
+    ),
+    !!suggestions?.length && /* @__PURE__ */ jsx(
+      Composite,
+      {
+        orientation: "vertical",
+        role: "listbox",
+        className: "edit-site-custom-template-modal__suggestions_list",
+        "aria-label": __("Suggestions list"),
+        children: suggestions.map((suggestion) => /* @__PURE__ */ jsx(
+          SuggestionListItem,
+          {
+            suggestion,
+            search: debouncedSearch,
+            onSelect,
+            entityForSuggestions
+          },
+          suggestion.slug
+        ))
+      }
+    ),
+    debouncedSearch && !suggestions?.length && /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "p",
+        className: "edit-site-custom-template-modal__no-results",
+        children: labels.not_found
+      }
+    )
+  ] });
 }
 function AddCustomTemplateModalContent({
   onSelect,
@@ -127,114 +165,149 @@ function AddCustomTemplateModalContent({
   containerRef
 }) {
   const [showSearchEntities, setShowSearchEntities] = useState();
-
-  // Focus on the first focusable element when the modal opens.
-  // We handle focus management in the parent modal, just need to focus on the first focusable element.
   useEffect(() => {
     if (containerRef.current) {
-      const [firstFocusable] = focus.focusable.find(containerRef.current);
+      const [firstFocusable] = focus.focusable.find(
+        containerRef.current
+      );
       firstFocusable?.focus();
     }
   }, [showSearchEntities]);
-  return /*#__PURE__*/_jsxs(VStack, {
-    spacing: 4,
-    className: "edit-site-custom-template-modal__contents-wrapper",
-    alignment: "left",
-    children: [!showSearchEntities && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Text, {
-        as: "p",
-        children: __('Select whether to create a single template for all items or a specific one.')
-      }), /*#__PURE__*/_jsxs(Flex, {
-        className: "edit-site-custom-template-modal__contents",
-        gap: "4",
-        align: "initial",
-        children: [/*#__PURE__*/_jsxs(FlexItem, {
-          isBlock: true,
-          as: Button,
-          onClick: () => {
-            const {
-              slug,
-              title,
-              description,
-              templatePrefix
-            } = entityForSuggestions.template;
-            onSelect({
-              slug,
-              title,
-              description,
-              templatePrefix
-            });
-          },
-          children: [/*#__PURE__*/_jsx(Text, {
-            as: "span",
-            weight: 500,
-            lineHeight: 1.53846153846 // 20px
-            ,
-            children: entityForSuggestions.labels.all_items
-          }), /*#__PURE__*/_jsx(Text, {
-            as: "span",
-            lineHeight: 1.53846153846 // 20px
-            ,
-            children:
-            // translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
-            __('For all items')
-          })]
-        }), /*#__PURE__*/_jsxs(FlexItem, {
-          isBlock: true,
-          as: Button,
-          onClick: () => {
-            setShowSearchEntities(true);
-          },
-          children: [/*#__PURE__*/_jsx(Text, {
-            as: "span",
-            weight: 500,
-            lineHeight: 1.53846153846 // 20px
-            ,
-            children: entityForSuggestions.labels.singular_name
-          }), /*#__PURE__*/_jsx(Text, {
-            as: "span",
-            lineHeight: 1.53846153846 // 20px
-            ,
-            children:
-            // translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
-            __('For a specific item')
-          })]
-        })]
-      }), /*#__PURE__*/_jsx(Flex, {
-        justify: "right",
-        children: /*#__PURE__*/_jsx(Button, {
-          __next40pxDefaultSize: true,
-          variant: "tertiary",
-          onClick: onBack,
-          children: __('Back')
-        })
-      })]
-    }), showSearchEntities && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Text, {
-        as: "p",
-        children: __('This template will be used only for the specific item chosen.')
-      }), /*#__PURE__*/_jsx(SuggestionList, {
-        entityForSuggestions: entityForSuggestions,
-        onSelect: onSelect
-      }), /*#__PURE__*/_jsx(Flex, {
-        justify: "right",
-        children: /*#__PURE__*/_jsx(Button, {
-          __next40pxDefaultSize: true,
-          variant: "tertiary",
-          onClick: () => {
-            // If general template exists, go directly back to main screen
-            // instead of showing the choice screen
-            if (entityForSuggestions.hasGeneralTemplate) {
-              onBack();
-            } else {
-              setShowSearchEntities(false);
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      spacing: 4,
+      className: "edit-site-custom-template-modal__contents-wrapper",
+      alignment: "left",
+      children: [
+        !showSearchEntities && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { as: "p", children: __(
+            "Select whether to create a single template for all items or a specific one."
+          ) }),
+          /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              className: "edit-site-custom-template-modal__contents",
+              gap: "4",
+              align: "initial",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  FlexItem,
+                  {
+                    isBlock: true,
+                    as: Button,
+                    onClick: () => {
+                      const {
+                        slug,
+                        title,
+                        description,
+                        templatePrefix
+                      } = entityForSuggestions.template;
+                      onSelect({
+                        slug,
+                        title,
+                        description,
+                        templatePrefix
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Text,
+                        {
+                          as: "span",
+                          weight: 500,
+                          lineHeight: 1.53846153846,
+                          children: entityForSuggestions.labels.all_items
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Text,
+                        {
+                          as: "span",
+                          lineHeight: 1.53846153846,
+                          // translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
+                          children: __("For all items")
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  FlexItem,
+                  {
+                    isBlock: true,
+                    as: Button,
+                    onClick: () => {
+                      setShowSearchEntities(true);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Text,
+                        {
+                          as: "span",
+                          weight: 500,
+                          lineHeight: 1.53846153846,
+                          children: entityForSuggestions.labels.singular_name
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Text,
+                        {
+                          as: "span",
+                          lineHeight: 1.53846153846,
+                          // translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.
+                          children: __("For a specific item")
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
             }
-          },
-          children: __('Back')
-        })
-      })]
-    })]
-  });
+          ),
+          /* @__PURE__ */ jsx(Flex, { justify: "right", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              __next40pxDefaultSize: true,
+              variant: "tertiary",
+              onClick: onBack,
+              children: __("Back")
+            }
+          ) })
+        ] }),
+        showSearchEntities && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { as: "p", children: __(
+            "This template will be used only for the specific item chosen."
+          ) }),
+          /* @__PURE__ */ jsx(
+            SuggestionList,
+            {
+              entityForSuggestions,
+              onSelect
+            }
+          ),
+          /* @__PURE__ */ jsx(Flex, { justify: "right", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              __next40pxDefaultSize: true,
+              variant: "tertiary",
+              onClick: () => {
+                if (entityForSuggestions.hasGeneralTemplate) {
+                  onBack();
+                } else {
+                  setShowSearchEntities(false);
+                }
+              },
+              children: __("Back")
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
 }
-export default AddCustomTemplateModalContent;
-//# sourceMappingURL=add-custom-template-modal-content.js.map
+var add_custom_template_modal_content_default = AddCustomTemplateModalContent;
+export {
+  add_custom_template_modal_content_default as default
+};
+//# sourceMappingURL=add-custom-template-modal-content.js.map

package/build-module/components/add-new-template/add-custom-template-modal-content.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useState","useMemo","useEffect","__","Button","Flex","FlexItem","SearchControl","TextHighlight","Composite","__experimentalText","Text","__experimentalVStack","VStack","useEntityRecords","decodeEntities","useDebouncedInput","focus","safeDecodeURI","mapToIHasNameAndId","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EMPTY_ARRAY","SuggestionListItem","suggestion","search","onSelect","entityForSuggestions","baseCssClass","Item","render","__next40pxDefaultSize","role","className","onClick","config","getSpecificTemplate","children","size","lineHeight","weight","text","name","highlight","link","useSearchSuggestions","query","order","context","per_page","queryArgs","records","searchResults","hasResolved","searchHasResolved","type","slug","suggestions","setSuggestions","newSuggestions","length","recordNamePath","SuggestionList","setSearch","debouncedSearch","labels","showSearchControl","setShowSearchControl","__nextHasNoMarginBottom","onChange","value","label","search_items","placeholder","orientation","map","as","not_found","AddCustomTemplateModalContent","onBack","containerRef","showSearchEntities","setShowSearchEntities","current","firstFocusable","focusable","find","spacing","alignment","gap","align","isBlock","title","description","templatePrefix","template","all_items","singular_name","justify","variant","hasGeneralTemplate"],"sources":["@wordpress/edit-site/src/components/add-new-template/add-custom-template-modal-content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tFlex,\n\tFlexItem,\n\tSearchControl,\n\tTextHighlight,\n\tComposite,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useDebouncedInput } from '@wordpress/compose';\nimport { focus } from '@wordpress/dom';\nimport { safeDecodeURI } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { mapToIHasNameAndId } from './utils';\n\nconst EMPTY_ARRAY = [];\n\nfunction SuggestionListItem( {\n\tsuggestion,\n\tsearch,\n\tonSelect,\n\tentityForSuggestions,\n} ) {\n\tconst baseCssClass =\n\t\t'edit-site-custom-template-modal__suggestions_list__list-item';\n\treturn (\n\t\t<Composite.Item\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\tclassName={ baseCssClass }\n\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\tentityForSuggestions.config.getSpecificTemplate(\n\t\t\t\t\t\t\t\tsuggestion\n\t\t\t\t\t\t\t)\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>\n\t\t\t<Text\n\t\t\t\tsize=\"body\"\n\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\tweight={ 500 }\n\t\t\t\tclassName={ `${ baseCssClass }__title` }\n\t\t\t>\n\t\t\t\t<TextHighlight\n\t\t\t\t\ttext={ decodeEntities( suggestion.name ) }\n\t\t\t\t\thighlight={ search }\n\t\t\t\t/>\n\t\t\t</Text>\n\t\t\t{ suggestion.link && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"body\"\n\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\tclassName={ `${ baseCssClass }__info` }\n\t\t\t\t>\n\t\t\t\t\t{ safeDecodeURI( suggestion.link ) }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</Composite.Item>\n\t);\n}\n\nfunction useSearchSuggestions( entityForSuggestions, search ) {\n\tconst { config } = entityForSuggestions;\n\tconst query = useMemo(\n\t\t() => ( {\n\t\t\torder: 'asc',\n\t\t\tcontext: 'view',\n\t\t\tsearch,\n\t\t\tper_page: search ? 20 : 10,\n\t\t\t...config.queryArgs( search ),\n\t\t} ),\n\t\t[ search, config ]\n\t);\n\tconst { records: searchResults, hasResolved: searchHasResolved } =\n\t\tuseEntityRecords(\n\t\t\tentityForSuggestions.type,\n\t\t\tentityForSuggestions.slug,\n\t\t\tquery\n\t\t);\n\tconst [ suggestions, setSuggestions ] = useState( EMPTY_ARRAY );\n\tuseEffect( () => {\n\t\tif ( ! searchHasResolved ) {\n\t\t\treturn;\n\t\t}\n\t\tlet newSuggestions = EMPTY_ARRAY;\n\t\tif ( searchResults?.length ) {\n\t\t\tnewSuggestions = searchResults;\n\t\t\tif ( config.recordNamePath ) {\n\t\t\t\tnewSuggestions = mapToIHasNameAndId(\n\t\t\t\t\tnewSuggestions,\n\t\t\t\t\tconfig.recordNamePath\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\t// Update suggestions only when the query has resolved, so as to keep\n\t\t// the previous results in the UI.\n\t\tsetSuggestions( newSuggestions );\n\t}, [ searchResults, searchHasResolved ] );\n\treturn suggestions;\n}\n\nfunction SuggestionList( { entityForSuggestions, onSelect } ) {\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tconst suggestions = useSearchSuggestions(\n\t\tentityForSuggestions,\n\t\tdebouncedSearch\n\t);\n\tconst { labels } = entityForSuggestions;\n\tconst [ showSearchControl, setShowSearchControl ] = useState( false );\n\tif ( ! showSearchControl && suggestions?.length > 9 ) {\n\t\tsetShowSearchControl( true );\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ showSearchControl && (\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ setSearch }\n\t\t\t\t\tvalue={ search }\n\t\t\t\t\tlabel={ labels.search_items }\n\t\t\t\t\tplaceholder={ labels.search_items }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! suggestions?.length && (\n\t\t\t\t<Composite\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__suggestions_list\"\n\t\t\t\t\taria-label={ __( 'Suggestions list' ) }\n\t\t\t\t>\n\t\t\t\t\t{ suggestions.map( ( suggestion ) => (\n\t\t\t\t\t\t<SuggestionListItem\n\t\t\t\t\t\t\tkey={ suggestion.slug }\n\t\t\t\t\t\t\tsuggestion={ suggestion }\n\t\t\t\t\t\t\tsearch={ debouncedSearch }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Composite>\n\t\t\t) }\n\t\t\t{ debouncedSearch && ! suggestions?.length && (\n\t\t\t\t<Text\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__no-results\"\n\t\t\t\t>\n\t\t\t\t\t{ labels.not_found }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction AddCustomTemplateModalContent( {\n\tonSelect,\n\tentityForSuggestions,\n\tonBack,\n\tcontainerRef,\n} ) {\n\tconst [ showSearchEntities, setShowSearchEntities ] = useState();\n\n\t// Focus on the first focusable element when the modal opens.\n\t// We handle focus management in the parent modal, just need to focus on the first focusable element.\n\tuseEffect( () => {\n\t\tif ( containerRef.current ) {\n\t\t\tconst [ firstFocusable ] = focus.focusable.find(\n\t\t\t\tcontainerRef.current\n\t\t\t);\n\t\t\tfirstFocusable?.focus();\n\t\t}\n\t}, [ showSearchEntities ] );\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-custom-template-modal__contents-wrapper\"\n\t\t\talignment=\"left\"\n\t\t>\n\t\t\t{ ! showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Select whether to create a single template for all items or a specific one.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tclassName=\"edit-site-custom-template-modal__contents\"\n\t\t\t\t\t\tgap=\"4\"\n\t\t\t\t\t\talign=\"initial\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} = entityForSuggestions.template;\n\t\t\t\t\t\t\t\tonSelect( {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.all_items }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\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\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For all items' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetShowSearchEntities( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.singular_name }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\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\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For a specific item' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<Flex justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Flex>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'This template will be used only for the specific item chosen.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<SuggestionList\n\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t/>\n\t\t\t\t\t<Flex justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t// If general template exists, go directly back to main screen\n\t\t\t\t\t\t\t\t// instead of showing the choice screen\n\t\t\t\t\t\t\t\tif ( entityForSuggestions.hasGeneralTemplate ) {\n\t\t\t\t\t\t\t\t\tonBack();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetShowSearchEntities( false );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Flex>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default AddCustomTemplateModalContent;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/add-new-template/add-custom-template-modal-content.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tFlex,\n\tFlexItem,\n\tSearchControl,\n\tTextHighlight,\n\tComposite,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useDebouncedInput } from '@wordpress/compose';\nimport { focus } from '@wordpress/dom';\nimport { safeDecodeURI } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { mapToIHasNameAndId } from './utils';\n\nconst EMPTY_ARRAY = [];\n\nfunction SuggestionListItem( {\n\tsuggestion,\n\tsearch,\n\tonSelect,\n\tentityForSuggestions,\n} ) {\n\tconst baseCssClass =\n\t\t'edit-site-custom-template-modal__suggestions_list__list-item';\n\treturn (\n\t\t<Composite.Item\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\tclassName={ baseCssClass }\n\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\tentityForSuggestions.config.getSpecificTemplate(\n\t\t\t\t\t\t\t\tsuggestion\n\t\t\t\t\t\t\t)\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>\n\t\t\t<Text\n\t\t\t\tsize=\"body\"\n\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\tweight={ 500 }\n\t\t\t\tclassName={ `${ baseCssClass }__title` }\n\t\t\t>\n\t\t\t\t<TextHighlight\n\t\t\t\t\ttext={ decodeEntities( suggestion.name ) }\n\t\t\t\t\thighlight={ search }\n\t\t\t\t/>\n\t\t\t</Text>\n\t\t\t{ suggestion.link && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"body\"\n\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\tclassName={ `${ baseCssClass }__info` }\n\t\t\t\t>\n\t\t\t\t\t{ safeDecodeURI( suggestion.link ) }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</Composite.Item>\n\t);\n}\n\nfunction useSearchSuggestions( entityForSuggestions, search ) {\n\tconst { config } = entityForSuggestions;\n\tconst query = useMemo(\n\t\t() => ( {\n\t\t\torder: 'asc',\n\t\t\tcontext: 'view',\n\t\t\tsearch,\n\t\t\tper_page: search ? 20 : 10,\n\t\t\t...config.queryArgs( search ),\n\t\t} ),\n\t\t[ search, config ]\n\t);\n\tconst { records: searchResults, hasResolved: searchHasResolved } =\n\t\tuseEntityRecords(\n\t\t\tentityForSuggestions.type,\n\t\t\tentityForSuggestions.slug,\n\t\t\tquery\n\t\t);\n\tconst [ suggestions, setSuggestions ] = useState( EMPTY_ARRAY );\n\tuseEffect( () => {\n\t\tif ( ! searchHasResolved ) {\n\t\t\treturn;\n\t\t}\n\t\tlet newSuggestions = EMPTY_ARRAY;\n\t\tif ( searchResults?.length ) {\n\t\t\tnewSuggestions = searchResults;\n\t\t\tif ( config.recordNamePath ) {\n\t\t\t\tnewSuggestions = mapToIHasNameAndId(\n\t\t\t\t\tnewSuggestions,\n\t\t\t\t\tconfig.recordNamePath\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\t// Update suggestions only when the query has resolved, so as to keep\n\t\t// the previous results in the UI.\n\t\tsetSuggestions( newSuggestions );\n\t}, [ searchResults, searchHasResolved ] );\n\treturn suggestions;\n}\n\nfunction SuggestionList( { entityForSuggestions, onSelect } ) {\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tconst suggestions = useSearchSuggestions(\n\t\tentityForSuggestions,\n\t\tdebouncedSearch\n\t);\n\tconst { labels } = entityForSuggestions;\n\tconst [ showSearchControl, setShowSearchControl ] = useState( false );\n\tif ( ! showSearchControl && suggestions?.length > 9 ) {\n\t\tsetShowSearchControl( true );\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ showSearchControl && (\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ setSearch }\n\t\t\t\t\tvalue={ search }\n\t\t\t\t\tlabel={ labels.search_items }\n\t\t\t\t\tplaceholder={ labels.search_items }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! suggestions?.length && (\n\t\t\t\t<Composite\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__suggestions_list\"\n\t\t\t\t\taria-label={ __( 'Suggestions list' ) }\n\t\t\t\t>\n\t\t\t\t\t{ suggestions.map( ( suggestion ) => (\n\t\t\t\t\t\t<SuggestionListItem\n\t\t\t\t\t\t\tkey={ suggestion.slug }\n\t\t\t\t\t\t\tsuggestion={ suggestion }\n\t\t\t\t\t\t\tsearch={ debouncedSearch }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Composite>\n\t\t\t) }\n\t\t\t{ debouncedSearch && ! suggestions?.length && (\n\t\t\t\t<Text\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__no-results\"\n\t\t\t\t>\n\t\t\t\t\t{ labels.not_found }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction AddCustomTemplateModalContent( {\n\tonSelect,\n\tentityForSuggestions,\n\tonBack,\n\tcontainerRef,\n} ) {\n\tconst [ showSearchEntities, setShowSearchEntities ] = useState();\n\n\t// Focus on the first focusable element when the modal opens.\n\t// We handle focus management in the parent modal, just need to focus on the first focusable element.\n\tuseEffect( () => {\n\t\tif ( containerRef.current ) {\n\t\t\tconst [ firstFocusable ] = focus.focusable.find(\n\t\t\t\tcontainerRef.current\n\t\t\t);\n\t\t\tfirstFocusable?.focus();\n\t\t}\n\t}, [ showSearchEntities ] );\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-custom-template-modal__contents-wrapper\"\n\t\t\talignment=\"left\"\n\t\t>\n\t\t\t{ ! showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Select whether to create a single template for all items or a specific one.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tclassName=\"edit-site-custom-template-modal__contents\"\n\t\t\t\t\t\tgap=\"4\"\n\t\t\t\t\t\talign=\"initial\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} = entityForSuggestions.template;\n\t\t\t\t\t\t\t\tonSelect( {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.all_items }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\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\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For all items' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetShowSearchEntities( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.singular_name }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\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\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For a specific item' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<Flex justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Flex>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'This template will be used only for the specific item chosen.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<SuggestionList\n\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t/>\n\t\t\t\t\t<Flex justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t// If general template exists, go directly back to main screen\n\t\t\t\t\t\t\t\t// instead of showing the choice screen\n\t\t\t\t\t\t\t\tif ( entityForSuggestions.hasGeneralTemplate ) {\n\t\t\t\t\t\t\t\t\tonBack();\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetShowSearchEntities( false );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Flex>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default AddCustomTemplateModalContent;\n"],
+  "mappings": "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",
+  "names": []
+}