@wordpress/edit-site 5.35.0 → 6.0.1

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -13,6 +12,7 @@ var _htmlEntities = require("@wordpress/html-entities");
 var _compose = require("@wordpress/compose");
 var _lockUnlock = require("../../lock-unlock");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -34,27 +34,30 @@ function SuggestionListItem({
   entityForSuggestions
 }) {
   const baseCssClass = 'edit-site-custom-template-modal__suggestions_list__list-item';
-  return (0, _react.createElement)(CompositeItem, {
-    render: (0, _react.createElement)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CompositeItem, {
+    render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       role: "option",
       className: baseCssClass,
       onClick: () => onSelect(entityForSuggestions.config.getSpecificTemplate(suggestion))
-    })
-  }, (0, _react.createElement)(_components.__experimentalText, {
-    size: "body",
-    lineHeight: 1.53846153846 // 20px
-    ,
-    weight: 500,
-    className: `${baseCssClass}__title`
-  }, (0, _react.createElement)(_components.TextHighlight, {
-    text: (0, _htmlEntities.decodeEntities)(suggestion.name),
-    highlight: search
-  })), suggestion.link && (0, _react.createElement)(_components.__experimentalText, {
-    size: "body",
-    lineHeight: 1.53846153846 // 20px
-    ,
-    className: `${baseCssClass}__info`
-  }, suggestion.link));
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      size: "body",
+      lineHeight: 1.53846153846 // 20px
+      ,
+      weight: 500,
+      className: `${baseCssClass}__title`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextHighlight, {
+        text: (0, _htmlEntities.decodeEntities)(suggestion.name),
+        highlight: search
+      })
+    }), suggestion.link && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      size: "body",
+      lineHeight: 1.53846153846 // 20px
+      ,
+      className: `${baseCssClass}__info`,
+      children: suggestion.link
+    })]
+  });
 }
 function useSearchSuggestions(entityForSuggestions, search) {
   const {
@@ -105,90 +108,111 @@ function SuggestionList({
   if (!showSearchControl && suggestions?.length > 9) {
     setShowSearchControl(true);
   }
-  return (0, _react.createElement)(_react.Fragment, null, showSearchControl && (0, _react.createElement)(_components.SearchControl, {
-    __nextHasNoMarginBottom: true,
-    onChange: setSearch,
-    value: search,
-    label: labels.search_items,
-    placeholder: labels.search_items
-  }), !!suggestions?.length && (0, _react.createElement)(Composite, {
-    store: composite,
-    role: "listbox",
-    className: "edit-site-custom-template-modal__suggestions_list",
-    "aria-label": (0, _i18n.__)('Suggestions list')
-  }, suggestions.map(suggestion => (0, _react.createElement)(SuggestionListItem, {
-    key: suggestion.slug,
-    suggestion: suggestion,
-    search: debouncedSearch,
-    onSelect: onSelect,
-    entityForSuggestions: entityForSuggestions
-  }))), debouncedSearch && !suggestions?.length && (0, _react.createElement)(_components.__experimentalText, {
-    as: "p",
-    className: "edit-site-custom-template-modal__no-results"
-  }, labels.not_found));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [showSearchControl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchControl, {
+      __nextHasNoMarginBottom: true,
+      onChange: setSearch,
+      value: search,
+      label: labels.search_items,
+      placeholder: labels.search_items
+    }), !!suggestions?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(Composite, {
+      store: composite,
+      role: "listbox",
+      className: "edit-site-custom-template-modal__suggestions_list",
+      "aria-label": (0, _i18n.__)('Suggestions list'),
+      children: suggestions.map(suggestion => /*#__PURE__*/(0, _jsxRuntime.jsx)(SuggestionListItem, {
+        suggestion: suggestion,
+        search: debouncedSearch,
+        onSelect: onSelect,
+        entityForSuggestions: entityForSuggestions
+      }, suggestion.slug))
+    }), debouncedSearch && !suggestions?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      as: "p",
+      className: "edit-site-custom-template-modal__no-results",
+      children: labels.not_found
+    })]
+  });
 }
 function AddCustomTemplateModalContent({
   onSelect,
   entityForSuggestions
 }) {
   const [showSearchEntities, setShowSearchEntities] = (0, _element.useState)(entityForSuggestions.hasGeneralTemplate);
-  return (0, _react.createElement)(_components.__experimentalVStack, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     spacing: 4,
     className: "edit-site-custom-template-modal__contents-wrapper",
-    alignment: "left"
-  }, !showSearchEntities && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalText, {
-    as: "p"
-  }, (0, _i18n.__)('Select whether to create a single template for all items or a specific one.')), (0, _react.createElement)(_components.Flex, {
-    className: "edit-site-custom-template-modal__contents",
-    gap: "4",
-    align: "initial"
-  }, (0, _react.createElement)(_components.FlexItem, {
-    isBlock: true,
-    as: _components.Button,
-    onClick: () => {
-      const {
-        slug,
-        title,
-        description,
-        templatePrefix
-      } = entityForSuggestions.template;
-      onSelect({
-        slug,
-        title,
-        description,
-        templatePrefix
-      });
-    }
-  }, (0, _react.createElement)(_components.__experimentalText, {
-    as: "span",
-    weight: 500,
-    lineHeight: 1.53846153846 // 20px
-  }, entityForSuggestions.labels.all_items), (0, _react.createElement)(_components.__experimentalText, {
-    as: "span",
-    lineHeight: 1.53846153846 // 20px
-  },
-  // 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.
-  (0, _i18n.__)('For all items'))), (0, _react.createElement)(_components.FlexItem, {
-    isBlock: true,
-    as: _components.Button,
-    onClick: () => {
-      setShowSearchEntities(true);
-    }
-  }, (0, _react.createElement)(_components.__experimentalText, {
-    as: "span",
-    weight: 500,
-    lineHeight: 1.53846153846 // 20px
-  }, entityForSuggestions.labels.singular_name), (0, _react.createElement)(_components.__experimentalText, {
-    as: "span",
-    lineHeight: 1.53846153846 // 20px
-  },
-  // 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.
-  (0, _i18n.__)('For a specific item'))))), showSearchEntities && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalText, {
-    as: "p"
-  }, (0, _i18n.__)('This template will be used only for the specific item chosen.')), (0, _react.createElement)(SuggestionList, {
-    entityForSuggestions: entityForSuggestions,
-    onSelect: onSelect
-  })));
+    alignment: "left",
+    children: [!showSearchEntities && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        as: "p",
+        children: (0, _i18n.__)('Select whether to create a single template for all items or a specific one.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
+        className: "edit-site-custom-template-modal__contents",
+        gap: "4",
+        align: "initial",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.FlexItem, {
+          isBlock: true,
+          as: _components.Button,
+          onClick: () => {
+            const {
+              slug,
+              title,
+              description,
+              templatePrefix
+            } = entityForSuggestions.template;
+            onSelect({
+              slug,
+              title,
+              description,
+              templatePrefix
+            });
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+            as: "span",
+            weight: 500,
+            lineHeight: 1.53846153846 // 20px
+            ,
+            children: entityForSuggestions.labels.all_items
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+            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.
+            (0, _i18n.__)('For all items')
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.FlexItem, {
+          isBlock: true,
+          as: _components.Button,
+          onClick: () => {
+            setShowSearchEntities(true);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+            as: "span",
+            weight: 500,
+            lineHeight: 1.53846153846 // 20px
+            ,
+            children: entityForSuggestions.labels.singular_name
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+            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.
+            (0, _i18n.__)('For a specific item')
+          })]
+        })]
+      })]
+    }), showSearchEntities && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        as: "p",
+        children: (0, _i18n.__)('This template will be used only for the specific item chosen.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SuggestionList, {
+        entityForSuggestions: entityForSuggestions,
+        onSelect: onSelect
+      })]
+    })]
+  });
 }
 var _default = exports.default = AddCustomTemplateModalContent;
 //# sourceMappingURL=add-custom-template-modal-content.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_coreData","_htmlEntities","_compose","_lockUnlock","_utils","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","EMPTY_ARRAY","SuggestionListItem","suggestion","search","onSelect","entityForSuggestions","baseCssClass","_react","createElement","render","Button","role","className","onClick","config","getSpecificTemplate","__experimentalText","size","lineHeight","weight","TextHighlight","text","decodeEntities","name","highlight","link","useSearchSuggestions","query","useMemo","order","context","per_page","queryArgs","records","searchResults","hasResolved","searchHasResolved","useEntityRecords","type","slug","suggestions","setSuggestions","useState","useEffect","newSuggestions","length","recordNamePath","mapToIHasNameAndId","SuggestionList","composite","orientation","setSearch","debouncedSearch","useDebouncedInput","labels","showSearchControl","setShowSearchControl","Fragment","SearchControl","__nextHasNoMarginBottom","onChange","value","label","search_items","placeholder","store","__","map","key","as","not_found","AddCustomTemplateModalContent","showSearchEntities","setShowSearchEntities","hasGeneralTemplate","__experimentalVStack","spacing","alignment","Flex","gap","align","FlexItem","isBlock","title","description","templatePrefix","template","all_items","singular_name","_default","exports","default"],"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\tprivateApis as componentsPrivateApis,\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';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { mapToIHasNameAndId } from './utils';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\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<CompositeItem\n\t\t\trender={\n\t\t\t\t<Button\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{ suggestion.link }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</CompositeItem>\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 composite = useCompositeStore( { orientation: 'vertical' } );\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\tstore={ composite }\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( { onSelect, entityForSuggestions } ) {\n\tconst [ showSearchEntities, setShowSearchEntities ] = useState(\n\t\tentityForSuggestions.hasGeneralTemplate\n\t);\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</>\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</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default AddCustomTemplateModalContent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_i18n","_components","_coreData","_htmlEntities","_compose","_lockUnlock","_utils","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","EMPTY_ARRAY","SuggestionListItem","suggestion","search","onSelect","entityForSuggestions","baseCssClass","jsxs","render","jsx","Button","role","className","onClick","config","getSpecificTemplate","children","__experimentalText","size","lineHeight","weight","TextHighlight","text","decodeEntities","name","highlight","link","useSearchSuggestions","query","useMemo","order","context","per_page","queryArgs","records","searchResults","hasResolved","searchHasResolved","useEntityRecords","type","slug","suggestions","setSuggestions","useState","useEffect","newSuggestions","length","recordNamePath","mapToIHasNameAndId","SuggestionList","composite","orientation","setSearch","debouncedSearch","useDebouncedInput","labels","showSearchControl","setShowSearchControl","Fragment","SearchControl","__nextHasNoMarginBottom","onChange","value","label","search_items","placeholder","store","__","map","as","not_found","AddCustomTemplateModalContent","showSearchEntities","setShowSearchEntities","hasGeneralTemplate","__experimentalVStack","spacing","alignment","Flex","gap","align","FlexItem","isBlock","title","description","templatePrefix","template","all_items","singular_name","_default","exports","default"],"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\tprivateApis as componentsPrivateApis,\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';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { mapToIHasNameAndId } from './utils';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\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<CompositeItem\n\t\t\trender={\n\t\t\t\t<Button\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{ suggestion.link }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</CompositeItem>\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 composite = useCompositeStore( { orientation: 'vertical' } );\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\tstore={ composite }\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( { onSelect, entityForSuggestions } ) {\n\tconst [ showSearchEntities, setShowSearchEntities ] = useState(\n\t\tentityForSuggestions.hasGeneralTemplate\n\t);\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</>\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</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default AddCustomTemplateModalContent;\n"],"mappings":"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","ignoreList":[]}

package/build/components/add-new-template/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _htmlEntities = require("@wordpress/html-entities");
@@ -21,6 +20,7 @@ var _addCustomTemplateModalContent = _interopRequireDefault(require("./add-custo
 var _utils = require("./utils");
 var _addCustomGenericTemplateModalContent = _interopRequireDefault(require("./add-custom-generic-template-modal-content"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -66,32 +66,39 @@ function TemplateListItem({
   onClick,
   children
 }) {
-  return (0, _react.createElement)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     className: className,
     onClick: onClick,
     label: description,
-    showTooltip: !!description
-  }, (0, _react.createElement)(_components.Flex, {
-    as: "span",
-    spacing: 2,
-    align: "center",
-    justify: "center",
-    style: {
-      width: '100%'
-    },
-    direction: direction
-  }, (0, _react.createElement)("div", {
-    className: "edit-site-add-new-template__template-icon"
-  }, (0, _react.createElement)(_components.Icon, {
-    icon: icon
-  })), (0, _react.createElement)(_components.__experimentalVStack, {
-    className: "edit-site-add-new-template__template-name",
-    alignment: "center",
-    spacing: 0
-  }, (0, _react.createElement)(_components.__experimentalText, {
-    weight: 500,
-    lineHeight: 1.53846153846 // 20px
-  }, title), children)));
+    showTooltip: !!description,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
+      as: "span",
+      spacing: 2,
+      align: "center",
+      justify: "center",
+      style: {
+        width: '100%'
+      },
+      direction: direction,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "edit-site-add-new-template__template-icon",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+          icon: icon
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        className: "edit-site-add-new-template__template-name",
+        alignment: "center",
+        spacing: 0,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          align: "center",
+          weight: 500,
+          lineHeight: 1.53846153846 // 20px
+          ,
+          children: title
+        }), children]
+      })]
+    })
+  });
 }
 const modalContentMap = {
   templatesList: 1,
@@ -184,52 +191,57 @@ function NewTemplateModal({
   } else if (modalContent === modalContentMap.customGenericTemplate) {
     modalTitle = (0, _i18n.__)('Create custom template');
   }
-  return (0, _react.createElement)(_components.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Modal, {
     title: modalTitle,
     className: (0, _clsx.default)('edit-site-add-new-template__modal', {
       'edit-site-add-new-template__modal_template_list': modalContent === modalContentMap.templatesList,
       'edit-site-custom-template-modal': modalContent === modalContentMap.customTemplate
     }),
     onRequestClose: onModalClose,
-    overlayClassName: modalContent === modalContentMap.customGenericTemplate ? 'edit-site-custom-generic-template__modal' : undefined
-  }, modalContent === modalContentMap.templatesList && (0, _react.createElement)(_components.__experimentalGrid, {
-    columns: 3,
-    gap: 4,
-    align: "flex-start",
-    justify: "center",
-    className: "edit-site-add-new-template__template-list__contents"
-  }, (0, _react.createElement)(_components.Flex, {
-    className: "edit-site-add-new-template__template-list__prompt"
-  }, (0, _i18n.__)('Select what the new template should apply to:')), missingTemplates.map(template => {
-    const {
-      title,
-      slug,
-      onClick
-    } = template;
-    return (0, _react.createElement)(TemplateListItem, {
-      key: slug,
-      title: title,
-      direction: "column",
-      className: "edit-site-add-new-template__template-button",
-      description: TEMPLATE_SHORT_DESCRIPTIONS[slug],
-      icon: TEMPLATE_ICONS[slug] || _icons.layout,
-      onClick: () => onClick ? onClick(template) : createTemplate(template)
-    });
-  }), (0, _react.createElement)(TemplateListItem, {
-    title: (0, _i18n.__)('Custom template'),
-    direction: "row",
-    className: "edit-site-add-new-template__custom-template-button",
-    icon: _icons.edit,
-    onClick: () => setModalContent(modalContentMap.customGenericTemplate)
-  }, (0, _react.createElement)(_components.__experimentalText, {
-    lineHeight: 1.53846153846 // 20px
-  }, (0, _i18n.__)('A custom template can be manually applied to any post or page.')))), modalContent === modalContentMap.customTemplate && (0, _react.createElement)(_addCustomTemplateModalContent.default, {
-    onSelect: createTemplate,
-    entityForSuggestions: entityForSuggestions
-  }), modalContent === modalContentMap.customGenericTemplate && (0, _react.createElement)(_addCustomGenericTemplateModalContent.default, {
-    onClose: onModalClose,
-    createTemplate: createTemplate
-  }));
+    overlayClassName: modalContent === modalContentMap.customGenericTemplate ? 'edit-site-custom-generic-template__modal' : undefined,
+    children: [modalContent === modalContentMap.templatesList && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalGrid, {
+      columns: 3,
+      gap: 4,
+      align: "flex-start",
+      justify: "center",
+      className: "edit-site-add-new-template__template-list__contents",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
+        className: "edit-site-add-new-template__template-list__prompt",
+        children: (0, _i18n.__)('Select what the new template should apply to:')
+      }), missingTemplates.map(template => {
+        const {
+          title,
+          slug,
+          onClick
+        } = template;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TemplateListItem, {
+          title: title,
+          direction: "column",
+          className: "edit-site-add-new-template__template-button",
+          description: TEMPLATE_SHORT_DESCRIPTIONS[slug],
+          icon: TEMPLATE_ICONS[slug] || _icons.layout,
+          onClick: () => onClick ? onClick(template) : createTemplate(template)
+        }, slug);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TemplateListItem, {
+        title: (0, _i18n.__)('Custom template'),
+        direction: "row",
+        className: "edit-site-add-new-template__custom-template-button",
+        icon: _icons.edit,
+        onClick: () => setModalContent(modalContentMap.customGenericTemplate),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          lineHeight: 1.53846153846 // 20px
+          ,
+          children: (0, _i18n.__)('A custom template can be manually applied to any post or page.')
+        })
+      })]
+    }), modalContent === modalContentMap.customTemplate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addCustomTemplateModalContent.default, {
+      onSelect: createTemplate,
+      entityForSuggestions: entityForSuggestions
+    }), modalContent === modalContentMap.customGenericTemplate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addCustomGenericTemplateModalContent.default, {
+      onClose: onModalClose,
+      createTemplate: createTemplate
+    })]
+  });
 }
 function NewTemplate() {
   const [showModal, setShowModal] = (0, _element.useState)(false);
@@ -246,13 +258,17 @@ function NewTemplate() {
   if (!postType) {
     return null;
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Button, {
-    variant: "primary",
-    onClick: () => setShowModal(true),
-    label: postType.labels.add_new_item
-  }, postType.labels.add_new_item), showModal && (0, _react.createElement)(NewTemplateModal, {
-    onClose: () => setShowModal(false)
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      variant: "primary",
+      onClick: () => setShowModal(true),
+      label: postType.labels.add_new_item,
+      __next40pxDefaultSize: true,
+      children: postType.labels.add_new_item
+    }), showModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(NewTemplateModal, {
+      onClose: () => setShowModal(false)
+    })]
+  });
 }
 function useMissingTemplates(setEntityForSuggestions, onClick) {
   const existingTemplates = (0, _utils.useExistingTemplates)();