@wordpress/edit-site 5.24.1 → 5.25.1-next.79a6196f.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 5.25.0 (2023-12-13)
+
 ## 5.24.0 (2023-11-29)
 
 ## 5.23.0 (2023-11-16)

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2023 by the contributors
+    Copyright 2016-2024 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +10,8 @@ var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
 var _htmlEntities = require("@wordpress/html-entities");
+var _compose = require("@wordpress/compose");
 var _lockUnlock = require("../../lock-unlock");
-var _useDebouncedInput = _interopRequireDefault(require("../../utils/use-debounced-input"));
 var _utils = require("./utils");
 /**
  * WordPress dependencies
@@ -95,7 +94,7 @@ function SuggestionList({
   const composite = useCompositeStore({
     orientation: 'vertical'
   });
-  const [search, setSearch, debouncedSearch] = (0, _useDebouncedInput.default)();
+  const [search, setSearch, debouncedSearch] = (0, _compose.useDebouncedInput)();
   const suggestions = useSearchSuggestions(entityForSuggestions, debouncedSearch);
   const {
     labels

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_coreData","_htmlEntities","_lockUnlock","_useDebouncedInput","_interopRequireDefault","_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';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport useDebouncedInput from '../../utils/use-debounced-input';\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 ) return;\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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"}
+{"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 ) return;\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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"}

package/build/components/block-editor/back-button.js

@@ -28,9 +28,10 @@ function BackButton() {
   const history = useHistory();
   const isTemplatePart = location.params.postType === _constants.TEMPLATE_PART_POST_TYPE;
   const isNavigationMenu = location.params.postType === _constants.NAVIGATION_POST_TYPE;
+  const isPattern = location.params.postType === _constants.PATTERN_TYPES.user;
   const previousTemplateId = location.state?.fromTemplateId;
-  const isFocusMode = isTemplatePart || isNavigationMenu;
-  if (!isFocusMode || !previousTemplateId) {
+  const isFocusMode = isTemplatePart || isNavigationMenu || isPattern;
+  if (!isFocusMode || !previousTemplateId && !isPattern) {
     return null;
   }
   return (0, _react.createElement)(_components.Button, {

package/build/components/block-editor/back-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","_router","_constants","_lockUnlock","useLocation","useHistory","unlock","routerPrivateApis","BackButton","location","history","isTemplatePart","params","postType","TEMPLATE_PART_POST_TYPE","isNavigationMenu","NAVIGATION_POST_TYPE","previousTemplateId","state","fromTemplateId","isFocusMode","_react","createElement","Button","className","icon","arrowLeft","onClick","back","__","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/back-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { arrowLeft } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction BackButton() {\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;\n\tconst isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;\n\tconst previousTemplateId = location.state?.fromTemplateId;\n\n\tconst isFocusMode = isTemplatePart || isNavigationMenu;\n\n\tif ( ! isFocusMode || ! previousTemplateId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-site-visual-editor__back-button\"\n\t\t\ticon={ arrowLeft }\n\t\t\tonClick={ () => {\n\t\t\t\thistory.back();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Back' ) }\n\t\t</Button>\n\t);\n}\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AAIA,IAAAK,WAAA,GAAAL,OAAA;AAfA;AACA;AACA;;AAMA;AACA;AACA;;AAOA,MAAM;EAAEM,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE/D,SAASC,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,OAAO,GAAGL,UAAU,CAAC,CAAC;EAC5B,MAAMM,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKC,kCAAuB;EAC3E,MAAMC,gBAAgB,GAAGN,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKG,+BAAoB;EAC1E,MAAMC,kBAAkB,GAAGR,QAAQ,CAACS,KAAK,EAAEC,cAAc;EAEzD,MAAMC,WAAW,GAAGT,cAAc,IAAII,gBAAgB;EAEtD,IAAK,CAAEK,WAAW,IAAI,CAAEH,kBAAkB,EAAG;IAC5C,OAAO,IAAI;EACZ;EAEA,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA0B,MAAM;IACNC,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGC,gBAAW;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACfjB,OAAO,CAACkB,IAAI,CAAC,CAAC;IACf;EAAG,GAED,IAAAC,QAAE,EAAE,MAAO,CACN,CAAC;AAEX;AAAC,IAAAC,QAAA,GAEctB,UAAU;AAAAuB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","_icons","_i18n","_router","_constants","_lockUnlock","useLocation","useHistory","unlock","routerPrivateApis","BackButton","location","history","isTemplatePart","params","postType","TEMPLATE_PART_POST_TYPE","isNavigationMenu","NAVIGATION_POST_TYPE","isPattern","PATTERN_TYPES","user","previousTemplateId","state","fromTemplateId","isFocusMode","_react","createElement","Button","className","icon","arrowLeft","onClick","back","__","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/back-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { arrowLeft } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction BackButton() {\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;\n\tconst isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;\n\tconst isPattern = location.params.postType === PATTERN_TYPES.user;\n\tconst previousTemplateId = location.state?.fromTemplateId;\n\n\tconst isFocusMode = isTemplatePart || isNavigationMenu || isPattern;\n\n\tif ( ! isFocusMode || ( ! previousTemplateId && ! isPattern ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-site-visual-editor__back-button\"\n\t\t\ticon={ arrowLeft }\n\t\t\tonClick={ () => {\n\t\t\t\thistory.back();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Back' ) }\n\t\t</Button>\n\t);\n}\n\nexport default BackButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AAKA,IAAAK,WAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAMA;AACA;AACA;;AAQA,MAAM;EAAEM,WAAW;EAAEC;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE/D,SAASC,UAAUA,CAAA,EAAG;EACrB,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,OAAO,GAAGL,UAAU,CAAC,CAAC;EAC5B,MAAMM,cAAc,GAAGF,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKC,kCAAuB;EAC3E,MAAMC,gBAAgB,GAAGN,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKG,+BAAoB;EAC1E,MAAMC,SAAS,GAAGR,QAAQ,CAACG,MAAM,CAACC,QAAQ,KAAKK,wBAAa,CAACC,IAAI;EACjE,MAAMC,kBAAkB,GAAGX,QAAQ,CAACY,KAAK,EAAEC,cAAc;EAEzD,MAAMC,WAAW,GAAGZ,cAAc,IAAII,gBAAgB,IAAIE,SAAS;EAEnE,IAAK,CAAEM,WAAW,IAAM,CAAEH,kBAAkB,IAAI,CAAEH,SAAW,EAAG;IAC/D,OAAO,IAAI;EACZ;EAEA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA6B,MAAM;IACNC,SAAS,EAAC,sCAAsC;IAChDC,IAAI,EAAGC,gBAAW;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACfpB,OAAO,CAACqB,IAAI,CAAC,CAAC;IACf;EAAG,GAED,IAAAC,QAAE,EAAE,MAAO,CACN,CAAC;AAEX;AAAC,IAAAC,QAAA,GAEczB,UAAU;AAAA0B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-editor/editor-canvas.js

@@ -12,8 +12,10 @@ var _data = require("@wordpress/data");
 var _keycodes = require("@wordpress/keycodes");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
+var _editor = require("@wordpress/editor");
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
+var _constants = require("../../utils/constants");
 /**
  * External dependencies
  */
@@ -27,28 +29,41 @@ var _store = require("../../store");
  */
 
 const {
-  ExperimentalBlockCanvas: BlockCanvas
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+  EditorCanvas: EditorCanvasRoot
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 function EditorCanvas({
   enableResizing,
   settings,
   children,
-  contentRef,
   ...props
 }) {
   const {
+    hasBlocks,
+    isFocusMode,
+    templateType,
     canvasMode,
-    deviceType,
     isZoomOutMode
-  } = (0, _data.useSelect)(select => ({
-    deviceType: select(_store.store).__experimentalGetPreviewDeviceType(),
-    isZoomOutMode: select(_blockEditor.store).__unstableGetEditorMode() === 'zoom-out',
-    canvasMode: (0, _lockUnlock.unlock)(select(_store.store)).getCanvasMode()
-  }), []);
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockCount,
+      __unstableGetEditorMode
+    } = select(_blockEditor.store);
+    const {
+      getEditedPostType,
+      getCanvasMode
+    } = (0, _lockUnlock.unlock)(select(_store.store));
+    const _templateType = getEditedPostType();
+    return {
+      templateType: _templateType,
+      isFocusMode: _constants.FOCUSABLE_ENTITIES.includes(_templateType),
+      isZoomOutMode: __unstableGetEditorMode() === 'zoom-out',
+      canvasMode: getCanvasMode(),
+      hasBlocks: !!getBlockCount()
+    };
+  }, []);
   const {
     setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const deviceStyles = (0, _blockEditor.__experimentalUseResizeCanvas)(deviceType);
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
   (0, _element.useEffect)(() => {
     if (canvasMode === 'edit') {
@@ -73,28 +88,38 @@ function EditorCanvas({
     onClick: () => setCanvasMode('edit'),
     readonly: true
   };
-  return (0, _react.createElement)(BlockCanvas, {
-    height: "100%",
+  const isTemplateTypeNavigation = templateType === _constants.NAVIGATION_POST_TYPE;
+  const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
+  // Hide the appender when:
+  // - In navigation focus mode (should only allow the root Nav block).
+  // - In view mode (i.e. not editing).
+  const showBlockAppender = isNavigationFocusMode && hasBlocks || canvasMode === 'view' ? false : undefined;
+  const styles = (0, _element.useMemo)(() => [...settings.styles, {
+    // Forming a "block formatting context" to prevent margin collapsing.
+    // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
+
+    css: `.is-root-container{display:flow-root;${
+    // Some themes will have `min-height: 100vh` for the root container,
+    // which isn't a requirement in auto resize mode.
+    enableResizing ? 'min-height:0!important;' : ''}}body{position:relative; ${canvasMode === 'view' ? 'cursor: pointer; min-height: 100vh;' : ''}}}`
+  }], [settings.styles, enableResizing, canvasMode]);
+  return (0, _react.createElement)(EditorCanvasRoot, {
+    className: (0, _classnames.default)('edit-site-editor-canvas__block-list', {
+      'is-navigation-block': isTemplateTypeNavigation
+    }),
+    renderAppender: showBlockAppender,
+    styles: styles,
     iframeProps: {
       expand: isZoomOutMode,
       scale: isZoomOutMode ? 0.45 : undefined,
       frameSize: isZoomOutMode ? 100 : undefined,
-      style: enableResizing ? {} : deviceStyles,
       className: (0, _classnames.default)('edit-site-visual-editor__editor-canvas', {
         'is-focused': isFocused && canvasMode === 'view'
       }),
       ...props,
       ...(canvasMode === 'view' ? viewModeProps : {})
-    },
-    styles: settings.styles,
-    contentRef: contentRef
-  }, (0, _react.createElement)("style", null,
-  // Forming a "block formatting context" to prevent margin collapsing.
-  // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-  `.is-root-container{display:flow-root;${
-  // Some themes will have `min-height: 100vh` for the root container,
-  // which isn't a requirement in auto resize mode.
-  enableResizing ? 'min-height:0!important;' : ''}}body{position:relative; ${canvasMode === 'view' ? 'cursor: pointer; min-height: 100vh;' : ''}}}`), children);
+    }
+  }, children);
 }
 var _default = EditorCanvas;
 exports.default = _default;

package/build/components/block-editor/editor-canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_data","_keycodes","_element","_i18n","_lockUnlock","_store","ExperimentalBlockCanvas","BlockCanvas","unlock","blockEditorPrivateApis","EditorCanvas","enableResizing","settings","children","contentRef","props","canvasMode","deviceType","isZoomOutMode","useSelect","select","editSiteStore","__experimentalGetPreviewDeviceType","blockEditorStore","__unstableGetEditorMode","getCanvasMode","setCanvasMode","useDispatch","deviceStyles","useResizeCanvas","isFocused","setIsFocused","useState","useEffect","viewModeProps","__","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClick","readonly","_react","createElement","height","iframeProps","expand","scale","undefined","frameSize","style","className","classnames","styles","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseResizeCanvas as useResizeCanvas,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { ExperimentalBlockCanvas: BlockCanvas } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction EditorCanvas( {\n\tenableResizing,\n\tsettings,\n\tchildren,\n\tcontentRef,\n\t...props\n} ) {\n\tconst { canvasMode, deviceType, isZoomOutMode } = useSelect(\n\t\t( select ) => ( {\n\t\t\tdeviceType:\n\t\t\t\tselect( editSiteStore ).__experimentalGetPreviewDeviceType(),\n\t\t\tisZoomOutMode:\n\t\t\t\tselect( blockEditorStore ).__unstableGetEditorMode() ===\n\t\t\t\t'zoom-out',\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst deviceStyles = useResizeCanvas( deviceType );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( canvasMode === 'edit' ) {\n\t\t\tsetIsFocused( false );\n\t\t}\n\t}, [ canvasMode ] );\n\n\tconst viewModeProps = {\n\t\t'aria-label': __( 'Editor Canvas' ),\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClick: () => setCanvasMode( 'edit' ),\n\t\treadonly: true,\n\t};\n\n\treturn (\n\t\t<BlockCanvas\n\t\t\theight=\"100%\"\n\t\t\tiframeProps={ {\n\t\t\t\texpand: isZoomOutMode,\n\t\t\t\tscale: isZoomOutMode ? 0.45 : undefined,\n\t\t\t\tframeSize: isZoomOutMode ? 100 : undefined,\n\t\t\t\tstyle: enableResizing ? {} : deviceStyles,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'edit-site-visual-editor__editor-canvas',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t\t...props,\n\t\t\t\t...( canvasMode === 'view' ? viewModeProps : {} ),\n\t\t\t} }\n\t\t\tstyles={ settings.styles }\n\t\t\tcontentRef={ contentRef }\n\t\t>\n\t\t\t<style>{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\t`.is-root-container{display:flow-root;${\n\t\t\t\t\t// Some themes will have `min-height: 100vh` for the root container,\n\t\t\t\t\t// which isn't a requirement in auto resize mode.\n\t\t\t\t\tenableResizing ? 'min-height:0!important;' : ''\n\t\t\t\t}}body{position:relative; ${\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? 'cursor: pointer; min-height: 100vh;'\n\t\t\t\t\t\t: ''\n\t\t\t\t}}}`\n\t\t\t}</style>\n\t\t\t{ children }\n\t\t</BlockCanvas>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAtBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAIA,MAAM;EAAEQ,uBAAuB,EAAEC;AAAY,CAAC,GAAG,IAAAC,kBAAM,EACtDC,wBACD,CAAC;AAED,SAASC,YAAYA,CAAE;EACtBC,cAAc;EACdC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EACxDC,MAAM,KAAQ;IACfH,UAAU,EACTG,MAAM,CAAEC,YAAc,CAAC,CAACC,kCAAkC,CAAC,CAAC;IAC7DJ,aAAa,EACZE,MAAM,CAAEG,kBAAiB,CAAC,CAACC,uBAAuB,CAAC,CAAC,KACpD,UAAU;IACXR,UAAU,EAAE,IAAAR,kBAAM,EAAEY,MAAM,CAAEC,YAAc,CAAE,CAAC,CAACI,aAAa,CAAC;EAC7D,CAAC,CAAE,EACH,EACD,CAAC;EACD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAlB,kBAAM,EAAE,IAAAmB,iBAAW,EAAEN,YAAc,CAAE,CAAC;EAChE,MAAMO,YAAY,GAAG,IAAAC,0CAAe,EAAEZ,UAAW,CAAC;EAClD,MAAM,CAAEa,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAErD,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKjB,UAAU,KAAK,MAAM,EAAG;MAC5Be,YAAY,CAAE,KAAM,CAAC;IACtB;EACD,CAAC,EAAE,CAAEf,UAAU,CAAG,CAAC;EAEnB,MAAMkB,aAAa,GAAG;IACrB,YAAY,EAAE,IAAAC,QAAE,EAAE,eAAgB,CAAC;IACnCC,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACXC,OAAO,EAAEA,CAAA,KAAMP,YAAY,CAAE,IAAK,CAAC;IACnCQ,MAAM,EAAEA,CAAA,KAAMR,YAAY,CAAE,KAAM,CAAC;IACnCS,SAAS,EAAIC,KAAK,IAAM;MACvB,MAAM;QAAEC;MAAQ,CAAC,GAAGD,KAAK;MACzB,IAAKC,OAAO,KAAKC,eAAK,IAAID,OAAO,KAAKE,eAAK,EAAG;QAC7CH,KAAK,CAACI,cAAc,CAAC,CAAC;QACtBnB,aAAa,CAAE,MAAO,CAAC;MACxB;IACD,CAAC;IACDoB,OAAO,EAAEA,CAAA,KAAMpB,aAAa,CAAE,MAAO,CAAC;IACtCqB,QAAQ,EAAE;EACX,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC1C,WAAW;IACX2C,MAAM,EAAC,MAAM;IACbC,WAAW,EAAG;MACbC,MAAM,EAAElC,aAAa;MACrBmC,KAAK,EAAEnC,aAAa,GAAG,IAAI,GAAGoC,SAAS;MACvCC,SAAS,EAAErC,aAAa,GAAG,GAAG,GAAGoC,SAAS;MAC1CE,KAAK,EAAE7C,cAAc,GAAG,CAAC,CAAC,GAAGiB,YAAY;MACzC6B,SAAS,EAAE,IAAAC,mBAAU,EACpB,wCAAwC,EACxC;QACC,YAAY,EAAE5B,SAAS,IAAId,UAAU,KAAK;MAC3C,CACD,CAAC;MACD,GAAGD,KAAK;MACR,IAAKC,UAAU,KAAK,MAAM,GAAGkB,aAAa,GAAG,CAAC,CAAC;IAChD,CAAG;IACHyB,MAAM,EAAG/C,QAAQ,CAAC+C,MAAQ;IAC1B7C,UAAU,EAAGA;EAAY,GAEzB,IAAAkC,MAAA,CAAAC,aAAA;EACC;EACA;EACC;EACA;EACA;EACAtC,cAAc,GAAG,yBAAyB,GAAG,EAC7C,4BACAK,UAAU,KAAK,MAAM,GAClB,qCAAqC,GACrC,EACH,IACM,CAAC,EACPH,QACU,CAAC;AAEhB;AAAC,IAAA+C,QAAA,GAEclD,YAAY;AAAAmD,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_data","_keycodes","_element","_i18n","_editor","_lockUnlock","_store","_constants","EditorCanvas","EditorCanvasRoot","unlock","editorPrivateApis","enableResizing","settings","children","props","hasBlocks","isFocusMode","templateType","canvasMode","isZoomOutMode","useSelect","select","getBlockCount","__unstableGetEditorMode","blockEditorStore","getEditedPostType","getCanvasMode","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","setCanvasMode","useDispatch","isFocused","setIsFocused","useState","useEffect","viewModeProps","__","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClick","readonly","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","styles","useMemo","css","_react","createElement","className","classnames","renderAppender","iframeProps","expand","scale","frameSize","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\n\nconst { EditorCanvas: EditorCanvasRoot } = unlock( editorPrivateApis );\n\nfunction EditorCanvas( { enableResizing, settings, children, ...props } ) {\n\tconst { hasBlocks, isFocusMode, templateType, canvasMode, isZoomOutMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getBlockCount, __unstableGetEditorMode } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst _templateType = getEditedPostType();\n\n\t\t\treturn {\n\t\t\t\ttemplateType: _templateType,\n\t\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\thasBlocks: !! getBlockCount(),\n\t\t\t};\n\t\t}, [] );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( canvasMode === 'edit' ) {\n\t\t\tsetIsFocused( false );\n\t\t}\n\t}, [ canvasMode ] );\n\n\tconst viewModeProps = {\n\t\t'aria-label': __( 'Editor Canvas' ),\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tconst { keyCode } = event;\n\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClick: () => setCanvasMode( 'edit' ),\n\t\treadonly: true,\n\t};\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) || canvasMode === 'view'\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\n\t\t\t\tcss: `.is-root-container{display:flow-root;${\n\t\t\t\t\t// Some themes will have `min-height: 100vh` for the root container,\n\t\t\t\t\t// which isn't a requirement in auto resize mode.\n\t\t\t\t\tenableResizing ? 'min-height:0!important;' : ''\n\t\t\t\t}}body{position:relative; ${\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? 'cursor: pointer; min-height: 100vh;'\n\t\t\t\t\t\t: ''\n\t\t\t\t}}}`,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, enableResizing, canvasMode ]\n\t);\n\n\treturn (\n\t\t<EditorCanvasRoot\n\t\t\tclassName={ classnames( 'edit-site-editor-canvas__block-list', {\n\t\t\t\t'is-navigation-block': isTemplateTypeNavigation,\n\t\t\t} ) }\n\t\t\trenderAppender={ showBlockAppender }\n\t\t\tstyles={ styles }\n\t\t\tiframeProps={ {\n\t\t\t\texpand: isZoomOutMode,\n\t\t\t\tscale: isZoomOutMode ? 0.45 : undefined,\n\t\t\t\tframeSize: isZoomOutMode ? 100 : undefined,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'edit-site-visual-editor__editor-canvas',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t\t...props,\n\t\t\t\t...( canvasMode === 'view' ? viewModeProps : {} ),\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</EditorCanvasRoot>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":"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"}

package/build/components/block-editor/resizable-editor.js

@@ -56,8 +56,8 @@ function ResizableEditor({
     maxWidth: "100%",
     maxHeight: "100%",
     enable: {
-      right: enableResizing,
-      left: enableResizing
+      left: enableResizing,
+      right: enableResizing
     },
     showHandle: enableResizing
     // The editor is centered horizontally, resizing it only

package/build/components/block-editor/resizable-editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_resizeHandle","_interopRequireDefault","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","ResizableEditor","enableResizing","children","setWidth","useState","resizableRef","useRef","resizeWidthBy","useCallback","deltaPixels","current","offsetWidth","_react","createElement","ResizableBox","ref","api","resizable","size","onResizeStop","event","direction","element","style","minWidth","maxWidth","maxHeight","enable","showHandle","resizeRatio","handleComponent","default","handleClasses","handleStyles","_default","exports"],"sources":["@wordpress/edit-site/src/components/block-editor/resizable-editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useRef, useCallback } from '@wordpress/element';\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResizeHandle from './resize-handle';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nfunction ResizableEditor( { enableResizing, height, children } ) {\n\tconst [ width, setWidth ] = useState( '100%' );\n\tconst resizableRef = useRef();\n\tconst resizeWidthBy = useCallback( ( deltaPixels ) => {\n\t\tif ( resizableRef.current ) {\n\t\t\tsetWidth( resizableRef.current.offsetWidth + deltaPixels );\n\t\t}\n\t}, [] );\n\treturn (\n\t\t<ResizableBox\n\t\t\tref={ ( api ) => {\n\t\t\t\tresizableRef.current = api?.resizable;\n\t\t\t} }\n\t\t\tsize={ {\n\t\t\t\twidth: enableResizing ? width : '100%',\n\t\t\t\theight: enableResizing && height ? height : '100%',\n\t\t\t} }\n\t\t\tonResizeStop={ ( event, direction, element ) => {\n\t\t\t\tsetWidth( element.style.width );\n\t\t\t} }\n\t\t\tminWidth={ 300 }\n\t\t\tmaxWidth=\"100%\"\n\t\t\tmaxHeight=\"100%\"\n\t\t\tenable={ {\n\t\t\t\tright: enableResizing,\n\t\t\t\tleft: enableResizing,\n\t\t\t} }\n\t\t\tshowHandle={ enableResizing }\n\t\t\t// The editor is centered horizontally, resizing it only\n\t\t\t// moves half the distance. Hence double the ratio to correctly\n\t\t\t// align the cursor to the resizer handle.\n\t\t\tresizeRatio={ 2 }\n\t\t\thandleComponent={ {\n\t\t\t\tleft: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"left\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tright: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t} }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableEditor;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA,MAAMI,sBAAsB,GAAG;EAC9BC,QAAQ,EAAEC,SAAS;EACnBC,UAAU,EAAED,SAAS;EACrBE,MAAM,EAAEF,SAAS;EACjBG,KAAK,EAAEH,SAAS;EAChBI,MAAM,EAAEJ,SAAS;EACjBK,GAAG,EAAEL,SAAS;EACdM,KAAK,EAAEN,SAAS;EAChBO,MAAM,EAAEP,SAAS;EACjBQ,IAAI,EAAER;AACP,CAAC;AAED,SAASS,eAAeA,CAAE;EAAEC,cAAc;EAAEN,MAAM;EAAEO;AAAS,CAAC,EAAG;EAChE,MAAM,CAAER,KAAK,EAAES,QAAQ,CAAE,GAAG,IAAAC,iBAAQ,EAAE,MAAO,CAAC;EAC9C,MAAMC,YAAY,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC7B,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAIC,WAAW,IAAM;IACrD,IAAKJ,YAAY,CAACK,OAAO,EAAG;MAC3BP,QAAQ,CAAEE,YAAY,CAACK,OAAO,CAACC,WAAW,GAAGF,WAAY,CAAC;IAC3D;EACD,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA4B,YAAY;IACZC,GAAG,EAAKC,GAAG,IAAM;MAChBX,YAAY,CAACK,OAAO,GAAGM,GAAG,EAAEC,SAAS;IACtC,CAAG;IACHC,IAAI,EAAG;MACNxB,KAAK,EAAEO,cAAc,GAAGP,KAAK,GAAG,MAAM;MACtCC,MAAM,EAAEM,cAAc,IAAIN,MAAM,GAAGA,MAAM,GAAG;IAC7C,CAAG;IACHwB,YAAY,EAAGA,CAAEC,KAAK,EAAEC,SAAS,EAAEC,OAAO,KAAM;MAC/CnB,QAAQ,CAAEmB,OAAO,CAACC,KAAK,CAAC7B,KAAM,CAAC;IAChC,CAAG;IACH8B,QAAQ,EAAG,GAAK;IAChBC,QAAQ,EAAC,MAAM;IACfC,SAAS,EAAC,MAAM;IAChBC,MAAM,EAAG;MACR9B,KAAK,EAAEI,cAAc;MACrBF,IAAI,EAAEE;IACP,CAAG;IACH2B,UAAU,EAAG3B;IACb;IACA;IACA;IAAA;IACA4B,WAAW,EAAG,CAAG;IACjBC,eAAe,EAAG;MACjB/B,IAAI,EACH,IAAAa,MAAA,CAAAC,aAAA,EAAC1B,aAAA,CAAA4C,OAAY;QACZV,SAAS,EAAC,MAAM;QAChBd,aAAa,EAAGA;MAAe,CAC/B,CACD;MACDV,KAAK,EACJ,IAAAe,MAAA,CAAAC,aAAA,EAAC1B,aAAA,CAAA4C,OAAY;QACZV,SAAS,EAAC,OAAO;QACjBd,aAAa,EAAGA;MAAe,CAC/B;IAEH,CAAG;IACHyB,aAAa,EAAGzC,SAAW;IAC3B0C,YAAY,EAAG;MACdlC,IAAI,EAAEV,sBAAsB;MAC5BQ,KAAK,EAAER;IACR;EAAG,GAEDa,QACW,CAAC;AAEjB;AAAC,IAAAgC,QAAA,GAEclC,eAAe;AAAAmC,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}
+{"version":3,"names":["_element","require","_components","_resizeHandle","_interopRequireDefault","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","ResizableEditor","enableResizing","children","setWidth","useState","resizableRef","useRef","resizeWidthBy","useCallback","deltaPixels","current","offsetWidth","_react","createElement","ResizableBox","ref","api","resizable","size","onResizeStop","event","direction","element","style","minWidth","maxWidth","maxHeight","enable","showHandle","resizeRatio","handleComponent","default","handleClasses","handleStyles","_default","exports"],"sources":["@wordpress/edit-site/src/components/block-editor/resizable-editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useRef, useCallback } from '@wordpress/element';\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResizeHandle from './resize-handle';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nfunction ResizableEditor( { enableResizing, height, children } ) {\n\tconst [ width, setWidth ] = useState( '100%' );\n\tconst resizableRef = useRef();\n\tconst resizeWidthBy = useCallback( ( deltaPixels ) => {\n\t\tif ( resizableRef.current ) {\n\t\t\tsetWidth( resizableRef.current.offsetWidth + deltaPixels );\n\t\t}\n\t}, [] );\n\treturn (\n\t\t<ResizableBox\n\t\t\tref={ ( api ) => {\n\t\t\t\tresizableRef.current = api?.resizable;\n\t\t\t} }\n\t\t\tsize={ {\n\t\t\t\twidth: enableResizing ? width : '100%',\n\t\t\t\theight: enableResizing && height ? height : '100%',\n\t\t\t} }\n\t\t\tonResizeStop={ ( event, direction, element ) => {\n\t\t\t\tsetWidth( element.style.width );\n\t\t\t} }\n\t\t\tminWidth={ 300 }\n\t\t\tmaxWidth=\"100%\"\n\t\t\tmaxHeight=\"100%\"\n\t\t\tenable={ {\n\t\t\t\tleft: enableResizing,\n\t\t\t\tright: enableResizing,\n\t\t\t} }\n\t\t\tshowHandle={ enableResizing }\n\t\t\t// The editor is centered horizontally, resizing it only\n\t\t\t// moves half the distance. Hence double the ratio to correctly\n\t\t\t// align the cursor to the resizer handle.\n\t\t\tresizeRatio={ 2 }\n\t\t\thandleComponent={ {\n\t\t\t\tleft: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"left\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tright: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t} }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableEditor;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA,MAAMI,sBAAsB,GAAG;EAC9BC,QAAQ,EAAEC,SAAS;EACnBC,UAAU,EAAED,SAAS;EACrBE,MAAM,EAAEF,SAAS;EACjBG,KAAK,EAAEH,SAAS;EAChBI,MAAM,EAAEJ,SAAS;EACjBK,GAAG,EAAEL,SAAS;EACdM,KAAK,EAAEN,SAAS;EAChBO,MAAM,EAAEP,SAAS;EACjBQ,IAAI,EAAER;AACP,CAAC;AAED,SAASS,eAAeA,CAAE;EAAEC,cAAc;EAAEN,MAAM;EAAEO;AAAS,CAAC,EAAG;EAChE,MAAM,CAAER,KAAK,EAAES,QAAQ,CAAE,GAAG,IAAAC,iBAAQ,EAAE,MAAO,CAAC;EAC9C,MAAMC,YAAY,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC7B,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAIC,WAAW,IAAM;IACrD,IAAKJ,YAAY,CAACK,OAAO,EAAG;MAC3BP,QAAQ,CAAEE,YAAY,CAACK,OAAO,CAACC,WAAW,GAAGF,WAAY,CAAC;IAC3D;EACD,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA4B,YAAY;IACZC,GAAG,EAAKC,GAAG,IAAM;MAChBX,YAAY,CAACK,OAAO,GAAGM,GAAG,EAAEC,SAAS;IACtC,CAAG;IACHC,IAAI,EAAG;MACNxB,KAAK,EAAEO,cAAc,GAAGP,KAAK,GAAG,MAAM;MACtCC,MAAM,EAAEM,cAAc,IAAIN,MAAM,GAAGA,MAAM,GAAG;IAC7C,CAAG;IACHwB,YAAY,EAAGA,CAAEC,KAAK,EAAEC,SAAS,EAAEC,OAAO,KAAM;MAC/CnB,QAAQ,CAAEmB,OAAO,CAACC,KAAK,CAAC7B,KAAM,CAAC;IAChC,CAAG;IACH8B,QAAQ,EAAG,GAAK;IAChBC,QAAQ,EAAC,MAAM;IACfC,SAAS,EAAC,MAAM;IAChBC,MAAM,EAAG;MACR5B,IAAI,EAAEE,cAAc;MACpBJ,KAAK,EAAEI;IACR,CAAG;IACH2B,UAAU,EAAG3B;IACb;IACA;IACA;IAAA;IACA4B,WAAW,EAAG,CAAG;IACjBC,eAAe,EAAG;MACjB/B,IAAI,EACH,IAAAa,MAAA,CAAAC,aAAA,EAAC1B,aAAA,CAAA4C,OAAY;QACZV,SAAS,EAAC,MAAM;QAChBd,aAAa,EAAGA;MAAe,CAC/B,CACD;MACDV,KAAK,EACJ,IAAAe,MAAA,CAAAC,aAAA,EAAC1B,aAAA,CAAA4C,OAAY;QACZV,SAAS,EAAC,OAAO;QACjBd,aAAa,EAAGA;MAAe,CAC/B;IAEH,CAAG;IACHyB,aAAa,EAAGzC,SAAW;IAC3B0C,YAAY,EAAG;MACdlC,IAAI,EAAEV,sBAAsB;MAC5BQ,KAAK,EAAER;IACR;EAAG,GAEDa,QACW,CAAC;AAEjB;AAAC,IAAAgC,QAAA,GAEclC,eAAe;AAAAmC,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}

package/build/components/block-editor/site-editor-canvas.js

@@ -8,8 +8,6 @@ exports.default = SiteEditorCanvas;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 var _backButton = _interopRequireDefault(require("./back-button"));
 var _resizableEditor = _interopRequireDefault(require("./resizable-editor"));
@@ -19,7 +17,6 @@ var _useSiteEditorSettings = _interopRequireDefault(require("./use-site-editor-s
 var _store = require("../../store");
 var _constants = require("../../utils/constants");
 var _lockUnlock = require("../../lock-unlock");
-var _pageContentFocusNotifications = _interopRequireDefault(require("../page-content-focus-notifications"));
 /**
  * External dependencies
  */
@@ -32,15 +29,7 @@ var _pageContentFocusNotifications = _interopRequireDefault(require("../page-con
  * Internal dependencies
  */
 
-const LAYOUT = {
-  type: 'default',
-  // At the root level of the site editor, no alignments should be allowed.
-  alignments: []
-};
 function SiteEditorCanvas() {
-  const {
-    clearSelectedBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
   const {
     templateType,
     isFocusMode,
@@ -59,64 +48,26 @@ function SiteEditorCanvas() {
   }, []);
   const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
   const settings = (0, _useSiteEditorSettings.default)();
-  const {
-    hasBlocks
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockCount
-    } = select(_blockEditor.store);
-    const blocks = getBlockCount();
-    return {
-      hasBlocks: !!blocks
-    };
-  }, []);
   const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
   const enableResizing = isFocusMode && !isViewMode &&
   // Disable resizing in mobile viewport.
   !isMobileViewport;
-  const contentRef = (0, _element.useRef)();
   const isTemplateTypeNavigation = templateType === _constants.NAVIGATION_POST_TYPE;
   const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
-
-  // Hide the appender when:
-  // - In navigation focus mode (should only allow the root Nav block).
-  // - In view mode (i.e. not editing).
-  const showBlockAppender = isNavigationFocusMode && hasBlocks || isViewMode ? false : undefined;
   const forceFullHeight = isNavigationFocusMode;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editorCanvasContainer.default.Slot, null, ([editorCanvasView]) => editorCanvasView ? (0, _react.createElement)("div", {
+  return (0, _react.createElement)(_editorCanvasContainer.default.Slot, null, ([editorCanvasView]) => editorCanvasView ? (0, _react.createElement)("div", {
     className: "edit-site-visual-editor is-focus-mode"
-  }, editorCanvasView) : (0, _react.createElement)(_blockEditor.BlockTools, {
+  }, editorCanvasView) : (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-site-visual-editor', {
       'is-focus-mode': isFocusMode || !!editorCanvasView,
       'is-view-mode': isViewMode
-    }),
-    __unstableContentRef: contentRef,
-    onClick: event => {
-      // Clear selected block when clicking on the gray background.
-      if (event.target === event.currentTarget) {
-        clearSelectedBlock();
-      }
-    }
+    })
   }, (0, _react.createElement)(_backButton.default, null), (0, _react.createElement)(_resizableEditor.default, {
     enableResizing: enableResizing,
     height: sizes.height && !forceFullHeight ? sizes.height : '100%'
   }, (0, _react.createElement)(_editorCanvas.default, {
     enableResizing: enableResizing,
-    settings: settings,
-    contentRef: contentRef
-  }, resizeObserver, (0, _react.createElement)(_blockEditor.BlockList, {
-    className: (0, _classnames.default)('edit-site-block-editor__block-list wp-site-blocks', {
-      'is-navigation-block': isTemplateTypeNavigation
-    }),
-    dropZoneElement:
-    // Pass in the html element of the iframe to ensure that
-    // the drop zone extends to the very edges of the iframe,
-    // even if the template is shorter than the viewport.
-    contentRef.current?.parentNode,
-    layout: LAYOUT,
-    renderAppender: showBlockAppender
-  }))))), (0, _react.createElement)(_pageContentFocusNotifications.default, {
-    contentRef: contentRef
-  }));
+    settings: settings
+  }, resizeObserver))));
 }
 //# sourceMappingURL=site-editor-canvas.js.map

package/build/components/block-editor/site-editor-canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_element","_blockEditor","_compose","_backButton","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","_pageContentFocusNotifications","LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","useDispatch","blockEditorStore","templateType","isFocusMode","isViewMode","useSelect","select","getEditedPostType","getCanvasMode","unlock","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","hasBlocks","getBlockCount","blocks","isMobileViewport","useViewportMatch","enableResizing","contentRef","useRef","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","forceFullHeight","_react","createElement","Fragment","default","Slot","editorCanvasView","className","BlockTools","classnames","__unstableContentRef","onClick","event","target","currentTarget","height","BlockList","dropZoneElement","current","parentNode","layout","renderAppender"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport {\n\tBlockList,\n\tBlockTools,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport BackButton from './back-button';\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport PageContentFocusNotifications from '../page-content-focus-notifications';\n\nconst LAYOUT = {\n\ttype: 'default',\n\t// At the root level of the site editor, no alignments should be allowed.\n\talignments: [],\n};\n\nexport default function SiteEditorCanvas() {\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst { templateType, isFocusMode, isViewMode } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t};\n\t}, [] );\n\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst { hasBlocks } = useSelect( ( select ) => {\n\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\tconst blocks = getBlockCount();\n\n\t\treturn {\n\t\t\thasBlocks: !! blocks,\n\t\t};\n\t}, [] );\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport;\n\n\tconst contentRef = useRef();\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) || isViewMode\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<>\n\t\t\t<EditorCanvasContainer.Slot>\n\t\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BlockTools\n\t\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t\t'is-focus-mode':\n\t\t\t\t\t\t\t\t\tisFocusMode || !! editorCanvasView,\n\t\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t__unstableContentRef={ contentRef }\n\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t// Clear selected block when clicking on the gray background.\n\t\t\t\t\t\t\t\tif ( event.target === event.currentTarget ) {\n\t\t\t\t\t\t\t\t\tclearSelectedBlock();\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<BackButton />\n\t\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t\t: '100%'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EditorCanvas\n\t\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ resizeObserver }\n\t\t\t\t\t\t\t\t\t<BlockList\n\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t'edit-site-block-editor__block-list wp-site-blocks',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'is-navigation-block':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisTemplateTypeNavigation,\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tdropZoneElement={\n\t\t\t\t\t\t\t\t\t\t\t// Pass in the html element of the iframe to ensure that\n\t\t\t\t\t\t\t\t\t\t\t// the drop zone extends to the very edges of the iframe,\n\t\t\t\t\t\t\t\t\t\t\t// even if the template is shorter than the viewport.\n\t\t\t\t\t\t\t\t\t\t\tcontentRef.current?.parentNode\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tlayout={ LAYOUT }\n\t\t\t\t\t\t\t\t\t\trenderAppender={ showBlockAppender }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t\t</BlockTools>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</EditorCanvasContainer.Slot>\n\t\t\t<PageContentFocusNotifications contentRef={ contentRef } />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_compose","_backButton","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","SiteEditorCanvas","templateType","isFocusMode","isViewMode","useSelect","select","getEditedPostType","getCanvasMode","unlock","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","isMobileViewport","useViewportMatch","enableResizing","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","forceFullHeight","_react","createElement","default","Slot","editorCanvasView","className","classnames","height"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BackButton from './back-button';\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nexport default function SiteEditorCanvas() {\n\tconst { templateType, isFocusMode, isViewMode } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t};\n\t}, [] );\n\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport;\n\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<EditorCanvasContainer.Slot>\n\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t'is-focus-mode': isFocusMode || !! editorCanvasView,\n\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BackButton />\n\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t: '100%'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EditorCanvas\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ resizeObserver }\n\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t</EditorCanvasContainer.Slot>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,aAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,sBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,sBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAIA,IAAAU,WAAA,GAAAV,OAAA;AAvBA;AACA;AACA;;AAEA;AACA;AACA;;AAIA;AACA;AACA;;AAae,SAASW,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1E,MAAM;MAAEC,iBAAiB;MAAEC;IAAc,CAAC,GAAG,IAAAC,kBAAM,EAClDH,MAAM,CAAEI,YAAc,CACvB,CAAC;IAED,MAAMC,aAAa,GAAGJ,iBAAiB,CAAC,CAAC;IAEzC,OAAO;MACNL,YAAY,EAAES,aAAa;MAC3BR,WAAW,EAAES,6BAAkB,CAACC,QAAQ,CAAEF,aAAc,CAAC;MACzDP,UAAU,EAAEI,aAAa,CAAC,CAAC,KAAK;IACjC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEM,cAAc,EAAEC,KAAK,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EAErD,MAAMC,QAAQ,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAExC,MAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMC,cAAc,GACnBlB,WAAW,IACX,CAAEC,UAAU;EACZ;EACA,CAAEe,gBAAgB;EAEnB,MAAMG,wBAAwB,GAAGpB,YAAY,KAAKqB,+BAAoB;EACtE,MAAMC,qBAAqB,GAAGF,wBAAwB,IAAInB,WAAW;EACrE,MAAMsB,eAAe,GAAGD,qBAAqB;EAE7C,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAC/B,sBAAA,CAAAgC,OAAqB,CAACC,IAAI,QACxB,CAAE,CAAEC,gBAAgB,CAAE,KACvBA,gBAAgB,GACf,IAAAJ,MAAA,CAAAC,aAAA;IAAKI,SAAS,EAAC;EAAuC,GACnDD,gBACE,CAAC,GAEN,IAAAJ,MAAA,CAAAC,aAAA;IACCI,SAAS,EAAG,IAAAC,mBAAU,EAAE,yBAAyB,EAAE;MAClD,eAAe,EAAE7B,WAAW,IAAI,CAAC,CAAE2B,gBAAgB;MACnD,cAAc,EAAE1B;IACjB,CAAE;EAAG,GAEL,IAAAsB,MAAA,CAAAC,aAAA,EAAClC,WAAA,CAAAmC,OAAU,MAAE,CAAC,EACd,IAAAF,MAAA,CAAAC,aAAA,EAACjC,gBAAA,CAAAkC,OAAe;IACfP,cAAc,EAAGA,cAAgB;IACjCY,MAAM,EACLlB,KAAK,CAACkB,MAAM,IAAI,CAAER,eAAe,GAC9BV,KAAK,CAACkB,MAAM,GACZ;EACH,GAED,IAAAP,MAAA,CAAAC,aAAA,EAAChC,aAAA,CAAAiC,OAAY;IACZP,cAAc,EAAGA,cAAgB;IACjCJ,QAAQ,EAAGA;EAAU,GAEnBH,cACW,CACE,CACb,CAGoB,CAAC;AAE/B"}

package/build/components/block-editor/use-post-link-props.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePostLinkProps = usePostLinkProps;
+var _router = require("@wordpress/router");
+var _lockUnlock = require("../../lock-unlock");
+var _link = require("../routes/link");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+function usePostLinkProps() {
+  const history = useHistory();
+  return (params, state) => {
+    return (0, _link.getPostLinkProps)(history, params, state);
+  };
+}
+//# sourceMappingURL=use-post-link-props.js.map

package/build/components/block-editor/use-post-link-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_router","require","_lockUnlock","_link","useHistory","unlock","routerPrivateApis","usePostLinkProps","history","params","state","getPostLinkProps"],"sources":["@wordpress/edit-site/src/components/block-editor/use-post-link-props.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getPostLinkProps } from '../routes/link';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport function usePostLinkProps() {\n\tconst history = useHistory();\n\n\treturn ( params, state ) => {\n\t\treturn getPostLinkProps( history, params, state );\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEG;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE3C,SAASC,gBAAgBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAE5B,OAAO,CAAEK,MAAM,EAAEC,KAAK,KAAM;IAC3B,OAAO,IAAAC,sBAAgB,EAAEH,OAAO,EAAEC,MAAM,EAAEC,KAAM,CAAC;EAClD,CAAC;AACF"}