@wordpress/edit-site 4.18.0 → 5.0.0

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SidebarNavigationScreen;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _icons = require("@wordpress/icons");
+
+/**
+ * WordPress dependencies
+ */
+function SidebarNavigationScreen(_ref) {
+  let {
+    path,
+    parentTitle,
+    title,
+    content
+  } = _ref;
+  return (0, _element.createElement)(_components.__experimentalNavigatorScreen, {
+    className: "edit-site-sidebar-navigation-screen",
+    path: path
+  }, (0, _element.createElement)(_components.__experimentalVStack, {
+    spacing: 2
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    spacing: 4,
+    justify: "flex-start",
+    className: "edit-site-sidebar-navigation-screen__title-icon"
+  }, parentTitle ? (0, _element.createElement)(_components.__experimentalNavigatorBackButton, {
+    className: "edit-site-sidebar-navigation-screen__back",
+    icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
+    "aria-label": (0, _i18n.sprintf)(
+    /* translators: %s: previous page. */
+    (0, _i18n.__)('Navigate to the previous view: %s'), parentTitle)
+  }) : (0, _element.createElement)("div", {
+    className: "edit-site-sidebar-navigation-screen__icon-placeholder"
+  }), (0, _element.createElement)("div", {
+    className: "edit-site-sidebar-navigation-screen__title"
+  }, title)), (0, _element.createElement)("nav", {
+    className: "edit-site-sidebar-navigation-screen__content"
+  }, content)));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"names":["SidebarNavigationScreen","path","parentTitle","title","content","chevronRight","chevronLeft"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;AAUe,SAASA,uBAAT,OAKX;AAAA,MAL6C;AAChDC,IAAAA,IADgD;AAEhDC,IAAAA,WAFgD;AAGhDC,IAAAA,KAHgD;AAIhDC,IAAAA;AAJgD,GAK7C;AACH,SACC,4BAAC,yCAAD;AACC,IAAA,SAAS,EAAC,qCADX;AAEC,IAAA,IAAI,EAAGH;AAFR,KAIC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,4BAAC,gCAAD;AACC,IAAA,OAAO,EAAG,CADX;AAEC,IAAA,OAAO,EAAC,YAFT;AAGC,IAAA,SAAS,EAAC;AAHX,KAKGC,WAAW,GACZ,4BAAC,6CAAD;AACC,IAAA,SAAS,EAAC,2CADX;AAEC,IAAA,IAAI,EAAG,qBAAUG,mBAAV,GAAyBC,kBAFjC;AAGC,kBAAa;AACZ;AACA,kBAAI,mCAAJ,CAFY,EAGZJ,WAHY;AAHd,IADY,GAWZ;AAAK,IAAA,SAAS,EAAC;AAAf,IAhBF,EAmBC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,KADH,CAnBD,CADD,EAyBC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGC,OADH,CAzBD,CAJD,CADD;AAoCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalNavigatorBackButton as NavigatorBackButton,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\n\nexport default function SidebarNavigationScreen( {\n\tpath,\n\tparentTitle,\n\ttitle,\n\tcontent,\n} ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName=\"edit-site-sidebar-navigation-screen\"\n\t\t\tpath={ path }\n\t\t>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ parentTitle ? (\n\t\t\t\t\t\t<NavigatorBackButton\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__back\"\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: previous page. */\n\t\t\t\t\t\t\t\t__( 'Navigate to the previous view: %s' ),\n\t\t\t\t\t\t\t\tparentTitle\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__icon-placeholder\" />\n\t\t\t\t\t) }\n\n\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</div>\n\t\t\t\t</HStack>\n\n\t\t\t\t<nav className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ content }\n\t\t\t\t</nav>\n\t\t\t</VStack>\n\t\t</NavigatorScreen>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-main/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SidebarNavigationScreenMain;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _icons = require("@wordpress/icons");
+
+var _data = require("@wordpress/data");
+
+var _compose = require("@wordpress/compose");
+
+var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
+
+var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
+
+var _routes = require("../routes");
+
+var _store = require("../../store");
+
+var _getIsListPage = _interopRequireDefault(require("../../utils/get-is-list-page"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function SidebarNavigationScreenMain() {
+  const {
+    params
+  } = (0, _routes.useLocation)();
+  const isListPage = (0, _getIsListPage.default)(params);
+  const isEditorPage = !isListPage;
+  const {
+    __unstableSetCanvasMode
+  } = (0, _data.useDispatch)(_store.store);
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  return (0, _element.createElement)(_sidebarNavigationScreen.default, {
+    path: "/",
+    title: (0, _element.createElement)(_components.__experimentalHStack, {
+      justify: "space-between",
+      style: {
+        minHeight: 36
+      }
+    }, (0, _element.createElement)("div", null, (0, _i18n.__)('Design')), !isMobileViewport && isEditorPage && (0, _element.createElement)(_components.Button, {
+      className: "edit-site-layout__edit-button",
+      label: (0, _i18n.__)('Open the editor'),
+      onClick: () => {
+        __unstableSetCanvasMode('edit');
+      }
+    }, (0, _i18n.__)('Edit'))),
+    content: (0, _element.createElement)(_components.__experimentalItemGroup, null, (0, _element.createElement)(_components.__experimentalNavigatorButton, {
+      as: _sidebarNavigationItem.default,
+      path: "/templates",
+      withChevron: true,
+      icon: _icons.layout
+    }, (0, _i18n.__)('Templates')), (0, _element.createElement)(_components.__experimentalNavigatorButton, {
+      as: _sidebarNavigationItem.default,
+      path: "/template-parts",
+      withChevron: true,
+      icon: _icons.symbolFilled
+    }, (0, _i18n.__)('Template Parts')))
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"names":["SidebarNavigationScreenMain","params","isListPage","isEditorPage","__unstableSetCanvasMode","editSiteStore","isMobileViewport","minHeight","SidebarNavigationItem","layout","symbolFilled"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AArBA;AACA;AACA;;AAYA;AACA;AACA;AAOe,SAASA,2BAAT,GAAuC;AACrD,QAAM;AAAEC,IAAAA;AAAF,MAAa,0BAAnB;AACA,QAAMC,UAAU,GAAG,4BAAeD,MAAf,CAAnB;AACA,QAAME,YAAY,GAAG,CAAED,UAAvB;AACA,QAAM;AAAEE,IAAAA;AAAF,MAA8B,uBAAaC,YAAb,CAApC;AACA,QAAMC,gBAAgB,GAAG,+BAAkB,QAAlB,EAA4B,GAA5B,CAAzB;AAEA,SACC,4BAAC,gCAAD;AACC,IAAA,IAAI,EAAC,GADN;AAEC,IAAA,KAAK,EACJ,4BAAC,gCAAD;AAAQ,MAAA,OAAO,EAAC,eAAhB;AAAgC,MAAA,KAAK,EAAG;AAAEC,QAAAA,SAAS,EAAE;AAAb;AAAxC,OACC,yCAAO,cAAI,QAAJ,CAAP,CADD,EAEG,CAAED,gBAAF,IAAsBH,YAAtB,IACD,4BAAC,kBAAD;AACC,MAAA,SAAS,EAAC,+BADX;AAEC,MAAA,KAAK,EAAG,cAAI,iBAAJ,CAFT;AAGC,MAAA,OAAO,EAAG,MAAM;AACfC,QAAAA,uBAAuB,CAAE,MAAF,CAAvB;AACA;AALF,OAOG,cAAI,MAAJ,CAPH,CAHF,CAHF;AAkBC,IAAA,OAAO,EACN,4BAAC,mCAAD,QACC,4BAAC,yCAAD;AACC,MAAA,EAAE,EAAGI,8BADN;AAEC,MAAA,IAAI,EAAC,YAFN;AAGC,MAAA,WAAW,MAHZ;AAIC,MAAA,IAAI,EAAGC;AAJR,OAMG,cAAI,WAAJ,CANH,CADD,EASC,4BAAC,yCAAD;AACC,MAAA,EAAE,EAAGD,8BADN;AAEC,MAAA,IAAI,EAAC,iBAFN;AAGC,MAAA,WAAW,MAHZ;AAIC,MAAA,IAAI,EAAGE;AAJR,OAMG,cAAI,gBAAJ,CANH,CATD;AAnBF,IADD;AAyCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalNavigatorButton as NavigatorButton,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbolFilled } from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useLocation } from '../routes';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\n\nexport default function SidebarNavigationScreenMain() {\n\tconst { params } = useLocation();\n\tconst isListPage = getIsListPage( params );\n\tconst isEditorPage = ! isListPage;\n\tconst { __unstableSetCanvasMode } = useDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tpath=\"/\"\n\t\t\ttitle={\n\t\t\t\t<HStack justify=\"space-between\" style={ { minHeight: 36 } }>\n\t\t\t\t\t<div>{ __( 'Design' ) }</div>\n\t\t\t\t\t{ ! isMobileViewport && isEditorPage && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__edit-button\"\n\t\t\t\t\t\t\tlabel={ __( 'Open the editor' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t__unstableSetCanvasMode( 'edit' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\t\t\tpath=\"/templates\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\tas={ SidebarNavigationItem }\n\t\t\t\t\t\tpath=\"/template-parts\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ symbolFilled }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Template Parts' ) }\n\t\t\t\t\t</NavigatorButton>\n\t\t\t\t</ItemGroup>\n\t\t\t}\n\t\t/>\n\t);\n}\n"]}

package/build/components/sidebar-navigation-screen-templates/index.js

@@ -0,0 +1,188 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SidebarNavigationScreenTemplates;
+
+var _element = require("@wordpress/element");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+var _htmlEntities = require("@wordpress/html-entities");
+
+var _compose = require("@wordpress/compose");
+
+var _sidebarNavigationScreen = _interopRequireDefault(require("../sidebar-navigation-screen"));
+
+var _link = require("../routes/link");
+
+var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
+
+var _routes = require("../routes");
+
+var _store = require("../../store");
+
+var _getIsListPage = _interopRequireDefault(require("../../utils/get-is-list-page"));
+
+var _addNewTemplate = _interopRequireDefault(require("../add-new-template"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function omit(object, keys) {
+  return Object.fromEntries(Object.entries(object).filter(_ref => {
+    let [key] = _ref;
+    return !keys.includes(key);
+  }));
+}
+
+const Item = _ref2 => {
+  let {
+    item
+  } = _ref2;
+  const linkInfo = (0, _link.useLink)(item.params);
+  const props = item.params ? { ...omit(item, 'params'),
+    ...linkInfo
+  } : item;
+  return (0, _element.createElement)(_sidebarNavigationItem.default, props);
+};
+
+const config = {
+  wp_template: {
+    path: '/templates',
+    labels: {
+      title: (0, _i18n.__)('Templates'),
+      loading: (0, _i18n.__)('Loading templates'),
+      notFound: (0, _i18n.__)('No templates found'),
+      manage: (0, _i18n.__)('Manage all templates')
+    }
+  },
+  wp_template_part: {
+    path: '/template-parts',
+    labels: {
+      title: (0, _i18n.__)('Template parts'),
+      loading: (0, _i18n.__)('Loading template parts'),
+      notFound: (0, _i18n.__)('No template parts found'),
+      manage: (0, _i18n.__)('Manage all template parts')
+    }
+  }
+};
+
+function SidebarNavigationScreenTemplates(_ref3) {
+  let {
+    postType = 'wp_template'
+  } = _ref3;
+  const {
+    params
+  } = (0, _routes.useLocation)();
+  const {
+    __unstableSetCanvasMode
+  } = (0, _data.useDispatch)(_store.store);
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const isListPage = (0, _getIsListPage.default)(params);
+  const isEditorPage = !isListPage; // Ideally the URL params would be enough.
+  // Loading the editor should ideally redirect to the home page
+  // instead of fetching the edited entity here.
+
+  const {
+    editedPostId,
+    editedPostType
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostType,
+      getEditedPostId
+    } = select(_store.store);
+    return {
+      editedPostId: getEditedPostId(),
+      editedPostType: getEditedPostType()
+    };
+  }, []);
+  const {
+    records: templates,
+    isResolving: isLoading
+  } = (0, _coreData.useEntityRecords)('postType', postType, {
+    per_page: -1
+  });
+  let items = [];
+
+  if (isLoading) {
+    items = [{
+      children: config[postType].labels.loading
+    }];
+  } else if (!templates && !isLoading) {
+    items = [{
+      children: config[postType].labels.notFound
+    }];
+  } else {
+    items = templates === null || templates === void 0 ? void 0 : templates.map(template => {
+      var _template$title;
+
+      return {
+        params: {
+          postType,
+          postId: template.id
+        },
+        children: (0, _htmlEntities.decodeEntities)(((_template$title = template.title) === null || _template$title === void 0 ? void 0 : _template$title.rendered) || template.slug),
+        'aria-current': params.postType === postType && params.postId === template.id || // This is a special case for the home page.
+        editedPostId === template.id && editedPostType === postType && !!params.postId ? 'page' : undefined
+      };
+    });
+  }
+
+  return (0, _element.createElement)(_sidebarNavigationScreen.default, {
+    path: config[postType].path,
+    parentTitle: (0, _i18n.__)('Design'),
+    title: (0, _element.createElement)(_components.__experimentalHStack, {
+      style: {
+        minHeight: 36
+      },
+      justify: "space-between"
+    }, (0, _element.createElement)("div", {
+      style: {
+        flexShrink: 0
+      }
+    }, config[postType].labels.title), !isMobileViewport && (0, _element.createElement)(_components.__experimentalHStack, {
+      spacing: 2,
+      justify: "right"
+    }, (0, _element.createElement)(_addNewTemplate.default, {
+      templateType: postType,
+      toggleProps: {
+        className: 'edit-site-sidebar-navigation-screen-templates__add-button'
+      }
+    }), isEditorPage && (0, _element.createElement)(_components.Button, {
+      className: "edit-site-layout__edit-button",
+      label: (0, _i18n.__)('Open the editor'),
+      onClick: () => {
+        __unstableSetCanvasMode('edit');
+      }
+    }, (0, _i18n.__)('Edit')))),
+    content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalItemGroup, null, items.map((item, index) => (0, _element.createElement)(Item, {
+      item: item,
+      key: index
+    })), (0, _element.createElement)(_sidebarNavigationItem.default, (0, _extends2.default)({
+      className: "edit-site-sidebar-navigation-screen-templates__see-all"
+    }, (0, _link.useLink)({
+      postType,
+      postId: undefined
+    }), {
+      "aria-current": params.postType === postType && !params.postId ? 'page' : undefined,
+      children: config[postType].labels.manage
+    }))))
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates/index.js"],"names":["omit","object","keys","Object","fromEntries","entries","filter","key","includes","Item","item","linkInfo","params","props","config","wp_template","path","labels","title","loading","notFound","manage","wp_template_part","SidebarNavigationScreenTemplates","postType","__unstableSetCanvasMode","editSiteStore","isMobileViewport","isListPage","isEditorPage","editedPostId","editedPostType","select","getEditedPostType","getEditedPostId","records","templates","isResolving","isLoading","per_page","items","children","map","template","postId","id","rendered","slug","undefined","minHeight","flexShrink","className","index"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useLocation } from '../routes';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\nimport AddNewTemplate from '../add-new-template';\n\nfunction omit( object, keys ) {\n\treturn Object.fromEntries(\n\t\tObject.entries( object ).filter( ( [ key ] ) => ! keys.includes( key ) )\n\t);\n}\n\nconst Item = ( { item } ) => {\n\tconst linkInfo = useLink( item.params );\n\tconst props = item.params\n\t\t? { ...omit( item, 'params' ), ...linkInfo }\n\t\t: item;\n\treturn <SidebarNavigationItem { ...props } />;\n};\n\nconst config = {\n\twp_template: {\n\t\tpath: '/templates',\n\t\tlabels: {\n\t\t\ttitle: __( 'Templates' ),\n\t\t\tloading: __( 'Loading templates' ),\n\t\t\tnotFound: __( 'No templates found' ),\n\t\t\tmanage: __( 'Manage all templates' ),\n\t\t},\n\t},\n\twp_template_part: {\n\t\tpath: '/template-parts',\n\t\tlabels: {\n\t\t\ttitle: __( 'Template parts' ),\n\t\t\tloading: __( 'Loading template parts' ),\n\t\t\tnotFound: __( 'No template parts found' ),\n\t\t\tmanage: __( 'Manage all template parts' ),\n\t\t},\n\t},\n};\n\nexport default function SidebarNavigationScreenTemplates( {\n\tpostType = 'wp_template',\n} ) {\n\tconst { params } = useLocation();\n\tconst { __unstableSetCanvasMode } = useDispatch( editSiteStore );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params );\n\tconst isEditorPage = ! isListPage;\n\n\t// Ideally the URL params would be enough.\n\t// Loading the editor should ideally redirect to the home page\n\t// instead of fetching the edited entity here.\n\tconst { editedPostId, editedPostType } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId } = select( editSiteStore );\n\t\treturn {\n\t\t\teditedPostId: getEditedPostId(),\n\t\t\teditedPostType: getEditedPostType(),\n\t\t};\n\t}, [] );\n\n\tconst { records: templates, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tpostType,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tlet items = [];\n\tif ( isLoading ) {\n\t\titems = [\n\t\t\t{\n\t\t\t\tchildren: config[ postType ].labels.loading,\n\t\t\t},\n\t\t];\n\t} else if ( ! templates && ! isLoading ) {\n\t\titems = [\n\t\t\t{\n\t\t\t\tchildren: config[ postType ].labels.notFound,\n\t\t\t},\n\t\t];\n\t} else {\n\t\titems = templates?.map( ( template ) => ( {\n\t\t\tparams: {\n\t\t\t\tpostType,\n\t\t\t\tpostId: template.id,\n\t\t\t},\n\t\t\tchildren: decodeEntities(\n\t\t\t\ttemplate.title?.rendered || template.slug\n\t\t\t),\n\t\t\t'aria-current':\n\t\t\t\t( params.postType === postType &&\n\t\t\t\t\tparams.postId === template.id ) ||\n\t\t\t\t// This is a special case for the home page.\n\t\t\t\t( editedPostId === template.id &&\n\t\t\t\t\teditedPostType === postType &&\n\t\t\t\t\t!! params.postId )\n\t\t\t\t\t? 'page'\n\t\t\t\t\t: undefined,\n\t\t} ) );\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tpath={ config[ postType ].path }\n\t\t\tparentTitle={ __( 'Design' ) }\n\t\t\ttitle={\n\t\t\t\t<HStack style={ { minHeight: 36 } } justify=\"space-between\">\n\t\t\t\t\t<div style={ { flexShrink: 0 } }>\n\t\t\t\t\t\t{ config[ postType ].labels.title }\n\t\t\t\t\t</div>\n\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t<HStack spacing={ 2 } justify=\"right\">\n\t\t\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\t\t\ttemplateType={ postType }\n\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\tclassName:\n\t\t\t\t\t\t\t\t\t\t'edit-site-sidebar-navigation-screen-templates__add-button',\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{ isEditorPage && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__edit-button\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Open the editor' ) }\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t__unstableSetCanvasMode( 'edit' );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t\t\t<Item item={ item } key={ index } />\n\t\t\t\t\t\t) ) }\n\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-templates__see-all\"\n\t\t\t\t\t\t\t{ ...useLink( {\n\t\t\t\t\t\t\t\tpostType,\n\t\t\t\t\t\t\t\tpostId: undefined,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\taria-current={\n\t\t\t\t\t\t\t\tparams.postType === postType && ! params.postId\n\t\t\t\t\t\t\t\t\t? 'page'\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchildren={ config[ postType ].labels.manage }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"]}

package/build/components/site-icon/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _data = require("@wordpress/data");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _icons = require("@wordpress/icons");
+
+var _coreData = require("@wordpress/core-data");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+function SiteIcon(_ref) {
+  let {
+    className
+  } = _ref;
+  const {
+    isRequestingSite,
+    siteIconUrl
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecord,
+      isResolving
+    } = select(_coreData.store);
+    const siteData = getEntityRecord('root', '__unstableBase', undefined) || {};
+    return {
+      isRequestingSite: isResolving('core', 'getEntityRecord', ['root', '__unstableBase', undefined]),
+      siteIconUrl: siteData.site_icon_url
+    };
+  }, []);
+
+  if (isRequestingSite && !siteIconUrl) {
+    return null;
+  }
+
+  const icon = siteIconUrl ? (0, _element.createElement)("img", {
+    className: "edit-site-site-icon__image",
+    alt: (0, _i18n.__)('Site Icon'),
+    src: siteIconUrl
+  }) : (0, _element.createElement)(_components.Icon, {
+    className: "edit-site-site-icon__icon",
+    size: "36px",
+    icon: _icons.wordpress
+  });
+  return (0, _element.createElement)("div", {
+    className: (0, _classnames.default)(className, 'edit-site-site-icon')
+  }, icon);
+}
+
+var _default = SiteIcon;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/build/components/site-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/site-icon/index.js"],"names":["SiteIcon","className","isRequestingSite","siteIconUrl","select","getEntityRecord","isResolving","coreDataStore","siteData","undefined","site_icon_url","icon","wordpress"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;AAOA,SAASA,QAAT,OAAmC;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AAClC,QAAM;AAAEC,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MAAoC,qBAAaC,MAAF,IAAc;AAClE,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QAAmCF,MAAM,CAAEG,eAAF,CAA/C;AACA,UAAMC,QAAQ,GACbH,eAAe,CAAE,MAAF,EAAU,gBAAV,EAA4BI,SAA5B,CAAf,IAA0D,EAD3D;AAGA,WAAO;AACNP,MAAAA,gBAAgB,EAAEI,WAAW,CAAE,MAAF,EAAU,iBAAV,EAA6B,CACzD,MADyD,EAEzD,gBAFyD,EAGzDG,SAHyD,CAA7B,CADvB;AAMNN,MAAAA,WAAW,EAAEK,QAAQ,CAACE;AANhB,KAAP;AAQA,GAbyC,EAavC,EAbuC,CAA1C;;AAeA,MAAKR,gBAAgB,IAAI,CAAEC,WAA3B,EAAyC;AACxC,WAAO,IAAP;AACA;;AAED,QAAMQ,IAAI,GAAGR,WAAW,GACvB;AACC,IAAA,SAAS,EAAC,4BADX;AAEC,IAAA,GAAG,EAAG,cAAI,WAAJ,CAFP;AAGC,IAAA,GAAG,EAAGA;AAHP,IADuB,GAOvB,4BAAC,gBAAD;AACC,IAAA,SAAS,EAAC,2BADX;AAEC,IAAA,IAAI,EAAC,MAFN;AAGC,IAAA,IAAI,EAAGS;AAHR,IAPD;AAcA,SACC;AAAK,IAAA,SAAS,EAAG,yBAAYX,SAAZ,EAAuB,qBAAvB;AAAjB,KACGU,IADH,CADD;AAKA;;eAEcX,Q","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { wordpress } from '@wordpress/icons';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteIcon( { className } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, isResolving } = select( coreDataStore );\n\t\tconst siteData =\n\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\treturn {\n\t\t\tisRequestingSite: isResolving( 'core', 'getEntityRecord', [\n\t\t\t\t'root',\n\t\t\t\t'__unstableBase',\n\t\t\t\tundefined,\n\t\t\t] ),\n\t\t\tsiteIconUrl: siteData.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\treturn null;\n\t}\n\n\tconst icon = siteIconUrl ? (\n\t\t<img\n\t\t\tclassName=\"edit-site-site-icon__image\"\n\t\t\talt={ __( 'Site Icon' ) }\n\t\t\tsrc={ siteIconUrl }\n\t\t/>\n\t) : (\n\t\t<Icon\n\t\t\tclassName=\"edit-site-site-icon__icon\"\n\t\t\tsize=\"36px\"\n\t\t\ticon={ wordpress }\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className={ classnames( className, 'edit-site-site-icon' ) }>\n\t\t\t{ icon }\n\t\t</div>\n\t);\n}\n\nexport default SiteIcon;\n"]}

package/build/components/site-title/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _data = require("@wordpress/data");
+
+var _coreData = require("@wordpress/core-data");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+function SiteTitle(_ref) {
+  let {
+    className
+  } = _ref;
+  const {
+    isRequestingSite,
+    siteTitle
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecord,
+      isResolving
+    } = select(_coreData.store);
+    const siteData = getEntityRecord('root', '__unstableBase', undefined) || {};
+    return {
+      isRequestingSite: isResolving('core', 'getEntityRecord', ['root', '__unstableBase', undefined]),
+      siteTitle: siteData.name
+    };
+  }, []);
+
+  if (isRequestingSite && !siteTitle) {
+    return null;
+  }
+
+  return (0, _element.createElement)("div", {
+    className: (0, _classnames.default)(className, 'edit-site-site-title')
+  }, siteTitle);
+}
+
+var _default = SiteTitle;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/build/components/site-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/site-title/index.js"],"names":["SiteTitle","className","isRequestingSite","siteTitle","select","getEntityRecord","isResolving","coreDataStore","siteData","undefined","name"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIA,SAASA,SAAT,OAAoC;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AACnC,QAAM;AAAEC,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MAAkC,qBAAaC,MAAF,IAAc;AAChE,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QAAmCF,MAAM,CAAEG,eAAF,CAA/C;AACA,UAAMC,QAAQ,GACbH,eAAe,CAAE,MAAF,EAAU,gBAAV,EAA4BI,SAA5B,CAAf,IAA0D,EAD3D;AAGA,WAAO;AACNP,MAAAA,gBAAgB,EAAEI,WAAW,CAAE,MAAF,EAAU,iBAAV,EAA6B,CACzD,MADyD,EAEzD,gBAFyD,EAGzDG,SAHyD,CAA7B,CADvB;AAMNN,MAAAA,SAAS,EAAEK,QAAQ,CAACE;AANd,KAAP;AAQA,GAbuC,EAarC,EAbqC,CAAxC;;AAeA,MAAKR,gBAAgB,IAAI,CAAEC,SAA3B,EAAuC;AACtC,WAAO,IAAP;AACA;;AAED,SACC;AAAK,IAAA,SAAS,EAAG,yBAAYF,SAAZ,EAAuB,sBAAvB;AAAjB,KACGE,SADH,CADD;AAKA;;eAEcH,S","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteTitle( { className } ) {\n\tconst { isRequestingSite, siteTitle } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, isResolving } = select( coreDataStore );\n\t\tconst siteData =\n\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\treturn {\n\t\t\tisRequestingSite: isResolving( 'core', 'getEntityRecord', [\n\t\t\t\t'root',\n\t\t\t\t'__unstableBase',\n\t\t\t\tundefined,\n\t\t\t] ),\n\t\t\tsiteTitle: siteData.name,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteTitle ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={ classnames( className, 'edit-site-site-title' ) }>\n\t\t\t{ siteTitle }\n\t\t</div>\n\t);\n}\n\nexport default SiteTitle;\n"]}

package/build/components/style-book/index.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useHasStyleBook = useHasStyleBook;
+
+var _element = require("@wordpress/element");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _blocks = require("@wordpress/blocks");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _icons = require("@wordpress/icons");
+
+var _compose = require("@wordpress/compose");
+
+var _globalStyles = require("../global-styles");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const SLOT_FILL_NAME = 'EditSiteStyleBook';
+const {
+  Slot: StyleBookSlot,
+  Fill: StyleBookFill
+} = (0, _components.createSlotFill)(SLOT_FILL_NAME);
+
+function getExamples() {
+  // Use our own example for the Heading block so that we can show multiple
+  // heading levels.
+  const headingsExample = {
+    name: 'core/heading',
+    title: (0, _i18n.__)('Headings'),
+    category: 'text',
+    blocks: [(0, _blocks.createBlock)('core/heading', {
+      content: (0, _i18n.__)('Code Is Poetry'),
+      level: 1
+    }), (0, _blocks.createBlock)('core/heading', {
+      content: (0, _i18n.__)('Code Is Poetry'),
+      level: 2
+    }), (0, _blocks.createBlock)('core/heading', {
+      content: (0, _i18n.__)('Code Is Poetry'),
+      level: 3
+    }), (0, _blocks.createBlock)('core/heading', {
+      content: (0, _i18n.__)('Code Is Poetry'),
+      level: 4
+    }), (0, _blocks.createBlock)('core/heading', {
+      content: (0, _i18n.__)('Code Is Poetry'),
+      level: 5
+    })]
+  };
+  const otherExamples = (0, _blocks.getBlockTypes)().filter(blockType => blockType.name !== 'core/heading' && !!blockType.example).map(blockType => ({
+    name: blockType.name,
+    title: blockType.title,
+    category: blockType.category,
+    blocks: (0, _blocks.getBlockFromExample)(blockType.name, blockType.example)
+  }));
+  return [headingsExample, ...otherExamples];
+}
+
+function StyleBook(_ref) {
+  let {
+    isSelected,
+    onSelect,
+    onClose
+  } = _ref;
+  const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
+  const [textColor] = (0, _globalStyles.useStyle)('color.text');
+  const [backgroundColor] = (0, _globalStyles.useStyle)('color.background');
+  const examples = (0, _element.useMemo)(getExamples, []);
+  const tabs = (0, _element.useMemo)(() => (0, _blocks.getCategories)().filter(category => examples.some(example => example.category === category.slug)).map(category => ({
+    name: category.slug,
+    title: category.title,
+    icon: category.icon
+  })), [examples]);
+  return (0, _element.createElement)(StyleBookFill, null, (0, _element.createElement)("section", {
+    className: (0, _classnames.default)('edit-site-style-book', {
+      'is-wide': sizes.width > 600
+    }),
+    style: {
+      color: textColor,
+      background: backgroundColor
+    },
+    "aria-label": (0, _i18n.__)('Style Book')
+  }, resizeObserver, (0, _element.createElement)(_components.Button, {
+    className: "edit-site-style-book__close-button",
+    icon: _icons.closeSmall,
+    label: (0, _i18n.__)('Close Style Book'),
+    onClick: onClose
+  }), (0, _element.createElement)(_components.TabPanel, {
+    className: "edit-site-style-book__tab-panel",
+    tabs: tabs
+  }, tab => (0, _element.createElement)(Examples, {
+    examples: examples,
+    category: tab.name,
+    isSelected: isSelected,
+    onSelect: onSelect
+  }))));
+}
+
+const Examples = (0, _element.memo)(_ref2 => {
+  let {
+    examples,
+    category,
+    isSelected,
+    onSelect
+  } = _ref2;
+  return (0, _element.createElement)("div", {
+    className: "edit-site-style-book__examples"
+  }, examples.filter(example => example.category === category).map(example => (0, _element.createElement)(Example, {
+    key: example.name,
+    title: example.title,
+    blocks: example.blocks,
+    isSelected: isSelected(example.name),
+    onClick: () => {
+      onSelect(example.name);
+    }
+  })));
+});
+const Example = (0, _element.memo)(_ref3 => {
+  let {
+    title,
+    blocks,
+    isSelected,
+    onClick
+  } = _ref3;
+  return (0, _element.createElement)("button", {
+    className: (0, _classnames.default)('edit-site-style-book__example', {
+      'is-selected': isSelected
+    }),
+    "aria-label": (0, _i18n.sprintf)( // translators: %s: Title of a block, e.g. Heading.
+    (0, _i18n.__)('Open %s styles in Styles panel'), title),
+    onClick: onClick
+  }, (0, _element.createElement)("span", {
+    className: "edit-site-style-book__example-title"
+  }, title), (0, _element.createElement)("div", {
+    className: "edit-site-style-book__example-preview"
+  }, (0, _element.createElement)(_blockEditor.BlockPreview, {
+    blocks: blocks,
+    viewportWidth: 0,
+    __experimentalStyles: [{
+      css: '.wp-block:first-child { margin-top: 0; }' + '.wp-block:last-child { margin-bottom: 0; }'
+    }]
+  })));
+});
+
+function useHasStyleBook() {
+  const fills = (0, _components.__experimentalUseSlotFills)(SLOT_FILL_NAME);
+  return !!(fills !== null && fills !== void 0 && fills.length);
+}
+
+StyleBook.Slot = StyleBookSlot;
+var _default = StyleBook;
+exports.default = _default;
+//# sourceMappingURL=index.js.map