@wordpress/edit-site 3.0.6 → 3.0.10

package/build-module/components/list/table.js

@@ -0,0 +1,112 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+import { __, sprintf } from '@wordpress/i18n';
+import { VisuallyHidden, FlexItem, __experimentalHStack as HStack, __experimentalHeading as Heading, DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
+import { moreVertical } from '@wordpress/icons';
+import { addQueryArgs } from '@wordpress/url';
+/**
+ * Internal dependencies
+ */
+
+import { store as editSiteStore } from '../../store';
+import isTemplateRemovable from '../../utils/is-template-removable';
+
+function Actions(_ref) {
+  let {
+    template,
+    onClose
+  } = _ref;
+  const {
+    removeTemplate
+  } = useDispatch(editSiteStore);
+  return createElement(MenuGroup, null, createElement(MenuItem, {
+    onClick: () => {
+      removeTemplate(template);
+      onClose();
+    }
+  }, __('Remove template')));
+}
+
+export default function Table(_ref2) {
+  let {
+    templateType
+  } = _ref2;
+  const {
+    templates,
+    isLoading,
+    postType
+  } = useSelect(select => {
+    const {
+      getEntityRecords,
+      hasFinishedResolution,
+      getPostType
+    } = select(coreStore);
+    return {
+      templates: getEntityRecords('postType', templateType),
+      isLoading: !hasFinishedResolution('getEntityRecords', ['postType', templateType]),
+      postType: getPostType(templateType)
+    };
+  }, [templateType]);
+
+  if (!templates || isLoading) {
+    return null;
+  }
+
+  if (!templates.length) {
+    var _postType$labels, _postType$labels$name;
+
+    return createElement("div", null, sprintf( // translators: The template type name, should be either "templates" or "template parts".
+    __('No %s found.'), postType === null || postType === void 0 ? void 0 : (_postType$labels = postType.labels) === null || _postType$labels === void 0 ? void 0 : (_postType$labels$name = _postType$labels.name) === null || _postType$labels$name === void 0 ? void 0 : _postType$labels$name.toLowerCase()));
+  }
+
+  return createElement("ul", {
+    className: "edit-site-list-table"
+  }, createElement(HStack, {
+    className: "edit-site-list-table-head",
+    as: "li"
+  }, createElement(FlexItem, {
+    className: "edit-site-list-table-column"
+  }, createElement(Heading, {
+    level: 4
+  }, __('Template'))), createElement(FlexItem, {
+    className: "edit-site-list-table-column"
+  }, createElement(Heading, {
+    level: 4
+  }, __('Added by'))), createElement(FlexItem, {
+    className: "edit-site-list-table-column"
+  }, createElement(VisuallyHidden, null, __('Actions')))), templates.map(template => createElement("li", {
+    key: template.id
+  }, createElement(HStack, {
+    className: "edit-site-list-table-row"
+  }, createElement(FlexItem, {
+    className: "edit-site-list-table-column"
+  }, createElement("a", {
+    href: addQueryArgs('', {
+      page: 'gutenberg-edit-site',
+      postId: template.id,
+      postType: template.type
+    })
+  }, template.title.rendered), template.description), createElement(FlexItem, {
+    className: "edit-site-list-table-column"
+  }, template.theme), createElement(FlexItem, {
+    className: "edit-site-list-table-column"
+  }, isTemplateRemovable(template) && createElement(DropdownMenu, {
+    icon: moreVertical,
+    label: __('Actions'),
+    className: "edit-site-list-table__actions"
+  }, _ref3 => {
+    let {
+      onClose
+    } = _ref3;
+    return createElement(Actions, {
+      template: template,
+      onClose: onClose
+    });
+  }))))));
+}
+//# sourceMappingURL=table.js.map

package/build-module/components/list/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/list/table.js"],"names":["useSelect","useDispatch","store","coreStore","__","sprintf","VisuallyHidden","FlexItem","__experimentalHStack","HStack","__experimentalHeading","Heading","DropdownMenu","MenuGroup","MenuItem","moreVertical","addQueryArgs","editSiteStore","isTemplateRemovable","Actions","template","onClose","removeTemplate","Table","templateType","templates","isLoading","postType","select","getEntityRecords","hasFinishedResolution","getPostType","length","labels","name","toLowerCase","map","id","page","postId","type","title","rendered","description","theme"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tVisuallyHidden,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport isTemplateRemovable from '../../utils/is-template-removable';\n\nfunction Actions( { template, onClose } ) {\n\tconst { removeTemplate } = useDispatch( editSiteStore );\n\n\treturn (\n\t\t<MenuGroup>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tremoveTemplate( template );\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Remove template' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nexport default function Table( { templateType } ) {\n\tconst { templates, isLoading, postType } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEntityRecords,\n\t\t\t\thasFinishedResolution,\n\t\t\t\tgetPostType,\n\t\t\t} = select( coreStore );\n\n\t\t\treturn {\n\t\t\t\ttemplates: getEntityRecords( 'postType', templateType ),\n\t\t\t\tisLoading: ! hasFinishedResolution( 'getEntityRecords', [\n\t\t\t\t\t'postType',\n\t\t\t\t\ttemplateType,\n\t\t\t\t] ),\n\t\t\t\tpostType: getPostType( templateType ),\n\t\t\t};\n\t\t},\n\t\t[ templateType ]\n\t);\n\n\tif ( ! templates || isLoading ) {\n\t\treturn null;\n\t}\n\n\tif ( ! templates.length ) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: The template type name, should be either \"templates\" or \"template parts\".\n\t\t\t\t\t__( 'No %s found.' ),\n\t\t\t\t\tpostType?.labels?.name?.toLowerCase()\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ul className=\"edit-site-list-table\">\n\t\t\t<HStack className=\"edit-site-list-table-head\" as=\"li\">\n\t\t\t\t<FlexItem className=\"edit-site-list-table-column\">\n\t\t\t\t\t<Heading level={ 4 }>{ __( 'Template' ) }</Heading>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-list-table-column\">\n\t\t\t\t\t<Heading level={ 4 }>{ __( 'Added by' ) }</Heading>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-list-table-column\">\n\t\t\t\t\t<VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\n\t\t\t{ templates.map( ( template ) => (\n\t\t\t\t<li key={ template.id }>\n\t\t\t\t\t<HStack className=\"edit-site-list-table-row\">\n\t\t\t\t\t\t<FlexItem className=\"edit-site-list-table-column\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref={ addQueryArgs( '', {\n\t\t\t\t\t\t\t\t\tpage: 'gutenberg-edit-site',\n\t\t\t\t\t\t\t\t\tpostId: template.id,\n\t\t\t\t\t\t\t\t\tpostType: template.type,\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{ template.title.rendered }\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t{ template.description }\n\t\t\t\t\t\t</FlexItem>\n\n\t\t\t\t\t\t<FlexItem className=\"edit-site-list-table-column\">\n\t\t\t\t\t\t\t{ template.theme }\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<FlexItem className=\"edit-site-list-table-column\">\n\t\t\t\t\t\t\t{ isTemplateRemovable( template ) && (\n\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-list-table__actions\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t\t\t<Actions\n\t\t\t\t\t\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\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</DropdownMenu>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t</HStack>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n"]}

package/build-module/components/main-dashboard-button/index.js

@@ -11,9 +11,10 @@ const {
 } = createSlotFill(slotName);
 const MainDashboardButton = Fill;
 
-const Slot = ({
-  children
-}) => {
+const Slot = _ref => {
+  let {
+    children
+  } = _ref;
   const slot = useSlot(slotName);
   const hasFills = Boolean(slot.fills && slot.fills.length);
 

package/build-module/components/main-dashboard-button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/main-dashboard-button/index.js"],"names":["__experimentalUseSlot","useSlot","createSlotFill","slotName","Fill","Slot","MainDashboardButtonSlot","MainDashboardButton","children","slot","hasFills","Boolean","fills","length"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,qBAAqB,IAAIC,OAD1B,EAECC,cAFD,QAGO,uBAHP;AAKA,MAAMC,QAAQ,GAAG,mCAAjB;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAI,EAAEC;AAAd,IAA0CJ,cAAc,CAAEC,QAAF,CAA9D;AAEA,MAAMI,mBAAmB,GAAGH,IAA5B;;AAEA,MAAMC,IAAI,GAAG,CAAE;AAAEG,EAAAA;AAAF,CAAF,KAAoB;AAChC,QAAMC,IAAI,GAAGR,OAAO,CAAEE,QAAF,CAApB;AACA,QAAMO,QAAQ,GAAGC,OAAO,CAAEF,IAAI,CAACG,KAAL,IAAcH,IAAI,CAACG,KAAL,CAAWC,MAA3B,CAAxB;;AAEA,MAAK,CAAEH,QAAP,EAAkB;AACjB,WAAOF,QAAP;AACA;;AAED,SAAO,cAAC,uBAAD;AAAyB,IAAA,gBAAgB;AAAzC,IAAP;AACA,CATD;;AAWAD,mBAAmB,CAACF,IAApB,GAA2BA,IAA3B;AAEA,eAAeE,mBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlot as useSlot,\n\tcreateSlotFill,\n} from '@wordpress/components';\n\nconst slotName = '__experimentalMainDashboardButton';\n\nconst { Fill, Slot: MainDashboardButtonSlot } = createSlotFill( slotName );\n\nconst MainDashboardButton = Fill;\n\nconst Slot = ( { children } ) => {\n\tconst slot = useSlot( slotName );\n\tconst hasFills = Boolean( slot.fills && slot.fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn children;\n\t}\n\n\treturn <MainDashboardButtonSlot bubblesVirtually />;\n};\n\nMainDashboardButton.Slot = Slot;\n\nexport default MainDashboardButton;\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/main-dashboard-button/index.js"],"names":["__experimentalUseSlot","useSlot","createSlotFill","slotName","Fill","Slot","MainDashboardButtonSlot","MainDashboardButton","children","slot","hasFills","Boolean","fills","length"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,qBAAqB,IAAIC,OAD1B,EAECC,cAFD,QAGO,uBAHP;AAKA,MAAMC,QAAQ,GAAG,mCAAjB;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAI,EAAEC;AAAd,IAA0CJ,cAAc,CAAEC,QAAF,CAA9D;AAEA,MAAMI,mBAAmB,GAAGH,IAA5B;;AAEA,MAAMC,IAAI,GAAG,QAAoB;AAAA,MAAlB;AAAEG,IAAAA;AAAF,GAAkB;AAChC,QAAMC,IAAI,GAAGR,OAAO,CAAEE,QAAF,CAApB;AACA,QAAMO,QAAQ,GAAGC,OAAO,CAAEF,IAAI,CAACG,KAAL,IAAcH,IAAI,CAACG,KAAL,CAAWC,MAA3B,CAAxB;;AAEA,MAAK,CAAEH,QAAP,EAAkB;AACjB,WAAOF,QAAP;AACA;;AAED,SAAO,cAAC,uBAAD;AAAyB,IAAA,gBAAgB;AAAzC,IAAP;AACA,CATD;;AAWAD,mBAAmB,CAACF,IAApB,GAA2BA,IAA3B;AAEA,eAAeE,mBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlot as useSlot,\n\tcreateSlotFill,\n} from '@wordpress/components';\n\nconst slotName = '__experimentalMainDashboardButton';\n\nconst { Fill, Slot: MainDashboardButtonSlot } = createSlotFill( slotName );\n\nconst MainDashboardButton = Fill;\n\nconst Slot = ( { children } ) => {\n\tconst slot = useSlot( slotName );\n\tconst hasFills = Boolean( slot.fills && slot.fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn children;\n\t}\n\n\treturn <MainDashboardButtonSlot bubblesVirtually />;\n};\n\nMainDashboardButton.Slot = Slot;\n\nexport default MainDashboardButton;\n"]}

package/build-module/components/navigate-to-link/index.js

@@ -10,12 +10,13 @@ import { Button } from '@wordpress/components';
 import { edit } from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 import { store as coreStore } from '@wordpress/core-data';
-export default function NavigateToLink({
-  type,
-  id,
-  activePage,
-  onActivePageChange
-}) {
+export default function NavigateToLink(_ref) {
+  let {
+    type,
+    id,
+    activePage,
+    onActivePageChange
+  } = _ref;
   const post = useSelect(select => type && id && type !== 'URL' && select(coreStore).getEntityRecord('postType', type, id), [type, id]);
   const onClick = useMemo(() => {
     if (!(post !== null && post !== void 0 && post.link)) return null;

package/build-module/components/navigate-to-link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigate-to-link/index.js"],"names":["getPathAndQueryString","useMemo","useSelect","Button","edit","__","store","coreStore","NavigateToLink","type","id","activePage","onActivePageChange","post","select","getEntityRecord","onClick","link","path","slug","context","postType","postId"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,qBAAT,QAAsC,gBAAtC;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AAEA,eAAe,SAASC,cAAT,CAAyB;AACvCC,EAAAA,IADuC;AAEvCC,EAAAA,EAFuC;AAGvCC,EAAAA,UAHuC;AAIvCC,EAAAA;AAJuC,CAAzB,EAKX;AACH,QAAMC,IAAI,GAAGX,SAAS,CACnBY,MAAF,IACCL,IAAI,IACJC,EADA,IAEAD,IAAI,KAAK,KAFT,IAGAK,MAAM,CAAEP,SAAF,CAAN,CAAoBQ,eAApB,CAAqC,UAArC,EAAiDN,IAAjD,EAAuDC,EAAvD,CALoB,EAMrB,CAAED,IAAF,EAAQC,EAAR,CANqB,CAAtB;AASA,QAAMM,OAAO,GAAGf,OAAO,CAAE,MAAM;AAC9B,QAAK,EAAEY,IAAF,aAAEA,IAAF,eAAEA,IAAI,CAAEI,IAAR,CAAL,EAAoB,OAAO,IAAP;AACpB,UAAMC,IAAI,GAAGlB,qBAAqB,CAAEa,IAAI,CAACI,IAAP,CAAlC;AACA,QAAKC,IAAI,MAAKP,UAAL,aAAKA,UAAL,uBAAKA,UAAU,CAAEO,IAAjB,CAAT,EAAiC,OAAO,IAAP;AACjC,WAAO,MACNN,kBAAkB,CAAE;AACnBH,MAAAA,IADmB;AAEnBU,MAAAA,IAAI,EAAEN,IAAI,CAACM,IAFQ;AAGnBD,MAAAA,IAHmB;AAInBE,MAAAA,OAAO,EAAE;AACRC,QAAAA,QAAQ,EAAER,IAAI,CAACJ,IADP;AAERa,QAAAA,MAAM,EAAET,IAAI,CAACH;AAFL;AAJU,KAAF,CADnB;AAUA,GAdsB,EAcpB,CAAEG,IAAF,EAAQF,UAAR,aAAQA,UAAR,uBAAQA,UAAU,CAAEO,IAApB,EAA0BN,kBAA1B,CAdoB,CAAvB;AAgBA,SACCI,OAAO,IACN,cAAC,MAAD;AACC,IAAA,IAAI,EAAGZ,IADR;AAEC,IAAA,KAAK,EAAGC,EAAE,CAAE,oBAAF,CAFX;AAGC,IAAA,OAAO,EAAGW;AAHX,IAFF;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getPathAndQueryString } from '@wordpress/url';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { edit } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function NavigateToLink( {\n\ttype,\n\tid,\n\tactivePage,\n\tonActivePageChange,\n} ) {\n\tconst post = useSelect(\n\t\t( select ) =>\n\t\t\ttype &&\n\t\t\tid &&\n\t\t\ttype !== 'URL' &&\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', type, id ),\n\t\t[ type, id ]\n\t);\n\n\tconst onClick = useMemo( () => {\n\t\tif ( ! post?.link ) return null;\n\t\tconst path = getPathAndQueryString( post.link );\n\t\tif ( path === activePage?.path ) return null;\n\t\treturn () =>\n\t\t\tonActivePageChange( {\n\t\t\t\ttype,\n\t\t\t\tslug: post.slug,\n\t\t\t\tpath,\n\t\t\t\tcontext: {\n\t\t\t\t\tpostType: post.type,\n\t\t\t\t\tpostId: post.id,\n\t\t\t\t},\n\t\t\t} );\n\t}, [ post, activePage?.path, onActivePageChange ] );\n\n\treturn (\n\t\tonClick && (\n\t\t\t<Button\n\t\t\t\ticon={ edit }\n\t\t\t\tlabel={ __( 'Edit Page Template' ) }\n\t\t\t\tonClick={ onClick }\n\t\t\t/>\n\t\t)\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/navigate-to-link/index.js"],"names":["getPathAndQueryString","useMemo","useSelect","Button","edit","__","store","coreStore","NavigateToLink","type","id","activePage","onActivePageChange","post","select","getEntityRecord","onClick","link","path","slug","context","postType","postId"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,qBAAT,QAAsC,gBAAtC;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AAEA,eAAe,SAASC,cAAT,OAKX;AAAA,MALoC;AACvCC,IAAAA,IADuC;AAEvCC,IAAAA,EAFuC;AAGvCC,IAAAA,UAHuC;AAIvCC,IAAAA;AAJuC,GAKpC;AACH,QAAMC,IAAI,GAAGX,SAAS,CACnBY,MAAF,IACCL,IAAI,IACJC,EADA,IAEAD,IAAI,KAAK,KAFT,IAGAK,MAAM,CAAEP,SAAF,CAAN,CAAoBQ,eAApB,CAAqC,UAArC,EAAiDN,IAAjD,EAAuDC,EAAvD,CALoB,EAMrB,CAAED,IAAF,EAAQC,EAAR,CANqB,CAAtB;AASA,QAAMM,OAAO,GAAGf,OAAO,CAAE,MAAM;AAC9B,QAAK,EAAEY,IAAF,aAAEA,IAAF,eAAEA,IAAI,CAAEI,IAAR,CAAL,EAAoB,OAAO,IAAP;AACpB,UAAMC,IAAI,GAAGlB,qBAAqB,CAAEa,IAAI,CAACI,IAAP,CAAlC;AACA,QAAKC,IAAI,MAAKP,UAAL,aAAKA,UAAL,uBAAKA,UAAU,CAAEO,IAAjB,CAAT,EAAiC,OAAO,IAAP;AACjC,WAAO,MACNN,kBAAkB,CAAE;AACnBH,MAAAA,IADmB;AAEnBU,MAAAA,IAAI,EAAEN,IAAI,CAACM,IAFQ;AAGnBD,MAAAA,IAHmB;AAInBE,MAAAA,OAAO,EAAE;AACRC,QAAAA,QAAQ,EAAER,IAAI,CAACJ,IADP;AAERa,QAAAA,MAAM,EAAET,IAAI,CAACH;AAFL;AAJU,KAAF,CADnB;AAUA,GAdsB,EAcpB,CAAEG,IAAF,EAAQF,UAAR,aAAQA,UAAR,uBAAQA,UAAU,CAAEO,IAApB,EAA0BN,kBAA1B,CAdoB,CAAvB;AAgBA,SACCI,OAAO,IACN,cAAC,MAAD;AACC,IAAA,IAAI,EAAGZ,IADR;AAEC,IAAA,KAAK,EAAGC,EAAE,CAAE,oBAAF,CAFX;AAGC,IAAA,OAAO,EAAGW;AAHX,IAFF;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getPathAndQueryString } from '@wordpress/url';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { edit } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function NavigateToLink( {\n\ttype,\n\tid,\n\tactivePage,\n\tonActivePageChange,\n} ) {\n\tconst post = useSelect(\n\t\t( select ) =>\n\t\t\ttype &&\n\t\t\tid &&\n\t\t\ttype !== 'URL' &&\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', type, id ),\n\t\t[ type, id ]\n\t);\n\n\tconst onClick = useMemo( () => {\n\t\tif ( ! post?.link ) return null;\n\t\tconst path = getPathAndQueryString( post.link );\n\t\tif ( path === activePage?.path ) return null;\n\t\treturn () =>\n\t\t\tonActivePageChange( {\n\t\t\t\ttype,\n\t\t\t\tslug: post.slug,\n\t\t\t\tpath,\n\t\t\t\tcontext: {\n\t\t\t\t\tpostType: post.type,\n\t\t\t\t\tpostId: post.id,\n\t\t\t\t},\n\t\t\t} );\n\t}, [ post, activePage?.path, onActivePageChange ] );\n\n\treturn (\n\t\tonClick && (\n\t\t\t<Button\n\t\t\t\ticon={ edit }\n\t\t\t\tlabel={ __( 'Edit Page Template' ) }\n\t\t\t\tonClick={ onClick }\n\t\t\t/>\n\t\t)\n\t);\n}\n"]}

package/build-module/components/navigation-sidebar/index.js

@@ -3,27 +3,31 @@ import { createElement, Fragment } from "@wordpress/element";
 /**
  * WordPress dependencies
  */
+import { useState } from '@wordpress/element';
 import { createSlotFill } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
 /**
  * Internal dependencies
  */
 
 import NavigationPanel from './navigation-panel';
 import NavigationToggle from './navigation-toggle';
-import { store as editSiteStore } from '../../store';
 export const {
   Fill: NavigationPanelPreviewFill,
   Slot: NavigationPanelPreviewSlot
 } = createSlotFill('EditSiteNavigationPanelPreview');
-export default function NavigationSidebar() {
-  const isNavigationOpen = useSelect(select => {
-    return select(editSiteStore).isNavigationOpened();
-  }, []);
+export default function NavigationSidebar(_ref) {
+  let {
+    defaultIsOpen = false,
+    activeTemplateType
+  } = _ref;
+  const [isNavigationOpen, setIsNavigationOpen] = useState(defaultIsOpen);
   return createElement(Fragment, null, createElement(NavigationToggle, {
-    isOpen: isNavigationOpen
+    isOpen: isNavigationOpen,
+    setIsOpen: setIsNavigationOpen
   }), createElement(NavigationPanel, {
-    isOpen: isNavigationOpen
+    isOpen: isNavigationOpen,
+    setIsOpen: setIsNavigationOpen,
+    activeTemplateType: activeTemplateType
   }), createElement(NavigationPanelPreviewSlot, null));
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/navigation-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/index.js"],"names":["createSlotFill","useSelect","NavigationPanel","NavigationToggle","store","editSiteStore","Fill","NavigationPanelPreviewFill","Slot","NavigationPanelPreviewSlot","NavigationSidebar","isNavigationOpen","select","isNavigationOpened"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,uBAA/B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,aAAvC;AAEA,OAAO,MAAM;AACZC,EAAAA,IAAI,EAAEC,0BADM;AAEZC,EAAAA,IAAI,EAAEC;AAFM,IAGTT,cAAc,CAAE,gCAAF,CAHX;AAKP,eAAe,SAASU,iBAAT,GAA6B;AAC3C,QAAMC,gBAAgB,GAAGV,SAAS,CAAIW,MAAF,IAAc;AACjD,WAAOA,MAAM,CAAEP,aAAF,CAAN,CAAwBQ,kBAAxB,EAAP;AACA,GAFiC,EAE/B,EAF+B,CAAlC;AAIA,SACC,8BACC,cAAC,gBAAD;AAAkB,IAAA,MAAM,EAAGF;AAA3B,IADD,EAEC,cAAC,eAAD;AAAiB,IAAA,MAAM,EAAGA;AAA1B,IAFD,EAGC,cAAC,0BAAD,OAHD,CADD;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport NavigationPanel from './navigation-panel';\nimport NavigationToggle from './navigation-toggle';\nimport { store as editSiteStore } from '../../store';\n\nexport const {\n\tFill: NavigationPanelPreviewFill,\n\tSlot: NavigationPanelPreviewSlot,\n} = createSlotFill( 'EditSiteNavigationPanelPreview' );\n\nexport default function NavigationSidebar() {\n\tconst isNavigationOpen = useSelect( ( select ) => {\n\t\treturn select( editSiteStore ).isNavigationOpened();\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigationToggle isOpen={ isNavigationOpen } />\n\t\t\t<NavigationPanel isOpen={ isNavigationOpen } />\n\t\t\t<NavigationPanelPreviewSlot />\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/index.js"],"names":["useState","createSlotFill","NavigationPanel","NavigationToggle","Fill","NavigationPanelPreviewFill","Slot","NavigationPanelPreviewSlot","NavigationSidebar","defaultIsOpen","activeTemplateType","isNavigationOpen","setIsNavigationOpen"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,oBAAzB;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA;AACA;AACA;;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AAEA,OAAO,MAAM;AACZC,EAAAA,IAAI,EAAEC,0BADM;AAEZC,EAAAA,IAAI,EAAEC;AAFM,IAGTN,cAAc,CAAE,gCAAF,CAHX;AAKP,eAAe,SAASO,iBAAT,OAGX;AAAA,MAHuC;AAC1CC,IAAAA,aAAa,GAAG,KAD0B;AAE1CC,IAAAA;AAF0C,GAGvC;AACH,QAAM,CAAEC,gBAAF,EAAoBC,mBAApB,IAA4CZ,QAAQ,CAAES,aAAF,CAA1D;AAEA,SACC,8BACC,cAAC,gBAAD;AACC,IAAA,MAAM,EAAGE,gBADV;AAEC,IAAA,SAAS,EAAGC;AAFb,IADD,EAKC,cAAC,eAAD;AACC,IAAA,MAAM,EAAGD,gBADV;AAEC,IAAA,SAAS,EAAGC,mBAFb;AAGC,IAAA,kBAAkB,EAAGF;AAHtB,IALD,EAUC,cAAC,0BAAD,OAVD,CADD;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { createSlotFill } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport NavigationPanel from './navigation-panel';\nimport NavigationToggle from './navigation-toggle';\n\nexport const {\n\tFill: NavigationPanelPreviewFill,\n\tSlot: NavigationPanelPreviewSlot,\n} = createSlotFill( 'EditSiteNavigationPanelPreview' );\n\nexport default function NavigationSidebar( {\n\tdefaultIsOpen = false,\n\tactiveTemplateType,\n} ) {\n\tconst [ isNavigationOpen, setIsNavigationOpen ] = useState( defaultIsOpen );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigationToggle\n\t\t\t\tisOpen={ isNavigationOpen }\n\t\t\t\tsetIsOpen={ setIsNavigationOpen }\n\t\t\t/>\n\t\t\t<NavigationPanel\n\t\t\t\tisOpen={ isNavigationOpen }\n\t\t\t\tsetIsOpen={ setIsNavigationOpen }\n\t\t\t\tactiveTemplateType={ activeTemplateType }\n\t\t\t/>\n\t\t\t<NavigationPanelPreviewSlot />\n\t\t</>\n\t);\n}\n"]}

package/build-module/components/navigation-sidebar/navigation-panel/content-navigation-item.js

@@ -27,9 +27,10 @@ const getTitle = entity => {
   return titleElement.textContent || titleElement.innerText || '';
 };
 
-export default function ContentNavigationItem({
-  item
-}) {
+export default function ContentNavigationItem(_ref) {
+  let {
+    item
+  } = _ref;
   const [isPreviewVisible, setIsPreviewVisible] = useState(false);
   const previewContent = useSelect(select => {
     if (!isPreviewVisible) {

package/build-module/components/navigation-sidebar/navigation-panel/content-navigation-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/content-navigation-item.js"],"names":["__experimentalNavigationItem","NavigationItem","useDispatch","useSelect","useCallback","useState","__","getPathAndQueryString","store","coreStore","NavigationPanelPreviewFill","TemplatePreview","editSiteStore","getTitle","entity","title","taxonomy","name","rendered","titleElement","document","createElement","innerHTML","textContent","innerText","ContentNavigationItem","item","isPreviewVisible","setIsPreviewVisible","previewContent","select","template","__experimentalGetTemplateForLink","link","content","setPage","setIsNavigationPanelOpened","onActivateItem","type","slug","id","path","context","postType","postId"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalNavigationItem as NavigationItem } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getPathAndQueryString } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { NavigationPanelPreviewFill } from '..';\nimport TemplatePreview from './template-preview';\nimport { store as editSiteStore } from '../../../store';\n\nconst getTitle = ( entity ) => {\n\tconst title = entity.taxonomy ? entity.name : entity?.title?.rendered;\n\n\t// Make sure encoded characters are displayed as the characters they represent.\n\tconst titleElement = document.createElement( 'div' );\n\ttitleElement.innerHTML = title;\n\n\treturn titleElement.textContent || titleElement.innerText || '';\n};\n\nexport default function ContentNavigationItem( { item } ) {\n\tconst [ isPreviewVisible, setIsPreviewVisible ] = useState( false );\n\tconst previewContent = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isPreviewVisible ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst template = select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetTemplateForLink( item.link );\n\t\t\treturn template?.content;\n\t\t},\n\t\t[ isPreviewVisible ]\n\t);\n\tconst { setPage, setIsNavigationPanelOpened } = useDispatch(\n\t\teditSiteStore\n\t);\n\n\tconst onActivateItem = useCallback( () => {\n\t\tconst { type, slug, link, id } = item;\n\t\tsetPage( {\n\t\t\ttype,\n\t\t\tslug,\n\t\t\tpath: getPathAndQueryString( link ),\n\t\t\tcontext: {\n\t\t\t\tpostType: type,\n\t\t\t\tpostId: id,\n\t\t\t},\n\t\t} );\n\t\tsetIsNavigationPanelOpened( false );\n\t}, [ setPage, item ] );\n\n\tif ( ! item ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<NavigationItem\n\t\t\t\tclassName=\"edit-site-navigation-panel__content-item\"\n\t\t\t\titem={ `${ item.taxonomy || item.type }-${ item.id }` }\n\t\t\t\ttitle={ getTitle( item ) || __( '(no title)' ) }\n\t\t\t\tonClick={ onActivateItem }\n\t\t\t\tonMouseEnter={ () => setIsPreviewVisible( true ) }\n\t\t\t\tonMouseLeave={ () => setIsPreviewVisible( false ) }\n\t\t\t/>\n\n\t\t\t{ isPreviewVisible && previewContent && (\n\t\t\t\t<NavigationPanelPreviewFill>\n\t\t\t\t\t<TemplatePreview\n\t\t\t\t\t\trawContent={ previewContent }\n\t\t\t\t\t\tblockContext={ {\n\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</NavigationPanelPreviewFill>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/content-navigation-item.js"],"names":["__experimentalNavigationItem","NavigationItem","useDispatch","useSelect","useCallback","useState","__","getPathAndQueryString","store","coreStore","NavigationPanelPreviewFill","TemplatePreview","editSiteStore","getTitle","entity","title","taxonomy","name","rendered","titleElement","document","createElement","innerHTML","textContent","innerText","ContentNavigationItem","item","isPreviewVisible","setIsPreviewVisible","previewContent","select","template","__experimentalGetTemplateForLink","link","content","setPage","setIsNavigationPanelOpened","onActivateItem","type","slug","id","path","context","postType","postId"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalNavigationItem as NavigationItem } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getPathAndQueryString } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { NavigationPanelPreviewFill } from '..';\nimport TemplatePreview from './template-preview';\nimport { store as editSiteStore } from '../../../store';\n\nconst getTitle = ( entity ) => {\n\tconst title = entity.taxonomy ? entity.name : entity?.title?.rendered;\n\n\t// Make sure encoded characters are displayed as the characters they represent.\n\tconst titleElement = document.createElement( 'div' );\n\ttitleElement.innerHTML = title;\n\n\treturn titleElement.textContent || titleElement.innerText || '';\n};\n\nexport default function ContentNavigationItem( { item } ) {\n\tconst [ isPreviewVisible, setIsPreviewVisible ] = useState( false );\n\tconst previewContent = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isPreviewVisible ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst template = select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetTemplateForLink( item.link );\n\t\t\treturn template?.content;\n\t\t},\n\t\t[ isPreviewVisible ]\n\t);\n\tconst { setPage, setIsNavigationPanelOpened } = useDispatch(\n\t\teditSiteStore\n\t);\n\n\tconst onActivateItem = useCallback( () => {\n\t\tconst { type, slug, link, id } = item;\n\t\tsetPage( {\n\t\t\ttype,\n\t\t\tslug,\n\t\t\tpath: getPathAndQueryString( link ),\n\t\t\tcontext: {\n\t\t\t\tpostType: type,\n\t\t\t\tpostId: id,\n\t\t\t},\n\t\t} );\n\t\tsetIsNavigationPanelOpened( false );\n\t}, [ setPage, item ] );\n\n\tif ( ! item ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<NavigationItem\n\t\t\t\tclassName=\"edit-site-navigation-panel__content-item\"\n\t\t\t\titem={ `${ item.taxonomy || item.type }-${ item.id }` }\n\t\t\t\ttitle={ getTitle( item ) || __( '(no title)' ) }\n\t\t\t\tonClick={ onActivateItem }\n\t\t\t\tonMouseEnter={ () => setIsPreviewVisible( true ) }\n\t\t\t\tonMouseLeave={ () => setIsPreviewVisible( false ) }\n\t\t\t/>\n\n\t\t\t{ isPreviewVisible && previewContent && (\n\t\t\t\t<NavigationPanelPreviewFill>\n\t\t\t\t\t<TemplatePreview\n\t\t\t\t\t\trawContent={ previewContent }\n\t\t\t\t\t\tblockContext={ {\n\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</NavigationPanelPreviewFill>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build-module/components/navigation-sidebar/navigation-panel/index.js

@@ -8,82 +8,46 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 
-import { __experimentalNavigation as Navigation, __experimentalNavigationBackButton as NavigationBackButton } from '@wordpress/components';
+import { __experimentalNavigation as Navigation, __experimentalNavigationBackButton as NavigationBackButton, __experimentalNavigationGroup as NavigationGroup, __experimentalNavigationItem as NavigationItem, __experimentalNavigationMenu as NavigationMenu } from '@wordpress/components';
 import { store as coreDataStore } from '@wordpress/core-data';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { useEffect, useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { ESCAPE } from '@wordpress/keycodes';
 import { decodeEntities } from '@wordpress/html-entities';
+import { addQueryArgs } from '@wordpress/url';
 /**
  * Internal dependencies
  */
 
-import SiteMenu from './menus';
 import MainDashboardButton from '../../main-dashboard-button';
-import { store as editSiteStore } from '../../../store';
-import { MENU_ROOT } from './constants';
 
-const NavigationPanel = ({
-  isOpen
-}) => {
-  const {
-    page: {
-      context: {
-        postType,
-        postId
-      } = {}
-    } = {},
-    editedPostId,
-    editedPostType,
-    activeMenu,
-    siteTitle
-  } = useSelect(select => {
-    const {
-      getEditedPostType,
-      getEditedPostId,
-      getNavigationPanelActiveMenu,
-      getPage
-    } = select(editSiteStore);
+const NavigationPanel = _ref => {
+  let {
+    isOpen,
+    setIsOpen,
+    activeTemplateType
+  } = _ref;
+  const siteTitle = useSelect(select => {
     const {
       getEntityRecord
     } = select(coreDataStore);
     const siteData = getEntityRecord('root', '__unstableBase', undefined) || {};
-    return {
-      page: getPage(),
-      editedPostId: getEditedPostId(),
-      editedPostType: getEditedPostType(),
-      activeMenu: getNavigationPanelActiveMenu(),
-      siteTitle: siteData.name
-    };
-  }, []);
-  const {
-    setNavigationPanelActiveMenu: setActive,
-    setIsNavigationPanelOpened
-  } = useDispatch(editSiteStore);
-  let activeItem;
-
-  if (activeMenu !== MENU_ROOT) {
-    if (activeMenu.startsWith('content')) {
-      activeItem = `${postType}-${postId}`;
-    } else {
-      activeItem = `${editedPostType}-${editedPostId}`;
-    }
-  } // Ensures focus is moved to the panel area when it is activated
+    return siteData.name;
+  }, []); // Ensures focus is moved to the panel area when it is activated
   // from a separate component (such as document actions in the header).
 
-
   const panelRef = useRef();
   useEffect(() => {
     if (isOpen) {
       panelRef.current.focus();
     }
-  }, [activeMenu, isOpen]);
+  }, [activeTemplateType, isOpen]);
 
   const closeOnEscape = event => {
     if (event.keyCode === ESCAPE && !event.defaultPrevented) {
       event.preventDefault();
-      setIsNavigationPanelOpened(false);
+      setIsOpen(false);
     }
   };
 
@@ -104,14 +68,33 @@ const NavigationPanel = ({
     }, decodeEntities(siteTitle))), createElement("div", {
       className: "edit-site-navigation-panel__scroll-container"
     }, createElement(Navigation, {
-      activeItem: activeItem,
-      activeMenu: activeMenu,
-      onActivateMenu: setActive
-    }, activeMenu === MENU_ROOT && createElement(MainDashboardButton.Slot, null, createElement(NavigationBackButton, {
+      activeItem: activeTemplateType
+    }, createElement(MainDashboardButton.Slot, null, createElement(NavigationBackButton, {
       backButtonLabel: __('Dashboard'),
       className: "edit-site-navigation-panel__back-to-dashboard",
       href: "index.php"
-    })), createElement(SiteMenu, null)))))
+    })), createElement(NavigationMenu, null, createElement(NavigationGroup, {
+      title: __('Editor')
+    }, createElement(NavigationItem, {
+      title: __('Site'),
+      href: addQueryArgs('', {
+        page: 'gutenberg-edit-site'
+      })
+    }), createElement(NavigationItem, {
+      title: __('Templates'),
+      item: "wp_template",
+      href: addQueryArgs('', {
+        page: 'gutenberg-edit-site',
+        postType: 'wp_template'
+      })
+    }), createElement(NavigationItem, {
+      title: __('Template Parts'),
+      item: "wp_template_part",
+      href: addQueryArgs('', {
+        page: 'gutenberg-edit-site',
+        postType: 'wp_template_part'
+      })
+    })))))))
   );
 };
 

package/build-module/components/navigation-sidebar/navigation-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/index.js"],"names":["classnames","__experimentalNavigation","Navigation","__experimentalNavigationBackButton","NavigationBackButton","store","coreDataStore","useSelect","useDispatch","useEffect","useRef","__","ESCAPE","decodeEntities","SiteMenu","MainDashboardButton","editSiteStore","MENU_ROOT","NavigationPanel","isOpen","page","context","postType","postId","editedPostId","editedPostType","activeMenu","siteTitle","select","getEditedPostType","getEditedPostId","getNavigationPanelActiveMenu","getPage","getEntityRecord","siteData","undefined","name","setNavigationPanelActiveMenu","setActive","setIsNavigationPanelOpened","activeItem","startsWith","panelRef","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigation as Navigation,\n\t__experimentalNavigationBackButton as NavigationBackButton,\n} from '@wordpress/components';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport SiteMenu from './menus';\nimport MainDashboardButton from '../../main-dashboard-button';\nimport { store as editSiteStore } from '../../../store';\nimport { MENU_ROOT } from './constants';\n\nconst NavigationPanel = ( { isOpen } ) => {\n\tconst {\n\t\tpage: { context: { postType, postId } = {} } = {},\n\t\teditedPostId,\n\t\teditedPostType,\n\t\tactiveMenu,\n\t\tsiteTitle,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditedPostType,\n\t\t\tgetEditedPostId,\n\t\t\tgetNavigationPanelActiveMenu,\n\t\t\tgetPage,\n\t\t} = select( editSiteStore );\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\n\t\tconst siteData =\n\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\treturn {\n\t\t\tpage: getPage(),\n\t\t\teditedPostId: getEditedPostId(),\n\t\t\teditedPostType: getEditedPostType(),\n\t\t\tactiveMenu: getNavigationPanelActiveMenu(),\n\t\t\tsiteTitle: siteData.name,\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\tsetNavigationPanelActiveMenu: setActive,\n\t\tsetIsNavigationPanelOpened,\n\t} = useDispatch( editSiteStore );\n\n\tlet activeItem;\n\tif ( activeMenu !== MENU_ROOT ) {\n\t\tif ( activeMenu.startsWith( 'content' ) ) {\n\t\t\tactiveItem = `${ postType }-${ postId }`;\n\t\t} else {\n\t\t\tactiveItem = `${ editedPostType }-${ editedPostId }`;\n\t\t}\n\t}\n\n\t// Ensures focus is moved to the panel area when it is activated\n\t// from a separate component (such as document actions in the header).\n\tconst panelRef = useRef();\n\tuseEffect( () => {\n\t\tif ( isOpen ) {\n\t\t\tpanelRef.current.focus();\n\t\t}\n\t}, [ activeMenu, isOpen ] );\n\n\tconst closeOnEscape = ( event ) => {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tsetIsNavigationPanelOpened( false );\n\t\t}\n\t};\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName={ classnames( `edit-site-navigation-panel`, {\n\t\t\t\t'is-open': isOpen,\n\t\t\t} ) }\n\t\t\tref={ panelRef }\n\t\t\ttabIndex=\"-1\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-site-navigation-panel__inner\">\n\t\t\t\t<div className=\"edit-site-navigation-panel__site-title-container\">\n\t\t\t\t\t<div className=\"edit-site-navigation-panel__site-title\">\n\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-site-navigation-panel__scroll-container\">\n\t\t\t\t\t<Navigation\n\t\t\t\t\t\tactiveItem={ activeItem }\n\t\t\t\t\t\tactiveMenu={ activeMenu }\n\t\t\t\t\t\tonActivateMenu={ setActive }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ activeMenu === MENU_ROOT && (\n\t\t\t\t\t\t\t<MainDashboardButton.Slot>\n\t\t\t\t\t\t\t\t<NavigationBackButton\n\t\t\t\t\t\t\t\t\tbackButtonLabel={ __( 'Dashboard' ) }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-navigation-panel__back-to-dashboard\"\n\t\t\t\t\t\t\t\t\thref=\"index.php\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MainDashboardButton.Slot>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<SiteMenu />\n\t\t\t\t\t</Navigation>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default NavigationPanel;\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/index.js"],"names":["classnames","__experimentalNavigation","Navigation","__experimentalNavigationBackButton","NavigationBackButton","__experimentalNavigationGroup","NavigationGroup","__experimentalNavigationItem","NavigationItem","__experimentalNavigationMenu","NavigationMenu","store","coreDataStore","useSelect","useEffect","useRef","__","ESCAPE","decodeEntities","addQueryArgs","MainDashboardButton","NavigationPanel","isOpen","setIsOpen","activeTemplateType","siteTitle","select","getEntityRecord","siteData","undefined","name","panelRef","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","page","postType"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,wBAAwB,IAAIC,UAD7B,EAECC,kCAAkC,IAAIC,oBAFvC,EAGCC,6BAA6B,IAAIC,eAHlC,EAICC,4BAA4B,IAAIC,cAJjC,EAKCC,4BAA4B,IAAIC,cALjC,QAMO,uBANP;AAOA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,sBAAvC;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,SAAT,EAAoBC,MAApB,QAAkC,oBAAlC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,MAAT,QAAuB,qBAAvB;AACA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;;AAEA,MAAMC,eAAe,GAAG,QAAiD;AAAA,MAA/C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAA+C;AACxE,QAAMC,SAAS,GAAGZ,SAAS,CAAIa,MAAF,IAAc;AAC1C,UAAM;AAAEC,MAAAA;AAAF,QAAsBD,MAAM,CAAEd,aAAF,CAAlC;AAEA,UAAMgB,QAAQ,GACbD,eAAe,CAAE,MAAF,EAAU,gBAAV,EAA4BE,SAA5B,CAAf,IAA0D,EAD3D;AAGA,WAAOD,QAAQ,CAACE,IAAhB;AACA,GAP0B,EAOxB,EAPwB,CAA3B,CADwE,CAUxE;AACA;;AACA,QAAMC,QAAQ,GAAGhB,MAAM,EAAvB;AACAD,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKQ,MAAL,EAAc;AACbS,MAAAA,QAAQ,CAACC,OAAT,CAAiBC,KAAjB;AACA;AACD,GAJQ,EAIN,CAAET,kBAAF,EAAsBF,MAAtB,CAJM,CAAT;;AAMA,QAAMY,aAAa,GAAKC,KAAF,IAAa;AAClC,QAAKA,KAAK,CAACC,OAAN,KAAkBnB,MAAlB,IAA4B,CAAEkB,KAAK,CAACE,gBAAzC,EAA4D;AAC3DF,MAAAA,KAAK,CAACG,cAAN;AACAf,MAAAA,SAAS,CAAE,KAAF,CAAT;AACA;AACD,GALD;;AAOA,SACC;AACA;AACC,MAAA,SAAS,EAAGvB,UAAU,CAAG,4BAAH,EAAgC;AACrD,mBAAWsB;AAD0C,OAAhC,CADvB;AAIC,MAAA,GAAG,EAAGS,QAJP;AAKC,MAAA,QAAQ,EAAC,IALV;AAMC,MAAA,SAAS,EAAGG;AANb,OAQC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC;AAAK,MAAA,SAAS,EAAC;AAAf,OACGhB,cAAc,CAAEO,SAAF,CADjB,CADD,CADD,EAMC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC,cAAC,UAAD;AAAY,MAAA,UAAU,EAAGD;AAAzB,OACC,cAAC,mBAAD,CAAqB,IAArB,QACC,cAAC,oBAAD;AACC,MAAA,eAAe,EAAGR,EAAE,CAAE,WAAF,CADrB;AAEC,MAAA,SAAS,EAAC,+CAFX;AAGC,MAAA,IAAI,EAAC;AAHN,MADD,CADD,EASC,cAAC,cAAD,QACC,cAAC,eAAD;AAAiB,MAAA,KAAK,EAAGA,EAAE,CAAE,QAAF;AAA3B,OACC,cAAC,cAAD;AACC,MAAA,KAAK,EAAGA,EAAE,CAAE,MAAF,CADX;AAEC,MAAA,IAAI,EAAGG,YAAY,CAAE,EAAF,EAAM;AACxBoB,QAAAA,IAAI,EAAE;AADkB,OAAN;AAFpB,MADD,EAOC,cAAC,cAAD;AACC,MAAA,KAAK,EAAGvB,EAAE,CAAE,WAAF,CADX;AAEC,MAAA,IAAI,EAAC,aAFN;AAGC,MAAA,IAAI,EAAGG,YAAY,CAAE,EAAF,EAAM;AACxBoB,QAAAA,IAAI,EAAE,qBADkB;AAExBC,QAAAA,QAAQ,EAAE;AAFc,OAAN;AAHpB,MAPD,EAeC,cAAC,cAAD;AACC,MAAA,KAAK,EAAGxB,EAAE,CAAE,gBAAF,CADX;AAEC,MAAA,IAAI,EAAC,kBAFN;AAGC,MAAA,IAAI,EAAGG,YAAY,CAAE,EAAF,EAAM;AACxBoB,QAAAA,IAAI,EAAE,qBADkB;AAExBC,QAAAA,QAAQ,EAAE;AAFc,OAAN;AAHpB,MAfD,CADD,CATD,CADD,CAND,CARD;AAFD;AAyDA,CAnFD;;AAqFA,eAAenB,eAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigation as Navigation,\n\t__experimentalNavigationBackButton as NavigationBackButton,\n\t__experimentalNavigationGroup as NavigationGroup,\n\t__experimentalNavigationItem as NavigationItem,\n\t__experimentalNavigationMenu as NavigationMenu,\n} from '@wordpress/components';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport MainDashboardButton from '../../main-dashboard-button';\n\nconst NavigationPanel = ( { isOpen, setIsOpen, activeTemplateType } ) => {\n\tconst siteTitle = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\n\t\tconst siteData =\n\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\treturn siteData.name;\n\t}, [] );\n\n\t// Ensures focus is moved to the panel area when it is activated\n\t// from a separate component (such as document actions in the header).\n\tconst panelRef = useRef();\n\tuseEffect( () => {\n\t\tif ( isOpen ) {\n\t\t\tpanelRef.current.focus();\n\t\t}\n\t}, [ activeTemplateType, isOpen ] );\n\n\tconst closeOnEscape = ( event ) => {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tsetIsOpen( false );\n\t\t}\n\t};\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName={ classnames( `edit-site-navigation-panel`, {\n\t\t\t\t'is-open': isOpen,\n\t\t\t} ) }\n\t\t\tref={ panelRef }\n\t\t\ttabIndex=\"-1\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-site-navigation-panel__inner\">\n\t\t\t\t<div className=\"edit-site-navigation-panel__site-title-container\">\n\t\t\t\t\t<div className=\"edit-site-navigation-panel__site-title\">\n\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-site-navigation-panel__scroll-container\">\n\t\t\t\t\t<Navigation activeItem={ activeTemplateType }>\n\t\t\t\t\t\t<MainDashboardButton.Slot>\n\t\t\t\t\t\t\t<NavigationBackButton\n\t\t\t\t\t\t\t\tbackButtonLabel={ __( 'Dashboard' ) }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-navigation-panel__back-to-dashboard\"\n\t\t\t\t\t\t\t\thref=\"index.php\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MainDashboardButton.Slot>\n\n\t\t\t\t\t\t<NavigationMenu>\n\t\t\t\t\t\t\t<NavigationGroup title={ __( 'Editor' ) }>\n\t\t\t\t\t\t\t\t<NavigationItem\n\t\t\t\t\t\t\t\t\ttitle={ __( 'Site' ) }\n\t\t\t\t\t\t\t\t\thref={ addQueryArgs( '', {\n\t\t\t\t\t\t\t\t\t\tpage: 'gutenberg-edit-site',\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<NavigationItem\n\t\t\t\t\t\t\t\t\ttitle={ __( 'Templates' ) }\n\t\t\t\t\t\t\t\t\titem=\"wp_template\"\n\t\t\t\t\t\t\t\t\thref={ addQueryArgs( '', {\n\t\t\t\t\t\t\t\t\t\tpage: 'gutenberg-edit-site',\n\t\t\t\t\t\t\t\t\t\tpostType: 'wp_template',\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<NavigationItem\n\t\t\t\t\t\t\t\t\ttitle={ __( 'Template Parts' ) }\n\t\t\t\t\t\t\t\t\titem=\"wp_template_part\"\n\t\t\t\t\t\t\t\t\thref={ addQueryArgs( '', {\n\t\t\t\t\t\t\t\t\t\tpage: 'gutenberg-edit-site',\n\t\t\t\t\t\t\t\t\t\tpostType: 'wp_template_part',\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</NavigationGroup>\n\t\t\t\t\t\t</NavigationMenu>\n\t\t\t\t\t</Navigation>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default NavigationPanel;\n"]}

package/build-module/components/navigation-sidebar/navigation-panel/menus/template-parts-sub.js

@@ -15,11 +15,12 @@ import { __experimentalNavigationMenu as NavigationMenu } from '@wordpress/compo
 
 import TemplateNavigationItem from '../template-navigation-item';
 import { MENU_TEMPLATE_PARTS } from '../constants';
-export default function TemplatePartsSubMenu({
-  menu,
-  title,
-  templateParts
-}) {
+export default function TemplatePartsSubMenu(_ref) {
+  let {
+    menu,
+    title,
+    templateParts
+  } = _ref;
   return createElement(NavigationMenu, {
     className: "edit-site-navigation-panel__template-parts",
     menu: menu,

package/build-module/components/navigation-sidebar/navigation-panel/menus/template-parts-sub.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/menus/template-parts-sub.js"],"names":["map","__experimentalNavigationMenu","NavigationMenu","TemplateNavigationItem","MENU_TEMPLATE_PARTS","TemplatePartsSubMenu","menu","title","templateParts","length","templatePart","id"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,SAASC,4BAA4B,IAAIC,cAAzC,QAA+D,uBAA/D;AAEA;AACA;AACA;;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,SAASC,mBAAT,QAAoC,cAApC;AAEA,eAAe,SAASC,oBAAT,CAA+B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAA/B,EAAgE;AAC9E,SACC,cAAC,cAAD;AACC,IAAA,SAAS,EAAC,4CADX;AAEC,IAAA,IAAI,EAAGF,IAFR;AAGC,IAAA,KAAK,EAAGC,KAHT;AAIC,IAAA,UAAU,EAAGH,mBAJd;AAKC,IAAA,OAAO,EAAG,CAAEI,aAAF,IAAmBA,aAAa,CAACC,MAAd,KAAyB;AALvD,KAOGT,GAAG,CAAEQ,aAAF,EAAmBE,YAAF,IACrB,cAAC,sBAAD;AACC,IAAA,IAAI,EAAGA,YADR;AAEC,IAAA,GAAG,EAAI,oBAAoBA,YAAY,CAACC,EAAI;AAF7C,IADI,CAPN,CADD;AAgBA","sourcesContent":["/**\n * External dependencies\n */\nimport { map } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalNavigationMenu as NavigationMenu } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport TemplateNavigationItem from '../template-navigation-item';\nimport { MENU_TEMPLATE_PARTS } from '../constants';\n\nexport default function TemplatePartsSubMenu( { menu, title, templateParts } ) {\n\treturn (\n\t\t<NavigationMenu\n\t\t\tclassName=\"edit-site-navigation-panel__template-parts\"\n\t\t\tmenu={ menu }\n\t\t\ttitle={ title }\n\t\t\tparentMenu={ MENU_TEMPLATE_PARTS }\n\t\t\tisEmpty={ ! templateParts || templateParts.length === 0 }\n\t\t>\n\t\t\t{ map( templateParts, ( templatePart ) => (\n\t\t\t\t<TemplateNavigationItem\n\t\t\t\t\titem={ templatePart }\n\t\t\t\t\tkey={ `wp_template_part-${ templatePart.id }` }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</NavigationMenu>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/menus/template-parts-sub.js"],"names":["map","__experimentalNavigationMenu","NavigationMenu","TemplateNavigationItem","MENU_TEMPLATE_PARTS","TemplatePartsSubMenu","menu","title","templateParts","length","templatePart","id"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,SAASC,4BAA4B,IAAIC,cAAzC,QAA+D,uBAA/D;AAEA;AACA;AACA;;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,SAASC,mBAAT,QAAoC,cAApC;AAEA,eAAe,SAASC,oBAAT,OAAgE;AAAA,MAAjC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,GAAiC;AAC9E,SACC,cAAC,cAAD;AACC,IAAA,SAAS,EAAC,4CADX;AAEC,IAAA,IAAI,EAAGF,IAFR;AAGC,IAAA,KAAK,EAAGC,KAHT;AAIC,IAAA,UAAU,EAAGH,mBAJd;AAKC,IAAA,OAAO,EAAG,CAAEI,aAAF,IAAmBA,aAAa,CAACC,MAAd,KAAyB;AALvD,KAOGT,GAAG,CAAEQ,aAAF,EAAmBE,YAAF,IACrB,cAAC,sBAAD;AACC,IAAA,IAAI,EAAGA,YADR;AAEC,IAAA,GAAG,EAAI,oBAAoBA,YAAY,CAACC,EAAI;AAF7C,IADI,CAPN,CADD;AAgBA","sourcesContent":["/**\n * External dependencies\n */\nimport { map } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalNavigationMenu as NavigationMenu } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport TemplateNavigationItem from '../template-navigation-item';\nimport { MENU_TEMPLATE_PARTS } from '../constants';\n\nexport default function TemplatePartsSubMenu( { menu, title, templateParts } ) {\n\treturn (\n\t\t<NavigationMenu\n\t\t\tclassName=\"edit-site-navigation-panel__template-parts\"\n\t\t\tmenu={ menu }\n\t\t\ttitle={ title }\n\t\t\tparentMenu={ MENU_TEMPLATE_PARTS }\n\t\t\tisEmpty={ ! templateParts || templateParts.length === 0 }\n\t\t>\n\t\t\t{ map( templateParts, ( templatePart ) => (\n\t\t\t\t<TemplateNavigationItem\n\t\t\t\t\titem={ templatePart }\n\t\t\t\t\tkey={ `wp_template_part-${ templatePart.id }` }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</NavigationMenu>\n\t);\n}\n"]}

package/build-module/components/navigation-sidebar/navigation-panel/menus/template-parts.js

@@ -52,27 +52,33 @@ export default function TemplatePartsMenu() {
   }, search && createElement(SearchResults, {
     items: templateParts,
     search: search
-  }), !search && TEMPLATE_PARTS_SUB_MENUS.map(({
-    title,
-    menu
-  }) => createElement(NavigationItem, {
-    key: `template-parts-navigate-to-${menu}`,
-    className: "edit-site-navigation-panel__template-part-item",
-    navigateToMenu: menu,
-    title: title,
-    hideIfTargetMenuEmpty: true
-  })), !search && isLoading && createElement(NavigationItem, {
+  }), !search && TEMPLATE_PARTS_SUB_MENUS.map(_ref => {
+    let {
+      title,
+      menu
+    } = _ref;
+    return createElement(NavigationItem, {
+      key: `template-parts-navigate-to-${menu}`,
+      className: "edit-site-navigation-panel__template-part-item",
+      navigateToMenu: menu,
+      title: title,
+      hideIfTargetMenuEmpty: true
+    });
+  }), !search && isLoading && createElement(NavigationItem, {
     title: __('Loading…'),
     isText: true
-  })), TEMPLATE_PARTS_SUB_MENUS.map(({
-    area,
-    menu,
-    title
-  }) => createElement(TemplatePartsSubMenu, {
-    key: `template-parts-menu-${menu}`,
-    menu: menu,
-    title: title,
-    templateParts: templatePartsByArea[area]
-  })));
+  })), TEMPLATE_PARTS_SUB_MENUS.map(_ref2 => {
+    let {
+      area,
+      menu,
+      title
+    } = _ref2;
+    return createElement(TemplatePartsSubMenu, {
+      key: `template-parts-menu-${menu}`,
+      menu: menu,
+      title: title,
+      templateParts: templatePartsByArea[area]
+    });
+  }));
 }
 //# sourceMappingURL=template-parts.js.map

package/build-module/components/navigation-sidebar/navigation-panel/menus/template-parts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/menus/template-parts.js"],"names":["groupBy","__","useSelect","__experimentalNavigationMenu","NavigationMenu","__experimentalNavigationItem","NavigationItem","useState","useCallback","store","coreStore","MENU_ROOT","MENU_TEMPLATE_PARTS","TEMPLATE_PARTS_SUB_MENUS","SearchResults","TemplatePartsSubMenu","TemplatePartsMenu","search","setSearch","onSearch","value","isLoading","templateParts","templatePartsByArea","select","templatePartRecords","getEntityRecords","_templateParts","_templatePartsByArea","map","title","menu","area"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SACCC,4BAA4B,IAAIC,cADjC,EAECC,4BAA4B,IAAIC,cAFjC,QAGO,uBAHP;AAIA,SAASC,QAAT,EAAmBC,WAAnB,QAAsC,oBAAtC;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SACCC,SADD,EAECC,mBAFD,EAGCC,wBAHD,QAIO,cAJP;AAKA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,oBAAP,MAAiC,sBAAjC;AAEA,eAAe,SAASC,iBAAT,GAA6B;AAC3C,QAAM,CAAEC,MAAF,EAAUC,SAAV,IAAwBX,QAAQ,CAAE,EAAF,CAAtC;AACA,QAAMY,QAAQ,GAAGX,WAAW,CAAIY,KAAF,IAAa;AAC1CF,IAAAA,SAAS,CAAEE,KAAF,CAAT;AACA,GAF2B,CAA5B;AAIA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,aAAb;AAA4BC,IAAAA;AAA5B,MAAoDrB,SAAS,CAChEsB,MAAF,IAAc;AACb,UAAMC,mBAAmB,GAAGD,MAAM,CAAEd,SAAF,CAAN,CAAoBgB,gBAApB,CAC3B,UAD2B,EAE3B,kBAF2B,CAA5B;;AAKA,UAAMC,cAAc,GAAGF,mBAAmB,IAAI,EAA9C;;AACA,UAAMG,oBAAoB,GAAG5B,OAAO,CAAE2B,cAAF,EAAkB,MAAlB,CAApC;;AAEA,WAAO;AACNN,MAAAA,SAAS,EAAEI,mBAAmB,KAAK,IAD7B;AAENH,MAAAA,aAAa,EAAEK,cAFT;AAGNJ,MAAAA,mBAAmB,EAAEK;AAHf,KAAP;AAKA,GAfiE,EAgBlE,EAhBkE,CAAnE;AAmBA,SACC,8BACC,cAAC,cAAD;AACC,IAAA,IAAI,EAAGhB,mBADR;AAEC,IAAA,KAAK,EAAGX,EAAE,CAAE,gBAAF,CAFX;AAGC,IAAA,UAAU,EAAGU,SAHd;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,QAAQ,EAAGQ,QALZ;AAMC,IAAA,MAAM,EAAGF;AANV,KAQGA,MAAM,IACP,cAAC,aAAD;AAAe,IAAA,KAAK,EAAGK,aAAvB;AAAuC,IAAA,MAAM,EAAGL;AAAhD,IATF,EAYG,CAAEA,MAAF,IACDJ,wBAAwB,CAACgB,GAAzB,CAA8B,CAAE;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAF,KAC7B,cAAC,cAAD;AACC,IAAA,GAAG,EAAI,8BAA8BA,IAAM,EAD5C;AAEC,IAAA,SAAS,EAAC,gDAFX;AAGC,IAAA,cAAc,EAAGA,IAHlB;AAIC,IAAA,KAAK,EAAGD,KAJT;AAKC,IAAA,qBAAqB;AALtB,IADD,CAbF,EAuBG,CAAEb,MAAF,IAAYI,SAAZ,IACD,cAAC,cAAD;AAAgB,IAAA,KAAK,EAAGpB,EAAE,CAAE,UAAF,CAA1B;AAA2C,IAAA,MAAM;AAAjD,IAxBF,CADD,EA6BGY,wBAAwB,CAACgB,GAAzB,CAA8B,CAAE;AAAEG,IAAAA,IAAF;AAAQD,IAAAA,IAAR;AAAcD,IAAAA;AAAd,GAAF,KAC/B,cAAC,oBAAD;AACC,IAAA,GAAG,EAAI,uBAAuBC,IAAM,EADrC;AAEC,IAAA,IAAI,EAAGA,IAFR;AAGC,IAAA,KAAK,EAAGD,KAHT;AAIC,IAAA,aAAa,EAAGP,mBAAmB,CAAES,IAAF;AAJpC,IADC,CA7BH,CADD;AAwCA","sourcesContent":["/**\n * External dependencies\n */\nimport { groupBy } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalNavigationMenu as NavigationMenu,\n\t__experimentalNavigationItem as NavigationItem,\n} from '@wordpress/components';\nimport { useState, useCallback } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tMENU_ROOT,\n\tMENU_TEMPLATE_PARTS,\n\tTEMPLATE_PARTS_SUB_MENUS,\n} from '../constants';\nimport SearchResults from '../search-results';\nimport TemplatePartsSubMenu from './template-parts-sub';\n\nexport default function TemplatePartsMenu() {\n\tconst [ search, setSearch ] = useState( '' );\n\tconst onSearch = useCallback( ( value ) => {\n\t\tsetSearch( value );\n\t} );\n\n\tconst { isLoading, templateParts, templatePartsByArea } = useSelect(\n\t\t( select ) => {\n\t\t\tconst templatePartRecords = select( coreStore ).getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part'\n\t\t\t);\n\n\t\t\tconst _templateParts = templatePartRecords || [];\n\t\t\tconst _templatePartsByArea = groupBy( _templateParts, 'area' );\n\n\t\t\treturn {\n\t\t\t\tisLoading: templatePartRecords === null,\n\t\t\t\ttemplateParts: _templateParts,\n\t\t\t\ttemplatePartsByArea: _templatePartsByArea,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<NavigationMenu\n\t\t\t\tmenu={ MENU_TEMPLATE_PARTS }\n\t\t\t\ttitle={ __( 'Template Parts' ) }\n\t\t\t\tparentMenu={ MENU_ROOT }\n\t\t\t\thasSearch={ true }\n\t\t\t\tonSearch={ onSearch }\n\t\t\t\tsearch={ search }\n\t\t\t>\n\t\t\t\t{ search && (\n\t\t\t\t\t<SearchResults items={ templateParts } search={ search } />\n\t\t\t\t) }\n\n\t\t\t\t{ ! search &&\n\t\t\t\t\tTEMPLATE_PARTS_SUB_MENUS.map( ( { title, menu } ) => (\n\t\t\t\t\t\t<NavigationItem\n\t\t\t\t\t\t\tkey={ `template-parts-navigate-to-${ menu }` }\n\t\t\t\t\t\t\tclassName=\"edit-site-navigation-panel__template-part-item\"\n\t\t\t\t\t\t\tnavigateToMenu={ menu }\n\t\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\t\thideIfTargetMenuEmpty\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\n\t\t\t\t{ ! search && isLoading && (\n\t\t\t\t\t<NavigationItem title={ __( 'Loading…' ) } isText />\n\t\t\t\t) }\n\t\t\t</NavigationMenu>\n\n\t\t\t{ TEMPLATE_PARTS_SUB_MENUS.map( ( { area, menu, title } ) => (\n\t\t\t\t<TemplatePartsSubMenu\n\t\t\t\t\tkey={ `template-parts-menu-${ menu }` }\n\t\t\t\t\tmenu={ menu }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ttemplateParts={ templatePartsByArea[ area ] }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/menus/template-parts.js"],"names":["groupBy","__","useSelect","__experimentalNavigationMenu","NavigationMenu","__experimentalNavigationItem","NavigationItem","useState","useCallback","store","coreStore","MENU_ROOT","MENU_TEMPLATE_PARTS","TEMPLATE_PARTS_SUB_MENUS","SearchResults","TemplatePartsSubMenu","TemplatePartsMenu","search","setSearch","onSearch","value","isLoading","templateParts","templatePartsByArea","select","templatePartRecords","getEntityRecords","_templateParts","_templatePartsByArea","map","title","menu","area"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SACCC,4BAA4B,IAAIC,cADjC,EAECC,4BAA4B,IAAIC,cAFjC,QAGO,uBAHP;AAIA,SAASC,QAAT,EAAmBC,WAAnB,QAAsC,oBAAtC;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SACCC,SADD,EAECC,mBAFD,EAGCC,wBAHD,QAIO,cAJP;AAKA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,oBAAP,MAAiC,sBAAjC;AAEA,eAAe,SAASC,iBAAT,GAA6B;AAC3C,QAAM,CAAEC,MAAF,EAAUC,SAAV,IAAwBX,QAAQ,CAAE,EAAF,CAAtC;AACA,QAAMY,QAAQ,GAAGX,WAAW,CAAIY,KAAF,IAAa;AAC1CF,IAAAA,SAAS,CAAEE,KAAF,CAAT;AACA,GAF2B,CAA5B;AAIA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,aAAb;AAA4BC,IAAAA;AAA5B,MAAoDrB,SAAS,CAChEsB,MAAF,IAAc;AACb,UAAMC,mBAAmB,GAAGD,MAAM,CAAEd,SAAF,CAAN,CAAoBgB,gBAApB,CAC3B,UAD2B,EAE3B,kBAF2B,CAA5B;;AAKA,UAAMC,cAAc,GAAGF,mBAAmB,IAAI,EAA9C;;AACA,UAAMG,oBAAoB,GAAG5B,OAAO,CAAE2B,cAAF,EAAkB,MAAlB,CAApC;;AAEA,WAAO;AACNN,MAAAA,SAAS,EAAEI,mBAAmB,KAAK,IAD7B;AAENH,MAAAA,aAAa,EAAEK,cAFT;AAGNJ,MAAAA,mBAAmB,EAAEK;AAHf,KAAP;AAKA,GAfiE,EAgBlE,EAhBkE,CAAnE;AAmBA,SACC,8BACC,cAAC,cAAD;AACC,IAAA,IAAI,EAAGhB,mBADR;AAEC,IAAA,KAAK,EAAGX,EAAE,CAAE,gBAAF,CAFX;AAGC,IAAA,UAAU,EAAGU,SAHd;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,QAAQ,EAAGQ,QALZ;AAMC,IAAA,MAAM,EAAGF;AANV,KAQGA,MAAM,IACP,cAAC,aAAD;AAAe,IAAA,KAAK,EAAGK,aAAvB;AAAuC,IAAA,MAAM,EAAGL;AAAhD,IATF,EAYG,CAAEA,MAAF,IACDJ,wBAAwB,CAACgB,GAAzB,CAA8B;AAAA,QAAE;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAF;AAAA,WAC7B,cAAC,cAAD;AACC,MAAA,GAAG,EAAI,8BAA8BA,IAAM,EAD5C;AAEC,MAAA,SAAS,EAAC,gDAFX;AAGC,MAAA,cAAc,EAAGA,IAHlB;AAIC,MAAA,KAAK,EAAGD,KAJT;AAKC,MAAA,qBAAqB;AALtB,MAD6B;AAAA,GAA9B,CAbF,EAuBG,CAAEb,MAAF,IAAYI,SAAZ,IACD,cAAC,cAAD;AAAgB,IAAA,KAAK,EAAGpB,EAAE,CAAE,UAAF,CAA1B;AAA2C,IAAA,MAAM;AAAjD,IAxBF,CADD,EA6BGY,wBAAwB,CAACgB,GAAzB,CAA8B;AAAA,QAAE;AAAEG,MAAAA,IAAF;AAAQD,MAAAA,IAAR;AAAcD,MAAAA;AAAd,KAAF;AAAA,WAC/B,cAAC,oBAAD;AACC,MAAA,GAAG,EAAI,uBAAuBC,IAAM,EADrC;AAEC,MAAA,IAAI,EAAGA,IAFR;AAGC,MAAA,KAAK,EAAGD,KAHT;AAIC,MAAA,aAAa,EAAGP,mBAAmB,CAAES,IAAF;AAJpC,MAD+B;AAAA,GAA9B,CA7BH,CADD;AAwCA","sourcesContent":["/**\n * External dependencies\n */\nimport { groupBy } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalNavigationMenu as NavigationMenu,\n\t__experimentalNavigationItem as NavigationItem,\n} from '@wordpress/components';\nimport { useState, useCallback } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tMENU_ROOT,\n\tMENU_TEMPLATE_PARTS,\n\tTEMPLATE_PARTS_SUB_MENUS,\n} from '../constants';\nimport SearchResults from '../search-results';\nimport TemplatePartsSubMenu from './template-parts-sub';\n\nexport default function TemplatePartsMenu() {\n\tconst [ search, setSearch ] = useState( '' );\n\tconst onSearch = useCallback( ( value ) => {\n\t\tsetSearch( value );\n\t} );\n\n\tconst { isLoading, templateParts, templatePartsByArea } = useSelect(\n\t\t( select ) => {\n\t\t\tconst templatePartRecords = select( coreStore ).getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part'\n\t\t\t);\n\n\t\t\tconst _templateParts = templatePartRecords || [];\n\t\t\tconst _templatePartsByArea = groupBy( _templateParts, 'area' );\n\n\t\t\treturn {\n\t\t\t\tisLoading: templatePartRecords === null,\n\t\t\t\ttemplateParts: _templateParts,\n\t\t\t\ttemplatePartsByArea: _templatePartsByArea,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<NavigationMenu\n\t\t\t\tmenu={ MENU_TEMPLATE_PARTS }\n\t\t\t\ttitle={ __( 'Template Parts' ) }\n\t\t\t\tparentMenu={ MENU_ROOT }\n\t\t\t\thasSearch={ true }\n\t\t\t\tonSearch={ onSearch }\n\t\t\t\tsearch={ search }\n\t\t\t>\n\t\t\t\t{ search && (\n\t\t\t\t\t<SearchResults items={ templateParts } search={ search } />\n\t\t\t\t) }\n\n\t\t\t\t{ ! search &&\n\t\t\t\t\tTEMPLATE_PARTS_SUB_MENUS.map( ( { title, menu } ) => (\n\t\t\t\t\t\t<NavigationItem\n\t\t\t\t\t\t\tkey={ `template-parts-navigate-to-${ menu }` }\n\t\t\t\t\t\t\tclassName=\"edit-site-navigation-panel__template-part-item\"\n\t\t\t\t\t\t\tnavigateToMenu={ menu }\n\t\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\t\thideIfTargetMenuEmpty\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\n\t\t\t\t{ ! search && isLoading && (\n\t\t\t\t\t<NavigationItem title={ __( 'Loading…' ) } isText />\n\t\t\t\t) }\n\t\t\t</NavigationMenu>\n\n\t\t\t{ TEMPLATE_PARTS_SUB_MENUS.map( ( { area, menu, title } ) => (\n\t\t\t\t<TemplatePartsSubMenu\n\t\t\t\t\tkey={ `template-parts-menu-${ menu }` }\n\t\t\t\t\tmenu={ menu }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ttemplateParts={ templatePartsByArea[ area ] }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</>\n\t);\n}\n"]}