npm - @wordpress/edit-site - Versions diffs - 5.18.1-next.5a1d1283.0 → 5.19.1 - Mend

@wordpress/edit-site 5.18.1-next.5a1d1283.0 → 5.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (687) hide show

package/build/components/global-styles/typogrphy-elements.js ADDED Viewed

@@ -0,0 +1,96 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _blockEditor = require("@wordpress/block-editor");
+var _navigationButton = require("./navigation-button");
+var _subtitle = _interopRequireDefault(require("./subtitle"));
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+const {
+  useGlobalStyle
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function ElementItem({
+  parentMenu,
+  element,
+  label
+}) {
+  const prefix = element === 'text' || !element ? '' : `elements.${element}.`;
+  const extraStyles = element === 'link' ? {
+    textDecoration: 'underline'
+  } : {};
+  const [fontFamily] = useGlobalStyle(prefix + 'typography.fontFamily');
+  const [fontStyle] = useGlobalStyle(prefix + 'typography.fontStyle');
+  const [fontWeight] = useGlobalStyle(prefix + 'typography.fontWeight');
+  const [letterSpacing] = useGlobalStyle(prefix + 'typography.letterSpacing');
+  const [backgroundColor] = useGlobalStyle(prefix + 'color.background');
+  const [gradientValue] = useGlobalStyle(prefix + 'color.gradient');
+  const [color] = useGlobalStyle(prefix + 'color.text');
+  const navigationButtonLabel = (0, _i18n.sprintf)(
+  // translators: %s: is a subset of Typography, e.g., 'text' or 'links'.
+  (0, _i18n.__)('Typography %s styles'), label);
+  return (0, _element.createElement)(_navigationButton.NavigationButtonAsItem, {
+    path: parentMenu + '/typography/' + element,
+    "aria-label": navigationButtonLabel
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    justify: "flex-start"
+  }, (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-global-styles-screen-typography__indicator",
+    style: {
+      fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
+      background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor,
+      color,
+      fontStyle,
+      fontWeight,
+      letterSpacing,
+      ...extraStyles
+    }
+  }, (0, _i18n.__)('Aa')), (0, _element.createElement)(_components.FlexItem, null, label)));
+}
+function TypographyElements() {
+  const parentMenu = '';
+  return (0, _element.createElement)(_components.__experimentalVStack, {
+    spacing: 3
+  }, (0, _element.createElement)(_subtitle.default, {
+    level: 3
+  }, (0, _i18n.__)('Elements')), (0, _element.createElement)(_components.__experimentalItemGroup, {
+    isBordered: true,
+    isSeparated: true
+  }, (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "text",
+    label: (0, _i18n.__)('Text')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "link",
+    label: (0, _i18n.__)('Links')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "heading",
+    label: (0, _i18n.__)('Headings')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "caption",
+    label: (0, _i18n.__)('Captions')
+  }), (0, _element.createElement)(ElementItem, {
+    parentMenu: parentMenu,
+    element: "button",
+    label: (0, _i18n.__)('Buttons')
+  })));
+}
+var _default = TypographyElements;
+exports.default = _default;
+//# sourceMappingURL=typogrphy-elements.js.map

package/build/components/global-styles/typogrphy-elements.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_i18n","require","_components","_blockEditor","_navigationButton","_subtitle","_interopRequireDefault","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","ElementItem","parentMenu","element","label","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","letterSpacing","backgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","_element","createElement","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","className","style","background","TypographyElements","__experimentalVStack","spacing","default","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typogrphy-elements.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' || ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing'\n\t);\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\tletterSpacing,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":"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"}

package/build/components/header-edit-mode/document-actions/index.js CHANGED Viewed

@@ -17,6 +17,7 @@ var _keycodes = require("@wordpress/keycodes");
 var _coreData = require("@wordpress/core-data");
 var _useEditedEntityRecord = _interopRequireDefault(require("../../use-edited-entity-record"));
 var _store = require("../../../store");
+var _constants = require("../../../utils/constants");
 /**
  * External dependencies
  */
@@ -30,10 +31,10 @@ var _store = require("../../../store");
  */
 const typeLabels = {
-  wp_block: (0, _i18n.__)('Editing pattern:'),
-  wp_navigation: (0, _i18n.__)('Editing navigation menu:'),
-  wp_template: (0, _i18n.__)('Editing template:'),
-  wp_template_part: (0, _i18n.__)('Editing template part:')
+  [_constants.PATTERN_TYPES.user]: (0, _i18n.__)('Editing pattern:'),
+  [_constants.NAVIGATION_POST_TYPE]: (0, _i18n.__)('Editing navigation menu:'),
+  [_constants.TEMPLATE_POST_TYPE]: (0, _i18n.__)('Editing template:'),
+  [_constants.TEMPLATE_PART_POST_TYPE]: (0, _i18n.__)('Editing template part:')
 };
 function DocumentActions() {
   const isPage = (0, _data.useSelect)(select => select(_store.store).isPage(), []);
@@ -113,20 +114,20 @@ function TemplateDocumentActions({
     }, (0, _i18n.__)('Document not found'));
   }
   let typeIcon = icon;
-  if (record.type === 'wp_navigation') {
+  if (record.type === _constants.NAVIGATION_POST_TYPE) {
     typeIcon = _icons.navigation;
-  } else if (record.type === 'wp_block') {
+  } else if (record.type === _constants.PATTERN_TYPES.user) {
     typeIcon = _icons.symbol;
   }
   return (0, _element.createElement)(BaseDocumentActions, {
     className: (0, _classnames.default)(className, {
-      'is-synced-entity': record.wp_pattern_sync_status !== 'unsynced'
+      'is-synced-entity': record.wp_pattern_sync_status !== _constants.PATTERN_SYNC_TYPES.unsynced
     }),
     icon: typeIcon,
     onBack: onBack
   }, (0, _element.createElement)(_components.VisuallyHidden, {
     as: "span"
-  }, (_typeLabels$record$ty = typeLabels[record.type]) !== null && _typeLabels$record$ty !== void 0 ? _typeLabels$record$ty : typeLabels.wp_template), getTitle());
+  }, (_typeLabels$record$ty = typeLabels[record.type]) !== null && _typeLabels$record$ty !== void 0 ? _typeLabels$record$ty : typeLabels[_constants.TEMPLATE_POST_TYPE]), getTitle());
 }
 function BaseDocumentActions({
   className,

package/build/components/header-edit-mode/document-actions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_data","_components","_blockEditor","_commands","_icons","_keycodes","_coreData","_useEditedEntityRecord","_store","typeLabels","wp_block","__","wp_navigation","wp_template","wp_template_part","DocumentActions","isPage","useSelect","select","editSiteStore","createElement","PageDocumentActions","TemplateDocumentActions","hasPageContentFocus","hasResolved","isFound","title","_hasPageContentFocus","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","coreStore","context","queryArgs","postType","postId","page","setHasPageContentFocus","useDispatch","hasEditedTemplate","setHasEditedTemplate","useState","prevHasPageContentFocus","useRef","useEffect","current","className","BaseDocumentActions","classnames","icon","pageIcon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","useEditedEntityRecord","typeIcon","type","navigationIcon","symbol","wp_pattern_sync_status","VisuallyHidden","as","children","open","openCommandCenter","commandsStore","Button","isRTL","chevronRightSmall","chevronLeftSmall","onClick","event","stopPropagation","__experimentalHStack","spacing","justify","BlockIcon","__experimentalText","size","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\n\nconst typeLabels = {\n\twp_block: __( 'Editing pattern:' ),\n\twp_navigation: __( 'Editing navigation menu:' ),\n\twp_template: __( 'Editing template:' ),\n\twp_template_part: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { hasPageContentFocus, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus,\n\t\t\t\tgetEditedPostContext,\n\t\t\t} = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst [ hasEditedTemplate, setHasEditedTemplate ] = useState( false );\n\tconst prevHasPageContentFocus = useRef( false );\n\tuseEffect( () => {\n\t\tif ( prevHasPageContentFocus.current && ! hasPageContentFocus ) {\n\t\t\tsetHasEditedTemplate( true );\n\t\t}\n\t\tprevHasPageContentFocus.current = hasPageContentFocus;\n\t}, [ hasPageContentFocus ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn hasPageContentFocus ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': hasEditedTemplate,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName=\"is-animated\"\n\t\t\tonBack={ () => setHasPageContentFocus( true ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === 'wp_navigation' ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === 'wp_block' ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !== 'unsynced',\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ?? typeLabels.wp_template }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_data","_components","_blockEditor","_commands","_icons","_keycodes","_coreData","_useEditedEntityRecord","_store","_constants","typeLabels","PATTERN_TYPES","user","__","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","DocumentActions","isPage","useSelect","select","editSiteStore","createElement","PageDocumentActions","TemplateDocumentActions","hasPageContentFocus","hasResolved","isFound","title","_hasPageContentFocus","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","coreStore","context","queryArgs","postType","postId","page","setHasPageContentFocus","useDispatch","hasEditedTemplate","setHasEditedTemplate","useState","prevHasPageContentFocus","useRef","useEffect","current","className","BaseDocumentActions","classnames","icon","pageIcon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","useEditedEntityRecord","typeIcon","type","navigationIcon","symbol","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","VisuallyHidden","as","children","open","openCommandCenter","commandsStore","Button","isRTL","chevronRightSmall","chevronLeftSmall","onClick","event","stopPropagation","__experimentalHStack","spacing","justify","BlockIcon","__experimentalText","size","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useState, useEffect, useRef } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../../utils/constants';\n\nconst typeLabels = {\n\t[ PATTERN_TYPES.user ]: __( 'Editing pattern:' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Editing navigation menu:' ),\n\t[ TEMPLATE_POST_TYPE ]: __( 'Editing template:' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { hasPageContentFocus, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus,\n\t\t\t\tgetEditedPostContext,\n\t\t\t} = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\thasPageContentFocus: _hasPageContentFocus(),\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tconst [ hasEditedTemplate, setHasEditedTemplate ] = useState( false );\n\tconst prevHasPageContentFocus = useRef( false );\n\tuseEffect( () => {\n\t\tif ( prevHasPageContentFocus.current && ! hasPageContentFocus ) {\n\t\t\tsetHasEditedTemplate( true );\n\t\t}\n\t\tprevHasPageContentFocus.current = hasPageContentFocus;\n\t}, [ hasPageContentFocus ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn hasPageContentFocus ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': hasEditedTemplate,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName=\"is-animated\"\n\t\t\tonBack={ () => setHasPageContentFocus( true ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === NAVIGATION_POST_TYPE ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === PATTERN_TYPES.user ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !==\n\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ??\n\t\t\t\t\ttypeLabels[ TEMPLATE_POST_TYPE ] }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/components/header-edit-mode/index.js CHANGED Viewed

@@ -44,7 +44,9 @@ const {
 const preventDefault = event => {
   event.preventDefault();
 };
-function HeaderEditMode() {
+function HeaderEditMode({
+  setListViewToggleElement
+}) {
   const inserterButton = (0, _element.useRef)();
   const {
     deviceType,
@@ -200,6 +202,7 @@ function HeaderEditMode() {
     /* translators: button label text should, if possible, be under 16 characters. */,
     label: (0, _i18n.__)('List View'),
     onClick: toggleListView,
+    ref: setListViewToggleElement,
     shortcut: listViewShortcut,
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined,

package/build/components/header-edit-mode/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_compose","_coreData","_blockEditor","_data","_interface","_i18n","_icons","_components","_keyboardShortcuts","_preferences","_moreMenu","_saveButton","_undo","_redo","_documentActions","_store","_editorCanvasContainer","_lockUnlock","_constants","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","HeaderEditMode","inserterButton","useRef","deviceType","templateType","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","isDistractionFree","blockEditorMode","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","useSelect","select","__experimentalGetPreviewDeviceType","getEditedPostType","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","__unstableGetEditorMode","blockEditorStore","postType","getUnstableBase","coreStore","get","getPreference","preferencesStore","home","name","getEditorCanvasContainerView","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","useDispatch","__unstableSetEditorMode","disableMotion","useReducedMotion","isLargeViewport","useViewportMatch","toggleInserter","useCallback","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","longLabel","_x","shortLabel","__","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","createElement","className","classnames","NavigableToolbar","as","motion","div","shouldUseKeyboardFocusShortcut","variants","transition","ToolbarItem","ref","Button","variant","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","UndoButton","RedoButton","listView","shortcut","chevronUpDown","getEditorCanvasContainerTitle","default","__unstableMotion","__experimentalPreviewOptions","setDeviceType","isEnabled","onClose","MenuGroup","MenuItem","href","target","external","VisuallyHidden","PinnedItems","Slot","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToolSelector,\n\t__experimentalPreviewOptions as PreviewOptions,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, external, chevronUpDown } from '@wordpress/icons';\nimport {\n\t__unstableMotion as motion,\n\tButton,\n\tToolbarItem,\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport UndoButton from './undo-redo/undo';\nimport RedoButton from './undo-redo/redo';\nimport DocumentActions from './document-actions';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function HeaderEditMode() {\n\tconst inserterButton = useRef();\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tisVisualMode,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\tgetEditedPostType,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t} = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\tconst postType = getEditedPostType();\n\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\ttemplateType: postType,\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tshowIconLabels: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst disableMotion = useReducedMotion();\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar \|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused;\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\t/ translators: button label text should, if possible, be under 16 characters. /\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tas={ motion.div }\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t\tshouldUseKeyboardFocusShortcut={\n\t\t\t\t\t\t! blockToolbarCanBeFocused\n\t\t\t\t\t}\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? shortLabel : longLabel\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\taria-expanded={ isInserterOpen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t! isVisualMode \|\| isZoomedOutView\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Desktop'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</NavigableToolbar>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div className=\"edit-site-header-edit-mode__center\">\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentActions />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\tdeviceType={ deviceType }\n\t\t\t\t\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\t\t\t\t\tlabel={ __( 'View' ) }\n\t\t\t\t\t\t\tisEnabled={\n\t\t\t\t\t\t\t\t! isFocusMode && hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\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/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PreviewOptions>\n\t\t\t\t\t</div>\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_compose","_coreData","_blockEditor","_data","_interface","_i18n","_icons","_components","_keyboardShortcuts","_preferences","_moreMenu","_saveButton","_undo","_redo","_documentActions","_store","_editorCanvasContainer","_lockUnlock","_constants","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","HeaderEditMode","setListViewToggleElement","inserterButton","useRef","deviceType","templateType","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","isDistractionFree","blockEditorMode","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","useSelect","select","__experimentalGetPreviewDeviceType","getEditedPostType","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","__unstableGetEditorMode","blockEditorStore","postType","getUnstableBase","coreStore","get","getPreference","preferencesStore","home","name","getEditorCanvasContainerView","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","useDispatch","__unstableSetEditorMode","disableMotion","useReducedMotion","isLargeViewport","useViewportMatch","toggleInserter","useCallback","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","longLabel","_x","shortLabel","__","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","createElement","className","classnames","NavigableToolbar","as","motion","div","shouldUseKeyboardFocusShortcut","variants","transition","ToolbarItem","ref","Button","variant","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","UndoButton","RedoButton","listView","shortcut","chevronUpDown","getEditorCanvasContainerTitle","default","__unstableMotion","__experimentalPreviewOptions","setDeviceType","isEnabled","onClose","MenuGroup","MenuItem","href","target","external","VisuallyHidden","PinnedItems","Slot","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToolSelector,\n\t__experimentalPreviewOptions as PreviewOptions,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, external, chevronUpDown } from '@wordpress/icons';\nimport {\n\t__unstableMotion as motion,\n\tButton,\n\tToolbarItem,\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport UndoButton from './undo-redo/undo';\nimport RedoButton from './undo-redo/redo';\nimport DocumentActions from './document-actions';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function HeaderEditMode( { setListViewToggleElement } ) {\n\tconst inserterButton = useRef();\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tisVisualMode,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\tgetEditedPostType,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t} = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\tconst postType = getEditedPostType();\n\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\ttemplateType: postType,\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tshowIconLabels: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst disableMotion = useReducedMotion();\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar \|\|\n\t\tcanFocusHiddenToolbar \|\|\n\t\tfixedToolbarCanBeFocused;\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\t/ translators: button label text should, if possible, be under 16 characters. /\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tas={ motion.div }\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t\tshouldUseKeyboardFocusShortcut={\n\t\t\t\t\t\t! blockToolbarCanBeFocused\n\t\t\t\t\t}\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? shortLabel : longLabel\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\taria-expanded={ isInserterOpen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t! isVisualMode \|\| isZoomedOutView\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\t\t\tref={ setListViewToggleElement }\n\t\t\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t\t\t/ translators: button label text should, if possible, be under 16 characters. /\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Desktop'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</NavigableToolbar>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div className=\"edit-site-header-edit-mode__center\">\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentActions />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\tdeviceType={ deviceType }\n\t\t\t\t\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\t\t\t\t\tlabel={ __( 'View' ) }\n\t\t\t\t\t\t\tisEnabled={\n\t\t\t\t\t\t\t\t! isFocusMode && hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\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/ translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</PreviewOptions>\n\t\t\t\t\t</div>\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/components/layout/index.js CHANGED Viewed

@@ -111,6 +111,7 @@ function Layout() {
   const [isResizing] = (0, _element.useState)(false);
   const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
   const [isResizableFrameOversized, setIsResizableFrameOversized] = (0, _element.useState)(false);
+  const [listViewToggleElement, setListViewToggleElement] = (0, _element.useState)(null);
   // This determines which animation variant should apply to the header.
   // There is also a `isDistractionFreeHovering` state that gets priority
@@ -238,7 +239,9 @@ function Layout() {
       duration: disableMotion ? 0 : 0.2,
       ease: 'easeOut'
     }
-  }, (0, _element.createElement)(_headerEditMode.default, null)))), (0, _element.createElement)("div", {
+  }, (0, _element.createElement)(_headerEditMode.default, {
+    setListViewToggleElement: setListViewToggleElement
+  })))), (0, _element.createElement)("div", {
     className: "edit-site-layout__content"
   }, (0, _element.createElement)(_interface.NavigableRegion, {
     ariaLabel: (0, _i18n.__)('Navigation'),
@@ -295,6 +298,7 @@ function Layout() {
       background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor
     }
   }, (0, _element.createElement)(_editor.default, {
+    listViewToggleElement: listViewToggleElement,
     isLoading: isEditorLoading
   })))))))));
 }

package/build/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_data","_components","_compose","_i18n","_interface","_keyboardShortcuts","_commands","_preferences","_blockEditor","_router","_coreCommands","_sidebar","_editor","_errorBoundary","_store","_getIsListPage","_headerEditMode","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_pageMain","_hooks","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useLocation","routerPrivateApis","useGlobalStyle","blockEditorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","useBlockCommands","hubRef","useRef","params","isMobileViewport","useViewportMatch","isListPage","getIsListPage","isEditorPage","isDistractionFree","hasFixedToolbar","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","isEditing","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","useResizeObserver","fullResizer","isResizing","useState","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","CommandMenu","default","ref","className","classnames","__unstableMotion","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","x","isTransparent","__unstableAnimatePresence","initial","NavigableRegion","key","ariaLabel","__","as","motion","y","exit","duration","ease","inert","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","isLoading"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockCommands,\n} from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport Sidebar from '../sidebar';\nimport Editor from '../editor';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport PageMain from '../page-main';\nimport { useIsSiteEditorLoading } from './hooks';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.5;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\tuseBlockCommands();\n\n\tconst hubRef = useRef();\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && ! isListPage ) \|\|\n\t\t( ! isMobileViewport && ( canvasMode === 'view' \|\| ! isEditorPage ) );\n\tconst showCanvas =\n\t\t( isMobileViewport && isEditorPage && isEditing ) \|\|\n\t\t! isMobileViewport \|\|\n\t\t! isEditorPage;\n\tconst isFullCanvas =\n\t\t( isMobileViewport && isListPage ) \|\| ( isEditorPage && isEditing );\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tconst commandContext =\n\t\tcanvasMode === 'edit' && isEditorPage\n\t\t\t? 'site-editor-edit'\n\t\t\t: 'site-editor';\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\t\t\t\tview: { x: 0 },\n\t\t\t\t\t\t\tedit: { x: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tref={ hubRef }\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ isEditorPage && isEditing && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header />\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t// The sidebar is needed for routing on mobile\n\t\t\t\t\t\t\t// (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),\n\t\t\t\t\t\t\t// so we can't remove the element entirely. Using `inert` will make\n\t\t\t\t\t\t\t// it inaccessible to screen readers and keyboard navigation.\n\t\t\t\t\t\t\tinert={ showSidebar ? undefined : 'inert' }\n\t\t\t\t\t\t\tanimate={ { opacity: showSidebar ? 1 : 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\tdisableMotion \|\| isMobileViewport\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</NavigableRegion>\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ showCanvas && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ isListPage && <PageMain /> }\n\t\t\t\t\t\t\t{ isEditorPage && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\| isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\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\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\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</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_data","_components","_compose","_i18n","_interface","_keyboardShortcuts","_commands","_preferences","_blockEditor","_router","_coreCommands","_sidebar","_editor","_errorBoundary","_store","_getIsListPage","_headerEditMode","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_pageMain","_hooks","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useLocation","routerPrivateApis","useGlobalStyle","blockEditorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","useBlockCommands","hubRef","useRef","params","isMobileViewport","useViewportMatch","isListPage","getIsListPage","isEditorPage","isDistractionFree","hasFixedToolbar","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","isEditing","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","showSidebar","showCanvas","isFullCanvas","canvasResizer","canvasSize","useResizeObserver","fullResizer","isResizing","useState","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","listViewToggleElement","setListViewToggleElement","headerAnimationState","commandContext","backgroundColor","gradientValue","createElement","Fragment","CommandMenu","default","ref","className","classnames","__unstableMotion","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","x","isTransparent","__unstableAnimatePresence","initial","NavigableRegion","key","ariaLabel","__","as","motion","y","exit","duration","ease","inert","width","scale","layout","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","isLoading"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef } from '@wordpress/element';\nimport { NavigableRegion } from '@wordpress/interface';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tuseBlockCommands,\n} from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport Sidebar from '../sidebar';\nimport Editor from '../editor';\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\nimport Header from '../header-edit-mode';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport PageMain from '../page-main';\nimport { useIsSiteEditorLoading } from './hooks';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst ANIMATION_DURATION = 0.5;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\tuseBlockCommands();\n\n\tconst hubRef = useRef();\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/edit-site/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst isEditing = canvasMode === 'edit';\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst showSidebar =\n\t\t( isMobileViewport && ! isListPage ) \|\|\n\t\t( ! isMobileViewport && ( canvasMode === 'view' \|\| ! isEditorPage ) );\n\tconst showCanvas =\n\t\t( isMobileViewport && isEditorPage && isEditing ) \|\|\n\t\t! isMobileViewport \|\|\n\t\t! isEditorPage;\n\tconst isFullCanvas =\n\t\t( isMobileViewport && isListPage ) \|\| ( isEditorPage && isEditing );\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst [ isResizing ] = useState( false );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst [ listViewToggleElement, setListViewToggleElement ] =\n\t\tuseState( null );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tconst commandContext =\n\t\tcanvasMode === 'edit' && isEditorPage\n\t\t\t? 'site-editor-edit'\n\t\t\t: 'site-editor';\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free': isDistractionFree && isEditing,\n\t\t\t\t\t\t'is-full-canvas': isFullCanvas,\n\t\t\t\t\t\t'is-edit-mode': isEditing,\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\t\t\t\tview: { x: 0 },\n\t\t\t\t\t\t\tedit: { x: 0 },\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tref={ hubRef }\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ isEditorPage && isEditing && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tkey=\"header\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__header\"\n\t\t\t\t\t\t\t\tariaLabel={ __( 'Editor top bar' ) }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\tisDistractionFree: { opacity: 0, y: 0 },\n\t\t\t\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tview: { opacity: 1, y: '-100%' },\n\t\t\t\t\t\t\t\t\tedit: { opacity: 1, y: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\ty: '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\topacity: isDistractionFree ? 1 : 0,\n\t\t\t\t\t\t\t\t\ty: isDistractionFree ? 0 : '-100%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<Header\n\t\t\t\t\t\t\t\t\tsetListViewToggleElement={\n\t\t\t\t\t\t\t\t\t\tsetListViewToggleElement\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t// The sidebar is needed for routing on mobile\n\t\t\t\t\t\t\t// (https://github.com/WordPress/gutenberg/pull/51558/files#r1231763003),\n\t\t\t\t\t\t\t// so we can't remove the element entirely. Using `inert` will make\n\t\t\t\t\t\t\t// it inaccessible to screen readers and keyboard navigation.\n\t\t\t\t\t\t\tinert={ showSidebar ? undefined : 'inert' }\n\t\t\t\t\t\t\tanimate={ { opacity: showSidebar ? 1 : 0 } }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\tdisableMotion \|\| isMobileViewport\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Sidebar />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</NavigableRegion>\n\n\t\t\t\t\t<SavePanel />\n\n\t\t\t\t\t{ showCanvas && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ isListPage && <PageMain /> }\n\t\t\t\t\t\t\t{ isEditorPage && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas-container',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\t\t\t\t\tisEditorPage &&\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscale: 1.005,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\t\t\t\tlayout=\"position\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\| isResizing\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\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\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\t\t\tisReady={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! isEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ isEditing }\n\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Editor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistViewToggleElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLoading={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisEditorLoading\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</div>\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</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/list/added-by.js CHANGED Viewed

@@ -13,6 +13,7 @@ var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
+var _constants = require("../../utils/constants");
 // @ts-check
 /**
  * External dependencies
@@ -22,10 +23,14 @@ var _i18n = require("@wordpress/i18n");
  * WordPress dependencies
  */
+/**
+ * Internal dependencies
+ */
 /** @typedef {'wp_template'|'wp_template_part'} TemplateType */
 /** @type {TemplateType} */
-const TEMPLATE_POST_TYPE_NAMES = ['wp_template', 'wp_template_part'];
+const TEMPLATE_POST_TYPE_NAMES = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE];
 /**
  * @typedef {'theme'|'plugin'|'site'|'user'} AddedByType
@@ -59,22 +64,22 @@ function useAddedBy(postType, postId) {
       // Templates originally didn't have the 'origin' field so identify
       // older customized templates by checking for no origin and a 'theme'
       // or 'custom' source.
-      if (template.has_theme_file && (template.origin === 'theme' || !template.origin && ['theme', 'custom'].includes(template.source))) {
+      if (template.has_theme_file && (template.origin === _constants.TEMPLATE_ORIGINS.theme || !template.origin && [_constants.TEMPLATE_ORIGINS.theme, _constants.TEMPLATE_ORIGINS.custom].includes(template.source))) {
         return {
           type: 'theme',
           icon: _icons.layout,
           text: getTheme(template.theme)?.name?.rendered || template.theme,
-          isCustomized: template.source === 'custom'
+          isCustomized: template.source === _constants.TEMPLATE_ORIGINS.custom
         };
       }
       // Added by plugin.
-      if (template.has_theme_file && template.origin === 'plugin') {
+      if (template.has_theme_file && template.origin === _constants.TEMPLATE_ORIGINS.plugin) {
         return {
-          type: 'plugin',
+          type: _constants.TEMPLATE_ORIGINS.plugin,
           icon: _icons.plugins,
           text: getPlugin(template.theme)?.name || template.theme,
-          isCustomized: template.source === 'custom'
+          isCustomized: template.source === _constants.TEMPLATE_ORIGINS.custom
         };
       }
@@ -82,7 +87,7 @@ function useAddedBy(postType, postId) {
       // Template was created from scratch, but has no author. Author support
       // was only added to templates in WordPress 5.9. Fallback to showing the
       // site logo and title.
-      if (!template.has_theme_file && template.source === 'custom' && !template.author) {
+      if (!template.has_theme_file && template.source === _constants.TEMPLATE_ORIGINS.custom && !template.author) {
         const siteData = getEntityRecord('root', '__unstableBase');
         return {
           type: 'site',
@@ -150,6 +155,6 @@ function AddedBy({
     icon: icon
   })), (0, _element.createElement)("span", null, text, isCustomized && (0, _element.createElement)("span", {
     className: "edit-site-list-added-by__customized-info"
-  }, postType === 'wp_template' ? (0, _i18n._x)('Customized', 'template') : (0, _i18n._x)('Customized', 'template part'))));
+  }, postType === _constants.TEMPLATE_POST_TYPE ? (0, _i18n._x)('Customized', 'template') : (0, _i18n._x)('Customized', 'template part'))));
 }
 //# sourceMappingURL=added-by.js.map