@wordpress/edit-site 3.0.6 → 3.0.10

package/build/components/list/table.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Table;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+var _i18n = require("@wordpress/i18n");
+
+var _components = require("@wordpress/components");
+
+var _icons = require("@wordpress/icons");
+
+var _url = require("@wordpress/url");
+
+var _store = require("../../store");
+
+var _isTemplateRemovable = _interopRequireDefault(require("../../utils/is-template-removable"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function Actions(_ref) {
+  let {
+    template,
+    onClose
+  } = _ref;
+  const {
+    removeTemplate
+  } = (0, _data.useDispatch)(_store.store);
+  return (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+    onClick: () => {
+      removeTemplate(template);
+      onClose();
+    }
+  }, (0, _i18n.__)('Remove template')));
+}
+
+function Table(_ref2) {
+  let {
+    templateType
+  } = _ref2;
+  const {
+    templates,
+    isLoading,
+    postType
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecords,
+      hasFinishedResolution,
+      getPostType
+    } = select(_coreData.store);
+    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 (0, _element.createElement)("div", null, (0, _i18n.sprintf)( // translators: The template type name, should be either "templates" or "template parts".
+    (0, _i18n.__)('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 (0, _element.createElement)("ul", {
+    className: "edit-site-list-table"
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    className: "edit-site-list-table-head",
+    as: "li"
+  }, (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-list-table-column"
+  }, (0, _element.createElement)(_components.__experimentalHeading, {
+    level: 4
+  }, (0, _i18n.__)('Template'))), (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-list-table-column"
+  }, (0, _element.createElement)(_components.__experimentalHeading, {
+    level: 4
+  }, (0, _i18n.__)('Added by'))), (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-list-table-column"
+  }, (0, _element.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Actions')))), templates.map(template => (0, _element.createElement)("li", {
+    key: template.id
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    className: "edit-site-list-table-row"
+  }, (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-list-table-column"
+  }, (0, _element.createElement)("a", {
+    href: (0, _url.addQueryArgs)('', {
+      page: 'gutenberg-edit-site',
+      postId: template.id,
+      postType: template.type
+    })
+  }, template.title.rendered), template.description), (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-list-table-column"
+  }, template.theme), (0, _element.createElement)(_components.FlexItem, {
+    className: "edit-site-list-table-column"
+  }, (0, _isTemplateRemovable.default)(template) && (0, _element.createElement)(_components.DropdownMenu, {
+    icon: _icons.moreVertical,
+    label: (0, _i18n.__)('Actions'),
+    className: "edit-site-list-table__actions"
+  }, _ref3 => {
+    let {
+      onClose
+    } = _ref3;
+    return (0, _element.createElement)(Actions, {
+      template: template,
+      onClose: onClose
+    });
+  }))))));
+}
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/list/table.js"],"names":["Actions","template","onClose","removeTemplate","editSiteStore","Table","templateType","templates","isLoading","postType","select","getEntityRecords","hasFinishedResolution","getPostType","coreStore","length","labels","name","toLowerCase","map","id","page","postId","type","title","rendered","description","theme","moreVertical"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AASA;;AACA;;AAKA;;AACA;;AAtBA;AACA;AACA;;AAgBA;AACA;AACA;AAIA,SAASA,OAAT,OAA0C;AAAA,MAAxB;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAwB;AACzC,QAAM;AAAEC,IAAAA;AAAF,MAAqB,uBAAaC,YAAb,CAA3B;AAEA,SACC,4BAAC,qBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACfD,MAAAA,cAAc,CAAEF,QAAF,CAAd;AACAC,MAAAA,OAAO;AACP;AAJF,KAMG,cAAI,iBAAJ,CANH,CADD,CADD;AAYA;;AAEc,SAASG,KAAT,QAAmC;AAAA,MAAnB;AAAEC,IAAAA;AAAF,GAAmB;AACjD,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,SAAb;AAAwBC,IAAAA;AAAxB,MAAqC,qBACxCC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,gBADK;AAELC,MAAAA,qBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAEI,eAAF,CAJV;AAMA,WAAO;AACNP,MAAAA,SAAS,EAAEI,gBAAgB,CAAE,UAAF,EAAcL,YAAd,CADrB;AAENE,MAAAA,SAAS,EAAE,CAAEI,qBAAqB,CAAE,kBAAF,EAAsB,CACvD,UADuD,EAEvDN,YAFuD,CAAtB,CAF5B;AAMNG,MAAAA,QAAQ,EAAEI,WAAW,CAAEP,YAAF;AANf,KAAP;AAQA,GAhByC,EAiB1C,CAAEA,YAAF,CAjB0C,CAA3C;;AAoBA,MAAK,CAAEC,SAAF,IAAeC,SAApB,EAAgC;AAC/B,WAAO,IAAP;AACA;;AAED,MAAK,CAAED,SAAS,CAACQ,MAAjB,EAA0B;AAAA;;AACzB,WACC,yCACG,oBACD;AACA,kBAAI,cAAJ,CAFC,EAGDN,QAHC,aAGDA,QAHC,2CAGDA,QAAQ,CAAEO,MAHT,8EAGD,iBAAkBC,IAHjB,0DAGD,sBAAwBC,WAAxB,EAHC,CADH,CADD;AASA;;AAED,SACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC,4BAAC,gCAAD;AAAQ,IAAA,SAAS,EAAC,2BAAlB;AAA8C,IAAA,EAAE,EAAC;AAAjD,KACC,4BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACC,4BAAC,iCAAD;AAAS,IAAA,KAAK,EAAG;AAAjB,KAAuB,cAAI,UAAJ,CAAvB,CADD,CADD,EAIC,4BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACC,4BAAC,iCAAD;AAAS,IAAA,KAAK,EAAG;AAAjB,KAAuB,cAAI,UAAJ,CAAvB,CADD,CAJD,EAOC,4BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACC,4BAAC,0BAAD,QAAkB,cAAI,SAAJ,CAAlB,CADD,CAPD,CADD,EAaGX,SAAS,CAACY,GAAV,CAAiBlB,QAAF,IAChB;AAAI,IAAA,GAAG,EAAGA,QAAQ,CAACmB;AAAnB,KACC,4BAAC,gCAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACC,4BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACC;AACC,IAAA,IAAI,EAAG,uBAAc,EAAd,EAAkB;AACxBC,MAAAA,IAAI,EAAE,qBADkB;AAExBC,MAAAA,MAAM,EAAErB,QAAQ,CAACmB,EAFO;AAGxBX,MAAAA,QAAQ,EAAER,QAAQ,CAACsB;AAHK,KAAlB;AADR,KAOGtB,QAAQ,CAACuB,KAAT,CAAeC,QAPlB,CADD,EAUGxB,QAAQ,CAACyB,WAVZ,CADD,EAcC,4BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACGzB,QAAQ,CAAC0B,KADZ,CAdD,EAiBC,4BAAC,oBAAD;AAAU,IAAA,SAAS,EAAC;AAApB,KACG,kCAAqB1B,QAArB,KACD,4BAAC,wBAAD;AACC,IAAA,IAAI,EAAG2B,mBADR;AAEC,IAAA,KAAK,EAAG,cAAI,SAAJ,CAFT;AAGC,IAAA,SAAS,EAAC;AAHX,KAKG;AAAA,QAAE;AAAE1B,MAAAA;AAAF,KAAF;AAAA,WACD,4BAAC,OAAD;AACC,MAAA,QAAQ,EAAGD,QADZ;AAEC,MAAA,OAAO,EAAGC;AAFX,MADC;AAAA,GALH,CAFF,CAjBD,CADD,CADC,CAbH,CADD;AAsDA","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/components/main-dashboard-button/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/main-dashboard-button/index.js"],"names":["slotName","Fill","Slot","MainDashboardButtonSlot","MainDashboardButton","children","slot","hasFills","Boolean","fills","length"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAMA,MAAMA,QAAQ,GAAG,mCAAjB;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAI,EAAEC;AAAd,IAA0C,gCAAgBH,QAAhB,CAAhD;AAEA,MAAMI,mBAAmB,GAAGH,IAA5B;;AAEA,MAAMC,IAAI,GAAG,CAAE;AAAEG,EAAAA;AAAF,CAAF,KAAoB;AAChC,QAAMC,IAAI,GAAG,uCAASN,QAAT,CAAb;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,4BAAC,uBAAD;AAAyB,IAAA,gBAAgB;AAAzC,IAAP;AACA,CATD;;AAWAD,mBAAmB,CAACF,IAApB,GAA2BA,IAA3B;eAEeE,mB","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":["slotName","Fill","Slot","MainDashboardButtonSlot","MainDashboardButton","children","slot","hasFills","Boolean","fills","length"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAMA,MAAMA,QAAQ,GAAG,mCAAjB;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAI,EAAEC;AAAd,IAA0C,gCAAgBH,QAAhB,CAAhD;AAEA,MAAMI,mBAAmB,GAAGH,IAA5B;;AAEA,MAAMC,IAAI,GAAG,QAAoB;AAAA,MAAlB;AAAEG,IAAAA;AAAF,GAAkB;AAChC,QAAMC,IAAI,GAAG,uCAASN,QAAT,CAAb;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,4BAAC,uBAAD;AAAyB,IAAA,gBAAgB;AAAzC,IAAP;AACA,CATD;;AAWAD,mBAAmB,CAACF,IAApB,GAA2BA,IAA3B;eAEeE,mB","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/components/navigate-to-link/index.js

@@ -22,12 +22,13 @@ var _coreData = require("@wordpress/core-data");
 /**
  * WordPress dependencies
  */
-function NavigateToLink({
-  type,
-  id,
-  activePage,
-  onActivePageChange
-}) {
+function NavigateToLink(_ref) {
+  let {
+    type,
+    id,
+    activePage,
+    onActivePageChange
+  } = _ref;
   const post = (0, _data.useSelect)(select => type && id && type !== 'URL' && select(_coreData.store).getEntityRecord('postType', type, id), [type, id]);
   const onClick = (0, _element.useMemo)(() => {
     if (!(post !== null && post !== void 0 && post.link)) return null;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigate-to-link/index.js"],"names":["NavigateToLink","type","id","activePage","onActivePageChange","post","select","coreStore","getEntityRecord","onClick","link","path","slug","context","postType","postId","edit"],"mappings":";;;;;;;AAIA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AATA;AACA;AACA;AASe,SAASA,cAAT,CAAyB;AACvCC,EAAAA,IADuC;AAEvCC,EAAAA,EAFuC;AAGvCC,EAAAA,UAHuC;AAIvCC,EAAAA;AAJuC,CAAzB,EAKX;AACH,QAAMC,IAAI,GAAG,qBACVC,MAAF,IACCL,IAAI,IACJC,EADA,IAEAD,IAAI,KAAK,KAFT,IAGAK,MAAM,CAAEC,eAAF,CAAN,CAAoBC,eAApB,CAAqC,UAArC,EAAiDP,IAAjD,EAAuDC,EAAvD,CALW,EAMZ,CAAED,IAAF,EAAQC,EAAR,CANY,CAAb;AASA,QAAMO,OAAO,GAAG,sBAAS,MAAM;AAC9B,QAAK,EAAEJ,IAAF,aAAEA,IAAF,eAAEA,IAAI,CAAEK,IAAR,CAAL,EAAoB,OAAO,IAAP;AACpB,UAAMC,IAAI,GAAG,gCAAuBN,IAAI,CAACK,IAA5B,CAAb;AACA,QAAKC,IAAI,MAAKR,UAAL,aAAKA,UAAL,uBAAKA,UAAU,CAAEQ,IAAjB,CAAT,EAAiC,OAAO,IAAP;AACjC,WAAO,MACNP,kBAAkB,CAAE;AACnBH,MAAAA,IADmB;AAEnBW,MAAAA,IAAI,EAAEP,IAAI,CAACO,IAFQ;AAGnBD,MAAAA,IAHmB;AAInBE,MAAAA,OAAO,EAAE;AACRC,QAAAA,QAAQ,EAAET,IAAI,CAACJ,IADP;AAERc,QAAAA,MAAM,EAAEV,IAAI,CAACH;AAFL;AAJU,KAAF,CADnB;AAUA,GAde,EAcb,CAAEG,IAAF,EAAQF,UAAR,aAAQA,UAAR,uBAAQA,UAAU,CAAEQ,IAApB,EAA0BP,kBAA1B,CAda,CAAhB;AAgBA,SACCK,OAAO,IACN,4BAAC,kBAAD;AACC,IAAA,IAAI,EAAGO,WADR;AAEC,IAAA,KAAK,EAAG,cAAI,oBAAJ,CAFT;AAGC,IAAA,OAAO,EAAGP;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":["NavigateToLink","type","id","activePage","onActivePageChange","post","select","coreStore","getEntityRecord","onClick","link","path","slug","context","postType","postId","edit"],"mappings":";;;;;;;AAIA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AATA;AACA;AACA;AASe,SAASA,cAAT,OAKX;AAAA,MALoC;AACvCC,IAAAA,IADuC;AAEvCC,IAAAA,EAFuC;AAGvCC,IAAAA,UAHuC;AAIvCC,IAAAA;AAJuC,GAKpC;AACH,QAAMC,IAAI,GAAG,qBACVC,MAAF,IACCL,IAAI,IACJC,EADA,IAEAD,IAAI,KAAK,KAFT,IAGAK,MAAM,CAAEC,eAAF,CAAN,CAAoBC,eAApB,CAAqC,UAArC,EAAiDP,IAAjD,EAAuDC,EAAvD,CALW,EAMZ,CAAED,IAAF,EAAQC,EAAR,CANY,CAAb;AASA,QAAMO,OAAO,GAAG,sBAAS,MAAM;AAC9B,QAAK,EAAEJ,IAAF,aAAEA,IAAF,eAAEA,IAAI,CAAEK,IAAR,CAAL,EAAoB,OAAO,IAAP;AACpB,UAAMC,IAAI,GAAG,gCAAuBN,IAAI,CAACK,IAA5B,CAAb;AACA,QAAKC,IAAI,MAAKR,UAAL,aAAKA,UAAL,uBAAKA,UAAU,CAAEQ,IAAjB,CAAT,EAAiC,OAAO,IAAP;AACjC,WAAO,MACNP,kBAAkB,CAAE;AACnBH,MAAAA,IADmB;AAEnBW,MAAAA,IAAI,EAAEP,IAAI,CAACO,IAFQ;AAGnBD,MAAAA,IAHmB;AAInBE,MAAAA,OAAO,EAAE;AACRC,QAAAA,QAAQ,EAAET,IAAI,CAACJ,IADP;AAERc,QAAAA,MAAM,EAAEV,IAAI,CAACH;AAFL;AAJU,KAAF,CADnB;AAUA,GAde,EAcb,CAAEG,IAAF,EAAQF,UAAR,aAAQA,UAAR,uBAAQA,UAAU,CAAEQ,IAApB,EAA0BP,kBAA1B,CAda,CAAhB;AAgBA,SACCK,OAAO,IACN,4BAAC,kBAAD;AACC,IAAA,IAAI,EAAGO,WADR;AAEC,IAAA,KAAK,EAAG,cAAI,oBAAJ,CAFT;AAGC,IAAA,OAAO,EAAGP;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/components/navigation-sidebar/index.js

@@ -5,21 +5,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = NavigationSidebar;
 exports.NavigationPanelPreviewSlot = exports.NavigationPanelPreviewFill = void 0;
+exports.default = NavigationSidebar;
 
 var _element = require("@wordpress/element");
 
 var _components = require("@wordpress/components");
 
-var _data = require("@wordpress/data");
-
 var _navigationPanel = _interopRequireDefault(require("./navigation-panel"));
 
 var _navigationToggle = _interopRequireDefault(require("./navigation-toggle"));
 
-var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -34,14 +30,19 @@ const {
 exports.NavigationPanelPreviewSlot = NavigationPanelPreviewSlot;
 exports.NavigationPanelPreviewFill = NavigationPanelPreviewFill;
 
-function NavigationSidebar() {
-  const isNavigationOpen = (0, _data.useSelect)(select => {
-    return select(_store.store).isNavigationOpened();
-  }, []);
+function NavigationSidebar(_ref) {
+  let {
+    defaultIsOpen = false,
+    activeTemplateType
+  } = _ref;
+  const [isNavigationOpen, setIsNavigationOpen] = (0, _element.useState)(defaultIsOpen);
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_navigationToggle.default, {
-    isOpen: isNavigationOpen
+    isOpen: isNavigationOpen,
+    setIsOpen: setIsNavigationOpen
   }), (0, _element.createElement)(_navigationPanel.default, {
-    isOpen: isNavigationOpen
+    isOpen: isNavigationOpen,
+    setIsOpen: setIsNavigationOpen,
+    activeTemplateType: activeTemplateType
   }), (0, _element.createElement)(NavigationPanelPreviewSlot, null));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/index.js"],"names":["Fill","NavigationPanelPreviewFill","Slot","NavigationPanelPreviewSlot","NavigationSidebar","isNavigationOpen","select","editSiteStore","isNavigationOpened"],"mappings":";;;;;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AAXA;AACA;AACA;;AAIA;AACA;AACA;AAKO,MAAM;AACZA,EAAAA,IAAI,EAAEC,0BADM;AAEZC,EAAAA,IAAI,EAAEC;AAFM,IAGT,gCAAgB,gCAAhB,CAHG;;;;AAKQ,SAASC,iBAAT,GAA6B;AAC3C,QAAMC,gBAAgB,GAAG,qBAAaC,MAAF,IAAc;AACjD,WAAOA,MAAM,CAAEC,YAAF,CAAN,CAAwBC,kBAAxB,EAAP;AACA,GAFwB,EAEtB,EAFsB,CAAzB;AAIA,SACC,qDACC,4BAAC,yBAAD;AAAkB,IAAA,MAAM,EAAGH;AAA3B,IADD,EAEC,4BAAC,wBAAD;AAAiB,IAAA,MAAM,EAAGA;AAA1B,IAFD,EAGC,4BAAC,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":["Fill","NavigationPanelPreviewFill","Slot","NavigationPanelPreviewSlot","NavigationSidebar","defaultIsOpen","activeTemplateType","isNavigationOpen","setIsNavigationOpen"],"mappings":";;;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;AAIO,MAAM;AACZA,EAAAA,IAAI,EAAEC,0BADM;AAEZC,EAAAA,IAAI,EAAEC;AAFM,IAGT,gCAAgB,gCAAhB,CAHG;;;;AAKQ,SAASC,iBAAT,OAGX;AAAA,MAHuC;AAC1CC,IAAAA,aAAa,GAAG,KAD0B;AAE1CC,IAAAA;AAF0C,GAGvC;AACH,QAAM,CAAEC,gBAAF,EAAoBC,mBAApB,IAA4C,uBAAUH,aAAV,CAAlD;AAEA,SACC,qDACC,4BAAC,yBAAD;AACC,IAAA,MAAM,EAAGE,gBADV;AAEC,IAAA,SAAS,EAAGC;AAFb,IADD,EAKC,4BAAC,wBAAD;AACC,IAAA,MAAM,EAAGD,gBADV;AAEC,IAAA,SAAS,EAAGC,mBAFb;AAGC,IAAA,kBAAkB,EAAGF;AAHtB,IALD,EAUC,4BAAC,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/components/navigation-sidebar/navigation-panel/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TEMPLATE_PARTS_SUB_MENUS = exports.MENU_TEMPLATE_PARTS_GENERAL = exports.MENU_TEMPLATE_PARTS_SIDEBARS = exports.MENU_TEMPLATE_PARTS_FOOTERS = exports.MENU_TEMPLATE_PARTS_HEADERS = exports.SEARCH_DEBOUNCE_IN_MS = exports.MENU_TEMPLATES_UNUSED = exports.MENU_TEMPLATES_POSTS = exports.MENU_TEMPLATES_PAGES = exports.MENU_TEMPLATES_GENERAL = exports.MENU_TEMPLATES = exports.MENU_TEMPLATE_PARTS = exports.MENU_CONTENT_POSTS = exports.MENU_CONTENT_PAGES = exports.MENU_CONTENT_CATEGORIES = exports.MENU_ROOT = exports.TEMPLATE_OVERRIDES = exports.TEMPLATES_NEW_OPTIONS = exports.TEMPLATES_PAGES_PREFIXES = exports.TEMPLATES_POSTS_PREFIXES = exports.TEMPLATES_GENERAL = exports.TEMPLATES_TOP_LEVEL = exports.TEMPLATES_SECONDARY = exports.TEMPLATES_PRIMARY = void 0;
+exports.TEMPLATE_PARTS_SUB_MENUS = exports.TEMPLATE_OVERRIDES = exports.TEMPLATES_TOP_LEVEL = exports.TEMPLATES_SECONDARY = exports.TEMPLATES_PRIMARY = exports.TEMPLATES_POSTS_PREFIXES = exports.TEMPLATES_PAGES_PREFIXES = exports.TEMPLATES_NEW_OPTIONS = exports.TEMPLATES_GENERAL = exports.SEARCH_DEBOUNCE_IN_MS = exports.MENU_TEMPLATE_PARTS_SIDEBARS = exports.MENU_TEMPLATE_PARTS_HEADERS = exports.MENU_TEMPLATE_PARTS_GENERAL = exports.MENU_TEMPLATE_PARTS_FOOTERS = exports.MENU_TEMPLATE_PARTS = exports.MENU_TEMPLATES_UNUSED = exports.MENU_TEMPLATES_POSTS = exports.MENU_TEMPLATES_PAGES = exports.MENU_TEMPLATES_GENERAL = exports.MENU_TEMPLATES = exports.MENU_ROOT = exports.MENU_CONTENT_POSTS = exports.MENU_CONTENT_PAGES = exports.MENU_CONTENT_CATEGORIES = void 0;
 
 var _i18n = require("@wordpress/i18n");
 

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

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

package/build/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":["getTitle","entity","title","taxonomy","name","rendered","titleElement","document","createElement","innerHTML","textContent","innerText","ContentNavigationItem","item","isPreviewVisible","setIsPreviewVisible","previewContent","select","template","coreStore","__experimentalGetTemplateForLink","link","content","setPage","setIsNavigationPanelOpened","editSiteStore","onActivateItem","type","slug","id","path","context","postType","postId"],"mappings":";;;;;;;;;AAKA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAfA;AACA;AACA;;AAQA;AACA;AACA;AAKA,MAAMA,QAAQ,GAAKC,MAAF,IAAc;AAAA;;AAC9B,QAAMC,KAAK,GAAGD,MAAM,CAACE,QAAP,GAAkBF,MAAM,CAACG,IAAzB,GAAgCH,MAAhC,aAAgCA,MAAhC,wCAAgCA,MAAM,CAAEC,KAAxC,kDAAgC,cAAeG,QAA7D,CAD8B,CAG9B;;AACA,QAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAT,CAAwB,KAAxB,CAArB;AACAF,EAAAA,YAAY,CAACG,SAAb,GAAyBP,KAAzB;AAEA,SAAOI,YAAY,CAACI,WAAb,IAA4BJ,YAAY,CAACK,SAAzC,IAAsD,EAA7D;AACA,CARD;;AAUe,SAASC,qBAAT,CAAgC;AAAEC,EAAAA;AAAF,CAAhC,EAA2C;AACzD,QAAM,CAAEC,gBAAF,EAAoBC,mBAApB,IAA4C,uBAAU,KAAV,CAAlD;AACA,QAAMC,cAAc,GAAG,qBACpBC,MAAF,IAAc;AACb,QAAK,CAAEH,gBAAP,EAA0B;AACzB,aAAO,IAAP;AACA;;AAED,UAAMI,QAAQ,GAAGD,MAAM,CACtBE,eADsB,CAAN,CAEfC,gCAFe,CAEmBP,IAAI,CAACQ,IAFxB,CAAjB;;AAGA,WAAOH,QAAP,aAAOA,QAAP,uBAAOA,QAAQ,CAAEI,OAAjB;AACA,GAVqB,EAWtB,CAAER,gBAAF,CAXsB,CAAvB;AAaA,QAAM;AAAES,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAA0C,uBAC/CC,YAD+C,CAAhD;AAIA,QAAMC,cAAc,GAAG,0BAAa,MAAM;AACzC,UAAM;AAAEC,MAAAA,IAAF;AAAQC,MAAAA,IAAR;AAAcP,MAAAA,IAAd;AAAoBQ,MAAAA;AAApB,QAA2BhB,IAAjC;AACAU,IAAAA,OAAO,CAAE;AACRI,MAAAA,IADQ;AAERC,MAAAA,IAFQ;AAGRE,MAAAA,IAAI,EAAE,gCAAuBT,IAAvB,CAHE;AAIRU,MAAAA,OAAO,EAAE;AACRC,QAAAA,QAAQ,EAAEL,IADF;AAERM,QAAAA,MAAM,EAAEJ;AAFA;AAJD,KAAF,CAAP;AASAL,IAAAA,0BAA0B,CAAE,KAAF,CAA1B;AACA,GAZsB,EAYpB,CAAED,OAAF,EAAWV,IAAX,CAZoB,CAAvB;;AAcA,MAAK,CAAEA,IAAP,EAAc;AACb,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,wCAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,IAAI,EAAI,GAAGA,IAAI,CAACV,QAAL,IAAiBU,IAAI,CAACc,IAAM,IAAId,IAAI,CAACgB,EAAI,EAFrD;AAGC,IAAA,KAAK,EAAG7B,QAAQ,CAAEa,IAAF,CAAR,IAAoB,cAAI,YAAJ,CAH7B;AAIC,IAAA,OAAO,EAAGa,cAJX;AAKC,IAAA,YAAY,EAAG,MAAMX,mBAAmB,CAAE,IAAF,CALzC;AAMC,IAAA,YAAY,EAAG,MAAMA,mBAAmB,CAAE,KAAF;AANzC,IADD,EAUGD,gBAAgB,IAAIE,cAApB,IACD,4BAAC,4BAAD,QACC,4BAAC,wBAAD;AACC,IAAA,UAAU,EAAGA,cADd;AAEC,IAAA,YAAY,EAAG;AACdgB,MAAAA,QAAQ,EAAEnB,IAAI,CAACc,IADD;AAEdM,MAAAA,MAAM,EAAEpB,IAAI,CAACgB;AAFC;AAFhB,IADD,CAXF,CADD;AAwBA","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":["getTitle","entity","title","taxonomy","name","rendered","titleElement","document","createElement","innerHTML","textContent","innerText","ContentNavigationItem","item","isPreviewVisible","setIsPreviewVisible","previewContent","select","template","coreStore","__experimentalGetTemplateForLink","link","content","setPage","setIsNavigationPanelOpened","editSiteStore","onActivateItem","type","slug","id","path","context","postType","postId"],"mappings":";;;;;;;;;AAKA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAfA;AACA;AACA;;AAQA;AACA;AACA;AAKA,MAAMA,QAAQ,GAAKC,MAAF,IAAc;AAAA;;AAC9B,QAAMC,KAAK,GAAGD,MAAM,CAACE,QAAP,GAAkBF,MAAM,CAACG,IAAzB,GAAgCH,MAAhC,aAAgCA,MAAhC,wCAAgCA,MAAM,CAAEC,KAAxC,kDAAgC,cAAeG,QAA7D,CAD8B,CAG9B;;AACA,QAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAT,CAAwB,KAAxB,CAArB;AACAF,EAAAA,YAAY,CAACG,SAAb,GAAyBP,KAAzB;AAEA,SAAOI,YAAY,CAACI,WAAb,IAA4BJ,YAAY,CAACK,SAAzC,IAAsD,EAA7D;AACA,CARD;;AAUe,SAASC,qBAAT,OAA2C;AAAA,MAAX;AAAEC,IAAAA;AAAF,GAAW;AACzD,QAAM,CAAEC,gBAAF,EAAoBC,mBAApB,IAA4C,uBAAU,KAAV,CAAlD;AACA,QAAMC,cAAc,GAAG,qBACpBC,MAAF,IAAc;AACb,QAAK,CAAEH,gBAAP,EAA0B;AACzB,aAAO,IAAP;AACA;;AAED,UAAMI,QAAQ,GAAGD,MAAM,CACtBE,eADsB,CAAN,CAEfC,gCAFe,CAEmBP,IAAI,CAACQ,IAFxB,CAAjB;;AAGA,WAAOH,QAAP,aAAOA,QAAP,uBAAOA,QAAQ,CAAEI,OAAjB;AACA,GAVqB,EAWtB,CAAER,gBAAF,CAXsB,CAAvB;AAaA,QAAM;AAAES,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAA0C,uBAC/CC,YAD+C,CAAhD;AAIA,QAAMC,cAAc,GAAG,0BAAa,MAAM;AACzC,UAAM;AAAEC,MAAAA,IAAF;AAAQC,MAAAA,IAAR;AAAcP,MAAAA,IAAd;AAAoBQ,MAAAA;AAApB,QAA2BhB,IAAjC;AACAU,IAAAA,OAAO,CAAE;AACRI,MAAAA,IADQ;AAERC,MAAAA,IAFQ;AAGRE,MAAAA,IAAI,EAAE,gCAAuBT,IAAvB,CAHE;AAIRU,MAAAA,OAAO,EAAE;AACRC,QAAAA,QAAQ,EAAEL,IADF;AAERM,QAAAA,MAAM,EAAEJ;AAFA;AAJD,KAAF,CAAP;AASAL,IAAAA,0BAA0B,CAAE,KAAF,CAA1B;AACA,GAZsB,EAYpB,CAAED,OAAF,EAAWV,IAAX,CAZoB,CAAvB;;AAcA,MAAK,CAAEA,IAAP,EAAc;AACb,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,wCAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,IAAI,EAAI,GAAGA,IAAI,CAACV,QAAL,IAAiBU,IAAI,CAACc,IAAM,IAAId,IAAI,CAACgB,EAAI,EAFrD;AAGC,IAAA,KAAK,EAAG7B,QAAQ,CAAEa,IAAF,CAAR,IAAoB,cAAI,YAAJ,CAH7B;AAIC,IAAA,OAAO,EAAGa,cAJX;AAKC,IAAA,YAAY,EAAG,MAAMX,mBAAmB,CAAE,IAAF,CALzC;AAMC,IAAA,YAAY,EAAG,MAAMA,mBAAmB,CAAE,KAAF;AANzC,IADD,EAUGD,gBAAgB,IAAIE,cAApB,IACD,4BAAC,4BAAD,QACC,4BAAC,wBAAD;AACC,IAAA,UAAU,EAAGA,cADd;AAEC,IAAA,YAAY,EAAG;AACdgB,MAAAA,QAAQ,EAAEnB,IAAI,CAACc,IADD;AAEdM,MAAAA,MAAM,EAAEpB,IAAI,CAACgB;AAFC;AAFhB,IADD,CAXF,CADD;AAwBA","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/components/navigation-sidebar/navigation-panel/index.js

@@ -23,14 +23,10 @@ var _keycodes = require("@wordpress/keycodes");
 
 var _htmlEntities = require("@wordpress/html-entities");
 
-var _menus = _interopRequireDefault(require("./menus"));
+var _url = require("@wordpress/url");
 
 var _mainDashboardButton = _interopRequireDefault(require("../../main-dashboard-button"));
 
-var _store = require("../../../store");
-
-var _constants = require("./constants");
-
 /**
  * External dependencies
  */
@@ -42,66 +38,32 @@ var _constants = require("./constants");
 /**
  * Internal dependencies
  */
-const NavigationPanel = ({
-  isOpen
-}) => {
-  const {
-    page: {
-      context: {
-        postType,
-        postId
-      } = {}
-    } = {},
-    editedPostId,
-    editedPostType,
-    activeMenu,
-    siteTitle
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEditedPostType,
-      getEditedPostId,
-      getNavigationPanelActiveMenu,
-      getPage
-    } = select(_store.store);
+const NavigationPanel = _ref => {
+  let {
+    isOpen,
+    setIsOpen,
+    activeTemplateType
+  } = _ref;
+  const siteTitle = (0, _data.useSelect)(select => {
     const {
       getEntityRecord
     } = select(_coreData.store);
     const siteData = getEntityRecord('root', '__unstableBase', undefined) || {};
-    return {
-      page: getPage(),
-      editedPostId: getEditedPostId(),
-      editedPostType: getEditedPostType(),
-      activeMenu: getNavigationPanelActiveMenu(),
-      siteTitle: siteData.name
-    };
-  }, []);
-  const {
-    setNavigationPanelActiveMenu: setActive,
-    setIsNavigationPanelOpened
-  } = (0, _data.useDispatch)(_store.store);
-  let activeItem;
-
-  if (activeMenu !== _constants.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 = (0, _element.useRef)();
   (0, _element.useEffect)(() => {
     if (isOpen) {
       panelRef.current.focus();
     }
-  }, [activeMenu, isOpen]);
+  }, [activeTemplateType, isOpen]);
 
   const closeOnEscape = event => {
     if (event.keyCode === _keycodes.ESCAPE && !event.defaultPrevented) {
       event.preventDefault();
-      setIsNavigationPanelOpened(false);
+      setIsOpen(false);
     }
   };
 
@@ -122,14 +84,33 @@ const NavigationPanel = ({
     }, (0, _htmlEntities.decodeEntities)(siteTitle))), (0, _element.createElement)("div", {
       className: "edit-site-navigation-panel__scroll-container"
     }, (0, _element.createElement)(_components.__experimentalNavigation, {
-      activeItem: activeItem,
-      activeMenu: activeMenu,
-      onActivateMenu: setActive
-    }, activeMenu === _constants.MENU_ROOT && (0, _element.createElement)(_mainDashboardButton.default.Slot, null, (0, _element.createElement)(_components.__experimentalNavigationBackButton, {
+      activeItem: activeTemplateType
+    }, (0, _element.createElement)(_mainDashboardButton.default.Slot, null, (0, _element.createElement)(_components.__experimentalNavigationBackButton, {
       backButtonLabel: (0, _i18n.__)('Dashboard'),
       className: "edit-site-navigation-panel__back-to-dashboard",
       href: "index.php"
-    })), (0, _element.createElement)(_menus.default, null)))))
+    })), (0, _element.createElement)(_components.__experimentalNavigationMenu, null, (0, _element.createElement)(_components.__experimentalNavigationGroup, {
+      title: (0, _i18n.__)('Editor')
+    }, (0, _element.createElement)(_components.__experimentalNavigationItem, {
+      title: (0, _i18n.__)('Site'),
+      href: (0, _url.addQueryArgs)('', {
+        page: 'gutenberg-edit-site'
+      })
+    }), (0, _element.createElement)(_components.__experimentalNavigationItem, {
+      title: (0, _i18n.__)('Templates'),
+      item: "wp_template",
+      href: (0, _url.addQueryArgs)('', {
+        page: 'gutenberg-edit-site',
+        postType: 'wp_template'
+      })
+    }), (0, _element.createElement)(_components.__experimentalNavigationItem, {
+      title: (0, _i18n.__)('Template Parts'),
+      item: "wp_template_part",
+      href: (0, _url.addQueryArgs)('', {
+        page: 'gutenberg-edit-site',
+        postType: 'wp_template_part'
+      })
+    })))))))
   );
 };
 

package/build/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":["NavigationPanel","isOpen","page","context","postType","postId","editedPostId","editedPostType","activeMenu","siteTitle","select","getEditedPostType","getEditedPostId","getNavigationPanelActiveMenu","getPage","editSiteStore","getEntityRecord","coreDataStore","siteData","undefined","name","setNavigationPanelActiveMenu","setActive","setIsNavigationPanelOpened","activeItem","MENU_ROOT","startsWith","panelRef","current","focus","closeOnEscape","event","keyCode","ESCAPE","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":["NavigationPanel","isOpen","setIsOpen","activeTemplateType","siteTitle","select","getEntityRecord","coreDataStore","siteData","undefined","name","panelRef","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","page","postType"],"mappings":";;;;;;;;;AAiBA;;AAdA;;AAKA;;AAOA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAKA;;AA1BA;AACA;AACA;;AAGA;AACA;AACA;;AAgBA;AACA;AACA;AAGA,MAAMA,eAAe,GAAG,QAAiD;AAAA,MAA/C;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAA+C;AACxE,QAAMC,SAAS,GAAG,qBAAaC,MAAF,IAAc;AAC1C,UAAM;AAAEC,MAAAA;AAAF,QAAsBD,MAAM,CAAEE,eAAF,CAAlC;AAEA,UAAMC,QAAQ,GACbF,eAAe,CAAE,MAAF,EAAU,gBAAV,EAA4BG,SAA5B,CAAf,IAA0D,EAD3D;AAGA,WAAOD,QAAQ,CAACE,IAAhB;AACA,GAPiB,EAOf,EAPe,CAAlB,CADwE,CAUxE;AACA;;AACA,QAAMC,QAAQ,GAAG,sBAAjB;AACA,0BAAW,MAAM;AAChB,QAAKV,MAAL,EAAc;AACbU,MAAAA,QAAQ,CAACC,OAAT,CAAiBC,KAAjB;AACA;AACD,GAJD,EAIG,CAAEV,kBAAF,EAAsBF,MAAtB,CAJH;;AAMA,QAAMa,aAAa,GAAKC,KAAF,IAAa;AAClC,QAAKA,KAAK,CAACC,OAAN,KAAkBC,gBAAlB,IAA4B,CAAEF,KAAK,CAACG,gBAAzC,EAA4D;AAC3DH,MAAAA,KAAK,CAACI,cAAN;AACAjB,MAAAA,SAAS,CAAE,KAAF,CAAT;AACA;AACD,GALD;;AAOA,SACC;AACA;AACC,MAAA,SAAS,EAAG,yBAAa,4BAAb,EAA0C;AACrD,mBAAWD;AAD0C,OAA1C,CADb;AAIC,MAAA,GAAG,EAAGU,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,OACG,kCAAgBV,SAAhB,CADH,CADD,CADD,EAMC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC,4BAAC,oCAAD;AAAY,MAAA,UAAU,EAAGD;AAAzB,OACC,4BAAC,4BAAD,CAAqB,IAArB,QACC,4BAAC,8CAAD;AACC,MAAA,eAAe,EAAG,cAAI,WAAJ,CADnB;AAEC,MAAA,SAAS,EAAC,+CAFX;AAGC,MAAA,IAAI,EAAC;AAHN,MADD,CADD,EASC,4BAAC,wCAAD,QACC,4BAAC,yCAAD;AAAiB,MAAA,KAAK,EAAG,cAAI,QAAJ;AAAzB,OACC,4BAAC,wCAAD;AACC,MAAA,KAAK,EAAG,cAAI,MAAJ,CADT;AAEC,MAAA,IAAI,EAAG,uBAAc,EAAd,EAAkB;AACxBiB,QAAAA,IAAI,EAAE;AADkB,OAAlB;AAFR,MADD,EAOC,4BAAC,wCAAD;AACC,MAAA,KAAK,EAAG,cAAI,WAAJ,CADT;AAEC,MAAA,IAAI,EAAC,aAFN;AAGC,MAAA,IAAI,EAAG,uBAAc,EAAd,EAAkB;AACxBA,QAAAA,IAAI,EAAE,qBADkB;AAExBC,QAAAA,QAAQ,EAAE;AAFc,OAAlB;AAHR,MAPD,EAeC,4BAAC,wCAAD;AACC,MAAA,KAAK,EAAG,cAAI,gBAAJ,CADT;AAEC,MAAA,IAAI,EAAC,kBAFN;AAGC,MAAA,IAAI,EAAG,uBAAc,EAAd,EAAkB;AACxBD,QAAAA,IAAI,EAAE,qBADkB;AAExBC,QAAAA,QAAQ,EAAE;AAFc,OAAlB;AAHR,MAfD,CADD,CATD,CADD,CAND,CARD;AAFD;AAyDA,CAnFD;;eAqFerB,e","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/components/navigation-sidebar/navigation-panel/menus/template-parts-sub.js

@@ -28,11 +28,12 @@ var _constants = require("../constants");
 /**
  * Internal dependencies
  */
-function TemplatePartsSubMenu({
-  menu,
-  title,
-  templateParts
-}) {
+function TemplatePartsSubMenu(_ref) {
+  let {
+    menu,
+    title,
+    templateParts
+  } = _ref;
   return (0, _element.createElement)(_components.__experimentalNavigationMenu, {
     className: "edit-site-navigation-panel__template-parts",
     menu: menu,

package/build/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":["TemplatePartsSubMenu","menu","title","templateParts","MENU_TEMPLATE_PARTS","length","templatePart","id"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,oBAAT,CAA+B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAA/B,EAAgE;AAC9E,SACC,4BAAC,wCAAD;AACC,IAAA,SAAS,EAAC,4CADX;AAEC,IAAA,IAAI,EAAGF,IAFR;AAGC,IAAA,KAAK,EAAGC,KAHT;AAIC,IAAA,UAAU,EAAGE,8BAJd;AAKC,IAAA,OAAO,EAAG,CAAED,aAAF,IAAmBA,aAAa,CAACE,MAAd,KAAyB;AALvD,KAOG,iBAAKF,aAAL,EAAsBG,YAAF,IACrB,4BAAC,+BAAD;AACC,IAAA,IAAI,EAAGA,YADR;AAEC,IAAA,GAAG,EAAI,oBAAoBA,YAAY,CAACC,EAAI;AAF7C,IADC,CAPH,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":["TemplatePartsSubMenu","menu","title","templateParts","MENU_TEMPLATE_PARTS","length","templatePart","id"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,oBAAT,OAAgE;AAAA,MAAjC;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,GAAiC;AAC9E,SACC,4BAAC,wCAAD;AACC,IAAA,SAAS,EAAC,4CADX;AAEC,IAAA,IAAI,EAAGF,IAFR;AAGC,IAAA,KAAK,EAAGC,KAHT;AAIC,IAAA,UAAU,EAAGE,8BAJd;AAKC,IAAA,OAAO,EAAG,CAAED,aAAF,IAAmBA,aAAa,CAACE,MAAd,KAAyB;AALvD,KAOG,iBAAKF,aAAL,EAAsBG,YAAF,IACrB,4BAAC,+BAAD;AACC,IAAA,IAAI,EAAGA,YADR;AAEC,IAAA,GAAG,EAAI,oBAAoBA,YAAY,CAACC,EAAI;AAF7C,IADC,CAPH,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/components/navigation-sidebar/navigation-panel/menus/template-parts.js

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

package/build/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":["TemplatePartsMenu","search","setSearch","onSearch","value","isLoading","templateParts","templatePartsByArea","select","templatePartRecords","coreStore","getEntityRecords","_templateParts","_templatePartsByArea","MENU_TEMPLATE_PARTS","MENU_ROOT","TEMPLATE_PARTS_SUB_MENUS","map","title","menu","area"],"mappings":";;;;;;;;;AAcA;;AAXA;;AAKA;;AACA;;AACA;;AAKA;;AAKA;;AAKA;;AACA;;AA1BA;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;AASe,SAASA,iBAAT,GAA6B;AAC3C,QAAM,CAAEC,MAAF,EAAUC,SAAV,IAAwB,uBAAU,EAAV,CAA9B;AACA,QAAMC,QAAQ,GAAG,0BAAeC,KAAF,IAAa;AAC1CF,IAAAA,SAAS,CAAEE,KAAF,CAAT;AACA,GAFgB,CAAjB;AAIA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,aAAb;AAA4BC,IAAAA;AAA5B,MAAoD,qBACvDC,MAAF,IAAc;AACb,UAAMC,mBAAmB,GAAGD,MAAM,CAAEE,eAAF,CAAN,CAAoBC,gBAApB,CAC3B,UAD2B,EAE3B,kBAF2B,CAA5B;;AAKA,UAAMC,cAAc,GAAGH,mBAAmB,IAAI,EAA9C;;AACA,UAAMI,oBAAoB,GAAG,qBAASD,cAAT,EAAyB,MAAzB,CAA7B;;AAEA,WAAO;AACNP,MAAAA,SAAS,EAAEI,mBAAmB,KAAK,IAD7B;AAENH,MAAAA,aAAa,EAAEM,cAFT;AAGNL,MAAAA,mBAAmB,EAAEM;AAHf,KAAP;AAKA,GAfwD,EAgBzD,EAhByD,CAA1D;AAmBA,SACC,qDACC,4BAAC,wCAAD;AACC,IAAA,IAAI,EAAGC,8BADR;AAEC,IAAA,KAAK,EAAG,cAAI,gBAAJ,CAFT;AAGC,IAAA,UAAU,EAAGC,oBAHd;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,QAAQ,EAAGZ,QALZ;AAMC,IAAA,MAAM,EAAGF;AANV,KAQGA,MAAM,IACP,4BAAC,sBAAD;AAAe,IAAA,KAAK,EAAGK,aAAvB;AAAuC,IAAA,MAAM,EAAGL;AAAhD,IATF,EAYG,CAAEA,MAAF,IACDe,oCAAyBC,GAAzB,CAA8B,CAAE;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAF,KAC7B,4BAAC,wCAAD;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,CAAEjB,MAAF,IAAYI,SAAZ,IACD,4BAAC,wCAAD;AAAgB,IAAA,KAAK,EAAG,cAAI,UAAJ,CAAxB;AAA2C,IAAA,MAAM;AAAjD,IAxBF,CADD,EA6BGW,oCAAyBC,GAAzB,CAA8B,CAAE;AAAEG,IAAAA,IAAF;AAAQD,IAAAA,IAAR;AAAcD,IAAAA;AAAd,GAAF,KAC/B,4BAAC,yBAAD;AACC,IAAA,GAAG,EAAI,uBAAuBC,IAAM,EADrC;AAEC,IAAA,IAAI,EAAGA,IAFR;AAGC,IAAA,KAAK,EAAGD,KAHT;AAIC,IAAA,aAAa,EAAGX,mBAAmB,CAAEa,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":["TemplatePartsMenu","search","setSearch","onSearch","value","isLoading","templateParts","templatePartsByArea","select","templatePartRecords","coreStore","getEntityRecords","_templateParts","_templatePartsByArea","MENU_TEMPLATE_PARTS","MENU_ROOT","TEMPLATE_PARTS_SUB_MENUS","map","title","menu","area"],"mappings":";;;;;;;;;AAcA;;AAXA;;AAKA;;AACA;;AACA;;AAKA;;AAKA;;AAKA;;AACA;;AA1BA;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;AASe,SAASA,iBAAT,GAA6B;AAC3C,QAAM,CAAEC,MAAF,EAAUC,SAAV,IAAwB,uBAAU,EAAV,CAA9B;AACA,QAAMC,QAAQ,GAAG,0BAAeC,KAAF,IAAa;AAC1CF,IAAAA,SAAS,CAAEE,KAAF,CAAT;AACA,GAFgB,CAAjB;AAIA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,aAAb;AAA4BC,IAAAA;AAA5B,MAAoD,qBACvDC,MAAF,IAAc;AACb,UAAMC,mBAAmB,GAAGD,MAAM,CAAEE,eAAF,CAAN,CAAoBC,gBAApB,CAC3B,UAD2B,EAE3B,kBAF2B,CAA5B;;AAKA,UAAMC,cAAc,GAAGH,mBAAmB,IAAI,EAA9C;;AACA,UAAMI,oBAAoB,GAAG,qBAASD,cAAT,EAAyB,MAAzB,CAA7B;;AAEA,WAAO;AACNP,MAAAA,SAAS,EAAEI,mBAAmB,KAAK,IAD7B;AAENH,MAAAA,aAAa,EAAEM,cAFT;AAGNL,MAAAA,mBAAmB,EAAEM;AAHf,KAAP;AAKA,GAfwD,EAgBzD,EAhByD,CAA1D;AAmBA,SACC,qDACC,4BAAC,wCAAD;AACC,IAAA,IAAI,EAAGC,8BADR;AAEC,IAAA,KAAK,EAAG,cAAI,gBAAJ,CAFT;AAGC,IAAA,UAAU,EAAGC,oBAHd;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,QAAQ,EAAGZ,QALZ;AAMC,IAAA,MAAM,EAAGF;AANV,KAQGA,MAAM,IACP,4BAAC,sBAAD;AAAe,IAAA,KAAK,EAAGK,aAAvB;AAAuC,IAAA,MAAM,EAAGL;AAAhD,IATF,EAYG,CAAEA,MAAF,IACDe,oCAAyBC,GAAzB,CAA8B;AAAA,QAAE;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAF;AAAA,WAC7B,4BAAC,wCAAD;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,CAAEjB,MAAF,IAAYI,SAAZ,IACD,4BAAC,wCAAD;AAAgB,IAAA,KAAK,EAAG,cAAI,UAAJ,CAAxB;AAA2C,IAAA,MAAM;AAAjD,IAxBF,CADD,EA6BGW,oCAAyBC,GAAzB,CAA8B;AAAA,QAAE;AAAEG,MAAAA,IAAF;AAAQD,MAAAA,IAAR;AAAcD,MAAAA;AAAd,KAAF;AAAA,WAC/B,4BAAC,yBAAD;AACC,MAAA,GAAG,EAAI,uBAAuBC,IAAM,EADrC;AAEC,MAAA,IAAI,EAAGA,IAFR;AAGC,MAAA,KAAK,EAAGD,KAHT;AAIC,MAAA,aAAa,EAAGX,mBAAmB,CAAEa,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"]}